:root{--bg: #0c1021;--panel: #151b2e;--border: #2a3555;--text: #e8ecf8;--muted: #8b95b5;--accent: #5b8cff;--accent2: #7cf4c6;--danger: #ff6b8a;--ok: #7cf4c6}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#1a2850 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#132238 0%,transparent 50%),var(--bg);color:var(--text)}#root{min-height:100vh;max-width:720px;margin:0 auto;padding:1.25rem}h1{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.sub{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.35rem;margin-bottom:1rem}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}input,select{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:#0e1424;color:var(--text);font:inherit}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:grid;gap:.75rem}@media (min-width: 520px){.row-2{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:10px;border:none;font:inherit;font-weight:600;cursor:pointer;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent),#4068d8);color:#fff}.btn-secondary{background:#1e2740;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;background:#1e2740;border:1px solid var(--border);color:var(--muted)}.players{list-style:none;padding:0;margin:.5rem 0 0}.players li{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.95rem}.players li:last-child{border-bottom:none}.options{display:grid;gap:.55rem;margin-top:.75rem}.opt{text-align:left;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--border);background:#0e1424;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.opt:hover:not(:disabled){border-color:var(--accent)}.opt:disabled{cursor:default;opacity:.85}.opt.mine{outline:2px solid var(--accent)}.opt.correct{border-color:var(--ok);background:#7cf4c614}.opt.wrong{border-color:var(--danger);background:#ff6b8a0f}.timer-bar{height:4px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:.5rem}.timer-bar>i{display:block;height:100%;background:var(--accent2);transition:width .1s linear}.err{color:var(--danger);font-size:.85rem;margin-top:.5rem}.code-big{font-size:1.75rem;font-weight:700;letter-spacing:.18em;font-variant-numeric:tabular-nums;text-align:center;padding:.5rem;background:#0e1424;border-radius:10px;border:1px dashed var(--border)}a.link{color:var(--accent)}