@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;600&display=swap";:root{--bg:#14121c;--surface:#201d2b;--surface2:#2b2738;--line:#332e42;--line-strong:#4a4460;--fg:#f4f1ea;--muted:#a9a3b8;--accent:#f2c14e;--accent-ink:#1a1405;--accent-soft:#3a3220;--warn:#ff8a65;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit}h1,h2,h3,.big,.year,.code-big{margin:0;font-family:Space Grotesk,sans-serif}h1{font-size:36px}h2{flex:1;font-size:20px}h3{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:13px}.screen{max-width:480px;min-height:100dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:32px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.center{text-align:center;align-items:center}.center-text{text-align:center}.fill{flex:1}.muted{color:var(--muted);margin:0}.small{font-size:14px}.big{font-size:32px;font-weight:700}.topbar{align-items:center;gap:12px;display:flex}.icon-button{background:var(--surface);width:44px;height:44px;color:var(--fg);cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;display:flex}.button{background:var(--accent);min-height:56px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;padding:0 20px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.button.secondary{border:2px solid var(--line-strong);color:var(--fg);background:0 0;font-size:16px}.button.wide{align-self:stretch}.button:disabled{opacity:.4;cursor:default}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.answer{border:2px solid var(--line-strong);background:var(--surface);height:56px;color:var(--fg);border-radius:14px;outline:none;padding:0 16px;font-size:18px}.field input:focus,.answer:focus{border-color:var(--accent)}.code-input{letter-spacing:14px;text-align:center;font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--accent)!important;height:68px!important;font-size:36px!important}.pill{background:var(--surface);border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.grid2,.grid4{gap:8px;width:100%;display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{border:2px solid var(--line);background:var(--surface);min-height:52px;color:var(--fg);cursor:pointer;border-radius:14px;padding:8px 14px;font-size:16px;font-weight:600}.choice.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.choice.row{text-align:left;justify-content:space-between;align-items:center;display:flex}.choice.tall{min-height:68px;font-family:Space Grotesk,sans-serif;font-size:24px}.stepper{align-items:center;gap:16px;display:flex}.round{background:var(--surface2);width:52px;height:52px;color:var(--fg);cursor:pointer;border:none;border-radius:26px;font-size:24px}.notice{border:2px solid var(--warn);color:var(--fg);border-radius:12px;margin:0;padding:12px 14px}.scores{gap:8px;display:flex;overflow-x:auto}.score{background:var(--surface);border-radius:12px;flex-direction:column;flex:1 0 auto;align-items:center;min-width:68px;padding:8px 12px;display:flex}.score strong{font-family:Space Grotesk,sans-serif;font-size:20px}.score.me{background:var(--accent-soft)}.score.away{opacity:.45}.code-big{letter-spacing:10px;color:var(--accent);font-size:64px;font-weight:700}.qr{background:#fff;border-radius:12px;padding:8px}.now-playing{background:var(--surface);border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.now-playing rect{fill:var(--accent);transform-origin:bottom;transform-box:fill-box}.bars rect{animation:.9s ease-in-out infinite alternate bounce}.bars rect:nth-child(2){animation-delay:.2s}.bars rect:nth-child(3){animation-delay:.45s}.bars rect:nth-child(4){animation-delay:.1s}@keyframes bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.bars rect{animation:none}}.year{letter-spacing:-2px;color:var(--accent);font-size:80px;font-weight:700}.suggestion{background:var(--surface2);min-height:48px;color:var(--fg);text-align:left;cursor:pointer;border:none;border-radius:12px;padding:0 16px;font-size:16px}.host-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.host-bar button{border:1px solid var(--line-strong);background:var(--surface);min-height:48px;color:var(--fg);cursor:pointer;border-radius:14px;font-weight:600}.reveal-card{background:var(--surface);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:24px 16px;display:flex}.reveal-card .year{font-size:64px}.reveal-card .title{font-family:Space Grotesk,sans-serif;font-size:24px}.result{border:2px solid var(--line-strong);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px;font-size:18px;display:flex}.result.win{border-color:var(--accent)}.answers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.answers li{background:var(--surface);border-radius:12px;grid-template-columns:1fr 1.4fr 40px;gap:8px;padding:10px 12px;font-size:15px;display:grid}.answers li strong{color:var(--accent);text-align:right}.count-in{justify-content:center}.count-in-number{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:160px;font-weight:700;animation:.9s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.count-in-number{animation:none}}.deadline{background:var(--warn);color:#1a0b05;text-align:center;border-radius:14px;padding:12px;font-size:20px;font-weight:700}.stack.tight{gap:6px}.slot{border:2px dashed var(--line-strong);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;font-size:15px;font-weight:600}.slot.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tl-card{background:var(--surface2);border-radius:14px;align-items:center;gap:14px;padding:10px 14px;display:flex}.tl-year{color:var(--accent);min-width:58px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.tl-text{flex-direction:column;display:flex}.bingo{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bingo-square{aspect-ratio:1;border:2px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:6px;font-size:13px;font-weight:600;display:flex}.bingo-square.ticked{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.bingo-square.hot{border-color:var(--accent);color:var(--accent)}