:root{--bg:#0b0714;--panel:#ffffff0f;--panel-strong:#ffffff1a;--line:#ffffff1f;--text:#f6f1ff;--muted:#f6f1ffb8;--pink:#ff3d7f;--violet:#8b5cf6;--cyan:#22d3ee;--green:#1ed760;--red:#ff4d4d;--amber:#ffb020;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Atkinson Hyperlegible,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}kbd{border:1px solid var(--line);color:var(--muted);background:#00000040;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:.75em}.app{min-height:100dvh;position:relative;overflow-x:clip}main{z-index:1;max-width:720px;margin:0 auto;padding:16px 16px 48px;position:relative}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.35;border-radius:50%;width:60vmax;height:60vmax;animation:24s ease-in-out infinite alternate drift;position:absolute}.b1{background:var(--pink);top:-25vmax;left:-15vmax}.b2{background:var(--violet);animation-delay:-8s;bottom:-30vmax;right:-20vmax}.b3{background:var(--cyan);opacity:.15;width:30vmax;height:30vmax;animation-delay:-16s;top:30%;left:40%}@keyframes drift{to{transform:translate(8vmax,6vmax)scale(1.1)}}.center-text{text-align:center}.error{color:#ff8a8a}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px 24px}.center{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:12vh;display:flex}.big-emoji{font-size:3.5rem}.btn{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;padding:12px 22px;font-weight:600;transition:transform .12s,background .2s,box-shadow .2s}.btn:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn.primary{color:#fff;background:linear-gradient(135deg,#d0145a,#7c3aed);border-color:#0000;box-shadow:0 10px 24px -12px #000c}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#e0206a,#8b4af0);box-shadow:0 14px 30px -12px #000000e6}.btn:disabled{opacity:.5}.btn.huge{padding:16px 36px;font-size:1.2rem}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 14px;font-size:.9rem;text-decoration:none;transition:background .2s}.chip:hover:not(:disabled){background:var(--panel-strong)}.chip:disabled{opacity:.4}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:50%;flex:none;width:40px;height:40px}.toast{position:fixed}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.logo-note{background:linear-gradient(135deg, var(--pink), var(--violet));border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.logo.big{text-align:center;flex-direction:column;gap:20px;font-size:clamp(2.6rem,10vw,4.5rem);line-height:.95}.logo.big .logo-note{border-radius:24px;width:84px;height:84px;font-size:2.6rem;animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-6deg)}}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-top:14vh;display:flex}.tagline{color:var(--muted);margin:0 0 12px;font-size:1.2rem}.topbar{z-index:2;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:16px 16px 0;display:flex;position:relative}.user{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.9rem;display:flex}.user img{object-fit:cover;border-radius:50%;width:28px;height:28px}.user:not(:has(img)){padding-left:12px}.setup{flex-direction:column;gap:16px;padding-top:4px;display:flex}.setup-title{letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(2rem,7vw,2.8rem)}.tabs{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:999px;flex:none;padding:10px 16px;font-weight:600}.tab.active{background:var(--text);color:var(--bg)}.source-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:72px;padding:14px}.source-panel p{margin:0}.grid-chips{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);background:0 0;border-radius:12px;padding:10px 16px;font-weight:600;transition:all .15s}.pill:hover{background:var(--panel-strong)}.pill.on{color:#fff;background:linear-gradient(135deg,#d0145a,#7c3aed);border-color:#0000}.playlist-list{flex-direction:column;gap:4px;max-height:320px;margin:-6px;padding:6px;display:flex;overflow-y:auto}.playlist{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:6px;display:flex}.playlist:hover{background:var(--panel)}.playlist.on{border-color:var(--pink);background:#ff3d7f1f}.playlist img,.pl-placeholder{object-fit:cover;background:var(--panel-strong);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.pl-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.text-input,.guess-input{border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#0000004d;border-radius:14px;outline:none;padding:14px 16px;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.text-input:focus,.guess-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff3d7f33}.artist-form{flex-direction:column;gap:8px;display:flex}.options{gap:10px 28px;display:grid}.options .segmented{flex-wrap:nowrap}.options .seg-label{flex:none;min-width:120px}@media (width<=520px){.options .segmented{flex-wrap:wrap}}.segmented{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.seg-label{color:var(--muted);font-weight:600}.seg-options{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.seg{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600}.seg.on{background:var(--text);color:var(--bg)}.start{align-self:center;min-width:200px;margin-top:8px}.game{flex-direction:column;gap:16px;min-height:calc(100dvh - 64px);display:flex}.hud{align-items:center;gap:12px;display:flex}.dots{flex-wrap:wrap;flex:1;justify-content:center;gap:5px;display:flex}.dot{background:var(--line);border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.now{background:var(--text);transform:scale(1.3)}.dot.miss{background:var(--red)}.hud-score{flex-direction:column;align-items:flex-end;min-width:70px;display:flex}.score-num{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.streak{color:var(--amber);font-size:.85rem;font-weight:700;animation:.3s pop}.stage{justify-content:center;display:flex}.disk-wrap{aspect-ratio:1;place-items:center;width:min(300px,70vw,36vh);display:grid;position:relative}.ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--line);stroke-width:8px}.ring-fg{fill:none;stroke:var(--pink);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ff3d7fb3);transition:stroke-dashoffset .1s linear,stroke .3s}.urgent .ring-fg{stroke:var(--red)}.urgent .secs{color:var(--red);animation:1s infinite pulse}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#151019 0 2px,#1d1724 2px 4px);border-radius:50%;place-items:center;width:78%;display:grid;position:relative;box-shadow:0 20px 60px -10px #000c,inset 0 0 0 1px #ffffff0f}.vinyl:after{content:"";background:conic-gradient(from 0deg, transparent 0 15%, #ffffff14 20%, transparent 25% 65%, #ffffff0f 70%, transparent 75%);border-radius:50%;position:absolute;inset:0}.vinyl.spinning{animation:3s linear infinite spin}.vinyl.spinning .vinyl-label>*{animation:3s linear infinite reverse spin}.vinyl-label{aspect-ratio:1;background:linear-gradient(135deg, var(--pink), var(--violet));z-index:1;border-radius:50%;place-items:center;width:44%;display:grid}.secs{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800}.round-label{text-align:center;font-size:1rem;font-weight:800;animation:1.2s infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}}.eq{align-items:flex-end;gap:4px;height:22px;display:flex;position:absolute;bottom:-26px}.panel .eq,.center .eq{height:40px;position:static}.eq span{background:var(--pink);opacity:.8;border-radius:3px;width:5px;height:20%}.eq.on span{animation:.9s ease-in-out infinite alternate eq}@keyframes eq{0%{height:15%}50%{height:100%}to{height:40%}}.controls{justify-content:center;gap:8px;margin-top:30px;display:flex}.answer-area{flex-direction:column;gap:14px;display:flex}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=520px){.choices{grid-template-columns:1fr}}.choice{text-align:left;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;min-height:68px;padding:14px 16px 14px 48px;transition:transform .12s,background .2s,border-color .2s,opacity .3s;animation:.35s both rise;display:flex;position:relative}.choice kbd{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.choice:hover:not(:disabled){background:var(--panel-strong);border-color:#ffffff4d;transform:translateY(-2px)}.choice:active:not(:disabled){transform:scale(.98)}.choice.right{border-color:var(--green);background:#1ed76033;animation:.35s pop}.choice.wrong{border-color:var(--red);background:#ff4d4d33;animation:.4s shake}.choice-title{font-weight:700;line-height:1.3}.choice-artist{color:var(--muted);font-size:.88rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.next{z-index:5;align-self:center;align-items:center;gap:10px;animation:.3s .2s both rise;display:flex;position:sticky;bottom:16px}.next kbd{color:#ffffffd9;border-color:#ffffff4d}.type-guess{flex-direction:column;gap:10px;display:flex;position:relative}.attempts{align-items:center;gap:6px;display:flex}.attempt{background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.attempt.used{border-color:var(--red);background:#ff4d4d40}.suggestions{border:1px solid var(--line);background:#1a1324;border-radius:14px;margin:0;padding:6px;list-style:none;box-shadow:0 20px 50px -10px #000000b3}.suggestions li{cursor:pointer;border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.reveal{text-align:center;flex-direction:column;align-items:center;gap:4px;animation:.3s both rise;display:flex}.art-wrap{aspect-ratio:1;width:min(240px,56vw,30vh);margin-bottom:10px;position:relative}.art{object-fit:cover;border-radius:16px;width:100%;height:100%;animation:.7s ease-out both unblur;box-shadow:0 24px 60px -12px #000c}.art.placeholder{background:var(--panel-strong);place-items:center;font-size:4rem;display:grid}@keyframes unblur{0%{filter:blur(24px)saturate(2);transform:scale(.9)rotate(-4deg)}}.verdict{white-space:nowrap;border-radius:999px;align-items:baseline;gap:8px;padding:8px 16px;font-weight:800;animation:.4s .25s both pop;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.win .verdict{background:var(--green);color:#062b12;box-shadow:0 10px 24px -12px #000c}.lose .verdict{background:var(--red);color:#2b0606;box-shadow:0 10px 24px -12px #000c}.pts{font-size:1.4rem}.time{opacity:.8;font-size:.9rem}.miss-label{font-size:1.1rem}.reveal-title{letter-spacing:-.02em;margin:18px 0 0;font-size:clamp(1.4rem,5vw,1.9rem);line-height:1.15}.reveal-artist{margin:0;font-size:1.05rem}.results{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:20px;display:flex}.results>p{margin:0}.rank-emoji{font-size:4rem;animation:.5s both pop}.rank-title{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,8vw,3rem)}.final-score{color:#ff6f9f;align-items:center;gap:10px;font-size:3rem;font-weight:800;display:flex}.badge{background:var(--amber);color:#2b1a00;-webkit-text-fill-color:#2b1a00;border-radius:999px;padding:4px 10px;font-size:.8rem;animation:.4s .4s both pop}.stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:100px;padding:10px 18px;display:flex}.stat-value{font-size:1.3rem;font-weight:800}.stat-label{color:var(--muted);font-size:.8rem}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 20px;display:flex}.tracklist{text-align:left;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.tracklist li{background:var(--panel);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.tracklist img{object-fit:cover;border-radius:6px;flex:none;width:44px;height:44px}.tl-text{flex-direction:column;flex:1;min-width:0;display:flex}.tl-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-pts{font-variant-numeric:tabular-nums;font-weight:700}.miss .tl-pts{color:var(--red)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.crate-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=520px){.crate-cards{grid-template-columns:1fr}}.crate-card{text-align:left;border:1px solid var(--line);background:0 0;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.crate-card:hover{background:var(--panel-strong)}.crate-card.on{border-color:var(--pink);background:#ff3d7f1f}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:14px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--line);border-radius:999px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--text);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--green)}.toggle input:checked+.switch:after{transform:translate(18px)}.toggle input:focus-visible+.switch{outline:2px solid var(--pink);outline-offset:2px}.difficulty{flex-direction:column;gap:6px;display:flex}.difficulty p{margin:0}.difficulty-head{justify-content:space-between;align-items:baseline;display:flex}.level-name{font-size:1.1rem;font-weight:800}.level-0{color:var(--green)}.level-1{color:var(--amber)}.level-2{color:var(--red)}.slider{appearance:none;background:linear-gradient(90deg, var(--green), var(--amber), var(--red));border-radius:999px;outline:none;width:100%;height:8px;margin:6px 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:4px solid var(--bg);width:24px;height:24px;box-shadow:0 0 0 2px var(--text);cursor:grab;border-radius:50%}.slider::-moz-range-thumb{background:var(--text);border:4px solid var(--bg);cursor:grab;border-radius:50%;width:18px;height:18px}.logo-btn{background:0 0;border:0;padding:0}.user-menu{position:relative}.caret{color:var(--muted);font-size:.7rem}.menu{border:1px solid var(--line);z-index:20;background:#1a1324;border-radius:14px;flex-direction:column;min-width:220px;padding:6px;animation:.15s both rise;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px -10px #000000b3}.menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;display:flex}.menu-item{text-align:left;color:var(--text);background:0 0;border:0;border-radius:10px;padding:10px;font-size:.95rem;text-decoration:none}.menu-item.danger{color:#ff8a8a}.pill.thin{opacity:.4}.artist-hits{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.artist-hits button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:6px;display:flex}.artist-hits button:hover{background:var(--panel-strong)}.artist-hits img{object-fit:cover;border-radius:50%;width:36px;height:36px}.lib-note{align-items:center;gap:8px;display:flex;margin:10px 0 0!important}.spinner{border:2px solid var(--line);border-top-color:var(--pink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.logo{white-space:nowrap}@media (width<=520px){.user>span:not(.caret){display:none}.user{padding:4px 8px 4px 4px}.start{width:100%}.setup-title{font-size:1.9rem}.choice{min-height:56px;padding:10px 14px 10px 44px}.choices{gap:8px}.choice.dim{display:none}.game{gap:12px}.controls{margin-top:28px}}.choices.same-artist .choice-artist{display:none}.scoreboard{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sb-player{background:var(--panel);border:2px solid color-mix(in srgb, var(--pc) 45%, transparent);border-radius:999px;align-items:baseline;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.sb-name{color:var(--pc);font-weight:700}.sb-score{font-variant-numeric:tabular-nums;font-weight:800}.sb-player.buzzing{background:color-mix(in srgb, var(--pc) 30%, transparent);border-color:var(--pc);transform:scale(1.08)}.sb-player.locked{opacity:.4}.buzzbar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.buzzer{background:var(--pc);color:#12091c;box-shadow:0 6px 0 color-mix(in srgb, var(--pc) 55%, #000), 0 12px 30px -8px var(--pc);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;font-size:1.1rem;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:flex}.buzzer:active:not(:disabled),.buzzer.active{box-shadow:0 1px 0 color-mix(in srgb, var(--pc) 55%, #000), 0 6px 20px -8px var(--pc);transform:translateY(5px)}.buzzer:disabled:not(.active){opacity:.3}.buzzer kbd{color:#12091c;background:#ffffff59;border-color:#0000004d}.buzzed .ring-fg{stroke:var(--buzz);filter:drop-shadow(0 0 10px var(--buzz))}.buzzed .vinyl-label{background:var(--buzz);color:#12091c}.buzz-label{flex-direction:column;align-items:center;line-height:1.1;animation:.3s pop;display:flex}.buzz-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.85rem;overflow:hidden}.buzz-label span{font-size:2rem;font-weight:800}.player-editor{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.player-editor p{margin:0}.player-rows{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.player-row{align-items:center;gap:8px;display:flex}.player-dot{background:var(--pc);border-radius:50%;flex:none;width:12px;height:12px}.player-name{border-color:color-mix(in srgb, var(--pc) 40%, transparent);padding:8px 12px;font-size:.95rem}.icon-btn.small{width:30px;height:30px;font-size:.8rem}.player-editor .chip{align-self:flex-start}.st-place{text-align:center;width:28px;font-size:1.4rem}.st-name{color:var(--pc);flex:1;font-weight:800}.st-score{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.art-wrap[style] .verdict{background:var(--win);box-shadow:0 8px 30px -6px var(--win);color:#12091c}.choices.await-buzz .choice{opacity:.55}.choice.wrong:disabled .choice-title{text-decoration:line-through}.choice.wrong:disabled{opacity:.8}.hint{text-align:center;color:var(--amber);margin:0;animation:.3s both rise}.badge.muted-badge{background:var(--panel-strong);color:var(--muted);-webkit-text-fill-color:var(--muted)}.daily-card{border-radius:var(--radius);background:linear-gradient(135deg,#ff3d7f2e,#8b5cf62e);border:1px solid #ff3d7f59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.daily-card.done{background:var(--panel);border-color:var(--line)}.daily-text{flex-direction:column;gap:2px;display:flex}.daily-actions{gap:8px;display:flex}.sound{position:relative}.slider.mono{background:linear-gradient(90deg, var(--pink), var(--violet))}.interrupt{background:#ffb0201f;border:1px solid #ffb02066;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 14px;animation:.2s both rise;display:flex}.snippet-wrap{flex-direction:column;align-items:center;gap:22px;width:min(460px,100%);display:flex}.disk-wrap.small-disk{width:min(220px,56vw,30vh)}.small-disk .vinyl{width:100%}.snippet-bar{gap:3px;width:100%;height:14px;display:flex;position:relative}.seg-part{background:var(--line);border-radius:4px;transition:background .3s}.snippet-progress{background:linear-gradient(90deg, var(--pink), var(--violet));transform-origin:0;pointer-events:none;border-radius:4px;animation:linear both grow;position:absolute;top:0;bottom:0;left:0}@keyframes grow{0%{transform:scaleX(0)}}.confetti{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:55%;left:50%}.confetti span{opacity:0;border-radius:2px;width:8px;height:12px;animation:1.1s cubic-bezier(.15,.7,.4,1) both confetti;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 60px)) rotate(var(--rot))}}.features{color:var(--muted);flex-direction:column;gap:6px;margin:0 0 12px;padding:0;font-size:.95rem;list-style:none;display:flex}.choices.covers{grid-template-columns:repeat(4,1fr)}@media (width<=520px){.choices.covers{grid-template-columns:repeat(2,1fr)}.choices.covers .choice.dim{display:flex}}.choices.covers .choice{align-items:stretch;gap:6px;min-height:0;padding:6px}.cover-choice{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;display:block}.choices.covers .choice kbd{color:#fff;z-index:1;background:#0009;top:12px;left:12px;transform:none}.cover-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px 2px;font-size:.78rem;line-height:1.2;display:-webkit-box;overflow:hidden}.choices.artist-only .choice{justify-content:center}.seg-label{align-items:center;gap:6px;display:inline-flex}.tip{width:18px;height:18px;color:var(--muted);cursor:help;border-radius:50%;outline:none;place-items:center;font-size:.8rem;display:inline-grid;position:relative}.tip:focus-visible{box-shadow:0 0 0 2px var(--pink)}.tip-bubble{z-index:30;border:1px solid var(--line);width:min(300px,80vw);color:var(--text);white-space:pre-line;text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#1a1324;border-radius:12px;padding:10px 12px;font-size:.85rem;font-weight:400;line-height:1.4;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 8px);left:-6px;transform:translateY(-4px);box-shadow:0 20px 50px -10px #000000b3}.tip:hover .tip-bubble,.tip:focus .tip-bubble{opacity:1;visibility:visible;transform:none}.seg[data-tip]{position:relative}@media (hover:hover){.seg[data-tip]:hover:after{content:attr(data-tip);z-index:30;border:1px solid var(--line);width:max-content;max-width:240px;color:var(--text);white-space:normal;text-align:left;pointer-events:none;background:#1a1324;border-radius:10px;padding:8px 10px;font-size:.8rem;font-weight:400;line-height:1.35;animation:.15s .35s both rise;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px -8px #000000b3}}.setup-head,.history-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.history{flex-direction:column;gap:18px;padding-top:4px;display:flex}.history .stats{justify-content:flex-start}.section-title{margin:0 0 4px;font-size:1.2rem}.history section>p{margin:0 0 8px}.game-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.game-list>li{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.game-row{text-align:left;background:0 0;border:0;grid-template-columns:90px 1fr auto auto;align-items:center;gap:12px;width:100%;padding:10px 14px;display:grid}.game-row:hover{background:var(--panel-strong)}.gr-crate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gr-grid{letter-spacing:-1px;font-size:.7rem}.gr-score{font-variant-numeric:tabular-nums;text-align:right;min-width:60px;font-weight:800}@media (width<=520px){.game-row{grid-template-columns:1fr auto}.gr-when,.gr-grid{display:none}}.tracklist.compact{padding:0 8px 8px}.tracklist.compact li{background:#0003}.danger-link{color:#ff8a8a;background:0 0;border-color:#ff4d4d59;align-self:flex-start}.year-guess{border-radius:var(--radius);background:#ffb02014;border:1px solid #ffb02059;flex-direction:column;gap:8px;padding:14px 16px;animation:.25s both rise;display:flex}.year-prompt{text-align:center;margin:0;font-weight:600}.year-row{justify-content:center;align-items:center;gap:16px;display:flex}.year-value{font-variant-numeric:tabular-nums;text-align:center;min-width:110px;font-size:2.4rem;font-weight:800}.year-scale{justify-content:space-between;margin-top:-4px;display:flex}.year-actions{justify-content:center;gap:10px;display:flex}.year-result{text-align:center;margin:0;animation:.3s both pop}.section-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-row p{margin:0}a.btn{color:var(--text);text-decoration:none}.host{flex-direction:column;gap:18px;display:flex}.host-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby{flex-direction:column;gap:18px;display:flex}.lobby-join{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:18px;display:flex}.qr{background:#fff;border-radius:14px;width:200px;height:200px}.qr.placeholder{background:var(--panel-strong)}.lobby-steps p{margin:4px 0}.lobby-code{letter-spacing:.15em;color:var(--text);font-size:1.6rem}.lobby-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-list li{background:var(--panel);border:2px solid color-mix(in srgb, var(--pc) 50%, transparent);border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 12px;animation:.3s both pop;display:flex}.lobby-list li.away,.roster li.away,.status-chip.away{opacity:.45}.kick{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:999px;margin:-10px -8px -10px 0;font-weight:700}.kick:hover{color:var(--text);background:var(--panel-strong)}.kick.confirming{color:#fff;background:#c8105a;padding:0 12px}.roster-dot{background:var(--pc);border-radius:50%;flex:none;width:10px;height:10px}.roster-name{font-weight:700}.host-round{flex-direction:column;align-items:center;gap:16px;display:flex}.host-round .choices{width:100%}.host-choice{cursor:default}.host-progress{margin:20px 0 0}.host-type-hint{margin:0;font-size:1.3rem}.host-status{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.status-chip{border:2px solid color-mix(in srgb, var(--pc) 45%, transparent);color:var(--pc);border-radius:999px;padding:6px 12px;font-weight:700;transition:all .2s}.status-chip.done{background:color-mix(in srgb, var(--pc) 25%, transparent);border-color:var(--pc);color:var(--text)}.host-reveal{flex-direction:column;gap:16px;display:flex}.host-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.host-columns{grid-template-columns:1fr}}.outcomes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.outcomes li{background:color-mix(in srgb, var(--pc) 10%, var(--panel));border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.outcomes li.miss strong{color:var(--muted)}.outcomes li.ok strong{color:var(--green)}.compact-standings{max-width:none;margin:0}.compact-standings li{padding:8px 12px}.phone{z-index:1;flex-direction:column;gap:14px;max-width:480px;min-height:100dvh;margin:0 auto;padding:12px 16px 24px;display:flex;position:relative}.phone-head{align-items:center;gap:10px;display:flex}.small-note{background:linear-gradient(135deg, var(--pink), var(--violet));border-radius:8px;place-items:center;display:grid;width:28px!important;height:28px!important;font-size:.9rem!important}.phone-room{white-space:nowrap;font-weight:700}.phone-me{white-space:nowrap;gap:.3em;min-width:0;margin-left:auto;font-weight:800;display:flex}.phone-me-name{text-overflow:ellipsis;max-width:9em;overflow:hidden}.phone-banner{text-align:center;background:#ffb0201f;border:1px solid #ffb02066;border-radius:12px;padding:8px 12px;font-size:.9rem}.phone-banner.error{background:#ff4d4d1f;border-color:#ff4d4d66}.phone-center{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:4vh;display:flex}.phone-center h2{margin:0}.join-form{flex-direction:column;gap:16px;padding-top:8vh;display:flex}.big-join{justify-content:center;margin-bottom:12px;font-size:1.6rem}.join-label{color:var(--muted);flex-direction:column;gap:6px;font-weight:600;display:flex}.code-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:2rem;font-weight:800}.phone-round{flex-direction:column;gap:12px;display:flex}.phone-timer{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.phone-timer span{background:linear-gradient(90deg, var(--pink), var(--violet));transform-origin:0;height:100%;transition:transform .1s linear;display:block}.phone-sub{text-align:center;margin:0;font-size:1.2rem;font-weight:700}.phone-choices{gap:10px;display:grid}.phone-choice{border:1px solid var(--line);background:var(--panel-strong);text-align:left;touch-action:manipulation;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:18px 16px;font-size:1.1rem;display:flex}.phone-choices.covers .phone-choice{min-height:0;padding:6px}.phone-choice img.cover-choice{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.phone-choice:active:not(:disabled){transform:scale(.97)}.phone-choice:disabled:not(.picked){opacity:.35}.phone-choice.picked{border-color:var(--pink);background:#ff3d7f33}.phone-type{flex-direction:column;gap:10px;display:flex}.phone-type p{text-align:center;margin:0}.phone-verdict{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;font-size:1.4rem;animation:.3s both pop;display:flex}.phone-verdict p{margin:0}.phone-verdict.win{border-color:var(--green);background:#1ed76026}.phone-verdict.lose{border-color:var(--red);background:#ff4d4d1f}.phone-art{aspect-ratio:1;object-fit:cover;border-radius:16px;width:min(220px,60vw);animation:.6s both unblur}.phone-answer{margin:8px 0 0}.phone-center>p{margin:0}.phone-mine{font-size:1.3rem;font-weight:800}.phone-mine.win{color:var(--green)}.phone-mine.lose{color:var(--red)}.roster{flex-direction:column;gap:6px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:flex}.roster li{background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.roster li.me{outline:2px solid var(--pc)}.roster-done,.roster-score{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.choice.host-choice:hover{background:var(--panel);border-color:var(--line);transform:none}.quick-play{border-radius:var(--radius);background:linear-gradient(135deg,#1ed76029,#22d3ee1f);border:1px solid #1ed76066;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.quick-play p{margin:4px 0 0}.hints{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hint-chip{color:var(--amber);background:#ffb0201f;border:1px solid #ffb02066;border-radius:999px;padding:6px 12px;font-size:.9rem;animation:.3s both pop}.hint-chip.pattern{letter-spacing:.08em;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hint-chip.locked{color:var(--muted);background:0 0;border-style:dashed;animation:none}.from-label{color:var(--cyan);margin:4px 0 0;font-weight:600}.songs-from{flex-direction:column;gap:8px;display:flex}.songs-from p{margin:0}.songs-from .pill[style]{align-items:center;gap:6px;display:inline-flex}.home{flex-direction:column;gap:16px;padding-top:8px;display:flex}.home-grid{gap:12px;display:grid}.home-card{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:2px 16px;padding:22px 20px;text-decoration:none;transition:transform .12s,background .2s,border-color .2s;display:grid}.home-card:hover{background:var(--panel-strong);transform:translateY(-2px)}.home-card .home-emoji{grid-row:span 2;font-size:2.4rem;line-height:1}.home-card strong{letter-spacing:-.02em;font-size:1.5rem}.home-card span:last-child{color:var(--muted)}.home-card.play{background:linear-gradient(135deg,#ff3d7f47,#8b5cf647);border-color:#ff3d7f80}.home-card.host{background:linear-gradient(135deg,#22d3ee2e,#1ed76024);border-color:#22d3ee66}.history-link{align-self:center}.join-cta{margin-top:8px;font-size:.95rem}.settings{flex-direction:column;gap:18px;display:flex}.settings-block{flex-direction:column;gap:10px;display:flex}.block-title{letter-spacing:-.01em;margin:0;font-size:1.15rem}.preset-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset{border:2px solid var(--line);background:var(--panel);border-radius:16px;padding:16px 8px;font-size:1.1rem;font-weight:800}.preset.on.preset-easy{border-color:var(--green);background:#1ed76026}.preset.on.preset-normal{border-color:var(--amber);background:#ffb02026}.preset.on.preset-hard{border-color:var(--red);background:#ff4d4d26}.preset-blurb{margin:0}.seg:disabled{opacity:.6;cursor:not-allowed}.charts-picker{flex-direction:column;gap:10px;display:flex}.charts-picker p{margin:0}.choice-text{flex-direction:column;gap:2px;min-width:0;display:flex}.choices.with-thumbs .choice{flex-direction:row;align-items:center;gap:12px}.choice-thumb{object-fit:cover;border-radius:8px;flex:none;width:48px;height:48px}.choices.counting .choice,.phone-choices.counting .phone-choice{opacity:.55}.dots-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.song-count{color:var(--muted);font-size:.8rem;font-weight:600}.game-menu{position:relative}.game-menu-panel{z-index:40;border:1px solid var(--line);background:#1a1324;border-radius:16px;flex-direction:column;gap:12px;width:min(340px,100vw - 32px);max-height:min(70vh,640px);padding:14px;animation:.15s both rise;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 24px 60px -10px #000c}.menu-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 0;font-size:.8rem}.menu-actions{flex-direction:column;gap:8px;display:flex}.sound-inline{flex-direction:column;gap:6px;display:flex}.settings-list{gap:6px;margin:0;display:grid}.settings-list>div{justify-content:space-between;gap:12px;font-size:.88rem;display:flex}.settings-list dd{text-align:right;margin:0;font-weight:600}.secs.countdown{font-size:3.2rem;animation:.5s both pop}.secs.up{opacity:.8}.host-count{text-align:right;min-width:90px}.lobby-section{flex-direction:column;gap:10px;display:flex}.host-name{max-width:260px}.answer-order{flex-wrap:wrap;justify-content:center;gap:8px;min-height:36px;display:flex}.order-chip{border:2px solid var(--pc);background:color-mix(in srgb, var(--pc) 20%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;animation:.3s both pop;display:inline-flex}.order-chip b{background:var(--pc);color:#12091c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;display:grid}.order-chip.waiting{color:var(--muted);background:0 0;border-style:dashed;animation:none}.order-chip.me{outline:2px solid var(--text)}.small-order .order-chip{padding:4px 10px;font-size:.85rem}.host-seat{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.seat-input{width:200px;padding:8px 12px}.reveal-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.reveal-panel.board{background:linear-gradient(160deg,#ffb02014,#ffffff0a);border-color:#ffb0204d}.panel-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:.8rem}.reveal-answer{align-items:center;gap:14px;display:flex}.reveal-answer .reveal-title{margin:0;font-size:1.4rem}.reveal-answer p{margin:2px 0 0}.reveal-thumb{object-fit:cover;border-radius:12px;flex:none;width:110px;height:110px;animation:.6s both unblur}.reveal-thumb.placeholder{background:var(--panel-strong);place-items:center;font-size:2rem;display:grid}.leaderboard{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{background:color-mix(in srgb, var(--pc) 10%, var(--panel));border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.leaderboard li.me{outline:2px solid var(--pc)}.leaderboard .st-name{color:var(--pc);flex:1;font-weight:800}.move{font-size:.8rem;font-weight:800}.move.up{color:var(--green)}.gain{color:var(--green);font-size:.8rem;font-weight:700}.phone-status{place-items:center;height:104px;display:grid}.phone-countdown{color:#ff6f9f;flex-direction:column;align-items:center;font-size:4.5rem;font-weight:800;line-height:1;animation:.5s both pop;display:flex}.phone-countdown-label{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.result-card{background:var(--panel);border:2px solid var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:20px 16px;animation:.35s both pop;display:flex}.result-card.win{border-color:var(--green);background:#1ed76024}.result-card.lose{background:#ff4d4d1a;border-color:#ff4d4d99}.result-card h2{margin:0}.result-main{font-size:2rem}.result-detail{color:var(--muted);font-size:1rem}.answer-card{text-align:left;background:var(--panel);border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.answer-card .phone-art{flex:none;width:72px;height:72px}.answer-card p{margin:0}.music-options{flex-direction:column;gap:8px;width:100%;display:flex}.progress{background:var(--line);border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--pink), var(--violet));transform-origin:0;height:100%;transition:transform .2s;display:block}.phone-choices.with-thumbs .phone-choice{flex-direction:row;align-items:center;gap:12px}.phone-choices.covers{grid-template-columns:1fr 1fr}.phone-choice .cover-choice{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.phone-choice .choice-thumb{width:52px;height:52px}.phone-choices.with-thumbs .phone-choice{min-height:72px;padding:10px 12px}@media (width<=520px){.blob{filter:blur(60px);animation:none}}html,body{overscroll-behavior-y:none;overflow-x:clip}.mute-btn.on{background:#ffb0202e;border-color:#ffb02080}.hud-left{flex:1 1 0;gap:8px;display:flex}.host-head .host-count{text-align:right;flex:1 1 0}.choice.host-choice.playable{cursor:pointer}.choice.host-choice.playable:active{transform:none}.guess-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.guess-row .guess-input{flex:1 1 0;width:auto;min-width:0}.mic-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;flex:none;width:54px;font-size:1.3rem;position:relative}.mic-btn:hover:not(:disabled){background:var(--panel-strong)}.mic-btn.on{border-color:var(--pink);background:#ff3d7f40}.mic-pulse{border:2px solid var(--pink);pointer-events:none;border-radius:16px;animation:1.1s ease-out infinite mic-pulse;position:absolute;inset:-4px}@keyframes mic-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.mic-error{color:var(--amber);flex-basis:100%;margin:0}.sub-options{border-left:2px solid #ffffff24;gap:10px;margin:-2px 0 4px 10px;padding:2px 0 2px 16px;display:grid}.sub-options:empty{display:none}.sub-options .seg-label{font-size:.95em}.seg-tag{color:#ff8fb5;letter-spacing:.02em;text-transform:lowercase;border:1px solid #ff3d7f73;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:600}@media (width<=520px){.sub-options{margin-left:2px;padding-left:10px}.sub-options .seg-options{max-width:100%}.sub-options .seg{padding-left:10px;padding-right:10px}}.choice-year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.clue-card{background:var(--panel);border:1px dashed #ffffff40;border-radius:16px;align-items:center;gap:12px;max-width:520px;margin:0 auto 12px;padding:10px 14px;display:flex}.clue-art{object-fit:cover;border-radius:8px;flex:none;width:56px;height:56px}.clue-lines{flex-direction:column;gap:2px;min-width:0;font-weight:600;display:flex}.clue-lines span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bonus-question{flex-direction:column;align-items:center;gap:10px;max-width:560px;margin:8px auto 4px;display:flex}.bonus-options{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}@media (width<=520px){.bonus-options{grid-template-columns:1fr}}.reveal-album{margin:2px 0 0}.seg.on:disabled{opacity:1;cursor:default}.host-round .clue-card{margin-top:16px}:where(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.chip.confirming,.btn.confirming{color:#fff;background:#c8105a;border-color:#c8105a}.text-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px;font-size:.9rem;text-decoration:underline}.answer-order-label{color:var(--muted);align-self:center;font-weight:600}main.wide{max-width:min(1680px,100%);padding:16px clamp(16px,3vw,56px) 48px}.host-head{min-height:56px}.hud-left,.host-count{flex:1 1 0}.host-count{text-align:right;color:var(--text);font-size:clamp(1rem,1.5vw,1.6rem);font-weight:700}.lobby{align-items:start;gap:clamp(16px,2.5vw,36px);display:grid}@media (width>=1000px){.lobby{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lobby-poster{position:sticky;top:16px}}.lobby-poster,.lobby-setup{flex-direction:column;gap:16px;min-width:0;display:flex}.lobby-join{gap:clamp(16px,3vw,40px);padding:clamp(18px,2.5vw,36px)}.qr{aspect-ratio:1;width:clamp(180px,17vw,300px);height:auto}.lobby-step{color:var(--text);font-size:clamp(1rem,1.5vw,1.5rem)}.lobby-code{letter-spacing:.14em;margin:0;font-size:clamp(3rem,7vw,7.5rem);font-weight:800;line-height:1}.lobby-note{text-align:center;margin:0;font-size:clamp(.95rem,1.2vw,1.25rem)}.lobby-players .block-title{font-size:clamp(1.1rem,1.6vw,1.7rem)}.lobby-list li{font-size:clamp(1rem,1.3vw,1.4rem)}.host-round .disk-wrap{width:clamp(220px,32vh,400px)}.host-round .choice{min-height:clamp(68px,10vh,132px);padding:14px 20px 14px clamp(48px,4vw,72px)}.host-round .choice kbd{color:var(--text);font-size:clamp(.8rem,1.1vw,1.2rem);left:clamp(14px,1.2vw,22px)}.host-round .choice-title{font-size:clamp(1.05rem,1.8vw,2.1rem)}.host-round .choice-artist,.host-round .choice-year{color:#f6f1ffcc;font-size:clamp(.9rem,1.35vw,1.55rem)}.host-round .choices.with-thumbs .choice-thumb{width:clamp(48px,5vw,96px);height:clamp(48px,5vw,96px)}.host-round .answer-order,.host-reveal .outcomes,.host-reveal .leaderboard{font-size:clamp(1rem,1.5vw,1.6rem)}.host-round .order-chip b{width:1.5em;height:1.5em}.host-type-hint{font-size:clamp(1.3rem,2.2vw,2.4rem)}.host-reveal .reveal-answer .reveal-title{font-size:clamp(1.6rem,3.4vw,3.6rem);line-height:1.1}.host-reveal .reveal-answer p{font-size:clamp(1rem,1.6vw,1.7rem)}.host-reveal .reveal-thumb{width:clamp(110px,13vw,240px);height:clamp(110px,13vw,240px)}.board-title{margin:0;font-size:clamp(1.2rem,2vw,2.1rem)}.host-final .rank-title{font-size:clamp(2rem,5vw,5rem)}.host-final .leaderboard{max-width:900px;font-size:clamp(1rem,1.6vw,1.7rem)}.highlights{flex-direction:column;gap:6px;margin:8px 0;padding:0;font-size:clamp(1rem,1.5vw,1.6rem);font-weight:600;list-style:none;display:flex}.phone-lead{margin:0;font-size:1.1rem;font-weight:600}.roster-title{margin:12px 0 0;font-size:1rem}.answer-artist{color:#f6f1ffcc}.result-card.final h2{font-size:1.6rem}.clue-card{box-sizing:border-box;width:100%}.clue-lines span{white-space:normal;overflow-wrap:anywhere}.mic-btn{flex-direction:column;justify-content:center;align-items:center;gap:0;width:auto;min-width:64px;padding:0 12px;font-size:1.15rem;display:inline-flex}.mic-text{font-size:.78rem;font-weight:700}.results .leaderboard li{text-align:left}.music-picker{flex-direction:column;gap:18px;display:flex}.music-group{flex-direction:column;gap:10px;display:flex}.music-group>.seg-label{color:var(--text);font-size:1.02rem}.music-group .source-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.pill.open{border-color:var(--text)}.thin-pill{padding:8px 12px}.playlist .check{border:2px solid var(--line);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.playlist.on .check{color:#fff;background:#d0145a;border-color:#d0145a}.playlist-list{max-height:340px;overflow-y:auto}.picked-chips .removable{font-weight:600}.music-summary{background:var(--panel);border:1px dashed #ffffff38;border-radius:12px;margin:0;padding:10px 14px}::placeholder{color:#f6f1ff8c;opacity:1}.tl-bonus{color:var(--muted);font-size:.75rem;font-weight:600;display:block}.dont-know{align-self:center}.seg-desc{text-align:right;color:var(--muted);flex-basis:100%;margin:4px 0 0;font-size:.85rem}.options .segmented:has(.seg-desc){flex-wrap:wrap}.party-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.party-panel-head .block-title{margin:0}.party-panel-actions{gap:8px;display:flex}.lobby-join.compact{background:0 0;border:0;justify-content:flex-start;padding:0}.lobby-join.compact .qr{width:clamp(140px,30vw,200px)}.lobby-join.compact .lobby-code{font-size:clamp(2.6rem,9vw,4.5rem)}.lobby-join.compact .lobby-step{font-size:1rem}body:has(.phone.as-host) .topbar{display:none}main:has(.phone.as-host){padding:0}.phone.as-host{min-height:100dvh}.host-footer{flex-direction:column;align-items:stretch;gap:8px;padding-top:4px;display:flex}.host-footer .btn{width:100%}.phone.in-game{height:100dvh;min-height:0;overflow:hidden}.phone.in-game>.phone-round,.phone.in-game>.phone-center{flex:1;min-height:0}.phone.in-game>.phone-center{justify-content:flex-start;padding-top:1vh;overflow-y:auto}.phone.in-game .phone-round{flex-direction:column;display:flex}.phone.in-game .phone-choices{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}.phone.in-game .phone-choice{justify-content:center;min-height:0}.phone.in-game .phone-status{height:clamp(64px,12vh,104px)}.tv{flex-direction:column;gap:18px;min-height:100dvh;display:flex}.tv-left{text-align:left}.tv-lobby{flex-direction:column;align-items:center;gap:24px;display:flex}.tv-lobby .lobby-list{justify-content:center}.tv-note{text-align:center;padding:40px;font-size:1.4rem}.phone.in-game .phone-choices.with-thumbs .phone-choice{justify-content:flex-start}.split-status{flex-direction:column;align-items:center;gap:2px;display:flex}.split-worth{color:var(--muted);font-size:.9rem;font-weight:600}.phone-bonus{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.phone-bonus .bonus-options{grid-template-columns:1fr}.phone-bonus .year-result{margin:0}.choice.settled{cursor:default;pointer-events:none}:root{--stage:#1b3fc4;--stage-deep:#12298c;--stage-hi:#3a63f0;--stage-edge:#0a1a5c;--board:#0a1446;--board-hi:#16225e;--ink:#0a1446;--ink-soft:#3a4677;--on-stage:#fff;--on-stage-soft:#d6e0ff;--marquee:#ffd23f;--marquee-hi:#ffe27a;--marquee-edge:#b88400;--bulb:#fff3b0;--bulb-off:#2a3777;--right:#0c7f3f;--right-lamp:#3ee07f;--wrong:#c81f37;--wrong-lamp:#ff5a6e;--face:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--sign:"Bungee", "Atkinson Hyperlegible", system-ui, sans-serif;--radius:14px;--bg:var(--stage);--text:var(--on-stage);--muted:var(--on-stage-soft);--panel:#ffffff1a;--panel-strong:#ffffff2e;--line:#ffffff47;--pink:var(--marquee);--violet:var(--stage-hi);--green:var(--right);--red:var(--wrong);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--marquee) var(--stage-deep)}html,body{font-family:var(--face);color:var(--on-stage);background-color:var(--stage);background-image:radial-gradient(ellipse 120% 70% at 50% -10%, var(--stage-hi) 0%, var(--stage) 55%, var(--stage-deep) 100%);background-attachment:fixed;font-size:17px;line-height:1.45}::selection{background:var(--marquee);color:var(--ink)}:where(button,a,input,summary,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--marquee);outline-offset:3px}:where(.menu,.game-menu-panel,.source-panel,.suggestions) :focus-visible{outline-color:var(--stage)}a{color:inherit;text-underline-offset:3px}.bg,.blob{display:none!important}h1,h2,h3{font-family:var(--face);letter-spacing:-.01em;font-weight:700}.block-title,.board-title,.panel-title{font-family:var(--sign);letter-spacing:0;text-transform:none;color:var(--marquee);margin:0 0 14px;font-size:1.3rem;font-weight:400;line-height:1.15}.seg-label,.engraved,.roster-title{font-family:var(--face);letter-spacing:0;text-transform:none;color:var(--on-stage);text-shadow:none;font-size:1rem;font-weight:700}.seg-label .small,.seg-label .muted{color:var(--on-stage-soft);font-size:.95rem;font-weight:400}.muted{color:var(--muted)}.small{font-size:.95rem}.error{color:var(--marquee);font-weight:700}.seg-desc,.knob-desc{color:var(--on-stage-soft);margin:6px 0 0;font-size:.95rem}.seg-tag{background:var(--board);color:var(--marquee);font-family:var(--face);letter-spacing:0;text-transform:none;vertical-align:2px;border:0;border-radius:999px;margin-left:8px;padding:1px 9px;font-size:.8rem;font-weight:700;display:inline-block}.seg-label:has(.seg-tag){flex-wrap:wrap;flex-shrink:1;align-items:center;gap:4px 8px;min-width:0;max-width:100%;display:flex}.seg-label:has(.seg-tag) .seg-tag{margin-left:0}.tip{color:var(--on-stage);background:0 0;border:2px solid #ffffffb3}.tip-bubble{background:var(--board);color:var(--on-stage);border:2px solid var(--marquee);font-family:var(--face);text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:400}kbd{font-family:var(--sign);color:var(--marquee);background:var(--board);border:0;border-radius:6px;font-size:.8rem}.logo{font-family:var(--sign);letter-spacing:0;text-transform:none;color:var(--on-stage);gap:10px;font-size:1.15rem;font-weight:400}.logo em{color:var(--marquee);font-style:normal}.logo-note{background:var(--marquee);width:38px;height:38px;color:var(--ink);box-shadow:0 3px 0 var(--marquee-edge);border-radius:50%;place-items:center;display:grid}.topbar{border-bottom:2px solid #ffffff2e;padding-bottom:10px}.user{color:var(--ink);box-shadow:0 3px 0 var(--stage-edge);background:#fff;border:0}.menu,.game-menu-panel{--text:var(--ink);--muted:var(--ink-soft);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge), 0 24px 40px -16px #0000008c;color:var(--ink);background:#fff;border:0}.menu-item{color:var(--ink)}.menu-item:hover{background:#eef2ff}.btn,.chip,.icon-btn,.mic-btn{font-family:var(--face);color:var(--ink);box-shadow:0 4px 0 var(--stage-edge), 0 10px 18px -10px #00000080;background:#fff;border:0;border-radius:12px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background-color .15s}.btn:hover:not(:disabled),.chip:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:#eef2ff;transform:none}.btn:active:not(:disabled),.chip:active:not(:disabled),.icon-btn:active:not(:disabled),.mic-btn:active:not(:disabled){box-shadow:0 1px 0 var(--stage-edge);transform:translateY(3px)}.btn.primary{color:var(--ink);background:var(--marquee);box-shadow:0 4px 0 var(--marquee-edge), 0 12px 22px -10px #0000008c}.btn.primary:hover:not(:disabled){background:var(--marquee-hi)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--marquee-edge)}.btn.huge{border-radius:14px;padding:16px 28px;font-size:1.25rem}.btn:disabled,.chip:disabled{opacity:.55}.chip{padding:10px 16px;font-size:1rem}.btn.primary kbd{color:var(--ink);background:#0a14461f}.chip.confirming,.btn.confirming,.kick.confirming{color:#fff;background:var(--wrong);box-shadow:0 4px #7d0f20}.icon{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.icon-btn{place-items:center;display:grid}.mute-btn.on{background:var(--marquee);box-shadow:0 4px 0 var(--marquee-edge)}.mic-btn.on{color:#fff;background:var(--wrong);box-shadow:0 4px #7d0f20}.mic-pulse{border-color:var(--wrong-lamp)}.pill,.seg{font-family:var(--face);color:var(--ink);min-height:46px;box-shadow:0 4px 0 var(--stage-edge);background:#fff;border:0;border-radius:12px;padding:11px 16px 11px 42px;font-size:1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background-color .15s;position:relative}.pill:before,.seg:before{content:"";box-sizing:border-box;border:2px solid var(--ink-soft);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:14px}.pill.on,.seg.on{background:var(--marquee);box-shadow:0 4px 0 var(--marquee-edge)}.pill.on:before,.seg.on:before{border:5px solid var(--ink);background:var(--marquee)}.pill:hover:not(.on):not(:disabled),.seg:hover:not(.on):not(:disabled){background:#eef2ff}.pill:active:not(:disabled),.seg:active:not(:disabled){box-shadow:0 1px 0 var(--stage-edge);transform:translateY(3px)}.pill:disabled,.seg:disabled{opacity:.5}.seg.on:disabled{opacity:1}.seg-options{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:10px 8px;padding:0 0 4px}.segmented .seg-label{color:var(--on-stage)}.toggle .switch{background:var(--stage-edge);border:0;border-radius:999px;width:56px;height:32px;box-shadow:inset 0 2px 4px #0006}.toggle .switch:after{background:#fff;border-radius:50%;width:26px;height:26px;top:3px;left:3px;box-shadow:0 2px 3px #00000059}.toggle input:checked+.switch{background:var(--marquee);box-shadow:inset 0 2px 4px #0003}.toggle input:checked+.switch:after{background:var(--ink);transform:translate(24px)}.picker-row{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=560px){.picker-row{grid-template-columns:1fr}}.picker,.picker-options{flex-direction:column;gap:10px;display:flex}.picker-opt{text-align:left;font-size:1.05rem}.board-grid{background:var(--stage-edge);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.board-row{gap:6px;display:grid}.board-row.decades{grid-template-columns:repeat(auto-fit,minmax(62px,1fr))}.board-row.genres{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.tile{background:var(--stage);min-height:50px;color:var(--marquee);font-family:var(--sign);border:0;border-radius:8px;padding:8px 6px;font-size:1.1rem;line-height:1.1;transition:background-color .15s,color .15s;box-shadow:inset 0 0 0 2px #ffffff1f}.tile.genre{font-family:var(--face);color:var(--on-stage);font-size:1rem;font-weight:700}.tile:hover:not(.lit){background:var(--stage-hi)}.tile.lit{background:var(--marquee);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}@media (width<=420px){.board-row.decades{grid-template-columns:repeat(5,1fr)}.board-row.genres{grid-template-columns:repeat(3,1fr)}}.panel,.source-panel,.answer-card{--text:var(--ink);--muted:var(--ink-soft);--line:#0a144626;color:var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge), 0 18px 30px -18px #00000080;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0}.panel .block-title,.source-panel .block-title{color:var(--stage)}.source-panel .seg-label,.panel .seg-label{color:var(--ink)}.source-panel .seg,.source-panel .pill{box-shadow:inset 0 0 0 2px #c5cff0,0 3px #c5cff0}.source-panel .seg.on,.source-panel .pill.on{box-shadow:0 3px 0 var(--marquee-edge)}.board,.music-summary,.daily-card,.result-card,.phone-verdict,.stat,.clue-card{--text:var(--on-stage);--muted:var(--on-stage-soft);color:var(--on-stage);background:var(--board);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge), 0 18px 30px -18px #0000008c;border:0}.music-summary strong,.daily-card strong,.stat strong,.music-summary .icon{color:var(--marquee)}.text-input,.guess-input{font-family:var(--face);color:var(--ink);border:3px solid var(--stage-edge);box-shadow:none;caret-color:var(--stage);background:#fff;border-radius:12px;font-size:1.15rem}.text-input::placeholder,.guess-input::placeholder{color:#5d6897;opacity:1}.text-input:focus,.guess-input:focus{border-color:var(--marquee);box-shadow:0 0 0 3px var(--stage-edge);outline:none}.suggestions{color:var(--ink);box-shadow:0 5px 0 var(--stage-edge), 0 18px 30px -12px #00000080;background:#fff;border:0;border-radius:12px}.suggestions li.sel,.suggestions li:hover{background:#fff1b0}.clock{flex-direction:column;align-items:center;gap:10px;width:min(420px,92vw);margin:0 auto;padding:14px 16px 12px;display:flex}.bulbs{justify-content:center;gap:7px;display:flex}.bulb{background:var(--bulb-off);border-radius:50%;width:16px;height:16px;transition:background-color .3s,box-shadow .3s}.bulb.on{background:var(--bulb);box-shadow:0 0 10px 2px #ffe27abf}.clock.urgent .bulb.on{background:var(--wrong-lamp);animation:.5s step-end infinite bulb-blink;box-shadow:0 0 10px 2px #ff5a6ecc}.clock.free .bulb.on{animation:.54s step-end infinite bulb-chase}@keyframes bulb-blink{50%{background:var(--bulb-off);box-shadow:none}}@keyframes bulb-chase{0%{background:var(--bulb)}33%{background:var(--bulb-off);box-shadow:none}to{background:var(--bulb)}}.clock-readout{flex-direction:column;justify-content:center;align-items:center;min-height:72px;display:flex}.clock-big{font-family:var(--sign);font-variant-numeric:tabular-nums;color:var(--marquee);font-size:clamp(2.4rem,10vw,3.4rem);line-height:1}.clock.urgent .clock-big{color:var(--wrong-lamp)}.clock-big.countdown{animation:.5s both pop}.clock-caption{font-family:var(--face);color:var(--on-stage-soft);font-size:1rem;font-weight:700}.clock.compact{flex-direction:row-reverse;justify-content:space-between;gap:12px;width:100%;padding:10px 14px}.clock.compact .bulbs{grid-template-columns:repeat(6,14px);gap:7px 8px;display:grid}.clock.compact .bulb{width:14px;height:14px}.clock.compact .clock-readout{align-items:flex-start;min-height:0}.clock.compact .clock-big{font-size:2.4rem}.eq span{background:var(--marquee)}.snippet-wrap{flex-direction:column;gap:10px;width:min(440px,92vw);margin:0 auto;padding:12px 16px;display:flex}.snippet-bar{background:var(--bulb-off);border-radius:6px}.seg-part.open{background:#ffd23f66}.snippet-progress{background:var(--marquee)}.split-board{width:100%;padding:10px 14px}.split-board .split-status{color:var(--on-stage)}.split-board .split-worth{color:var(--marquee)}.hud{padding:8px 12px}.hud .icon-btn{color:var(--marquee);background:var(--board-hi);box-shadow:none}.song-count{font-family:var(--sign);letter-spacing:0;text-transform:none;color:var(--marquee);font-size:1rem}.score-num{font-family:var(--sign);color:var(--marquee);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400}.dot{box-sizing:border-box;background:var(--bulb-off);width:12px;height:12px;box-shadow:none}.dot.ok{background:var(--right-lamp)}.dot.miss{border:3px solid var(--wrong-lamp);background:0 0}.dot.now{background:var(--bulb);box-shadow:0 0 8px #ffe27ae6}.choice,.phone-choice,.bonus-option{color:var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge), 0 14px 24px -14px #0000008c;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;transition:transform 80ms,box-shadow 80ms,background-color .15s;animation:none;position:relative}.choice:hover:not(:disabled):not(.right):not(.wrong),.phone-choice:hover:not(:disabled):not(.picked),.bonus-option:hover:not(:disabled){background:#eef2ff;transform:none}.choice:active:not(:disabled),.phone-choice:active:not(:disabled),.bonus-option:active:not(:disabled){box-shadow:0 1px 0 var(--stage-edge);transform:translateY(4px)}.choice .choice-title,.phone-choice .choice-title{color:var(--ink);font-size:1.12rem}.choice .choice-artist,.phone-choice .choice-artist,.choice-year{color:var(--ink-soft);font-size:.95rem}.choice kbd{min-width:28px;padding:4px 6px;font-size:.95rem}.choice:after,.phone-choice:after{content:none;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.95rem;font-weight:700;line-height:1;display:grid;position:absolute;top:8px;right:8px}.phone-choice.picked{background:var(--marquee);box-shadow:0 5px 0 var(--marquee-edge)}.phone-choice.picked:after{content:"";background:var(--ink);width:14px;height:14px;top:12px;right:12px}.choice.right,.phone-choice.right{--ink:#fff;--ink-soft:#d8ffe8;background:var(--right);box-shadow:0 5px #06451f}.choice.right:after{content:"✓";color:var(--right);background:#fff}.choice.wrong,.phone-choice.wrong{--ink:#fff;--ink-soft:#ffe0e5;background:var(--wrong);box-shadow:0 5px #7d0f20}.choice.wrong:after{content:"✕";color:var(--wrong);background:#fff}.choice.right kbd,.choice.wrong kbd{color:#fff;background:#00000047}.choice.dim{opacity:.78}.choice-thumb,.cover-choice{border-radius:8px;box-shadow:0 0 0 1px #0a144626}.choice.right:before,.phone-verdict.win:before,.reveal.win .verdict:after{content:"";border-radius:calc(var(--radius) + 7px);background:radial-gradient(circle, var(--bulb) 0 2.6px, transparent 3.2px) 0 0 / 13px 13px;-webkit-mask-composite:xor;pointer-events:none;filter:drop-shadow(0 0 3px #ffe27ae6);padding:5px;animation:.9s linear 3 marquee;position:absolute;inset:-7px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes marquee{to{background-position:13px 0}}.reveal .art{box-shadow:0 0 0 6px #fff, 0 6px 0 6px var(--stage-edge), 0 22px 34px -14px #0009;border-radius:10px}.reveal .art.placeholder{background:var(--board);color:var(--marquee)}.verdict,.reveal .verdict{font-family:var(--sign);border:0;border-radius:10px;padding:8px 18px;font-size:1.15rem;font-weight:400;box-shadow:0 4px #00000059!important}.reveal.win .verdict{background:var(--right);color:#fff}.reveal.lose .verdict{background:var(--wrong);color:#fff}.reveal-title,.final-score,.rank-title{color:var(--on-stage)}.final-score{font-family:var(--sign);color:var(--marquee);font-variant-numeric:tabular-nums;font-weight:400}.reveal-artist,.answer-artist{color:var(--on-stage-soft)}.answer-card .answer-artist,.answer-card .reveal-artist{color:var(--ink-soft)}.year-result.hit strong{color:var(--right-lamp)}.year-result.miss strong{color:var(--wrong-lamp)}.stat .muted,.stat span{color:var(--on-stage-soft)}.hint-chip{color:var(--ink);box-shadow:0 3px 0 var(--stage-edge);background:#fff;border:0}.clue-card{color:var(--on-stage)}.result-card,.phone-verdict{position:relative}.result-card .result-main,.phone-verdict strong,.result-card h2{font-family:var(--sign);color:var(--marquee);font-weight:400}.result-card.win,.phone-verdict.win{background:var(--right);box-shadow:0 5px #06451f}.result-card.lose,.phone-verdict.lose{background:var(--wrong);box-shadow:0 5px #7d0f20}.result-card.win .result-main,.result-card.lose .result-main,.phone-verdict.win strong,.phone-verdict.lose strong{color:#fff}.result-card.win,.result-card.lose,.phone-verdict.win,.phone-verdict.lose{--muted:#ffffffe6}.phone .small,.phone .muted.small,.phone-verdict p,.result-detail{font-size:1rem}.leaderboard li,.outcomes li,.lobby-list li,.roster li{color:var(--ink);box-shadow:0 3px 0 var(--stage-edge);background:#fff;border:0;border-radius:12px;min-height:44px;font-size:1rem}.leaderboard li .muted,.outcomes li .muted,.lobby-list li .muted,.roster li .muted{color:var(--ink-soft)}.leaderboard .st-name,.roster-name{color:var(--ink)}.leaderboard .st-score,.leaderboard .score{font-family:var(--sign)}.leaderboard li.me{outline:3px solid var(--marquee);outline-offset:2px}.order-chip{color:var(--ink);border:3px solid var(--pc);background:#fff}.order-chip.waiting{color:var(--on-stage);background:0 0}.move.up,.gain{color:var(--right-lamp)}.move.down{color:var(--wrong-lamp)}.leaderboard li .move.up,.leaderboard li .gain{color:var(--right)}.leaderboard li .move.down{color:var(--wrong)}.daily-card .muted{color:var(--on-stage-soft)}.lobby-code{color:var(--marquee);font-family:var(--sign);letter-spacing:.06em}.phone{color:var(--on-stage)}.phone-head{border-radius:var(--radius);background:var(--board);color:var(--on-stage);box-shadow:0 4px 0 var(--stage-edge);border:0;padding:8px 10px}.phone-head .icon-btn{color:var(--marquee);background:var(--board-hi);box-shadow:none}.phone-room{color:var(--marquee);font-family:var(--sign);font-weight:400}.phone-timer{background:var(--board);border:0;height:12px}.phone-timer span{background:var(--marquee)}.phone-countdown{color:var(--marquee);font-family:var(--sign);font-weight:400}.phone-countdown-label,.phone-sub,.split-status,.phone-banner{color:var(--on-stage)}.phone-status{height:auto;min-height:96px}.big-icon .icon{width:56px;height:56px;color:var(--marquee)}main.tv{--text:var(--on-stage);--muted:var(--on-stage-soft);color:var(--on-stage);background:0 0;border:0;max-width:none;min-height:100dvh}main.tv .reveal-panel,main.tv .choice.host-choice{--text:var(--ink);--muted:var(--ink-soft)}main.tv .reveal-panel.board{--text:var(--on-stage);--muted:var(--on-stage-soft)}main.tv .host-count{color:var(--marquee)}main.tv .order-chip.waiting{color:var(--on-stage);border-color:var(--pc)}.reveal-panel{--text:var(--ink);--muted:var(--ink-soft);color:var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge);background:#fff;border:0}.reveal-panel.board{color:var(--on-stage);background:var(--board)}.host-round .choice-artist,.host-round .choice-year{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.bulb,.clock.urgent .bulb.on,.clock.free .bulb.on,.choice.right:before,.phone-verdict.win:before,.reveal.win .verdict:after{transition:none;animation:none}}@media (width<=440px){.logo{font-size:.95rem}.logo-note{width:32px;height:32px}.user span:not(.caret){display:none}}.pill,.pill.on{color:var(--ink)}.pill:before,.seg.multi:before{border-radius:5px}.pill.on:before,.seg.multi.on:before{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 9.5l3.2 3L14 5.5' fill='none' stroke='%23ffd23f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border:0}.pill.thin-pill:before{border-radius:50%}.pill.thin-pill.on:before{border:5px solid var(--ink);background:var(--marquee)}.seg.on,.picker-opt.on{color:var(--ink)}.seg-desc,.picker .seg-desc{text-align:left}.sub-options{border-left:2px solid #ffffff38}.btn.primary:disabled,.btn.primary.is-off{opacity:1;color:var(--ink);background:#b9c4ee;box-shadow:0 4px #7f8fcf}.choice kbd,main.tv .choice kbd{color:var(--marquee);background:var(--board)}.features .icon{color:var(--marquee);margin-right:6px}.reveal-panel .reveal-title,.answer-card .reveal-title,.reveal-panel .reveal-answer{color:var(--ink)}.reveal-panel .reveal-artist,.reveal-panel .muted{color:var(--ink-soft)}.reveal-panel.board .reveal-title,.reveal-panel.board .muted{color:var(--on-stage)}@media (width<=520px){.sub-options .seg,.options .seg{padding-left:42px;padding-right:14px}}.choice.dim{opacity:1;background:#dfe5fb;box-shadow:0 5px #8f9fd8}.choice.dim kbd{color:var(--ink);background:#8f9fd8}.seg-desc,.small,.muted.small,.tip-bubble,.sub-options .seg-label,.options .seg-label{font-size:1rem}.seg-tag{font-size:.9rem}.game:has(.controls) .answer-area{flex-direction:column;flex:1;display:flex}.game:has(.controls) .answer-area .choices{flex:1;grid-auto-rows:minmax(96px,1fr)}.game:has(.controls) .choice{justify-content:flex-start;padding-left:60px}@media (width>=700px){.game:has(.controls) .choice .choice-title{font-size:1.3rem}.game:has(.controls) .choice .choice-thumb{width:72px;height:72px}}:is(.panel,.source-panel,.answer-card) .btn:not(.primary),:is(.panel,.source-panel,.answer-card) .chip{color:#fff;background:var(--stage);box-shadow:0 4px 0 var(--stage-edge)}:is(.panel,.source-panel,.answer-card) .btn:not(.primary):hover:not(:disabled),:is(.panel,.source-panel,.answer-card) .chip:hover:not(:disabled){background:var(--stage-hi)}main.tv{box-sizing:border-box;flex-direction:column;gap:18px;padding:20px 28px 24px;display:flex}main.tv .host-head{background:var(--board);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge);align-items:center;gap:24px;padding:12px 24px;display:flex}main.tv .host-count{font-family:var(--sign);color:var(--marquee);font-size:1.6rem}main.tv .host-round{flex-direction:column;flex:1;gap:18px;display:flex}main.tv .clock{width:min(720px,60vw)}main.tv .bulb{width:22px;height:22px}main.tv .clock-big{font-size:5rem}main.tv .clock-caption{font-size:1.3rem}main.tv .host-round .choices{flex:1;grid-auto-rows:1fr;gap:18px}main.tv .choice.host-choice{flex-direction:row;align-items:center;gap:20px;padding:18px 24px}main.tv .choice.host-choice kbd{min-width:52px;padding:8px 10px;font-size:1.8rem}main.tv .choice.host-choice .choice-thumb{width:112px;height:112px}main.tv .choice .choice-title{font-size:clamp(1.6rem,2.4vw,2.6rem);line-height:1.15}main.tv .choice .choice-artist,main.tv .choice .choice-year{font-size:clamp(1.1rem,1.5vw,1.6rem)}main.tv .answer-order,main.tv .order-chip{font-size:1.3rem}.tv-scores{background:var(--board);border-radius:var(--radius);box-shadow:0 5px 0 var(--stage-edge);flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:0;padding:12px 18px;list-style:none;display:flex}.tv-scores li{background:var(--board-hi);border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:1.4rem;font-weight:700;display:flex}.tv-scores b{font-family:var(--sign);color:var(--marquee);font-weight:400}.tv-scores .roster-dot{background:var(--pc)}main.tv .host-reveal .reveal-title{font-size:clamp(2.2rem,3.6vw,3.6rem)}main.tv .host-reveal .reveal-artist{font-size:1.5rem}main.tv .host-reveal .board-title{font-size:1.8rem}main.tv .leaderboard li,main.tv .outcomes li{min-height:64px;padding:10px 18px;font-size:1.4rem}main.tv .outcomes .muted.small{font-size:1.1rem}main.tv .host-head{justify-content:space-between}main.tv .host-head .host-count:empty{display:none}main.tv .choice.host-choice kbd{flex:none;align-self:center;position:static}main.tv .choice.host-choice{padding-left:20px}main.tv .host-head .tv-left{text-align:left;flex:none;margin-right:auto}.choice.dim .icon,.choice.dim svg{color:var(--ink-soft);opacity:1}.options{row-gap:26px}.options .sub-options{row-gap:22px;margin-top:-8px}.options .segmented:has(.seg-desc){row-gap:8px}.options .segmented .seg-desc{text-align:right;margin:0}@media (width<=520px){.options .segmented .seg-desc{text-align:left}}.fader{--r:18px;flex-direction:column;gap:8px;display:flex}.fader .seg-label{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.fader-body{height:48px;position:relative}.fader-track{left:calc(100% / (2 * var(--n)));right:calc(100% / (2 * var(--n)));background:var(--stage-edge);border-radius:999px;height:14px;margin-top:-7px;position:absolute;top:50%;box-shadow:inset 0 2px 3px #00000059}.fader-fill{background:var(--marquee);width:100%;transform:scaleX(var(--at));transform-origin:0;border-radius:999px;transition:transform .2s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;left:0}.fader.custom .fader-fill{transform:scaleX(0)}.fader-notch{top:50%;left:calc(var(--k) * 100%);background:var(--stage-hi);width:14px;height:14px;box-shadow:0 0 0 3px var(--stage-edge);border-radius:50%;margin:-7px 0 0 -7px;position:absolute}.fader-notch.on{background:var(--marquee);box-shadow:0 0 0 3px var(--marquee-edge)}.fader-input{appearance:none;top:0;left:calc(100% / (2 * var(--n)) - var(--r));width:calc(100% - 100% / var(--n) + 2 * var(--r));cursor:pointer;background:0 0;height:48px;margin:0;position:absolute}.fader-input::-webkit-slider-runnable-track{background:0 0;height:48px}.fader-input::-moz-range-track{background:0 0;height:48px}.fader-input::-webkit-slider-thumb{appearance:none;width:calc(2 * var(--r));height:calc(2 * var(--r));margin-top:calc(24px - var(--r));border:4px solid var(--ink);background:var(--marquee);box-shadow:0 4px 0 var(--stage-edge), 0 8px 14px -6px #0009;cursor:grab;border-radius:50%}.fader-input::-moz-range-thumb{width:calc(2 * var(--r) - 8px);height:calc(2 * var(--r) - 8px);border:4px solid var(--ink);background:var(--marquee);box-shadow:0 4px 0 var(--stage-edge);cursor:grab;border-radius:50%}.fader.custom .fader-input::-webkit-slider-thumb{opacity:0}.fader.custom .fader-input::-moz-range-thumb{opacity:0}.fader-input:focus-visible{outline:none}.fader-input:focus-visible::-webkit-slider-thumb{outline-offset:3px;outline:3px solid #fff}.fader-input:focus-visible::-moz-range-thumb{outline-offset:3px;outline:3px solid #fff}.fader-stops{grid-template-columns:repeat(var(--n), minmax(0, 1fr));display:grid}.fader-stop{min-height:44px;color:var(--on-stage);font-family:var(--face);text-align:center;background:0 0;border:0;border-radius:10px;padding:4px 2px;font-size:1.05rem;font-weight:700;line-height:1.2}.fader-stop:hover{background:#ffffff14}.fader-stop.on{color:var(--marquee)}.fader .seg-desc{text-align:left;margin:0}.settings-block>.fader .seg-desc{font-size:1.05rem}.options>.fader{padding-bottom:4px}@media (width>=521px){.options .seg-label:has(.seg-tag){flex-shrink:0}}.fader-body,.fader-stops{flex:none}@media (width>=521px){.options .segmented .seg-options{justify-content:flex-end;margin-left:auto}}.pill.person .roster-dot{background:var(--pc);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;display:inline-block}.music-group>.seg-label+.grid-chips{margin-top:2px}.music-group>.grid-chips+.seg-label,.music-group>.lib-note+.seg-label{margin-top:10px}.option-groups{flex-direction:column;gap:30px;margin-top:14px;display:flex}.option-group+.option-group{border-top:2px solid #ffffff24;padding-top:26px}.option-group-title{font-family:var(--face);letter-spacing:0;color:var(--marquee);margin:0 0 4px;font-size:1.15rem;font-weight:800}.option-group-note{color:var(--on-stage-soft);margin:0 0 14px;font-size:1rem}.option-group>.options{margin-top:14px}.option-group-note+.options,.sub-options.labelled{margin-top:0}.sub-options-label{color:var(--on-stage-soft);font-size:1rem;font-weight:700}.tip{width:auto;height:auto;color:var(--on-stage-soft);background:0 0;border:0;font-size:1rem}.tip .icon{width:1.15em;height:1.15em}.music-picker .music-summary{margin-top:4px}.option-group>.options{row-gap:16px}.option-group .sub-options{row-gap:14px;margin-top:-4px}.options{container-type:inline-size}.options .segmented{grid-template-columns:minmax(8.5rem,13rem) minmax(0,1fr);align-items:start;gap:8px 20px;display:grid}.options .segmented>.seg-label{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;min-height:46px;display:flex}.options .segmented .seg-options,.options .segmented .seg-options:where(*){justify-content:flex-start;margin-left:0}@container (width<=560px){.options .segmented{grid-template-columns:minmax(0,1fr)}.options .segmented>.seg-label{min-height:0}}.options .sub-options .segmented{grid-template-columns:minmax(calc(8.5rem - 28px),calc(13rem - 28px)) minmax(0,1fr)}@container (width<=560px){.options .sub-options .segmented{grid-template-columns:minmax(0,1fr)}}.seg-label{position:relative}.seg-label>.tip{position:static}.seg-label>.tip .tip-bubble{width:min(320px,100%);min-width:min(260px,100%);top:calc(100% + 6px);left:0}@container (width>=561px){.options .segmented>.seg-label>.tip .tip-bubble{width:320px}}.band-picker{flex-direction:column;gap:10px;display:flex}.band-chart{border-radius:var(--radius);background:var(--board);box-shadow:0 4px 0 var(--stage-edge);padding:14px 16px 10px}.band-bars{align-items:flex-end;gap:3px;height:72px;display:flex}.band-bar{background:var(--bulb-off);border-radius:3px 3px 0 0;flex:1;min-width:0;transition:background-color .2s}.band-bar.lit{background:var(--marquee)}.band-ends{color:var(--on-stage-soft);justify-content:space-between;margin-top:6px;font-size:.9rem;font-weight:700;display:flex}.band-stops{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.band-stop{min-height:48px;color:var(--ink);font-family:var(--face);box-shadow:0 4px 0 var(--stage-edge);background:#fff;border:0;border-radius:10px;padding:6px 4px;font-size:.95rem;font-weight:700;line-height:1.15}.band-stop:hover:not(.on){background:#eef2ff}.band-stop.on{background:var(--marquee);box-shadow:0 4px 0 var(--marquee-edge)}.band-stop:active{box-shadow:0 1px 0 var(--stage-edge);transform:translateY(3px)}.band-picker .seg-desc{text-align:left;margin:0}@media (prefers-reduced-motion:reduce){.band-bar{transition:none}}.band-stops{flex-wrap:wrap;display:flex}.band-stop{white-space:nowrap;flex:auto;padding:8px 12px}.players-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.players-choice .seg{justify-content:center;min-height:60px;font-size:1.1rem}.players-choice .seg .icon{margin-right:6px}.players-choice .seg.confirming{color:#fff;background:var(--wrong);box-shadow:0 4px #7d0f20}main.tv.tv-ended{place-items:center;display:grid}.tv-ended-card{text-align:center;flex-direction:column;gap:14px;width:min(640px,92vw);padding:36px 40px;display:flex}.tv-ended-title{font-family:var(--sign);color:var(--marquee);margin:0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400}.tv-ended-note{color:var(--on-stage);margin:0;font-size:1.3rem}.tv-ended-form{color:var(--on-stage-soft);flex-direction:column;gap:10px;margin-top:12px;font-weight:700;display:flex}.tv-ended-row{justify-content:center;gap:10px;display:flex}.tv-ended-row .text-input{text-align:center;width:9ch;font-family:var(--sign);letter-spacing:.1em;text-transform:uppercase;font-size:1.6rem}.game-menu-panel{gap:14px;padding:16px}:is(.game-menu-panel,.menu) .btn:not(.primary),:is(.game-menu-panel,.menu) .chip{color:#fff;background:var(--stage);box-shadow:0 4px 0 var(--stage-edge)}:is(.game-menu-panel,.menu) .btn:not(.primary):hover:not(:disabled),:is(.game-menu-panel,.menu) .chip:hover:not(:disabled){background:var(--stage-hi)}.game-menu-panel .small,.game-menu-panel .muted{color:var(--ink);font-size:1rem;font-weight:700}.slider.mono{background:#d5dcf5;height:12px;box-shadow:inset 0 1px 2px #0a144640}.slider.mono::-webkit-slider-thumb{background:var(--marquee);border:4px solid var(--ink);width:28px;height:28px;box-shadow:0 3px 0 var(--stage-edge)}.slider.mono::-moz-range-thumb{background:var(--marquee);border:4px solid var(--ink);width:20px;height:20px}.game-menu-panel .toggle .switch{background:#c5cff0}.game-menu-panel .toggle input:checked+.switch{background:var(--marquee)}.settings-list{border-top:2px solid #e3e8fa;gap:8px;padding-top:12px}.settings-list>div{font-size:1rem}.settings-list dt{color:var(--ink-soft)}.settings-list dd{color:var(--ink);font-weight:700}.join-strip{z-index:20;border-radius:var(--radius);background:var(--board);color:var(--on-stage);box-shadow:0 5px 0 var(--stage-edge), 0 16px 26px -14px #000000b3;flex-direction:column;gap:10px;padding:10px 12px;display:flex;position:sticky;top:8px}.join-row{align-items:center;gap:12px;display:flex}.join-qr{cursor:zoom-in;background:#fff;border:0;border-radius:8px;flex:none;width:60px;height:60px;padding:3px}.join-strip.open .join-qr{cursor:zoom-out}.join-qr img,.join-qr-blank{width:100%;height:100%;display:block}.join-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.join-how{color:var(--on-stage-soft);font-size:1rem}.join-how b{color:var(--marquee)}.join-code{font-family:var(--sign);letter-spacing:.08em;color:var(--marquee);font-size:1.8rem;line-height:1}.join-tv{flex:none}@media (width<=480px){.join-tv span{display:none}}.join-big{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.join-big img{background:#fff;border-radius:10px;width:min(240px,60vw);padding:6px}.join-big p{color:var(--on-stage-soft);flex:200px;margin:0;font-size:1rem}.join-people{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.join-people li{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-weight:700;display:inline-flex}.join-people li.away{opacity:.75}.join-people .roster-dot{background:var(--pc)}.join-people .kick{min-width:32px;min-height:32px;color:var(--ink);box-shadow:none;background:#eef2ff;border:0;border-radius:999px;padding:0}.join-people .kick.confirming{color:#fff;background:var(--wrong);padding:0 10px}.join-strip.join-note{box-shadow:none;font-size:1rem;position:static}.join-panel{border-radius:var(--radius);background:var(--board);color:var(--on-stage);box-shadow:0 5px 0 var(--stage-edge);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:16px;display:grid}.join-panel .join-people{grid-column:1/-1}.join-panel .join-tv{align-self:start}.join-qr{cursor:zoom-in;background:#fff;border:0;border-radius:10px;padding:4px}.join-qr.big{width:200px;height:200px}.join-qr.small{border-radius:6px;width:44px;height:44px;padding:2px}.join-panel .join-text{gap:4px}.join-panel .join-how{color:var(--on-stage-soft);font-size:1.1rem}.join-panel .join-code{font-size:clamp(2.2rem,7vw,4rem)}@media (width<=560px){.join-panel{grid-template-columns:auto minmax(0,1fr)}.join-qr.big{width:140px;height:140px}.join-panel .join-tv{grid-column:1/-1;justify-self:start}}.join-pin{z-index:25;height:0;margin:0;position:sticky;top:8px}.join-bar{border-radius:var(--radius);background:var(--board);color:var(--on-stage);box-shadow:0 5px 0 var(--stage-edge), 0 16px 26px -14px #000000b3;opacity:0;pointer-events:none;align-items:center;gap:12px;padding:8px 12px;transition:opacity .2s,transform .2s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-8px)}.join-bar.shown{opacity:1;pointer-events:auto;transform:none}.join-bar-text{min-width:0;color:var(--on-stage-soft);flex:1;font-size:1rem}.join-bar-text b{color:var(--marquee)}.join-bar .join-code{font-size:1.6rem}.join-count{color:var(--on-stage);flex:none;align-items:center;font-weight:700;display:flex}.join-count>*+*{margin-left:-7px}.join-count .avatar{box-shadow:0 0 0 2px var(--board)}.join-count .away{opacity:.45}.join-count-more{background:var(--board-hi);min-width:26px;height:26px;box-shadow:0 0 0 2px var(--board);color:var(--marquee);border-radius:999px;place-items:center;padding:0 5px;font-size:.75rem;font-weight:800;display:grid}@media (width<=560px){.join-bar-text{display:none}.join-bar .join-code{flex:1}}.qr-full{z-index:100;background:var(--stage-deep);color:var(--on-stage);cursor:zoom-out;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.qr-full img{background:#fff;border-radius:16px;width:min(78vw,64vh);height:auto;padding:10px}.qr-full-code{font-family:var(--sign);letter-spacing:.1em;color:var(--marquee);margin:0;font-size:clamp(2.6rem,9vw,4.4rem)}.qr-full-how{color:var(--on-stage-soft);margin:0;font-size:1.1rem}.qr-full-how b{color:var(--on-stage)}@media (prefers-reduced-motion:reduce){.join-bar{transition:none}}@media (width<=560px){.join-panel .join-tv{grid-area:2/2;align-self:start;margin-top:-8px}.join-panel .join-qr.big{grid-row:1/span 2}.join-tv span{display:inline}}.join-actions{flex-direction:column;align-self:start;align-items:stretch;gap:8px;display:flex}@media (width<=560px){.join-panel .join-actions{flex-flow:wrap;grid-area:2/2;margin-top:-8px}.join-panel .join-tv{grid-area:auto;margin-top:0}}.music-kinds .seg{white-space:nowrap;justify-content:flex-start}.music-kinds .seg .icon{margin-right:4px}@media (width<=700px){.music-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}.music-kinds .seg.has-faces{z-index:1;position:relative}.seg-faces>*{border-radius:50%;animation:.3s both pop;position:absolute;box-shadow:0 0 0 2px #fff}.seg-faces>:first-child{top:-13px;right:-10px;rotate:12deg}.seg-faces>:nth-child(2){bottom:-12px;left:-10px;rotate:14deg}.seg-faces>:nth-child(3){bottom:-13px;right:-12px;rotate:-8deg}.seg-faces>:nth-child(4){top:-15px;left:46%;rotate:7deg}.seg-faces>:nth-child(5){top:44%;left:-15px;rotate:-10deg}.seg-faces>:nth-child(6){bottom:-15px;left:40%;rotate:-11deg}.music-kinds:has(.has-faces){gap:16px 14px;padding:6px 4px}.seg-faces-more{background:var(--board);min-width:26px;height:26px;color:var(--marquee);place-items:center;padding:0 5px;font-size:.72rem;font-weight:800;display:grid}@media (prefers-reduced-motion:reduce){.seg-faces>*{animation:none}}.music-kinds{flex-wrap:wrap;display:flex}.music-kinds .seg{flex:auto}.music-picker{container-type:inline-size}.music-kinds{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@container (width<=520px){.music-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}.music-kinds .seg{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:76px;padding:10px 8px;line-height:1.2;display:flex}.music-kinds .seg .icon{width:1.4em;height:1.4em;margin:0}.music-kinds .seg:before{width:16px;height:16px;margin-top:0;top:12px;left:10px}.music-kinds .seg.on:before{border-width:4px}.music-missing,.setup-missing{color:var(--marquee);margin:0;font-weight:700}.setup-missing{text-align:center}.music-narrowed{margin:0}.own-app{text-align:left;width:min(560px,100%)}.own-app>summary{cursor:pointer;color:var(--on-stage);text-underline-offset:3px;font-weight:700;text-decoration:underline}.own-app-body{border-radius:var(--radius);background:var(--board);color:var(--on-stage);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.own-app-body p,.own-app-body ol{margin:0}.own-app-body ol{flex-direction:column;gap:6px;padding-left:1.3em;display:flex}.own-app-body a{color:var(--marquee)}.own-app-body code{background:var(--board-hi);color:var(--marquee);word-break:break-all;border-radius:6px;padding:1px 6px}.own-app-form{flex-wrap:wrap;gap:8px;display:flex}.own-app-form .text-input{flex:240px;font-family:ui-monospace,monospace}@media (width<=560px){.join-panel .join-tv{grid-area:auto/1/auto/-1;justify-self:start;margin-top:0}}.music-group .playlist-list{margin:0}.join-people li.me{padding-right:12px}.tv-help{background:var(--board-hi);border-radius:12px;flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.tv-help p,.tv-help ul{margin:0}.tv-help ul{color:var(--on-stage-soft);flex-direction:column;gap:6px;padding-left:1.2em;display:flex}.tv-help b{color:var(--on-stage)}.tv-ways{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%;display:grid}.tv-way{background:var(--board);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.tv-way.on{box-shadow:inset 0 0 0 3px var(--marquee)}.tv-way span{color:var(--on-stage-soft)}.tv-way .btn{margin-top:auto}body:has(main.tv-host) .topbar{display:none}main.tv.tv-host{width:100vw;margin-left:-50vw;padding-bottom:110px;position:relative;left:50%}main.tv-host .host-head .game-menu{flex:none}main.tv-host .host-head .icon-btn{color:var(--marquee);background:var(--board-hi);box-shadow:none}main.tv .choice.host-choice.playable{cursor:pointer;font:inherit;text-align:left}main.tv .choice.host-choice.playable:disabled{cursor:default;opacity:1}.tv-locked{color:var(--marquee);font-size:1.4rem}main.tv .dont-know{align-self:center;font-size:1.2rem}.secret-type{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:1.2rem;display:flex}.secret-type .text-input{letter-spacing:.2em;width:min(520px,80vw);font-size:1.6rem}.tv-host-footer{z-index:30;justify-content:center;width:min(560px,90vw);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.tv-host-footer .btn{width:100%}a.btn,.hero a.btn.join-cta{color:var(--ink);text-decoration:none}.avatar{vertical-align:middle;background:var(--pc);box-shadow:0 0 0 2px var(--pc);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar:has(.critter){box-shadow:none;background:0 0;overflow:visible}.critter{display:block;overflow:visible}.order-chip .avatar,.join-people .avatar,.pill .avatar{margin-right:2px}.join-people li .muted{color:var(--ink-soft)}main.tv.tv-host{gap:12px;height:100dvh;min-height:0;padding:14px 20px;overflow:hidden}main.tv-host .host-head{flex:none;padding:8px 16px}main.tv-host .host-count{font-size:1.3rem}.tv-controls{flex:none;gap:8px;display:flex}.tv-controls .icon-btn{color:var(--marquee);background:var(--board-hi);box-shadow:none}.tv-controls .mute-btn.on{color:var(--ink);background:var(--marquee)}main.tv-host .host-round{flex:1;gap:12px;min-height:0}main.tv-host .clock{flex:none;gap:4px;width:min(560px,60vw);padding:8px 14px}main.tv-host .clock-big{font-size:clamp(2.4rem,7vh,4rem)}main.tv-host .clock-readout{min-height:0}main.tv-host .bulb{width:clamp(12px,2vh,20px);height:clamp(12px,2vh,20px)}main.tv-host .host-round .choices{flex:1;grid-auto-rows:minmax(0,1fr);gap:12px;min-height:0}main.tv-host .choice.host-choice{min-height:0;padding:10px 18px;overflow:hidden}main.tv-host .choice.host-choice .choice-thumb{width:clamp(48px,11vh,104px);height:clamp(48px,11vh,104px)}main.tv-host .choice .choice-title{font-size:clamp(1.2rem,3.2vh,2.2rem)}main.tv-host .choice .choice-artist,main.tv-host .choice .choice-year{font-size:clamp(.95rem,2.2vh,1.4rem)}main.tv-host .answer-order,main.tv-host .tv-scores,main.tv-host .tv-locked,main.tv-host .secret-type,main.tv-host .dont-know,main.tv-host .phone-verdict{flex:none}main.tv-host .answer-order,main.tv-host .order-chip{font-size:1.05rem}main.tv-host .tv-scores{padding:8px 12px}main.tv-host .tv-scores li{padding:4px 12px;font-size:1.1rem}main.tv-host .tv-locked{text-align:center;margin:0;font-size:1.15rem}main.tv-host .phone-verdict{align-self:center;width:min(560px,90%)}.tv-footer{flex:none;justify-content:center;display:flex}.tv-footer .btn{width:min(520px,90vw)}main.tv-host .host-reveal{flex:1;min-height:0;overflow:auto}main.tv .choice.host-choice.picked{background:var(--marquee);box-shadow:0 5px 0 var(--marquee-edge)}.tv-host-footer{display:none}.join-panel .cast-btn{place-items:center;width:48px;height:48px;padding:0;display:grid}.join-panel .cast-btn .icon{width:1.5em;height:1.5em}main:has(>main.tv-host){max-width:none;padding:0!important}main.tv .choice.host-choice kbd{margin:0;transform:none}main.tv-host .phone-verdict{gap:2px;padding:10px 16px}main.tv-host .phone-verdict strong{font-size:1.3rem}.toast{top:auto;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 8px);width:max-content;max-width:min(440px,100vw - 48px);color:var(--ink);cursor:default;z-index:200;background:#fff;border:0;border-radius:16px;align-items:center;gap:10px;padding:9px 8px 11px 14px;font-size:.92rem;font-weight:700;line-height:1.3;animation:.4s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;overflow:hidden;transform:translate(-50%);box-shadow:0 2px #0a144640,0 18px 40px -8px #050a28a6}.toast-icon{background:var(--marquee);width:30px;height:30px;color:var(--ink);border-radius:999px;flex:none;place-items:center;display:grid}.toast-icon svg{width:17px;height:17px}.toast-text{min-width:0}.toast.error .toast-icon{background:var(--wrong-lamp);color:#fff}.toast-x{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#eef2ff;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.toast-x svg{width:16px;height:16px}.toast-timer{background:var(--marquee);transform-origin:0;height:4px;animation:toast-time var(--toast-ms,6s) linear both;position:absolute;bottom:0;left:0;right:0}.toast.error .toast-timer{background:var(--wrong-lamp)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,24px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes toast-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}html:has(.phone.in-game){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.phone.in-game) body{overscroll-behavior:none;height:100%;overflow:hidden}html:has(main.tv-host){overscroll-behavior:none;height:100%;overflow:hidden}html:has(main.tv-host) body{overscroll-behavior:none;height:100%;overflow:hidden}.phone.in-game{height:auto;position:fixed;inset:0}.phone.in-game>.phone-center{overscroll-behavior:contain}.hero-ways{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;width:min(620px,100%);display:grid}.hero-way{flex-direction:column;align-items:stretch;gap:10px;display:flex}.hero-way .btn{justify-content:center;width:100%}.hero-way>span{color:var(--on-stage-soft);font-size:.95rem}.hero a.btn.join-cta{margin-top:0}.hero .own-app>summary{width:max-content;color:var(--on-stage-soft);margin:0 auto;font-weight:400;list-style:none}.hero .own-app>summary::-webkit-details-marker{display:none}.logo.big{font-size:clamp(1.8rem,7.6vw,4.5rem)}.hero-way .btn.huge{min-height:64px;font-size:1.25rem}.join-panel{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"qr text cast""ppl ppl ppl"}.join-panel>.join-qr.big{grid-area:qr}.join-panel>.join-text{grid-area:text}.join-panel>.join-tv{grid-area:cast}.join-panel>.join-people{grid-area:ppl}@media (width<=560px){.join-panel{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"qr text text""ppl ppl cast"}.join-panel>.join-tv{grid-area:cast;place-self:center end}}.clear-history{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.clear-history p{margin:0}.btn.danger-link{background:var(--board);color:var(--wrong-lamp);box-shadow:0 4px 0 var(--stage-edge);border:0}.btn.danger-link.confirming{background:var(--wrong);color:#fff}button.hint-chip.more{font:inherit;color:var(--on-stage);background:var(--board);border:2px dashed var(--marquee);box-shadow:none;cursor:pointer;align-items:center;gap:6px;font-size:.95rem;font-weight:700;animation:none;display:inline-flex}button.hint-chip.more:hover{border-style:solid}.hint-left{color:var(--on-stage-soft);font-weight:400}@media (width<=699px){html:has(.game.fit){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.game.fit) body{overscroll-behavior:none;height:100%;overflow:hidden}.game.fit{z-index:1;min-height:0;padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:10px;position:fixed;inset:0;overflow:hidden}.game.fit>.hud,.game.fit>.stage,.game.fit>.controls{flex:none}.game.fit .controls{margin-top:0}.game.fit .controls .chip{min-height:44px;padding-block:6px}.game.fit .answer-area{flex:1;gap:10px;min-height:0}.game.fit .answer-area .choices{flex:1;grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0}.game.fit .choice{min-height:0;padding-block:6px;overflow:hidden}.game.fit .controls{grid-template-columns:repeat(auto-fit,minmax(0,max-content));justify-content:center;gap:6px;display:grid}.game.fit .controls .chip{white-space:nowrap;gap:6px;padding-inline:12px;font-size:.95rem}.game.fit .choice .choice-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.15;display:-webkit-box;overflow:hidden}.game.fit .choice-thumb{width:clamp(40px,8dvh,64px);height:clamp(40px,8dvh,64px)}.game.fit .choice .choice-artist{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}}@media (width<=370px){.game.fit .controls .chip svg{display:none}}@media (width<=699px) and (height<=620px){.game.fit .choice .choice-title{-webkit-line-clamp:1}}.game-menu-panel .menu-screen{justify-content:center}.toast-text .icon{vertical-align:-3px}.menu-link{color:var(--ink-soft);align-self:center;align-items:center;gap:6px;padding:6px 4px 0;font-size:.9rem;font-weight:600;display:inline-flex}.menu-link .icon{width:14px;height:14px}@media (width<=699px){.hud .dots{grid-template-columns:repeat(var(--per-row), 12px);justify-content:center;gap:6px;display:grid}.game.fit.at-reveal .stage{display:block}.game.fit.at-reveal .reveal{text-align:left;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:2px 16px;display:grid}.game.fit.at-reveal .reveal>*{grid-column:2}.game.fit.at-reveal .reveal>.art-wrap{grid-area:1/1/span 4;width:clamp(112px,36vw,160px);margin:8px 0 18px 6px}.game.fit.at-reveal .verdict{padding:6px 12px;font-size:.95rem;bottom:-12px}.game.fit.at-reveal .pts{font-size:1.1rem}.game.fit.at-reveal .reveal-title{margin:0;font-size:clamp(1.2rem,5.5vw,1.5rem)}.game.fit.at-reveal .reveal-artist{font-size:1rem}.game.fit.at-reveal .reveal-album{font-size:.9rem}.game.fit.at-reveal .answer-area{overscroll-behavior:contain;overflow-y:auto}.game.fit.at-reveal .answer-area .choices{flex:none;grid-auto-rows:auto}.game.fit.at-reveal .choice{min-height:64px}.game.fit.at-reveal .choice.right,.game.fit.at-reveal .choices+.center-text{display:none}.game.fit.at-reveal .next{justify-content:center;width:100%;margin-top:auto}}@media (width<=560px){.join-panel{gap:14px}.join-panel .join-how{font-size:1rem}}div.join-bar{width:100%;font:inherit;text-align:left;cursor:zoom-in;border:0}div.join-bar .join-qr.small{flex:none;display:block}div.join-bar .join-qr.small img{width:100%;height:100%;display:block}.band-chart{cursor:pointer}.cast-btn.on{background:var(--marquee);color:var(--ink);box-shadow:0 4px 0 var(--marquee-edge)}.join-link-text{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;color:var(--marquee);font-size:.95rem}.join-home{color:var(--on-stage-soft);align-self:flex-start;align-items:center;gap:6px;padding:8px 4px;font-weight:700;text-decoration:none;display:inline-flex}.join-home:hover{color:var(--on-stage)}.game-menu-panel .chip.play-here{justify-content:center}.phone-next{width:100%}.stage-notice{z-index:150;top:max(16px, env(safe-area-inset-top));background:var(--marquee);max-width:calc(100vw - 32px);color:var(--ink);box-shadow:0 5px 0 var(--marquee-edge), 0 16px 30px -12px #0009;border-radius:999px;padding:10px 20px;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:700;animation:.3s both pop;position:fixed;left:50%;transform:translate(-50%)}.lobby{gap:20px;width:100%;display:grid}.lobby-side{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width>=900px){main:has(.lobby){max-width:1180px}.phone:has(.lobby){max-width:1180px}.lobby{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:28px}.lobby .join-panel{text-align:center;grid-template-columns:1fr;grid-template-areas:"qr""text""cast""ppl";justify-items:center;padding:24px}.lobby .join-panel>.join-qr.big{aspect-ratio:1;width:min(100%,320px);height:auto}.lobby .join-panel .join-text{align-items:center}.lobby .join-panel .join-code{font-size:clamp(3rem,6vw,5rem)}.lobby .join-panel>.join-tv{justify-self:center}.lobby .join-people{justify-content:center}}.lobby-opening{place-items:center;min-height:160px;display:grid}.music-needed{border-radius:var(--radius);background:var(--board);border:2px solid var(--marquee);color:var(--on-stage);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.music-needed p{margin:0}.music-needed-lead{font-size:1.1rem;font-weight:700}.music-needed-how{color:var(--on-stage-soft)}.music-needed .btn{width:100%;max-width:360px}.music-needed .text-link{color:var(--on-stage-soft)}.lobby-start{flex-direction:column;gap:8px;display:flex}.lobby-start .start{width:100%}.lobby-start p{margin:0}.phone:has(.lobby){padding-bottom:32px}.copy-code{cursor:pointer;background:0 0;border:0;align-items:center;gap:.25em;padding:0;display:inline-flex}.copy-code .copy-mark{color:var(--on-stage-soft);font-size:max(.42em,18px);transition:color .15s;display:inline-flex}.copy-code .copy-mark .icon{width:1em;height:1em}.copy-code:hover .copy-mark,.copy-code.copied .copy-mark{color:var(--marquee)}.join-bar .copy-code .copy-mark{font-size:.6em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}div.join-bar{cursor:zoom-in}.lobby-room{display:contents}.lobby>.join-pin{margin-bottom:-20px}.lobby-room-note{text-align:center;font-size:.95rem}.lobby-room-note .text-link{color:var(--on-stage-soft)}@media (width>=900px){body:has(.lobby){overflow:hidden}.app:has(.lobby){flex-direction:column;height:100dvh;display:flex}.app:has(.lobby)>.topbar{flex:none;width:100%}.app:has(.lobby)>main{flex-direction:column;flex:1;width:100%;min-height:0;padding-bottom:0;display:flex}.phone:has(.lobby){height:100dvh;min-height:0;padding-bottom:0}.lobby{flex:1;align-items:stretch;min-height:0}.lobby-room{align-self:center;max-height:100%;padding:4px 4px 6px;display:block;overflow-y:auto}.lobby-room>*+*{margin-top:12px}.lobby-room>.lobby-room-note{margin-top:18px}.lobby .join-pin{display:none}.lobby-side{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;min-height:0;padding:4px 10px 40px 4px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}.lobby .join-panel>.join-qr.big{width:min(100%,320px,36dvh)}.lobby .join-panel .join-code{font-size:clamp(2.4rem,min(6vw,9dvh),5rem)}}.music-options{flex-direction:column;gap:10px;display:flex}.lobby-mine .music-options{border-radius:var(--radius);background:var(--board);color:var(--on-stage);padding:14px 16px}.music-options-lead{color:var(--muted);margin:0}.lobby-mine .music-options-lead{color:var(--on-stage-soft)}.music-options>.btn{align-self:flex-start}.menu-section{flex-direction:column;gap:10px;display:flex}.menu-section .menu-heading{margin:0}.simple-page{gap:16px;max-width:600px}.simple-page .big-join{margin:4vh 0 0}.simple-title{text-align:center;font-family:var(--sign);color:var(--marquee);margin:0;font-size:clamp(1.4rem,5vw,2rem);font-weight:400}.simple-card{border-radius:var(--radius);background:var(--board);color:var(--on-stage);box-shadow:0 5px 0 var(--stage-edge);--muted:var(--on-stage-soft);padding:20px}.simple-card .join-form{padding-top:0}.simple-card .own-app{width:100%}.simple-card .own-app>summary{display:none}.simple-card .own-app-body{background:0 0;margin:0;padding:0}.simple-card .muted{color:var(--on-stage-soft)}.sound-ask-wrap{z-index:140;inset:auto 0 max(24px, env(safe-area-inset-bottom)) 0;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.sound-ask{pointer-events:auto;animation:.3s both pop}.join-corner{color:var(--marquee);cursor:zoom-in;background:0 0;border:0;flex:none;align-items:center;gap:12px;padding:0;display:inline-flex}.join-qr.corner{border-radius:6px;width:clamp(48px,4.5vw,84px);height:clamp(48px,4.5vw,84px);padding:3px;display:block}.join-qr.corner img{width:100%;height:100%;display:block}.join-corner strong{font-family:var(--sign);letter-spacing:.08em;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:400;line-height:1}.join-people .name-edit{min-height:32px;color:inherit;font:inherit;cursor:text;background:0 0;border:0;align-items:center;gap:4px;padding:0 2px;display:inline-flex}.join-people .name-edit svg{opacity:.55;width:14px;height:14px}.join-people .name-edit:hover svg,.join-people .name-edit:focus-visible svg{opacity:1}.name-edit-form{display:inline-flex}.name-edit-input{border:2px solid var(--pc,var(--ink));min-height:32px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 8px}.join-people li.seat{background:0 0;padding:0}.join-people li.seat button{border:2px dashed color-mix(in srgb, var(--on-stage) 55%, transparent);min-height:34px;color:var(--on-stage);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 14px 4px 10px;font-weight:700;display:inline-flex}.join-people li.seat button:hover,.join-people li.seat button:focus-visible{border-color:var(--marquee);color:var(--marquee)}.join-people li.seat svg{width:18px;height:18px}.lobby-mine:empty{display:none}.why-wrap{flex-direction:column;align-items:stretch;display:flex;position:relative}.btn.is-off{cursor:help}.btn.is-off:not(.primary){opacity:.55}.btn.primary.is-off:hover,.btn.primary.is-off:active{background:#b9c4ee;transform:none;box-shadow:0 4px #7f8fcf}.why-tip{background:var(--board);color:var(--on-stage);border:2px solid var(--marquee);text-align:center;border-radius:10px;align-self:center;margin-top:10px;padding:8px 14px;font-weight:600;animation:.25s both pop}.why-point{animation:.9s ease-out 2 why-point}@keyframes why-point{0%,to{box-shadow:0 0 #0000}40%{box-shadow:0 0 0 6px var(--marquee)}}@media (prefers-reduced-motion:reduce){.why-tip,.why-point{animation:none}}.move-offer{flex-direction:column;gap:14px;display:flex}.move-offer p{margin:0}.face-edit{display:inline-flex;position:relative}.face-btn{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;display:inline-flex}.face-btn:focus-visible{outline:3px solid var(--marquee);outline-offset:2px}.face-picker{z-index:60;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;animation:.2s both pop;display:flex;position:absolute;top:calc(100% + 10px);left:-10px;box-shadow:0 18px 40px -8px #050a28a6}.face-grid{grid-template-columns:repeat(4,48px);gap:6px;display:grid}.face-grid button{cursor:pointer;background:#eef2ff;border:2px solid #0000;border-radius:999px;place-items:center;width:48px;height:48px;padding:0;display:grid}.face-grid button:hover,.face-grid button:focus-visible{border-color:var(--ink)}.face-grid button.on{border-color:var(--marquee-edge);background:var(--marquee)}.face-picker .face-more{color:var(--ink);font-size:.9rem}.fader-stamp{background:var(--board);color:#eef1f9;font-family:var(--sign);letter-spacing:.22em;text-transform:uppercase;box-shadow:0 0 0 3px var(--board);pointer-events:none;border:3px solid #d7dcec;border-radius:8px;padding:4px 30px 2px;font-size:1.5rem;line-height:1.2;animation:.35s cubic-bezier(.22,1,.36,1) both stamp;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-7deg}@keyframes stamp{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.fader-stamp{animation:none}}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-menu:empty{display:none}.topbar-menu .icon-btn{color:#fff;box-shadow:none;background:0 0}.topbar-menu .icon-btn:hover,.topbar-menu .icon-btn[aria-expanded=true]{background:#ffffff24}@media (width<=560px){.phone-head{position:relative}.phone-head .game-menu{position:static}.phone-head .game-menu-panel{width:auto;left:0;right:0}}.optional-tag{color:var(--on-stage);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;background:#ffffff24;border-radius:999px;margin-right:6px;padding:1px 8px;font-size:.78rem;font-weight:800;display:inline-block}.game-menu-panel .optional-tag{color:var(--ink);background:#eef2ff}.music-kinds .seg.is-off{opacity:.55;cursor:help}.music-why{margin:10px 0 0}.join-name-row{align-items:center;gap:10px;display:flex}.join-name-row .text-input{flex:1;min-width:0}main.tv .choice.secret:hover:not(:disabled),main.tv .choice.secret:active:not(:disabled),main.tv .choice.secret:focus-visible{box-shadow:0 5px 0 var(--stage-edge), 0 14px 24px -14px #0000008c;background:#fff;outline:none;transform:none}