*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100vw;height:100vh;background:#0a0a12;color:#cfd8ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;font-size:18px;letter-spacing:3px;color:#8a92b8;border-bottom:1px solid rgba(255,255,255,.05)}.topbar .brand{color:#cfd8ff;font-weight:700}.topbar .right{display:flex;gap:32px;align-items:center}.audio-hint{font-size:12px;letter-spacing:2px;color:#cfd8ff8c}.audio-hint.muted{color:#ffd84a}.timer-bar{position:relative;width:220px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.timer-bar .fill{position:absolute;inset:0;background:linear-gradient(90deg,#58ff58,#ffd84a 60%,#ff5050 95%);transform-origin:left center;transition:transform .1s linear}.body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;min-height:0}.lobby{display:grid;grid-template-columns:auto 1fr;gap:64px;max-width:1400px;width:100%;align-items:center}.lobby .qr-card{background:#cfd8ff0a;border:2px solid rgba(207,216,255,.18);border-radius:16px;padding:28px;text-align:center;width:420px}.lobby .qr-card img{width:100%;height:auto;image-rendering:pixelated}.lobby .qr-card .label{margin-top:16px;font-size:22px;letter-spacing:3px;color:#cfd8ff}.lobby .qr-card .sub{margin-top:6px;font-size:13px;letter-spacing:2px;color:#8a92b8}.lobby .players h2{margin:0 0 18px;font-size:22px;letter-spacing:4px;color:#8a92b8}.lobby .players h2.ready{color:#58ff58;text-shadow:0 0 12px rgba(88,255,88,.5)}.lobby .players .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lobby .players .slot{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;border:1px solid rgba(207,216,255,.12);background:#ffffff05;font-size:20px;color:#8a92b8}.lobby .players .slot .swatch{width:18px;height:18px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.18)}.lobby .players .slot.paired{color:#cfd8ff;background:#ffffff0a}.lobby .players .slot.paired .swatch{border-color:var(--colour);background:var(--colour);box-shadow:0 0 14px var(--colour)}.lobby .hint{margin-top:18px;color:#8a92b8;font-size:14px;letter-spacing:1px}.question{display:flex;flex-direction:column;width:min(1500px,96vw);align-items:center;gap:32px}.question .qtext{font-size:clamp(28px,4vw,60px);line-height:1.18;text-align:center;color:#cfd8ff;font-weight:600;text-shadow:0 0 24px rgba(207,216,255,.1);letter-spacing:.5px;max-width:1400px}.question .qmeta{color:#8a92b8;font-size:14px;letter-spacing:4px}.question .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:1200px}.option{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:16px;padding:22px 28px;border:3px solid var(--colour, rgba(255,255,255,.18));border-radius:14px;background:#0a0a1299;font-size:clamp(20px,2vw,32px);color:#cfd8ff;position:relative;overflow:hidden}.option .glyph{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#ffffff0a;border:2px solid var(--colour, rgba(255,255,255,.2));color:var(--colour, #cfd8ff);font-weight:700;font-size:32px;text-shadow:0 0 12px var(--colour)}.option .text{line-height:1.25}.option .answers-strip{position:absolute;right:14px;top:14px;display:flex;gap:4px}.option .answers-strip .pip{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.option.correct{background:color-mix(in oklab,var(--colour) 22%,transparent);box-shadow:0 0 32px color-mix(in oklab,var(--colour) 45%,transparent)}.option.incorrect{opacity:.45}.scoreboard{display:flex;justify-content:center;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.05);overflow-x:auto}.scoreboard .row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-width:140px}.scoreboard .row .dot{width:14px;height:14px;border-radius:50%;background:var(--colour, rgba(255,255,255,.3));box-shadow:0 0 10px var(--colour)}.scoreboard .row .name{color:#cfd8ff;font-size:16px;letter-spacing:1px}.scoreboard .row .pts{margin-left:auto;color:#cfd8ff;font-weight:700}.scoreboard .row.locked{background:color-mix(in oklab,var(--colour) 20%,rgba(0,0,0,.7))}.scoreboard .row.locked .name:after{content:" ✓"}.scoreboard .row.bot{opacity:.8}.scoreboard .row.bot .name{color:#8a92b8}.lobby .players .slot.bot{background:#ffffff05}.lobby .players .slot.bot .swatch{opacity:.55}.final{display:flex;flex-direction:column;align-items:center;gap:28px}.final h1{font-size:clamp(48px,7vw,110px);margin:0;color:var(--colour, #cfd8ff);text-shadow:0 0 36px var(--colour);letter-spacing:6px}.final .podium{display:grid;grid-template-columns:repeat(3,minmax(160px,220px));gap:18px;align-items:end}.final .podium .step{background:#ffffff0a;border-top:4px solid var(--colour);text-align:center;padding:18px 12px;border-radius:6px 6px 0 0}.final .podium .step .place{font-size:24px;color:#8a92b8;letter-spacing:2px}.final .podium .step .name{font-size:26px;color:var(--colour);margin:8px 0 4px}.final .podium .step .pts{font-size:20px;color:#cfd8ff}.final .podium .first .step{height:220px}.final .podium .second .step{height:170px}.final .podium .third .step{height:130px}.final .restart-hint{color:#8a92b8;font-size:14px;letter-spacing:2px}