:root{color-scheme:dark;--ink:#fffaf2;--muted:#c9bddf;--panel:#21163a;--line:#493867;--pink:#ff6fae;--gold:#ffd166;--mint:#69e6c2;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#422467 0,#160f29 45%,#0b0914 100%);color:var(--ink)}body{min-height:100dvh}.shell{width:min(760px,100%);min-height:100dvh;margin:auto;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:var(--ink);font-weight:900;letter-spacing:.08em;text-decoration:none;font-size:.78rem}.round{color:var(--muted);font-weight:800}.hero{text-align:center;margin:auto 0}.brain{font-size:3.2rem}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--mint);font-size:.72rem;font-weight:900}.hero h1{font-size:clamp(2.5rem,12vw,5rem);line-height:.92;margin:.2em 0}.tagline{font-size:1.18rem;color:var(--muted)}.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 50px #0006}.form{display:grid;gap:12px}.form label{font-weight:800}.form input{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#100b1f;border:2px solid var(--line);border-radius:14px;padding:14px}.form input:focus{outline:3px solid var(--gold);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{appearance:none;border:0;border-radius:14px;background:var(--pink);color:#1a0920;padding:14px 18px;font:900 1rem inherit;min-height:50px;cursor:pointer}.button.secondary{background:#34254f;color:var(--ink);border:1px solid var(--line)}.button:disabled{opacity:.45;cursor:not-allowed}.button:focus-visible,.card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.help{color:var(--muted);font-size:.9rem;line-height:1.45}.code{font-size:2.5rem;letter-spacing:.17em;margin:.1em 0;color:var(--gold)}.players{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{padding:8px 10px;border-radius:999px;background:#34254f;border:1px solid var(--line);font-weight:800}.chip.off{opacity:.55}.prompt{font-size:clamp(1.35rem,5.8vw,2rem);line-height:1.12;text-align:center;margin:12px auto 14px;max-width:650px}.meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:800;font-size:.85rem}.timer{font-size:1.15rem;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-width:0;min-height:78px;border:2px solid var(--line);border-radius:17px;background:#251942;color:var(--ink);padding:10px 8px;display:flex;align-items:center;gap:8px;text-align:left;font:800 .94rem/1.05 inherit;cursor:pointer;transition:transform .1s,border-color .1s,background .1s}.card .emoji{font-size:1.7rem;flex:0 0 auto}.card:active{transform:scale(.97)}.card.selected{border-color:var(--gold);background:#44305f}.locked{text-align:center;color:var(--mint);font-weight:900;margin:11px}.countdown{text-align:center;font-size:min(34vw,10rem);font-weight:1000;color:var(--gold);margin:auto}.groups{display:grid;gap:10px}.group{border:1px solid var(--line);border-radius:18px;background:#21163a;padding:12px}.group.big{border-color:var(--gold);background:#3b2852}.group h2{margin:0 0 8px;font-size:1.15rem}.names{display:flex;flex-wrap:wrap;gap:6px}.name{background:#100b1f;border-radius:999px;padding:6px 9px;font-weight:800}.same{padding:20px;text-align:center;border:3px solid var(--gold);border-radius:24px;background:linear-gradient(145deg,#5c2d72,#30245f);margin-bottom:12px}.same h1{font-size:clamp(2.3rem,12vw,4.5rem);margin:.1em}.leaderboard{display:grid;gap:8px}.leader{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;background:#251942;border-radius:14px;padding:10px}.leader.me{outline:2px solid var(--mint)}.awards{display:grid;gap:8px;margin-top:14px}.award{padding:10px;border-radius:14px;background:#34254f}.error{background:#692a45;border-radius:12px;padding:10px;color:white}.footer{margin-top:auto;padding-top:16px;text-align:center;color:var(--muted);font-size:.78rem}@media(max-width:340px){.shell{padding-left:10px;padding-right:10px}.grid{gap:7px}.card{min-height:70px;font-size:.82rem;padding:8px 6px}.card .emoji{font-size:1.4rem}.prompt{margin:8px 0 10px}}@media(min-width:620px){.grid{grid-template-columns:repeat(4,1fr)}.card{min-height:110px;flex-direction:column;justify-content:center;text-align:center}.card .emoji{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.group.your-choice{border:2px solid var(--yellow)}.your-answer{display:block;margin:4px 0 10px;color:var(--yellow);font-size:13px;letter-spacing:.09em}
.play-heading{text-align:center;margin-top:8px}.round-heading,.category{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900;color:var(--muted)}.timer-display{width:fit-content;min-width:2.2ch;margin:1px auto 3px;font-size:clamp(3rem,16vw,5.2rem);font-weight:1000;line-height:.9;color:var(--gold);font-variant-numeric:tabular-nums;transition:color .15s,transform .15s}.timer-display::before{content:'⏱';font-size:.42em;vertical-align:.32em;margin-right:.18em}.timer-display.urgent{color:#ff9d66}.timer-display.critical{color:#ff6f91;transform:scale(1.08);animation:timer-pulse .7s ease-in-out infinite alternate}.timer-track{--remaining:100%;height:7px;width:min(330px,88%);margin:0 auto 6px;border-radius:999px;overflow:hidden;background:#36284e}.timer-track span{display:block;width:var(--remaining);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--gold));transition:width .25s linear}.timer-track.urgent span{background:#ff6f91}.category{color:var(--mint)}
.card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.card:active:not(:disabled){transform:scale(.97)}.card:disabled{cursor:default;opacity:.58}.card.selected,.card.selected:disabled{opacity:1;border-color:var(--gold);background:#44305f;box-shadow:0 0 0 2px #ffd16633}.input-help{text-align:center;margin:10px}.input-error{margin:0 0 9px;text-align:center}
.onboarding{display:grid;place-items:center;flex:1;text-align:center;min-height:420px}.intro-copy{max-width:610px}.intro-copy h1{font-size:clamp(1.8rem,8vw,3.2rem);line-height:1.08;margin:.45em 0}.intro-copy h1 em{color:var(--pink);font-style:normal}.intro-copy>p:not(.kicker){font-size:clamp(1.08rem,4.5vw,1.45rem);line-height:1.4}.intro-copy strong{color:var(--gold)}.intro-rules{color:var(--muted)}.intro-ready .kicker{font-size:1rem}
@keyframes timer-pulse{to{transform:scale(1.13)}}
@media(max-width:340px){.top .round{display:none}.play-heading{margin-top:3px}.timer-display{font-size:2.9rem}.onboarding{min-height:360px}.intro-copy>p:not(.kicker){font-size:1rem}}
@media(prefers-reduced-motion:reduce){.timer-display.critical{transform:none}}