:root{color-scheme:dark;--ink: #140e0a;--ink-2: #24170f;--cream: #f6efe2;--muted: #cbbba6;--amber: #ffb703;--line: rgba(246, 239, 226, .16);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--cream);background:radial-gradient(900px 420px at 50% -8%,rgba(255,183,3,.2),transparent 60%),linear-gradient(180deg,#2a1b12 0%,var(--ink) 42%,#0c0907 100%)}button,input{font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{touch-action:manipulation}.stage{min-height:100dvh;padding:28px clamp(16px,4vw,64px) 32px}.eyebrow{margin:0 0 8px;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--amber)}.hint,.waiting,.join-url{color:var(--muted)}.waiting{font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:clamp(2rem,5vw,3.5rem)}.banner{margin:0 0 16px;padding:10px 14px;border:1px solid rgba(255,183,3,.45);background:#ffb7031f}.lobby,.board{display:flex;flex-direction:column;gap:22px;max-width:1200px;margin:0 auto}.code{margin:0;font-weight:800;letter-spacing:.18em;font-size:clamp(4.5rem,14vw,9rem);line-height:.9}.code.small{font-size:clamp(2.4rem,12vw,4rem)}.join-url{margin:0;font-size:clamp(1.1rem,2.5vw,1.8rem);word-break:break-all}.prompt{margin:0;font-family:Georgia,Iowan Old Style,Palatino,serif;font-weight:500;font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.12;text-wrap:balance}.kicker{margin:0;color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{display:flex;align-items:center;gap:14px;min-height:112px;padding:16px 18px;border:0;border-radius:18px;text-align:left;box-shadow:0 10px 24px #00000038}.answer .letter{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#00000038;font-weight:800}.answer .label{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:750;line-height:1.2}.answer.is-selected{outline:4px solid #fff8ea;outline-offset:3px}.answer.is-correct{outline:5px solid #fff8ea;outline-offset:3px}.answer.is-dim{opacity:.48}.answer.is-wrong .label{text-decoration:line-through}.timer{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.timer-track{height:18px;border-radius:999px;background:#f6efe21f;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,#ffb703,#ff7a00)}.timer-fill.urgent{background:#e23b3b}.timer-seconds{min-width:2ch;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.timer-seconds.urgent{color:#ff8d7a}.controls{display:flex;flex-wrap:wrap;gap:12px}.btn{border:0;border-radius:999px;padding:14px 28px;font-weight:750;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.primary{background:var(--amber);color:#1a1208}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.chip{padding:10px 14px;border-radius:999px;background:#f6efe214;border:1px solid var(--line)}.chip.away{opacity:.45}.scores,.podium{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.scores li,.podium li{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-size:1.35rem}.gain{color:#b6f3c8}.miss{color:#ffb4a8}.place-1 .place-name{color:#ffb703}.place-2 .place-name{color:#e6e6e6}.place-3 .place-name{color:#e0a06a}.place-rank{width:2ch;color:var(--muted)}.podium li{grid-template-columns:auto 1fr auto}.stage.phone{max-width:520px;margin:0 auto;height:100dvh;padding:16px 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.join,.phone-wait{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;overflow:auto}.join h1,.phone-wait h1{margin:0;font-family:Georgia,Iowan Old Style,Palatino,serif;font-size:clamp(2.2rem,10vw,3.4rem);font-weight:500}.join label{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.join input{border:1px solid var(--line);border-radius:14px;background:#00000047;padding:14px 16px;font-size:1.4rem}.join .btn,.lockbar .btn{width:100%}.phone-play{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.phone-head{display:flex;justify-content:space-between;color:var(--muted)}.answer-grid.phone{min-height:0;height:100%;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.answer-grid.phone .answer{min-height:0;height:100%;width:100%}.lockbar{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,#140e0a00,#140e0a 28%)}.lockbar .hint{margin:0}.score-line{font-size:1.2rem}.phone-wait .answer-grid{margin-top:8px}@media(max-width:720px){.stage.tv{padding:18px 14px 24px}.answer{min-height:84px}.scores li{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}