:root{--dur-tap:90ms;--dur-ui:.22s;--dur-reveal:.42s;--ease-tap:cubic-bezier(.2, 0, .2, 1);--ease-settle:cubic-bezier(.34, 1.56, .64, 1);--edge:4px;--edge-chunky:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--t-xl:32px;--t-lg:24px;--t-md:20px;--t-sm:17px;--d-xl:96px;--d-lg:64px;--d-md:48px;--d-sm:32px;--tap-min:56px}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--fg);font-size:var(--t-sm);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.4}input,textarea{-webkit-user-select:text;user-select:text;font-family:inherit}.safe{padding-top:max(var(--s-4), env(safe-area-inset-top));padding-bottom:max(var(--s-4), env(safe-area-inset-bottom));padding-left:max(var(--s-4), env(safe-area-inset-left));padding-right:max(var(--s-4), env(safe-area-inset-right))}.btn{appearance:none;justify-content:center;align-items:center;gap:var(--s-2);width:100%;min-height:var(--tap-min);padding:var(--s-3) var(--s-5);border-radius:var(--r-lg);font-family:var(--font-ui);font-size:var(--t-md);letter-spacing:.01em;cursor:pointer;background:var(--btn-bg,var(--brand));color:var(--btn-fg,var(--brand-on));box-shadow:0 var(--edge) 0 var(--btn-edge,var(--brand-edge));transition:transform var(--dur-tap) var(--ease-tap), box-shadow var(--dur-tap) var(--ease-tap), filter var(--dur-tap) var(--ease-tap);touch-action:manipulation;border:0;font-weight:700;display:inline-flex;transform:translateY(0)}.btn:active:not(:disabled){transform:translateY(var(--edge));box-shadow:0 0 0 var(--btn-edge,var(--brand-edge))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--focus,currentColor);outline-offset:3px}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--fg);--btn-edge:transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn--ghost:active:not(:disabled){transform:translateY(2px)}.btn--danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-edge:var(--danger-edge)}.btn--lg{min-height:68px;font-size:var(--t-lg)}.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-4)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.05}h1{font-size:var(--t-xl);font-weight:800}h2{font-size:var(--t-lg);font-weight:700}.tnum{font-variant-numeric:tabular-nums}[data-display=true] body{font-size:var(--d-sm)}[data-display=true] h1{font-size:var(--d-lg)}[data-display=true] h2{font-size:var(--d-md)}[data-display=true] .btn{min-height:80px;font-size:var(--d-sm)}[data-display=true] .hero-number{font-size:var(--d-xl)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active:not(:disabled){transform:none}}.stack{gap:var(--s-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);display:flex}.grow{flex:1}.center{place-items:center;min-height:100dvh;display:grid}.muted{color:var(--fg-muted)}.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}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shake{animation:shake .12s var(--ease-tap)}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pop-in{animation:pop-in var(--dur-reveal) var(--ease-settle) both}:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-ui:"Manrope", system-ui, -apple-system, sans-serif;--bg:#0b0b14;--surface:#16162a;--surface-raised:#22223e;--fg:#f2f0ff;--fg-muted:#9d9ac0;--line:#33335a;--brand:#22d3ee;--brand-edge:#0e93ac;--brand-on:#04202a;--accent:#ff3d9a;--accent-edge:#c4176f;--danger:#ff3d9a;--danger-edge:#c4176f;--focus:#22d3ee;--ans-a:#4fa8ff;--ans-a-edge:#2b6fb8;--ans-b:#ffc043;--ans-b-edge:#c08a1c;--ans-c:#17c3a0;--ans-c-edge:#0d8a70;--ans-d:#b06bff;--ans-d-edge:#7b3fc4;--beat:.5s}.home{text-align:center;background:radial-gradient(80% 45% at 50% 0%, #1d1d3d 0%, transparent 70%), var(--bg);flex-direction:column;justify-content:space-between;min-height:100dvh;display:flex}.home__top{padding-top:var(--s-8)}.home h1{font-family:var(--font-display);letter-spacing:-.03em;margin-top:var(--s-4);background:linear-gradient(90deg, var(--brand), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,17vw,92px);font-weight:700}.home__tag{font-size:var(--t-md);color:var(--fg-muted);margin-top:var(--s-2);font-weight:700}.home__note{font-size:13px}.eq{justify-content:center;align-items:flex-end;gap:6px;height:56px;display:flex}.eq--big{height:84px}.eq__bar{background:var(--brand);width:12px;height:20%;animation:bounce var(--beat) ease-in-out infinite alternate;border-radius:4px}.eq__bar:nth-child(2n){background:var(--accent)}@keyframes bounce{0%{height:20%}to{height:100%}}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__head p{margin:var(--s-2) 0 0}.shell__body{padding-top:var(--s-4);flex-direction:column;flex:1;display:flex}.spacer{min-height:var(--s-4);flex:1}.small{font-size:13px}.small-btn{width:auto;min-height:44px;padding:0 var(--s-4);font-size:14px}.warn{color:var(--accent);margin-top:var(--s-3);font-weight:700}.field{width:100%;min-height:var(--tap-min);padding:0 var(--s-4);border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-size:var(--t-md);font-weight:600}.field:focus{outline:3px solid var(--brand);outline-offset:2px}.catgrid{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.cat{align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-2);border:2px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-height:96px;color:var(--fg);font:inherit;cursor:pointer;flex-direction:column;font-weight:700;display:flex}.cat--on{border-color:var(--brand);background:var(--surface-raised);box-shadow:0 4px 0 var(--brand-edge)}.cat__emoji{font-size:28px}.cat__label{text-align:center;font-size:14px}.quiz{gap:var(--s-4);flex-direction:column;min-height:100dvh;display:flex}.quiz__top{justify-content:space-between;display:flex}.pill{background:var(--surface);border-radius:var(--r-full);color:var(--fg-muted);padding:6px 14px;font-size:13px;font-weight:700}.pill--who{background:var(--brand);color:var(--brand-on)}.quiz__stage{justify-content:center;align-items:center;gap:var(--s-4);flex-direction:column;flex:1;display:flex}.quiz__q{font-size:var(--t-lg);text-align:center}.disc{background:conic-gradient(#1a1a30,#2a2a4a,#1a1a30,#2a2a4a,#1a1a30);border-radius:50%;place-items:center;width:128px;height:128px;display:grid;box-shadow:0 0 0 6px #101024,0 8px 24px #00000080}.disc--spin{animation:2s linear infinite spin}.disc__hole{background:var(--brand);border-radius:50%;width:30px;height:30px}@keyframes spin{to{transform:rotate(360deg)}}.timer{background:var(--surface);border-radius:var(--r-full);width:100%;height:10px;overflow:hidden}.timer__fill{background:linear-gradient(90deg, var(--brand), var(--accent));transform-origin:0;height:100%;transition:transform .1s linear}.answers{gap:var(--s-3);grid-template-columns:1fr;display:grid}.ans{align-items:center;gap:var(--s-3);min-height:64px;padding:var(--s-3) var(--s-4);border-radius:var(--r-xl);font:inherit;font-size:var(--t-md);cursor:pointer;text-align:left;color:#06121c;transition:transform var(--dur-tap) var(--ease-tap);border:0;font-weight:700;display:flex}.ans:active{transform:translateY(4px);box-shadow:none!important}.ans__shape{font-size:20px}.ans__text{flex:1}.ans--0{background:var(--ans-a);box-shadow:0 4px 0 var(--ans-a-edge)}.ans--1{background:var(--ans-b);box-shadow:0 4px 0 var(--ans-b-edge)}.ans--2{background:var(--ans-c);box-shadow:0 4px 0 var(--ans-c-edge)}.ans--3{background:var(--ans-d);box-shadow:0 4px 0 var(--ans-d-edge)}.revealcard{text-align:center;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.art{border-radius:var(--r-md);box-shadow:0 8px 24px #00000080}.revealcard__meta{color:var(--fg-muted);margin:0}.revealcard__title{font-family:var(--font-display);font-size:var(--t-lg);margin:0;font-weight:700}.ansrow{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);font-weight:700;display:flex}.ansrow--ok{border-left:5px solid var(--ans-c)}.ansrow--no{border-left:5px solid var(--accent);opacity:.7}.final{align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);font-weight:700;font-size:var(--t-md);display:flex}.final--win{background:linear-gradient(90deg, var(--brand), var(--accent));color:#06121c}.final__rank{font-family:var(--font-display);min-width:32px;font-size:26px}.final__pts{font-family:var(--font-display);font-size:22px}