:root{ --bg:#111; --card:#1a1a1a; --muted:#202020; --border:#2c2c2c; --text:#eaeaea; --accent:#7dd3fc; }
.quizkit-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--text);background:var(--bg);min-height:60vh;padding:12px}
.quizkit-app{max-width:1100px;margin:0 auto;background:var(--card);border-radius:16px;box-shadow:0 6px 30px rgba(0,0,0,.35);overflow:hidden}
.qk-header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 20px;background:var(--muted);border-bottom:1px solid var(--border)}
.qk-brand{display:flex;align-items:center;gap:12px}
.qk-logo{height:36px;width:auto;object-fit:contain;border-radius:8px}
.qk-titles h1{margin:0;font-size:22px;line-height:1.1}
.qk-subtitle{font-size:12px;opacity:.8;margin-top:2px}
.qk-menu{justify-self:start}
.qk-menu .qk-nav{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.qk-menu .qk-nav a{color:var(--text);text-decoration:none;border:1px solid transparent;padding:6px 10px;border-radius:10px}
.qk-menu .qk-nav a:hover{border-color:var(--border);background:var(--card)}
.qk-score span{margin-left:14px;white-space:nowrap}
.qk-main{padding:20px}
.qk-screen h2{margin-top:0}
.qk-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.qk-choice{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--muted);cursor:pointer}
.qk-choice:disabled{opacity:.6;cursor:default}
.qk-picked{margin-top:10px;opacity:.8}
.qk-media img,.qk-media video,.qk-media iframe,.qk-media audio{max-width:100%;border-radius:12px;margin-top:10px}
.qk-controls{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;background:var(--muted);border-top:1px solid var(--border)}
.qk-controls button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--muted);color:var(--text);cursor:pointer}
.qk-controls .danger{border-color:#6b2b2b;background:#3a1616}
.qk-lobby .qk-scorecontrols{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.qk-reveal{font-size:20px}
.qk-fullscreen{position:fixed; inset:0; z-index:9999; padding:0 !important;}
.qk-fullscreen .quizkit-app{max-width:none; height:100vh; border-radius:0; display:flex; flex-direction:column;}
.qk-fullscreen .qk-main{flex:1; overflow:auto}
.theme-dark{}
.theme-light{ --bg:#f6f7fb; --card:#ffffff; --muted:#f0f1f6; --border:#dcdde4; --text:#0f172a; --accent:#2563eb; }
.theme-arcade{ --bg:#0b0026; --card:#12003a; --muted:#1a004f; --border:#3b1d82; --text:#f5f3ff; --accent:#22d3ee; text-shadow:0 0 3px rgba(34,211,238,.25); }
.theme-slate{ --bg:#0f172a; --card:#111827; --muted:#0b1220; --border:#1f2937; --text:#e5e7eb; --accent:#93c5fd; }