:root{--bg:#0f1020;--fg:#f4f4fb;--muted:#9a9ab5;--accent:#6c5ce7;--correct:#2ecc71;--elevated:#1b1c3a;--track:#23244a;--track-strong:#2a2b55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{--bg:#f4f5fb;--fg:#14152b;--muted:#56566f;--elevated:#e9e9f6;--track:#d9d9ec;--track-strong:#cdcde4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--fg);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--bg);color:var(--fg);margin:0}.theme-toggle{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:20;border:1px solid var(--track);background:var(--bg);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;font-size:1.2rem;line-height:1;display:grid;position:fixed}.scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:4vmin 4vmin 4rem;display:flex;overflow:hidden}.scene .centered{flex-direction:column;align-items:center;gap:.6rem;min-height:0;max-height:100%;display:flex}.scene .centered>:not(.cloud){flex-shrink:0}.scene h1{margin:0;font-size:8vmin}.big{font-size:5vmin;font-weight:700}.muted{color:var(--muted)}.prompt{max-width:80vw;font-size:4.5vmin}.cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .7rem;max-width:90vw;min-height:0;display:flex;overflow:hidden}.chip{color:var(--fg);border-radius:999px;padding:.25em .7em;font-weight:700;line-height:1.2;animation:.5s ease-out both chip-in}.chip-more{background:var(--track);color:var(--muted);font-size:2.6vmin;font-weight:600}@keyframes chip-in{0%{opacity:0;transform:scale(.2)}30%{opacity:1}55%{transform:scale(1.18)}72%{transform:scale(.94)}to{opacity:1;transform:scale(1)}}.options{text-align:left;flex-direction:column;gap:.7em;padding:0;font-size:3.5vmin;list-style:none;display:flex}.options li{align-items:center;display:flex}.letter{background:var(--accent);color:#fff;border-radius:.4em;place-items:center;min-width:1.6em;height:1.6em;margin-right:.6em;font-weight:700;display:inline-grid}.countdown{color:var(--accent);font-size:9vmin;font-weight:800}.countdown.low{color:#e74c3c;animation:1s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.bars{width:min(90vw,50rem)}.bar{grid-template-columns:1fr 8rem auto;align-items:center;gap:1rem;margin:.6rem 0;font-size:3vmin;display:grid}.bar-label{text-align:left}.bar-track{background:var(--track);border-radius:.7rem;height:1.4rem;overflow:hidden}.bar-fill{background:var(--accent);height:100%;transition:width .4s;display:block}.bar.correct{animation:.45s correct-pop}.bar.correct .bar-fill{background:var(--correct)}.bar.correct .bar-label{color:var(--correct);font-weight:700}@keyframes correct-pop{40%{transform:scale(1.03)}}.bar-count{font-variant-numeric:tabular-nums}.board{--board-width:min(90vw, max(40rem, 72vmin));position:relative}.board-label{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0;font-size:2.4vmin}.trophy{font-size:9vmin}.congrats{max-width:var(--board-width);margin:.2em 0 .6em;font-size:5vmin}.join-qr{border:1px solid var(--track);background:#fff;border-radius:.8rem;padding:.7rem;line-height:0}.join-qr svg{width:16vmin;height:16vmin;display:block}.join-url{color:var(--accent);background:var(--elevated);border-radius:.4em;padding:.3em .6em;font-size:4vmin;font-weight:700}.board ol{width:var(--board-width);grid-template-columns:auto 1fr auto auto;column-gap:.9em;padding:0;font-size:4.2vmin;list-style:none;display:grid}.board li{grid-template-columns:subgrid;text-align:left;border-bottom:1px solid var(--track);border-radius:.5rem;grid-column:1/-1;align-items:baseline;padding:.55em .9em;line-height:1;display:grid}.board li.leader{background:var(--correct);color:#04220f;--row-muted:#04220f;border-bottom:none;font-weight:700}.rank{color:var(--row-muted,var(--muted))}.name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score,.time{font-variant-numeric:tabular-nums}.time{color:var(--row-muted,var(--muted));margin-left:.6em}.board li.leader .score,.board li.leader .time{font-weight:400}.hint{color:var(--muted);background:var(--bg);border-radius:999px;padding:.4rem .9rem;font-size:1rem;position:fixed;bottom:1rem}.dev-reset{border:1px solid var(--muted);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:.5rem;padding:.4rem .8rem;font-size:.85rem;position:fixed;bottom:1rem;right:1rem}.phone{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.join{flex-direction:column;gap:1rem;width:min(90vw,22rem);display:flex}.join-field{flex-direction:column;gap:.3rem;display:flex}.join-counter{min-height:1.1em;color:var(--muted);text-align:right;margin:0;font-size:.8rem}.join-counter.at-max{color:var(--fg)}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:1px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-8vh}@keyframes confetti-fall{to{transform:translateY(115vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.bar-fill{transition:none}}.join input,.join button,.choice{border:none;border-radius:.8rem;padding:1rem;font-size:1.25rem}.join button,.choice{background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:700}.join button:active:not(:disabled),.choice:active:not(:disabled){filter:brightness(1.12)}.answer{width:min(92vw,26rem)}.phone .prompt{font-size:1.5rem}.answer-status{min-height:1.5em;margin:1rem 0 0}.choices{flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.choice{text-align:left;align-items:center;display:flex}.choice.picked{outline:3px solid var(--fg)}.choice:disabled,.join button:disabled{opacity:.55;cursor:default}.results-view{flex-direction:column;gap:1rem;width:min(92vw,26rem);display:flex}.results-headline{justify-content:center;align-items:center;min-height:2rem;margin:0;display:flex}.results{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.result{background:var(--elevated);text-align:left;border-radius:.7rem;align-items:center;gap:.6rem;padding:.9rem .8rem;display:flex;position:relative;overflow:hidden}.result-bar{background:var(--track-strong);z-index:0;position:absolute;inset:0 auto 0 0}.result>:not(.result-bar){z-index:1;position:relative}.result-text{flex:1}.result-count{font-variant-numeric:tabular-nums;color:var(--muted)}.result .tag{background:var(--fg);color:var(--bg);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.result.mine{outline:2px solid var(--fg)}.result.correct .result-bar{background:#2ecc7159}.result.correct{color:var(--correct);font-weight:700}.result-card{flex-direction:column;align-items:center;gap:.4rem;animation:.45s both result-in;display:flex}.result-card .board-label{font-size:.85rem}.result-hero{font-size:5rem;font-weight:800;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) both hero-pop}.result-headline{margin:0;font-size:1.6rem;font-weight:700}.result-score{margin:0;font-size:1.15rem}.result-time{font-variant-numeric:tabular-nums;margin:0}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.result-card,.result-hero,.countdown.low,.bar.correct,.chip{animation:none}}