:root{--bg: #08080c;--ink: #f5f3ef;--muted: #8d8b99;--line: rgba(255, 255, 255, .1);--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--accent: #c8ff2e;--col: 520px;--display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}#root{position:relative;isolation:isolate}#root:before{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-1;background:radial-gradient(50vmax 50vmax at 15% 0%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 70%),radial-gradient(50vmax 50vmax at 90% 100%,rgba(123,92,255,.15),transparent 70%);pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.menu,.game{width:100%;max-width:var(--col);margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1rem calc(2.5rem + env(safe-area-inset-bottom))}.eyebrow{margin:0 0 .5rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.wordmark{font-family:var(--display);font-weight:800;font-size:clamp(3rem,15vw,4.5rem);line-height:.9;letter-spacing:-.04em;margin:0}.wordmark span{color:var(--accent)}.tagline{margin:.9rem 0 0;font-size:.95rem;line-height:1.5;color:var(--muted)}.tagline b{color:var(--ink)}.stage-preview{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.25rem 0;font-family:var(--mono);font-size:.7rem}.stage-preview span{padding:.3rem .6rem;border:1px solid var(--line);border-radius:999px}.stage-preview span.is-off{opacity:.3;text-decoration:line-through;border-style:dashed}.section-label{margin:1.5rem 0 .5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.artist-chip{display:flex;align-items:center;gap:.75rem;padding:.75rem .75rem .75rem 1rem;border-radius:14px;background:color-mix(in oklab,var(--accent) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--accent) 45%,transparent)}.artist-chip-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.artist-chip-text strong{font-family:var(--display);font-size:1.1rem;letter-spacing:-.02em;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-chip-text em{font-style:normal;font-size:.75rem;color:var(--muted)}.artist-clear{margin-left:auto;flex-shrink:0;min-height:40px;padding:0 .9rem;font-family:var(--mono);font-size:.7rem;color:var(--muted);border-radius:999px;border:1px solid var(--line)}.artist-clear:active{color:var(--ink)}.toggles{display:flex;flex-direction:column;gap:.5rem}.toggle{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.7rem .9rem;text-align:left;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,background .15s}.toggle.is-on{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}.toggle:disabled{opacity:.45}.toggle-switch{flex-shrink:0;width:42px;height:24px;border-radius:999px;background:#ffffff24;padding:3px;transition:background .15s}.toggle.is-on .toggle-switch{background:var(--accent)}.toggle-knob{display:block;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .15s,background .15s}.toggle.is-on .toggle-knob{transform:translate(18px);background:#07070a}.toggle-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.toggle-text strong{font-weight:600;font-size:.92rem}.toggle-text em{font-style:normal;font-size:.75rem;line-height:1.3;color:var(--muted)}.difficulties{display:flex;flex-direction:column;gap:.5rem}.difficulty-card{--accent: #c8ff2e;position:relative;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .75rem;min-height:64px;padding:.8rem 1rem;text-align:left;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent)}.difficulty-card:active{background:var(--surface-2)}.difficulty-name{font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.difficulty-blurb{grid-column:1 / -1;font-size:.8rem;line-height:1.35;color:var(--muted)}.difficulty-foot{display:flex;align-items:baseline;gap:.6rem;font-family:var(--mono);font-size:.68rem;color:var(--muted)}.difficulty-foot .best{color:var(--accent)}.menu-foot{margin-top:2rem;font-size:.75rem;color:var(--muted)}.hud{display:flex;align-items:center;gap:.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.hud-difficulty{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding:.25rem .55rem;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);border-radius:999px}.hud-artist{font-family:var(--mono);font-size:.62rem;color:var(--muted);padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-stats{margin-left:auto;display:flex;gap:1rem}.stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.stat b{font-family:var(--mono);font-size:1rem}.stat em{font-family:var(--mono);font-style:normal;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ghost{min-height:40px;padding:0 .6rem;border-radius:10px;font-size:.85rem;color:var(--muted);border:1px solid transparent}.ghost.small{font-family:var(--mono);font-size:.72rem;border-color:var(--line);padding:0 .8rem}.primary{width:100%;min-height:52px;padding:0 1.5rem;border-radius:999px;background:var(--accent);color:#07070a;font-weight:650}.panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;text-align:center;color:var(--muted)}.panel h2{font-family:var(--display);font-size:1.3rem;color:var(--ink);margin:0}.panel p{margin:0;font-size:.9rem}.pulse-disc{width:46px;height:46px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.board{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding-top:1.5rem}.stage-bar{display:flex;gap:3px}.stage-seg{flex:1;min-width:0;height:38px;display:grid;place-items:center;border-radius:7px;background:var(--surface);border:1px solid var(--line);font-family:var(--mono);font-size:.6rem;color:var(--muted);transition:background .2s,color .2s,border-color .2s}.stage-seg.is-spent{background:color-mix(in oklab,var(--accent) 18%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent);color:color-mix(in oklab,var(--accent) 80%,white)}.stage-seg.is-current{background:var(--accent);border-color:var(--accent);color:#07070a;font-weight:700}.stage-seg.is-playing{animation:seg-pulse .6s ease-in-out infinite alternate}@keyframes seg-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 8px transparent}}.play-button{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem 1rem;border-radius:20px;background:var(--surface);border:1px solid var(--line);animation:pop-in .25s ease}@keyframes pop-in{0%{transform:scale(.98);opacity:.6}}.play-button:active{background:var(--surface-2)}.play-icon{width:72px;height:72px;border-radius:50%;background:var(--accent);display:block;position:relative}.play-icon:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:22px solid #07070a;border-top:13px solid transparent;border-bottom:13px solid transparent}.play-button.is-playing .play-icon{animation:ring .5s ease-out infinite}@keyframes ring{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 50%,transparent)}to{box-shadow:0 0 0 20px transparent}}.play-label{font-family:var(--display);font-size:1.05rem;color:var(--muted)}.play-label b{color:var(--ink);font-family:var(--mono)}.hint{margin:0;font-family:var(--mono);font-size:.72rem;color:var(--muted);text-align:center}.skip{align-self:center;min-height:44px;padding:0 1.2rem;font-family:var(--mono);font-size:.75rem;color:var(--muted);border-radius:999px;border:1px solid var(--line)}.search{position:relative;width:100%}.search-field{display:flex;align-items:center;gap:.6rem;padding:0 .9rem;height:52px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.search-field:focus-within{border-color:color-mix(in oklab,var(--accent) 55%,transparent);color:var(--accent)}.search-field.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-field input{flex:1;min-width:0;height:100%;border:none;outline:none;background:none;color:var(--ink);font-size:16px}.search-field input::placeholder{color:var(--muted)}.search-spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.search-results{position:absolute;z-index:20;top:calc(100% - 1px);left:0;right:0;margin:0;padding:.3rem;list-style:none;max-height:45dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0 0 14px 14px;background:#101018;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);border-top:none;box-shadow:0 20px 50px #0009}.search-results button{display:flex;align-items:center;gap:.7rem;width:100%;min-height:52px;padding:.45rem;border-radius:10px;text-align:left}.search-results button.is-active{background:var(--surface-2)}.search-results img,.art-fallback{width:40px;height:40px;border-radius:6px;flex-shrink:0;object-fit:cover;background:var(--surface-2)}.result-text{display:flex;flex-direction:column;min-width:0}.result-text strong{font-weight:550;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-text em{font-style:normal;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.guess-list li{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:10px;background:var(--surface);font-size:.82rem;color:var(--muted)}.guess-list li b{color:var(--ink);font-weight:550}.guess-list li span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-mark{font-family:var(--mono);color:#ff5c8a;flex-shrink:0}.guess-list li.skipped .guess-mark{color:var(--muted)}.reveal{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding-top:2rem;text-align:center;animation:pop-in .25s ease}.verdict{margin:0;font-family:var(--display);font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.reveal.won .verdict{color:var(--accent)}.reveal.lost .verdict{color:#ff5c8a}.reveal-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;padding:1.1rem 1rem;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.reveal-card img,.art-fallback.big{width:150px;height:150px;border-radius:12px;object-fit:cover}.reveal-meta{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;min-width:0}.reveal-meta h2{margin:0;font-family:var(--display);font-size:1.3rem;letter-spacing:-.02em;line-height:1.15}.reveal-meta .artist{margin:0;color:var(--accent);font-size:.95rem}.reveal-meta .album{margin:0 0 .5rem;color:var(--muted);font-size:.78rem}.reveal-meta .ghost.small{min-height:44px}.reveal-score{margin:0;font-family:var(--mono);font-size:.8rem;color:var(--muted)}.reveal-score b{color:var(--accent);font-size:1.05rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.menu-foot{display:flex;flex-direction:column;gap:.35rem}.menu-foot .vibe{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;opacity:.5}