:root{--bg:#131022;--surface:#1e1a33;--surface-2:#282243;--border:#38315c;--text:#f4f1fb;--muted:#a49dc4;--accent:#ffb454;--accent-ink:#2b1a00;--correct:#4ade80;--wrong:#fb7185;--radius:14px;--tap:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 100% at 50% 0%, #241d40 0%, var(--bg) 60%);color:var(--text);-webkit-text-size-adjust:100%;background-attachment:fixed;min-height:100dvh;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.45}main{max-width:34rem;margin:0 auto;padding:1.25rem 1rem 6rem}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}h1{letter-spacing:-.02em;font-size:1.9rem}h2{font-size:1.3rem}p{margin:0 0 .75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.muted{color:var(--muted);font-size:.95rem}.stack{flex-direction:column;gap:.6rem;display:flex}.row{align-items:center;gap:.6rem;display:flex}button,.button{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font:inherit;min-height:var(--tap);text-align:center;touch-action:manipulation;padding:.7rem 1rem;font-weight:600;transition:transform 60ms,filter .15s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.ghost{background:0 0}button.wide{width:100%}input[type=text],input[type=search],input[type=number]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;min-height:var(--tap);width:100%;padding:.7rem .9rem}input::placeholder{color:var(--muted)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{background:color-mix(in srgb, var(--wrong) 15%, transparent);border:1px solid var(--wrong);border-radius:var(--radius);color:var(--text);margin-bottom:1rem;padding:.7rem .9rem}.notice{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:1rem;padding:.8rem .9rem}.notice p{margin-bottom:.6rem}.badge{background:var(--surface-2);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.code{letter-spacing:.3em;text-align:center;text-indent:.3em;font-size:2.6rem;font-weight:800}.qr{border-radius:var(--radius);background:#fff;width:min(220px,60%);margin:0 auto;padding:.6rem;display:block}.players{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.players li{background:var(--surface-2);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.players .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.players li.offline .name{opacity:.5}.players li button{border-radius:999px;flex:none;min-width:44px;min-height:44px;padding:.3rem .6rem}button.danger{border-color:var(--wrong);color:var(--wrong)}.tick{color:var(--correct);font-weight:700}.score{font-variant-numeric:tabular-nums;font-weight:700}.guess-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.guess-grid button{word-break:break-word;min-height:64px}.guess-grid button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.song{align-items:center;gap:.75rem;display:flex}.song img{background:var(--surface-2);object-fit:cover;border-radius:10px;flex-shrink:0;width:96px;height:54px}.song .title{font-weight:600;line-height:1.25}.results{flex-direction:column;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.results button{background:var(--surface-2);text-align:left;width:100%}.player-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;overflow:hidden}.player-frame iframe{border:0;width:100%;height:100%}.now-playing{text-align:center}.now-playing .big{margin:.5rem 0;font-size:3rem}.reveal-entry{border-left:4px solid var(--border);margin-bottom:.9rem;padding-left:.8rem}.reveal-entry.hit{border-left-color:var(--correct)}.reveal-entry.miss{border-left-color:var(--wrong)}.setting{border:0;border-top:1px solid var(--border);margin:0;padding:1rem 0 0}.setting:first-of-type{border-top:0;padding-top:0}.setting legend{padding:0;font-weight:700}.setting .muted{margin:.3rem 0 .6rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{min-height:var(--tap);flex:4.5rem;padding:.5rem .8rem}button.option{text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;display:flex}button.option .option-label{font-weight:700}button.option .muted{margin:0;font-weight:400}.chips button[aria-pressed=true],button.option[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.chips button[aria-pressed=true] .muted,button.option[aria-pressed=true] .muted{color:color-mix(in srgb, var(--accent-ink) 75%, transparent)}.trimmer{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.trimmer .row{align-items:flex-end}.field{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.field .muted{font-size:.85rem}.guess-list{flex-direction:column;gap:.25rem;margin:.5rem 0 .6rem;padding:0;list-style:none;display:flex}.guess-list li{align-items:center;gap:.4rem;font-size:.95rem;display:flex}.guess-list li.hit{color:var(--correct);font-weight:600}.guess-list li.miss{color:var(--muted)}@keyframes flip-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.players li.flip,.stage-guesses li{animation:.35s ease-out flip-in}.stage{flex-direction:column;min-height:100dvh;padding:2vh 3vw;display:flex}.stage-header{opacity:.7;justify-content:space-between;align-items:center;font-size:clamp(1rem,1.8vw,1.6rem);font-weight:700;display:flex}.stage-theme{color:var(--accent);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 1.5vw;overflow:hidden}.stage-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5vh;display:flex}.stage h1{margin:0;font-size:clamp(2rem,6vw,5rem)}.stage h2{margin:0;font-size:clamp(1.4rem,3.5vw,3rem)}.stage .muted{font-size:clamp(1rem,2vw,1.8rem)}.stage-sub{opacity:.75;font-size:clamp(1.1rem,2.4vw,2.2rem)}.stage-code{letter-spacing:.15em;text-indent:.15em;font-size:clamp(3rem,12vw,10rem);font-weight:800}.stage .qr{width:min(30vh,30vw)}.stage-play{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.stage-play .player-frame{max-width:min(90vw,150vh)}.stage-answered{flex-wrap:wrap;justify-content:center;gap:.6em 1.2em;margin:1vh 0 0;padding:0;font-size:clamp(1.1rem,2.4vw,2.2rem);list-style:none;display:flex}.stage-answered li{opacity:.45}.stage-answered li.answered{color:var(--correct);opacity:1}.stage-guesses,.stage-scores{flex-direction:column;gap:.6vh;width:min(80vw,60rem);margin:0;padding:0;list-style:none;display:flex}.stage-guesses li,.stage-scores li{background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.6vh 1.5vw;font-size:clamp(1.1rem,2.6vw,2.4rem);display:flex}.stage-scores li strong{font-variant-numeric:tabular-nums}.stage button{padding:1rem 2rem;font-size:clamp(1rem,2vw,1.8rem)}.leader-bar{background:var(--surface);border-top:1px solid var(--border);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));z-index:10;position:sticky;bottom:0;left:0;right:0}.leader-bar .row{max-width:34rem;margin:0 auto}.leader-bar button{flex:1}.leader-bar button.ghost{white-space:nowrap;flex:0 auto}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}