@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceMono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceMono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceMono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceMono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #000000;--panel: #1c1c1e;--line: rgb(255 255 255 / .14);--text: #f2f2f7;--muted: #8e8e93;--accent: #e8a33d;--warn: #4fb8ac;--partial: #b58ad9;--miss: #2c2c2e;--bad: #ff453a;--accent-ink: #241505;--warn-ink: #0e2e2a;--font: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--focus-ring: var(--accent);--focus-ring-on-dark: var(--text);--focus-ring-width: 2px;--focus-ring-offset: 2px;--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: ease-in-out;color-scheme:dark}*{box-sizing:border-box}button,input,select,textarea,optgroup,kbd,samp,code,pre{font-family:inherit}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;text-rendering:optimizeLegibility}input,textarea{user-select:text;-webkit-user-select:text}.app{max-width:1180px;margin:0 auto;padding:clamp(16px,2.5vw,34px) clamp(14px,3vw,34px) 60px;min-height:100vh;display:flex;flex-direction:column}.app:has(.bpmPane){max-width:1520px}@media(min-width:1600px){.app{max-width:1460px}.app:has(.bpmPane){max-width:1860px}}@media(min-width:2200px){.app{max-width:1720px}.app:has(.bpmPane){max-width:2180px}}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(14px,2vw,22px);margin-bottom:clamp(14px,2.4vw,26px);border-bottom:2px solid var(--line)}h1{margin:0;font-weight:700;font-size:clamp(11px,1.1vw,13px);letter-spacing:.1em;text-transform:uppercase;line-height:1.15;color:var(--muted)}h1 span{display:block;font-family:var(--font);font-weight:800;font-size:clamp(22px,2.7vw,34px);color:var(--accent);letter-spacing:-.01em;margin-top:5px}nav{display:flex;gap:8px;flex-wrap:wrap}.popoverAnchor{position:relative}:where(button,[role=button],[role=tab],[role=switch],[role=slider],[role=menuitem],a[href],input,select,textarea,summary,[contenteditable],[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}button,select{background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:999px;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer;transition:border-color var(--dur-1),color var(--dur-1),background var(--dur-1)}button:hover:not(:disabled){border-color:#ffffff4d}button:disabled{opacity:.4;cursor:default}button.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}button.primary:disabled{background:var(--miss);color:var(--muted);border-color:transparent}button.link{background:none;border:none;padding:0;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;border-radius:0}button.link:disabled{opacity:.35;text-decoration:none}.stage{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-areas:"main side" "input input";gap:clamp(16px,2.4vw,30px);align-items:start;margin:auto 0;padding:clamp(18px,2.6vw,30px);background:color-mix(in srgb,var(--panel) 40%,transparent);border:2px solid var(--line);border-radius:32px}.stageMain{grid-area:main;min-width:0;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.stageSide{grid-area:side;min-width:0}.bpmPane{grid-area:bonus}.stage:has(.bpmPane){grid-template-columns:1fr 1fr 1fr;grid-template-areas:"main side bonus" "input input input"}.guessbox{grid-area:input}@media(max-width:820px){.stage{grid-template-columns:1fr;grid-template-areas:"main" "side" "bonus" "input"}.stage:has(.bpmPane){grid-template-columns:1fr;grid-template-areas:"main" "side" "bonus" "input"}}@media(max-width:560px){.bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}h1{font-size:11px}h1 span{display:inline;font-size:19px;margin-left:6px}nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}nav::-webkit-scrollbar{display:none}nav button{flex:none;padding:8px 12px;font-size:13px}.stage{grid-template-areas:"main" "input" "side";gap:14px}.guesses{gap:6px}.guesses .slot{padding-block:7px;opacity:.5}.guesses li{padding-block:9px}.play{padding-block:18px}.guessbox{gap:8px}.guessbox input{font-size:16px;padding:12px 14px}.guessbox .skip{padding-inline:14px}.reveal h2{font-size:22px}.reveal .art{max-width:190px}.videoBox .watch{padding:12px}}.visualizer{display:flex;align-items:flex-end;gap:3px;height:clamp(56px,16cqi,120px);margin-bottom:8px;padding:6px 4px 0}.visualizer span{flex:1;min-height:3px;border-radius:2px 2px 0 0;background:var(--line);transition:background-color var(--dur-2) ease}.visualizer.live span{background:var(--accent)}.visualizer.gl{display:block;position:relative}.visualizer.gl canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.glWave{position:absolute;top:0;right:0;bottom:0;left:0}.glWave canvas{display:block;width:100%;height:100%}.timeline{position:relative;height:clamp(46px,6vw,74px);background:var(--panel);border:2px solid var(--line);border-radius:999px;overflow:hidden}.timeline .unlocked{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 46%,transparent),color-mix(in srgb,var(--accent) 24%,transparent));border-right:2px solid var(--accent);transition:width .25s ease}.timeline .tick{position:absolute;top:0;bottom:0;width:2px;background:var(--line)}.timeline .tick.anchor{width:3px;background:var(--warn)}.timeline .playhead{position:absolute;top:0;bottom:0;width:3px;background:var(--text);box-shadow:2px 0 0 var(--accent)}.scale{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(11px,1.1vw,13px);color:var(--muted);margin:10px 2px clamp(14px,2vw,20px)}.unlockLabel{color:var(--text);font-weight:600;font-size:clamp(13px,1.5vw,17px)}.play{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:clamp(18px,5.4cqi,38px) clamp(20px,5.8cqi,42px);font-size:clamp(17px,3.8cqi,31px);font-weight:600;letter-spacing:-.01em;color:var(--accent-ink);border:none;border-radius:999px;cursor:pointer;background:var(--accent);box-shadow:0 1px 2px #00000059;transition:transform var(--dur-1) ease,filter var(--dur-1) ease}.play:hover:not(:disabled){filter:brightness(1.08)}.play:active:not(:disabled){transform:scale(.98)}.play:disabled{cursor:default;opacity:.5}.play.live{filter:saturate(1.15)}.play.jam{background:var(--warn);color:var(--warn-ink)}.bpmFollowup{text-align:left}.bpmFollowup .bonusLabel{margin-bottom:10px;text-align:center}.bpmFollowup .bpmEntry,.bpmFollowup .bpmCompare{margin-top:12px}.bpmFollowup .bpmGuesses{margin-top:12px;margin-bottom:0}.bpmFollowup .bpmPoints{text-align:center}.bpmFollowup .next{margin-top:14px}.play .tri{width:0;height:0;flex:none;border-left:clamp(16px,3.2cqi,26px) solid currentColor;border-top:clamp(10px,2cqi,16px) solid transparent;border-bottom:clamp(10px,2cqi,16px) solid transparent}.play .dots{width:clamp(18px,3.6cqi,29px);height:clamp(18px,3.6cqi,29px);flex:none;border:3px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.eq{display:flex;align-items:flex-end;gap:3.5px;height:clamp(20px,4cqi,34px);flex:none}.eq i{width:4px;background:currentColor;border-radius:2px;animation:bounce .62s var(--ease-in-out) infinite}.eq i:nth-child(1){height:40%;animation-delay:-.48s}.eq i:nth-child(2){height:75%;animation-delay:-.3s}.eq i:nth-child(3){height:100%;animation-delay:-.14s}.eq i:nth-child(4){height:62%;animation-delay:-.38s}.eq i:nth-child(5){height:45%;animation-delay:-.05s}@keyframes bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pips{display:flex;gap:10px;margin-top:clamp(16px,4cqi,26px)}.pips .pip{flex:1;height:clamp(8px,1.8cqi,15px);border-radius:99px;background:var(--panel);border:2px solid var(--line)}.pip.next{border-color:var(--accent)}.pip.miss{background:var(--miss);border-color:var(--miss)}.pip.skip{background:transparent;border-style:dashed}.pip.artist{background:var(--warn);border-color:var(--warn)}.pip.partial{background:var(--partial);border-color:var(--partial)}.pip.hit{background:var(--accent);border-color:var(--accent)}.hintCard{margin-bottom:10px;padding:14px 26px;background:color-mix(in srgb,var(--warn) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));border-radius:999px}.hintCard .flabel{color:var(--warn)}@keyframes hintIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.hintCard p{margin:6px 0 0;font-size:clamp(14px,1.5vw,17px);min-height:3em;animation:hintIn var(--dur-3) ease-out}.guesses{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.guesses li{display:flex;align-items:center;gap:12px;padding:clamp(11px,1.5vw,16px) 20px;border-radius:14px;font-size:clamp(14px,1.5vw,17px);background:var(--panel);border:2px solid var(--line);--stripe: var(--miss);box-shadow:inset 4px 0 0 0 var(--stripe);animation:guessIn .4s var(--ease-out)}@keyframes guessIn{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}.guesses li b{color:var(--muted);font-weight:600;font-size:13px;flex:none}.guesses li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guesses li.hit{--stripe: var(--accent)}.guesses li.artist{--stripe: var(--warn)}.guesses li.partial{--stripe: var(--partial)}.guesses li.skip{color:var(--muted);font-style:italic}.guesses em{color:var(--warn);font-style:normal;font-size:12px;white-space:nowrap;font-weight:600}.guesses li.partial em{color:var(--partial)}.guesses li.slot{--stripe: transparent;background:color-mix(in srgb,var(--panel) 45%,transparent)}.guesses li span{line-height:1.5;min-height:1.5em}.guessbox{position:relative;display:flex;gap:10px;margin-top:clamp(8px,1.5vw,16px)}.guessbox input{flex:1;padding:clamp(14px,1.8vw,20px) 22px;font:inherit;font-size:clamp(15px,1.7vw,19px);background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:999px}.guessbox input:focus{border-color:var(--accent)}.guessbox .skip{padding-inline:clamp(16px,2vw,24px);font-size:clamp(14px,1.5vw,17px)}.suggest{position:absolute;bottom:100%;left:0;right:120px;z-index:5;margin:0 0 8px;padding:6px 4px 6px 6px;list-style:none;background:color-mix(in srgb,var(--panel) 97%,transparent);border:2px solid var(--line);border-radius:16px;border-right:10px solid transparent;max-height:min(52vh,560px);overflow-y:auto;box-shadow:0 -12px 40px -14px #000000b3;overscroll-behavior:contain}.suggest li{padding:11px 18px;border-radius:999px;cursor:pointer;font-size:clamp(14px,1.4vw,16px);content-visibility:auto;contain-intrinsic-size:auto 44px}.suggest li:hover{background:var(--miss)}.suggest span{color:var(--muted);font-size:13px}.suggest li.more{cursor:default;color:var(--muted);font-size:12px;text-align:center;border-top:2px solid var(--line);border-radius:0;margin-top:4px;padding-top:10px}.suggest li.more:hover{background:none}.suggest,.catHits,.panel.popover{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.suggest::-webkit-scrollbar,.catHits::-webkit-scrollbar,.panel.popover::-webkit-scrollbar{width:7px}.suggest::-webkit-scrollbar-track,.catHits::-webkit-scrollbar-track,.panel.popover::-webkit-scrollbar-track{background:transparent}.suggest::-webkit-scrollbar-thumb,.catHits::-webkit-scrollbar-thumb,.panel.popover::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.suggest::-webkit-scrollbar-button,.catHits::-webkit-scrollbar-button,.panel.popover::-webkit-scrollbar-button{display:none;width:0;height:0}.reveal{text-align:center;padding:clamp(18px,2.4vw,28px);background:color-mix(in srgb,var(--panel) 96%,transparent);border:2px solid var(--line);border-radius:28px;animation:revealIn .5s var(--ease-out)}@keyframes revealIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.reveal .verdict{margin:0 0 16px;font-weight:700;font-size:clamp(14px,1.6vw,18px);letter-spacing:.02em;text-transform:uppercase}.reveal.won .verdict{color:var(--accent)}.reveal.lost .verdict{color:var(--muted)}.reveal .art{width:clamp(150px,20vw,230px);aspect-ratio:1;object-fit:cover;border-radius:20px;box-shadow:0 8px 24px -10px #0000008c;margin-bottom:18px}.reveal h2{margin:0;font-size:clamp(19px,2.3vw,28px);line-height:1.2;letter-spacing:-.02em}.reveal .artist{margin:6px 0 0;font-size:clamp(15px,1.7vw,19px);color:var(--text);opacity:.9}.reveal .album{margin:4px 0 0;color:var(--muted);font-size:13px;font-style:italic}.reveal .facts{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.reveal .facts span{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--bg);border:2px solid var(--line);border-radius:999px;padding:4px 11px}.reveal .history{margin:12px 0 0;font-size:12px;color:var(--muted)}.waveWrap{margin:16px 0 4px;text-align:left}.waveform{position:relative;width:100%;height:48px;cursor:pointer;background:var(--bg);border:2px solid var(--line);border-radius:999px;overflow:hidden;touch-action:none}.waveform canvas{display:block;width:100%;height:100%}.waveform.locked{cursor:default}.waveform .tick{position:absolute;top:0;bottom:0;width:2px;background:var(--line)}.waveTime{display:flex;justify-content:space-between;font:11px var(--font);font-variant-numeric:tabular-nums;color:var(--muted);margin-top:4px}.reveal .next{margin-top:20px;width:100%;padding:14px;font-size:16px}.metronome{display:flex;align-items:center;gap:14px;margin-top:clamp(14px,2vw,18px);padding:10px 18px;background:var(--panel);border:2px solid var(--line);border-radius:999px}.metroTrack{position:relative;width:52px;height:64px;flex:none}.metroBall{position:absolute;left:50%;bottom:0;width:32px;height:32px;margin-left:-16px;border-radius:50%;background:var(--accent)}.metroBeats{display:flex;gap:6px}.beatDot{width:8px;height:8px;border-radius:50%;background:var(--line)}.beatDot.down{width:10px;height:10px;background:var(--miss)}.beatDot.on{background:var(--warn)}.beatDot.down.on{background:var(--accent)}.metroBpm{margin-left:auto;font:12px var(--font);font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.04em}.bpmEntry{display:flex;gap:10px;margin-top:clamp(16px,2.2vw,22px)}.bpmEntry input{flex:1;min-width:0;padding:clamp(16px,2.2vw,24px) 20px;font:inherit;font-size:clamp(24px,3.4vw,40px);font-weight:700;text-align:center;letter-spacing:.02em;background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:999px}.bpmEntry input:focus{border-color:var(--accent)}.bpmEntry input::-webkit-outer-spin-button,.bpmEntry input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpmEntry input[type=number]{-moz-appearance:textfield}.bpmEntry button{padding-inline:clamp(18px,2.4vw,30px);font-size:clamp(14px,1.6vw,18px)}.bpmNext{width:100%;margin-top:clamp(16px,2.2vw,22px);padding:18px;font-size:17px}.bpmCompare{display:flex;gap:10px;margin:4px 0 12px}.bpmCompare div{flex:1;padding:16px 10px;border-radius:999px;text-align:center;background:var(--bg);border:2px solid var(--line)}.bpmCompare span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.bpmCompare strong{display:block;font-size:clamp(22px,2.8vw,32px);margin-top:4px}.bpmCompare .actual{border-color:var(--accent)}.bpmCompare .actual strong{color:var(--accent)}.bpmPoints{margin:0 0 16px;font-size:13px;color:var(--muted)}.bpmGuesses{margin-bottom:14px}.guesses li.temp-cold{--stripe: #4cc9f0}.guesses li.temp-cool{--stripe: #6ba8d8}.guesses li.temp-warm{--stripe: #f7b32b}.guesses li.temp-hot{--stripe: #ff7849}.guesses li.temp-burning{--stripe: #ff4d6d}.guesses li.temp-octave{--stripe: #b388ff}.guesses li.temp-cold em{color:#4cc9f0}.guesses li.temp-cool em{color:#6ba8d8}.guesses li.temp-warm em{color:#f7b32b}.guesses li.temp-hot em{color:#ff7849}.guesses li.temp-burning em{color:#ff4d6d}.guesses li.temp-octave em{color:#b388ff}.pip.cold{background:#4cc9f0;border-color:#4cc9f0}.pip.cool{background:#6ba8d8;border-color:#6ba8d8}.pip.warm{background:#f7b32b;border-color:#f7b32b}.pip.hot{background:#ff7849;border-color:#ff7849}.pip.burning{background:#ff4d6d;border-color:#ff4d6d}.pip.octave{background:#b388ff;border-color:#b388ff}.reveal .facts span.lowconf{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.revealTop{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px);align-items:center;text-align:left;margin-bottom:16px}.glassScene{position:relative;width:100%;margin-bottom:16px}.glassScene .revealTop{margin-bottom:0}.glassSource{display:block;width:100%}.glassOverlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.revealTop .art{width:100%;margin-bottom:0}.revealTop .revealText{min-width:0}.bpmReveal .art{width:clamp(110px,14vw,160px);margin-bottom:14px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:28px;padding:clamp(16px,2vw,22px)}.panel.popover{position:fixed;inset:auto 12px auto auto;margin:0;top:60px;right:12px;z-index:30;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;width:max-content;min-width:0;max-width:min(92vw,360px);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 20px 50px -12px #0009,0 2px 10px -4px #0006;animation:popIn .16s ease-out;transform-origin:top right}.panel.popover.wide{max-width:min(92vw,560px)}@media(max-width:560px){.panel.popover,.panel.popover.wide{position:fixed;left:12px;right:12px;top:50%;width:auto;max-width:none;max-height:80vh;overflow-y:auto;border-radius:16px;padding-right:4px;border-right:10px solid transparent;transform:translateY(-50%);animation:none}}@keyframes popIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.panel section+section{margin-top:20px}.fhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.flabel{font:11px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.playlistPick{margin-top:8px;max-width:100%}.chip{font-size:14px;padding:8px 15px;border-radius:999px;background:var(--bg);border:2px solid var(--line);color:var(--muted)}.chip.on{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent)}.chaosChip{background:linear-gradient(90deg,#ff5e5e26,#ffd23f26,#4dff8826,#4dc9ff26,#b980ff26)}.chaosChip.on{border-color:transparent;color:var(--text)}.fbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:2px solid var(--line)}.fbar .warn{color:var(--warn)}.vol{width:100%;accent-color:var(--accent);height:26px}.swatch{width:34px;height:34px;border-radius:50%;padding:0;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.on{border-color:var(--text)}.swatch.custom{position:relative;overflow:hidden;display:grid;place-items:center;background:conic-gradient(#ff4d6d,#f7b32b,#1db954,#4cc9f0,#b388ff,#ff4d6d)}.swatch.custom input{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;width:150%;height:150%;opacity:0;cursor:pointer}.swatch.custom:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.keys{margin:20px 0 0;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}kbd{font:inherit;font-size:11px;background:var(--bg);color:var(--text);border:2px solid var(--line);border-bottom-width:3px;border-radius:999px;padding:2px 9px}.muted{color:var(--muted)}.error{color:var(--danger-ink, #ff8095)}.loadingNote{color:var(--muted);font-size:clamp(14px,1.6vw,18px)}.library{margin:auto 0;width:100%}.addToggle{width:100%;margin-bottom:14px;padding:13px;border-style:dashed;color:var(--muted)}.addToggle:hover{color:var(--accent);border-color:var(--accent)}.addPanel{margin-bottom:16px}.addRow{display:flex;gap:9px;margin-top:10px}.addRow input:not([type=file]){flex:1;min-width:0;padding:11px 16px;font:inherit;font-size:14px;background:var(--bg);color:var(--text);border:2px solid var(--line);border-radius:999px}.addRow input:focus{border-color:var(--accent)}.addRow input.yr{flex:0 0 84px}.addHint{font-size:12px;margin:10px 0 0;color:var(--muted);line-height:1.45}.plText{width:100%;margin-top:9px;min-height:74px;resize:vertical;padding:14px 18px;font:inherit;font-size:13px;line-height:1.5;background:var(--bg);color:var(--text);border:2px solid var(--line);border-radius:999px}.plText:focus{border-color:var(--accent)}.filepick{flex:1;text-align:center;padding:13px 20px;font-size:14px;color:var(--muted);border:2px dashed var(--line);border-radius:999px;cursor:pointer}.filepick:hover{color:var(--accent);border-color:var(--accent)}.filepick.off{opacity:.5;cursor:default}.filepick input{display:none}.addMsg{font-size:13px;margin:14px 0 0}.addMsg.working{color:var(--muted)}.addMsg.bad{color:var(--danger-ink, #ff8095)}.catHits{list-style:none;margin:10px 0 0;padding:6px 4px 6px 6px;max-height:300px;overflow-y:auto;background:var(--bg);border:2px solid var(--line);border-radius:16px;border-right:10px solid transparent}.catHits li{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px}.catHits li:hover{background:var(--panel)}.catHits img,.catHits .noart{width:34px;height:34px;border-radius:8px;flex:none;background:var(--miss)}.playlists{margin-bottom:16px}.playlistList{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.playlistList li{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border:2px solid var(--line);border-radius:12px}.playlistList li>span:first-child{flex:1;font-weight:600}.libbar{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.libbar input{flex:1 1 220px;padding:11px 15px;font:inherit;font-size:14px;background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:999px}.libbar input:focus{border-color:var(--accent)}.libmeta{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:10px;gap:12px;flex-wrap:wrap}.libmeta .bulk{display:flex;gap:14px}.libList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.libList li{display:flex;align-items:center;gap:11px;padding:9px 18px;background:var(--panel);border:2px solid var(--line);border-radius:14px;content-visibility:auto;contain-intrinsic-size:auto 56px}.libList li.off{opacity:.4}.libList li.empty{justify-content:center;padding:28px;color:var(--muted)}.libList img,.libList .noart{width:38px;height:38px;border-radius:9px;flex:none;background:var(--miss)}.libinfo{display:flex;flex-direction:column;min-width:0;flex:1}.libinfo strong{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.libinfo span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.libtags{display:flex;gap:6px;flex:none;align-items:center}.libtags span,.libtags em{font-size:10px;letter-spacing:.04em;color:var(--muted);font-style:normal;background:var(--bg);border:2px solid var(--line);border-radius:999px;padding:3px 8px}.libtags em{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.libtags em.good{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@media(max-width:480px){.libtags .tag-genre,.libtags .tag-peak{display:none}}.libList input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.rowplay{flex:none;width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);color:var(--muted)}.rowplay:hover{color:var(--accent);border-color:var(--accent)}.rowplay.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.rowplay .tri{width:0;height:0;margin-left:2px;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.rowplay .stop{width:10px;height:10px;background:currentColor;border-radius:1px}.rowplay .dots{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px}.chip.split{display:inline-flex;align-items:stretch;padding:0;overflow:hidden;gap:0}.chip.split>button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:8px 12px 8px 15px}.chip.split>.more{padding:8px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:15px;line-height:1}.chip.split.on>.more{border-left-color:var(--accent);color:var(--accent)}.chip.split>.more:hover{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.chip .cnt{opacity:.55;font-size:12px;margin-left:3px}.link.back{padding:0;margin-right:2px}.hint{font-size:12px;color:var(--muted);margin:-4px 0 12px}.reveal .drop{display:block;width:100%;margin-top:10px;padding:7px 10px;font:inherit;font-size:.78rem;letter-spacing:.02em;color:var(--muted);background:none;border:2px solid var(--line);cursor:pointer;transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.reveal .drop:hover:not(:disabled){color:#ff8095;border-color:#7a3040;background:#ff4d6d14}.reveal .drop.undo{color:#6fcf97;border-color:#2f5c44;background:#1db95414}.reveal .drop.undo:hover:not(:disabled){color:#8ee0af;border-color:#3f7a5c}.reveal .drop:disabled{opacity:.5;cursor:default}.videoBox{margin-top:14px}.videoBox .watch{width:100%;padding:10px 12px;font:inherit;font-size:.85rem;color:var(--text);background:var(--bg);border:2px solid var(--line);cursor:pointer;transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1)}.videoBox .watch:hover:not(:disabled){background:var(--panel);border-color:var(--muted);color:#fff}.videoBox .watch:disabled{opacity:.6;cursor:default}.videoBox .frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:999px;overflow:hidden;background:#000;border:2px solid var(--line)}.videoBox .frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.videoBox .vidmeta{margin:6px 2px 0;font-size:.75rem;color:var(--muted)}.videoBox .vidmeta.none{text-align:center;padding:10px 0}@keyframes chaosBackdropSpin{to{transform:rotate(360deg)}}.chaos body:before{content:"";position:fixed;top:-60vmax;right:-60vmax;bottom:-60vmax;left:-60vmax;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg,#ff5e5e,#ffd23f,#4dff88,#4dc9ff,#b980ff,#ff5e5e);opacity:.05;animation:chaosBackdropSpin 16s linear infinite}@keyframes chaosHue{to{filter:hue-rotate(360deg) saturate(1.5)}}.chaos h1 span,.chaos .play,.chaos .reveal .art,.chaos .metroBall,.chaos .chaosChip.on{animation:chaosHue 3s linear infinite}@keyframes chaosBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chaos nav button{animation:chaosBounce 1.6s ease-in-out infinite}.chaos nav button:nth-child(2){animation-delay:.1s}.chaos nav button:nth-child(3){animation-delay:.2s}.chaos nav button:nth-child(4){animation-delay:.3s}.chaos nav button:nth-child(5){animation-delay:.4s}@keyframes chaosJump{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(1.03)}55%{transform:translateY(2px) scale(.98)}}.chaos .play:not(:disabled){animation:chaosHue 3s linear infinite,chaosJump 2.4s ease-in-out infinite}@keyframes chaosTwistA{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(4deg) scaleY(1.5)}}@keyframes chaosTwistB{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(-4deg) scaleY(1.5)}}@keyframes chaosTwistC{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(-2.5deg) scaleY(1.35)}}.chaos .pips.beating .pip{animation:chaosTwistA var(--beatMs, .5s) ease-in-out infinite}.chaos .pips.beating .pip:nth-child(3n+1){animation-name:chaosTwistB}.chaos .pips.beating .pip:nth-child(3n+2){animation-name:chaosTwistC}@keyframes chaosShout{0%{transform:scale(.7) rotate(-3deg);opacity:0}50%{transform:scale(1.18) rotate(2deg)}70%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}.chaos .reveal .verdict{display:inline-block;animation:chaosShout .6s cubic-bezier(.34,1.56,.64,1)}.chaos button:active:not(:disabled){transform:scale(.86) rotate(-4deg)}@keyframes chaosRevealIn{0%{opacity:0;transform:translateY(50px) scale(.6) rotate(-10deg)}55%{opacity:1;transform:translateY(-10px) scale(1.06) rotate(4deg)}75%{transform:translateY(4px) scale(.97) rotate(-2deg)}to{transform:none}}.chaos .reveal{animation:chaosRevealIn .9s cubic-bezier(.34,1.56,.64,1)}@keyframes chaosGuessIn{0%{opacity:0;transform:translate(-40px) rotate(-8deg) scale(.75)}55%{opacity:1;transform:translate(8px) rotate(3deg) scale(1.04)}to{transform:none}}.chaos .guesses li{animation:chaosGuessIn .55s cubic-bezier(.34,1.56,.64,1)}@keyframes chaosShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-8px) rotate(-.6deg)}40%,60%{transform:translate(8px) rotate(.6deg)}}.chaos .stage.shake{animation:chaosShake .5s}@keyframes chaosBoomFlash{0%{opacity:.9}to{opacity:0}}.chaos-boom:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;pointer-events:none;background:#fff;animation:chaosBoomFlash .5s ease-out forwards}@keyframes chaosBoomPunch{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.05) rotate(-1.5deg)}60%{transform:scale(.97) rotate(1.5deg)}to{transform:scale(1) rotate(0)}}.chaos-boom .stage{animation:chaosBoomPunch .6s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.chaos body:before{animation:none;opacity:.03}.chaos h1 span,.chaos .play,.chaos .reveal .art,.chaos .metroBall,.chaos .chaosChip.on{animation:none}.chaos button:active:not(:disabled){transform:none}.chaos .reveal,.chaos .guesses li,.chaos .stage.shake{animation:none}.chaos nav button,.chaos .pips .pip,.chaos .reveal .verdict{animation:none}.chaos-boom:after{animation:none;display:none}.chaos-boom .stage{animation:none}}:root{--sait: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--saib: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sail: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));--sair: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px))}.app{padding-left:max(var(--sail),14px);padding-right:max(var(--sair),14px);padding-top:max(var(--sait),8px);padding-bottom:max(var(--saib),20px)}.wave{position:relative;width:100%}.wave canvas{display:block;width:100%;height:100%}.wave canvas{animation:waveIn .25s ease-out}@keyframes waveIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.wave canvas{animation:none}}.wave .tick{position:absolute;top:0;bottom:0;width:2px;background:var(--hair-2)}.roundTimings .rtEmpty{margin:4px 0 8px;color:var(--muted);font-size:var(--fs-sm)}.rtList{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:6px}.rtRow{padding:6px 8px;border:1px solid var(--hair-2);border-radius:var(--r-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.rtHead{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.rtHead strong{color:var(--text)}.rtStages{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:2px;color:var(--text)}.rtStage[data-slow]{color:var(--accent);font-weight:700}.rtRow[data-failed]{border-color:var(--accent)}.adminPlaylists{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.adminPlaylists li{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-3)}.adminPlaylists li>span:first-child{flex:1;min-width:0;font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis}.adminBadge{margin-left:8px;padding:1px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-style:normal;font-weight:var(--fw-regular);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.adminCheck{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-md);color:var(--muted)}.adminCheck input{accent-color:var(--accent)}.players form.addRow{flex-wrap:wrap}.players form.addRow input{min-width:0;flex:1 1 150px}.adminMain input:not([type=checkbox]):not([type=file]):not([type=range]),.adminMain select,.adminMain textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2);border-radius:var(--r-4)}.adminMain input:focus,.adminMain select:focus,.adminMain textarea:focus{border-color:var(--accent)}.adminMain .libList li{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-4)}.adminMain .libList li.off{opacity:.45}.adminMain .addToggle,.adminMain .filepick{border-radius:var(--r-4)}.adminMain .catHits li:hover{background:var(--surface-2)}.pwField{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 150px}.pwField input{flex:1 1 auto;min-width:0}.players .resetRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-basis:100%}.adminPlaylists li:has(.resetRow){flex-wrap:wrap}:root{--surface: #131315;--surface-2: #1b1b1e;--surface-3: #26262a;--hair: rgb(255 255 255 / .09);--hair-2: rgb(255 255 255 / .16);--fw-regular: 400;--fw-bold: 700;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-lead: 15px;--fs-title: 18px;--fs-hero: 26px;--ls-tight: -.02em;--ls-label: .08em;--ls-caps: .1em;--ls-wide: .14em;--r-1: 8px;--r-2: 10px;--r-3: 12px;--r-4: 14px;--r-5: 16px;--r-6: 20px;--r-sheet: 22px;--r-pill: 999px;--r-xs: 6px;--r-md: var(--r-4);--r-lg: var(--r-6);--z-base: 0;--z-raised: 1;--z-sticky: 2;--z-mirror: 3;--z-veil: 5;--z-search: 6;--z-dropdown: 20;--z-readout: 90;--z-sheet: 100;--z-tip: 300;--z-dock: 450;--z-popover: 451;--ok: #3fb950;--caution: #d29922;--artist: var(--warn);--good: var(--ok);--wait: var(--caution);--danger: #d1495b;--danger-ink: #ff8095;--medal-1: #ffc531;--medal-2: #9fb0c6;--medal-3: #d07a35;--miss-ink: #5a5a61;--scrim-85: rgb(0 0 0 / .85);--dvh: calc(1dvh / var(--zoom, 1));--hit: calc(44px / var(--zoom, 1))}:root[data-cq-zoomed]{--cqk: var(--zoom, 1)}:root[data-cq-zoomed] .sheetBack[data-pin]{--cqk: var(--pin, 1)}.app{max-width:1120px;min-height:calc(100 * var(--dvh));overflow-x:clip}html,body{overscroll-behavior:none}body{overflow-y:hidden}body:has([data-fit=scroll]){overflow-y:auto}main{min-width:0}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:16px}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-height:22px}.cardHead .muted{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2);font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:1.1}.btn:hover:not(:disabled){border-color:#ffffff52}.btn.sm{min-height:36px;padding:0 14px;font-size:var(--fs-md);border-radius:var(--r-3)}.btn.big{min-height:54px;font-size:var(--fs-lg);border-radius:var(--r-5)}.btn.block{width:100%}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover:not(:disabled){border-color:transparent;filter:brightness(1.08)}.btn.primary:disabled{background:var(--surface-3);color:#b9b9bf;border-color:var(--hair-2);opacity:1}.btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.btn.danger{background:color-mix(in srgb,var(--danger) 16%,var(--surface));border-color:var(--danger);color:var(--danger-ink)}.btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost.danger{background:transparent;border-color:transparent}.btn.ghost.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger-ink)}.btn.busy{cursor:progress}.btn.busy:disabled{opacity:1}.btn .ic{flex:none}.iconBtn{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border-radius:var(--r-3);background:transparent;border:1px solid transparent;color:var(--muted)}.iconBtn:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.pillTag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--surface-2);border:1px solid var(--hair);color:var(--muted)}.textField{height:46px;padding:0 14px;border-radius:var(--r-4);background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2);font:inherit;font-size:var(--fs-lg)}.textField:focus{border-color:var(--accent)}.textField::placeholder{color:var(--muted);opacity:.8}.field{display:flex;flex-direction:column;gap:8px}.fieldLabel{font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}.fieldNote{margin:0;font:400 var(--fs-xs) var(--font);color:var(--muted)}.sectionLabel{margin:0;font:700 var(--fs-sm) var(--font);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text)}.setSection{display:flex;flex-direction:column;gap:14px;min-width:0}.setSection+.setSection,.setSection+.advanced{padding-top:16px;border-top:1px solid var(--hair-2)}.fieldHint{margin:0;font-size:var(--fs-md);line-height:1.45;color:var(--muted)}.fieldHint b{color:var(--text);font-weight:var(--fw-bold)}.seg{display:flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:var(--r-4);background:var(--surface-2);border:1px solid var(--hair)}.seg button{flex:1;min-width:max-content;min-height:38px;padding:0 10px;border:0;border-radius:var(--r-3);background:transparent;color:var(--muted);font-size:var(--fs-md);font-weight:var(--fw-bold)}.seg button:hover:not(:disabled){border-color:transparent;color:var(--text)}.seg button.on{background:var(--surface-3);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.seg button:disabled{opacity:1;cursor:default}.seg button:disabled:not(.on){opacity:.45}.rangeRow{display:flex;align-items:center;gap:12px}.slider{position:relative;flex:1;min-width:0;height:36px;padding:0 12px;touch-action:none;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.sliderTrack{position:relative;height:100%}.sliderTrack:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:var(--r-pill);background:var(--surface-3)}.sliderFill{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;border-radius:var(--r-pill);background:var(--accent)}.sliderLocked{position:absolute;right:0;top:50%;height:6px;margin-top:-3px;border-radius:0 var(--r-pill) var(--r-pill) 0;background:repeating-linear-gradient(135deg,transparent 0 3px,var(--hair-2) 3px 5px)}.sliderThumb{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--accent);border:3px solid var(--surface)}.slider:focus-visible .sliderThumb{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.rangeRow input{flex:1;min-width:0;accent-color:var(--accent);height:28px}.rangeRow .muted{min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}.swatches{display:flex;flex-wrap:wrap;gap:12px}.notice{margin:0;padding:10px 14px;border-radius:var(--r-3);font-size:var(--fs-md);line-height:1.4;color:var(--text);background:color-mix(in srgb,var(--caution) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--caution) 35%,transparent)}.notice.bad{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:6px 0 10px}.tbLeft,.tbRight{display:flex;align-items:center;gap:8px;min-width:0}.tbRight{flex:none}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brandWord,.brandMark{display:block;flex:none;max-width:100%;-webkit-user-select:none;user-select:none}.brand .brandMark{display:none}.app:has(.bootPanel,.authWrap) .topbar .brand{visibility:hidden}.hdrBtn{display:inline-flex;align-items:center;gap:8px;flex:none;height:40px;padding:0 13px;border-radius:var(--r-3);background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2);font-size:var(--fs-base);font-weight:var(--fw-regular)}.hdrBtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.hdrBtn.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.hdrBtn.back{padding:0 12px 0 8px}.hdrBtn.exit{margin-left:4px}.hdrBtn.exit:hover:not(:disabled){border-color:var(--danger);color:var(--danger-ink)}.exitActions{display:flex;gap:10px}.exitActions .btn{flex:1}.syncDot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.syncLabel{font-size:var(--fs-sm);font-weight:var(--fw-bold)}@keyframes syncPulse{50%{opacity:.35}}.sheetBack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:var(--sheetPad);container:sheetback / size;--sheet-surface: var(--surface);--sheet-border: var(--hair-2);--sheetPad: 20px;--sheetMax: min(calc(88 * var(--dvh)), 800px);background:#000000a3;animation:fadeIn var(--dur-1) ease-out}.sheet{display:flex;flex-direction:column;width:min(560px,100%);min-width:0;max-height:var(--sheetMax);background:var(--sheet-surface);border:1px solid var(--sheet-border);border-radius:var(--r-sheet);box-shadow:inset 0 1px #ffffff0a,0 30px 80px -20px var(--scrim-85);animation:sheetIn var(--dur-2) var(--ease-out);outline:none}.sheetHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 6px 20px}.sheetHead h2{margin:0;font-size:var(--fs-title);letter-spacing:var(--ls-tight)}.sheetBody{display:flex;flex-direction:column;gap:18px;min-width:0;padding:10px 20px 20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sheetFoot{padding:12px 20px calc(12px + var(--saib, 0px));border-top:1px solid var(--hair)}.sheetBack[data-pin]{zoom:calc(var(--pin) / var(--zoom, 1));--dvh: calc(1dvh / var(--pin))}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetIn{0%{opacity:0;transform:translateY(10px) scale(.985)}}.bootPanel{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(340px,100%);margin:auto;padding:40px 0;text-align:center}.bootMark{animation:markPulse 1.8s var(--ease-in-out) infinite}@keyframes markPulse{50%{transform:translateY(-3px);opacity:.85}}.bootLabel{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.bootTrack{width:100%;height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.bootFill{height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width var(--dur-3) var(--ease-out)}.bootStep{margin:0;font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}.stateCard{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,100%);margin:auto;padding:28px 22px;text-align:center;background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-sheet)}.stateIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--accent)}.stateCard.bad .stateIcon{background:color-mix(in srgb,var(--danger) 22%,var(--surface-2));color:var(--danger-ink)}.stateCard h2{margin:6px 0 0;font-size:var(--fs-xl);letter-spacing:var(--ls-tight)}.stateCard p{margin:0;font-size:var(--fs-base);line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.stateActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.loadingNote{color:var(--muted);font-size:var(--fs-base)}.emptyNote{margin:6px 0 0;font-size:var(--fs-base)}.home{width:100%;max-width:760px;margin:clamp(0px,calc(3 * var(--dvh)),28px) auto 0;display:flex;flex-direction:column;gap:20px;padding-bottom:24px}.hello{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.helloText{flex:1 1 9em;min-width:0}.helloSmall{margin:0;font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}.hello h2{margin:2px 0 0;font-size:var(--fs-hero);line-height:1.15;letter-spacing:var(--ls-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modeCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modeCard{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:200px;padding:20px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--hair-2);border-radius:var(--r-sheet);transition:border-color var(--dur-1),transform var(--dur-1),background var(--dur-1)}.modeCard:hover:not(:disabled):not(.off){border-color:var(--accent);transform:translateY(-1px)}.modeCard:active:not(:disabled):not(.off){transform:translateY(0)}.modeCard.room{border-color:color-mix(in srgb,var(--accent) 45%,var(--hair-2))}.modeCard.off{opacity:.6;cursor:default}.mcIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-4);background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--accent)}.mcTitle{margin-top:6px;font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.mcBody{flex:1;font-size:var(--fs-base);line-height:1.45;color:var(--muted)}.mcFoot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px}.mcGo{transform:rotate(-90deg);color:var(--muted)}.modeCard:hover:not(:disabled):not(.off) .mcGo{color:var(--accent)}.liveDot{color:var(--ok)}.modeCard.live .pillTag{color:var(--text);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how li{display:flex;gap:12px;padding:14px;border:1px solid var(--hair);border-radius:var(--r-5)}.how b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--accent);font:700 var(--fs-md) var(--font);font-variant-numeric:tabular-nums}.how strong{display:block;font-size:var(--fs-base);margin-bottom:2px}.how span{font-size:var(--fs-md);line-height:1.4;color:var(--muted)}.homeFoot{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px;border-top:1px solid var(--hair)}.accountMenu{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.accountLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.accountForm{display:flex;flex-direction:column;gap:10px;width:min(380px,100%)}.addMsg{font-size:var(--fs-md);margin:2px 0 0}.addMsg.ok{color:var(--accent)}.addMsg.bad{color:var(--danger-ink)}.authWrap{width:min(420px,100%);margin:auto;padding-bottom:32px}.authCard{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:26px 22px;text-align:center;border-radius:var(--r-sheet);border-color:var(--hair-2)}.authCard .brandWord{align-self:center}.authCard h2{margin:6px 0 0;font-size:var(--fs-xl);letter-spacing:var(--ls-tight)}.authCard p{margin:0}.authCard .lead{font-size:var(--fs-base);line-height:1.5;margin-bottom:6px}.authField{display:flex;flex-direction:column;gap:6px;text-align:left}.authCard .note{font-size:var(--fs-sm);margin-top:4px}.page{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.pageHead h2{margin:0;font-size:var(--fs-hero);letter-spacing:var(--ls-tight)}.pageHead p{margin:4px 0 0}.statTiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.tile b{font:700 30px var(--font);letter-spacing:var(--ls-tight);color:var(--accent);font-variant-numeric:tabular-nums}.tile span{font-size:var(--fs-md);color:var(--muted)}.fastList{list-style:none;margin:0;padding:0}.fastList li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--hair)}.fastList li:first-child{border-top:0}.fastList .rank{text-align:center;font:600 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;color:var(--muted)}.fastText{display:flex;flex-direction:column;gap:2px;min-width:0}.fastText strong{font-size:var(--fs-lead);font-weight:var(--fw-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fastText span{font-size:var(--fs-sm);color:var(--muted)}.fastBar{display:block;height:4px;margin-top:6px;border-radius:var(--r-pill);background:var(--accent)}.fastList b{font-size:var(--fs-lead);font-variant-numeric:tabular-nums}.adminPage{max-width:860px}.adminMain{display:flex;flex-direction:column;gap:16px;padding:18px}.adminMain .library,.seg.adminTabs{margin:0}.room{display:flex;flex-direction:column;gap:12px;width:100%}.tbRoom{display:flex;align-items:center;flex:1 1 auto;min-width:0}.topbar{container:topbar / inline-size}.topbar:has(.roomStrip) .tbLeft{flex:none}@container topbar (max-width: 1300px){.topbar:has(.roomStrip) .brand .brandWord{display:none}.topbar:has(.roomStrip) .brand .brandMark{display:block}}@container topbar (max-width: 1000px){.topbar:has(.roomStrip) .hdrBtn .lbl{display:none}.topbar:has(.roomStrip) .hdrBtn{width:auto;aspect-ratio:1;padding:0;justify-content:center}}.roomStrip{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.roomStrip>*{flex:none}.stripSpacer{flex:1 1 auto}.seatBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-width:240px;min-height:46px;padding:0 22px;border-radius:var(--r-4);border:1px solid var(--hair-2);background:var(--surface-2);color:var(--text);font-size:var(--fs-lead);font-weight:var(--fw-bold);white-space:nowrap;cursor:pointer}.seatBtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.seatBtn.on{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.seatBtn.on:hover:not(:disabled){filter:brightness(1.07);color:var(--accent-ink)}.seatBtn.pending{border-color:var(--accent);color:var(--accent)}.seatBtn .ic{flex:none}.roomStrip>.seatBtn{margin-left:auto;height:40px;min-height:40px;min-width:0;width:214px;padding:0 14px;gap:8px;border-radius:var(--r-3);font-size:var(--fs-base)}.seatAlt{display:none;width:100%;min-width:0}.roleChip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-pill);font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-label);text-transform:uppercase;background:var(--surface-2);border:1px solid var(--hair-2);color:var(--muted)}.roleChip.host{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.chipBtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;max-width:240px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2);font-size:var(--fs-md);font-weight:var(--fw-regular);white-space:nowrap}.chipBtn:hover:not(:disabled){border-color:var(--accent)}.chipBtn .ic{color:var(--accent);flex:none}.roomStrip>.chipBtn.summary{flex:0 1 auto;min-width:0;overflow:hidden}.chipBtn.summary{max-width:100%}.chipBtn.summary>*{flex:none}.chipBtn.summary b{font-weight:var(--fw-bold);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.chipBtn.summary>*+*:before{content:"·";margin-right:7px;color:var(--muted);font-weight:var(--fw-regular)}:root{--roundGap: 16px;--colGap: 12px;--visH: 180px;--gap-header: 8px;--lift: clamp(0px, calc(8 * var(--dvh)), 90px)}@media(max-width:720px){:root{--gap-header: 5px}}@media(max-height:520px){:root{--gap-header: 4px}}.app>.topbar{margin-bottom:var(--gap-header)}.round{position:relative;isolation:isolate;display:grid;align-items:start;gap:var(--roundGap);grid-template-rows:auto auto;grid-template-areas:"stage guess" "stage side"}.round.solo{grid-template-rows:auto;grid-template-areas:"stage guess"}.round>.colStage{grid-area:stage}.round>.colGuess{grid-area:guess}.round>.colSide{grid-area:side}.colStage,.colGuess,.colSide{display:flex;flex-direction:column;gap:var(--colGap);min-width:0}@media(min-width:721px)and (max-width:1180px){:root{--roundGap: 12px}}@media(min-width:721px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .round>.colSide{overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .round>.colSide>.playersCard{display:flex;flex-direction:column;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .round>.colSide>.playersCard>.rosterList{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .round>.colSide>.playersCard{padding-bottom:0}:root:not([data-layout=pip],[data-layout=grid]) .round>.colSide>.playersCard>.rosterList{padding-bottom:14px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),transparent)}}.clipCard{display:flex;flex-direction:column;gap:14px;container-type:inline-size;padding:16px}.clipHead{display:flex;align-items:center;gap:10px;min-height:28px}.modeTag{padding:4px 10px;border-radius:var(--r-pill);font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.modeBtn{display:none;align-items:center;gap:6px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.modeBtn>span{line-height:16px}.modeBtn:hover:not(:disabled){border-color:var(--accent)}.clipCount{font-size:var(--fs-base);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.timerPill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--caution);background:color-mix(in srgb,var(--caution) 14%,transparent)}.clipVisual{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-4)}.clipVisual .visualizer{height:clamp(44px,11cqi / var(--cqk, 1),84px);margin:0;padding:0;contain:layout paint style}.clipVisual{--waveH: 46px}.clipVisual .wave{height:var(--waveH);margin:0;contain:layout style}.clipVisual .wave.scrub{cursor:pointer;touch-action:none;border-radius:var(--r-2);outline:1px solid var(--hair-2);outline-offset:0}.clipVisual .wave.scrub:hover{outline-color:var(--accent)}.clipVisual{--wave-guess-frame: 1px}.clipVisual .wave:not(.scrub){border-radius:var(--r-2);outline:var(--wave-guess-frame) solid var(--hair);outline-offset:0}.winMark{position:absolute;top:0;bottom:0;pointer-events:none;border-radius:3px;background:color-mix(in srgb,var(--c) 30%,transparent);border-bottom:3px solid var(--c)}.winLegend{display:flex;flex-wrap:nowrap;gap:4px 12px;margin:2px 0 0;padding:0;list-style:none;font-size:var(--fs-sm);line-height:16px;min-height:16px;overflow:hidden;color:var(--muted)}.winLegend li{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winLegend i{width:10px;height:10px;flex:none;border-radius:3px;background:var(--c)}.clipVisual .waveTime{align-items:center;gap:8px;margin:2px 0 0;min-height:28px;font-variant-numeric:tabular-nums}.clipCard.spectating .clipVisual{--waveH: 30px}.clipCard.spectating .clipVisual .wave.scrub{height:46px}.clipCard.spectating .clipVisual .waveTime.axis{display:none}@media(max-width:370px){.clipVisual{--waveH: 28px}.clipVisual .wave.scrub{height:46px}.clipVisual .waveTime.axis{display:none}}.waveHint{flex:1;text-align:center;font:500 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;color:var(--muted)}.waveStop{flex:1;max-width:90px;margin-inline:auto;align-self:stretch;min-height:0;padding:0 12px;line-height:1;border-radius:var(--r-1);border:1px solid var(--hair-2);background:var(--surface-3);font:700 var(--fs-xs)/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text)}.waveStop:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.playBtn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:66px;padding:0 20px;border:0;border-radius:var(--r-6);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;transition:transform var(--dur-1) ease,filter var(--dur-1) ease}.playBtn:hover:not(:disabled){border:0;filter:brightness(1.07)}.playBtn:active:not(:disabled){transform:scale(.985)}.playBtn:disabled{opacity:.55}.playBtn.jam{background:var(--artist);color:var(--warn-ink)}.playBtn>span{position:relative;z-index:var(--z-raised)}.playIcon{display:grid;place-items:center;width:24px;height:24px;flex:none}.playSub{padding:3px 9px;border-radius:var(--r-pill);font:700 var(--fs-md) var(--font);font-variant-numeric:tabular-nums;background:#0000002b;min-width:calc(4ch + 18px);text-align:center}@container (max-width: 240px){.playBtn{padding:0 10px;gap:8px}.playBtn .playIcon{display:none}}.playBtn[aria-busy=true]{background:var(--surface-2);color:var(--text);opacity:1;box-shadow:none;border:1px solid var(--hair-2)}.playBtn>.loadFill{position:absolute;inset:0 auto 0 0;z-index:var(--z-base);background:color-mix(in srgb,var(--accent) 42%,transparent);transition:width var(--dur-2) linear}.playEq{display:block;width:25px;height:22px}.steps{display:flex;gap:6px;list-style:none;margin:0;padding:0}.step{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.stepBar{height:8px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--hair)}.stepMs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:600 var(--fs-xs) var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.step.now .stepBar{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 28%,var(--surface-3))}.step.now .stepMs{color:var(--accent)}.step.locked{opacity:.5}.step.miss .stepBar{background:var(--miss-ink);border-color:transparent}.step.skip .stepBar{background:transparent;border-style:dashed;border-color:var(--hair-2)}.step.artist .stepBar{background:var(--artist);border-color:transparent}.step.partial .stepBar{background:var(--partial);border-color:transparent}.step.hit .stepBar{background:var(--accent);border-color:transparent}.clipHint{min-height:2.9em;margin:0;font-size:var(--fs-md);line-height:1.45;color:var(--muted)}.clipHint.bad{color:var(--danger-ink)}.kcap{display:none;flex:none;min-width:18px;padding:0 6px;text-align:center;white-space:nowrap;text-transform:none;font:600 var(--fs-xs)/16px var(--font);letter-spacing:.02em;color:var(--muted);background:transparent;border:1px solid var(--hair-2);border-bottom-width:2px;border-radius:var(--r-xs)}@media(hover:hover)and (pointer:fine)and (min-width:721px){.kcap{display:inline-block}}.playBtn .kcap,.btn.primary .kcap{position:absolute;right:14px;top:50%;translate:0 -50%;color:color-mix(in srgb,currentColor 72%,transparent);border-color:color-mix(in srgb,currentColor 34%,transparent)}.btn.primary{position:relative}.playBtn:disabled .kcap,.btn.primary:disabled .kcap{display:none}.keysBtn{display:none}@media(hover:hover)and (pointer:fine)and (min-width:721px){.keysBtn{display:inline-flex}}.keyList{display:grid;gap:4px;margin:0}.keyList>div{padding:8px 2px;border-bottom:1px solid var(--hair)}.keyList>div:last-child{border-bottom:0}.keyList dt{display:flex;align-items:center;gap:4px;margin:0}.keyList dt i{font-style:normal;color:var(--muted);font-size:var(--fs-sm)}.keyList dd{margin:0;font-size:var(--fs-base)}.keyList .kcap{display:inline-block;padding:1px 8px;font-size:var(--fs-sm);color:var(--text);background:var(--surface-2)}.gfield{position:relative}.gfield .kcap{display:none;position:absolute;right:14px;top:50%;translate:0 -50%;pointer-events:none}@media(hover:hover)and (pointer:fine)and (min-width:721px){.gfield:not(:focus-within):not(.off):has(input:placeholder-shown) .kcap{display:inline-block}}@container (max-width: 300px){.playBtn .kcap{display:none}}.revealNext{container-type:inline-size}@container (max-width: 359px){.revealNext .kcap{display:none}}.soundPrompt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 16px;border-radius:var(--r-4);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:var(--fs-base);font-weight:var(--fw-bold)}.voteRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voteBtn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:46px;padding:0 12px;border-radius:var(--r-4);background:var(--surface-2);border:1px solid var(--hair-2);font-size:var(--fs-md);font-weight:var(--fw-bold);text-align:left;-webkit-tap-highlight-color:transparent}.voteBtn .ic{color:var(--accent);flex:none}.voteBtn:disabled{opacity:.5}.voteLabel{flex:1;min-width:0;line-height:1.15;overflow-wrap:anywhere}.voteTally{flex:none;padding:2px 8px;border-radius:var(--r-pill);font:700 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-3)}.gsearch{position:relative;z-index:var(--z-search);container:gsearch / inline-size}.gsearch[data-lift],.gsearch[data-top]{z-index:var(--z-popover)}.gsearch[data-lift] .gsuggest li[role=option],.gsearch[data-top] .gsuggest li[role=option]{min-height:var(--hit, 44px)}@media(max-height:500px){.gsearch[data-lift] .gcount,.gsearch[data-top] .gcount{display:none}}.gsearch[data-top]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:0 0 0 400vmax #00000059}.gsGhost{display:none!important}.gsuggest[data-bare] .gcount{display:none}.gsearch[data-lift]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:0 0 0 400vmax #0009}@container gsearch (max-width: 240px){.skipLabel{display:none}.skipBtn{padding:0 14px}.gclear.off{display:none}}.gRow{display:flex;gap:8px}.gfield{flex:1;min-width:0;height:54px;padding:0 14px;display:flex;align-items:center;gap:10px;border-radius:var(--r-5);background:var(--surface);color:var(--muted);border:1px solid var(--hair-2);cursor:text}.gfield:focus-within{border-color:var(--accent);color:var(--accent)}.gfield.off{opacity:.6;cursor:default}.gfield .ic{flex:none}.gfield input{flex:1;min-width:0;height:100%;padding:0;background:none;border:0;outline:0;box-shadow:none;color:var(--text);font:inherit;font-size:var(--fs-lg)}.gfield input::placeholder{color:var(--muted);opacity:.85}.gclear{display:grid;place-items:center;width:28px;height:28px;padding:0;flex:none;border:0;border-radius:50%;background:var(--surface-3);color:var(--muted)}.gclear:hover:not(:disabled){border:0;color:var(--text)}.gclear.off{visibility:hidden}.skipBtn{min-height:54px}.gsuggest{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;max-height:min(calc(52 * var(--dvh)),440px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--r-5);box-shadow:0 26px 50px -14px var(--scrim-85)}.gsuggest.up{top:auto;bottom:calc(100% + 8px);box-shadow:0 -18px 44px -14px var(--scrim-85)}.gsuggest li{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:var(--r-2);cursor:pointer}.gsTop{display:flex;align-items:baseline;gap:10px;min-width:0}.gsuggest li strong{min-width:0;font-size:var(--fs-lead);font-weight:var(--fw-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsYear{margin-left:auto;flex:none;font:600 var(--fs-sm) var(--font);color:var(--text);opacity:.72;font-variant-numeric:tabular-nums}.gsMeta{font-size:var(--fs-md);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsMeta i{font-style:normal;margin:0 .45em;opacity:.55}.gsuggest li.active{background:var(--surface-3)}.gsuggest li.gcount{position:sticky;bottom:-6px;cursor:default;padding:8px 12px;font-size:var(--fs-sm);color:var(--muted);background:var(--surface-2);border-radius:0 0 var(--r-2) var(--r-2)}:root{--ifz: max(16px, calc(16px / var(--zoom, 1)))}.sheetBack[data-pin]{--ifz: max(16px, calc(16px / var(--pin, 1)))}@media(pointer:coarse){:root:not([data-layout=pip],[data-layout=grid]) :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit]),select,textarea){font-size:var(--ifz)}}.gsov{position:fixed;left:0;right:0;top:0;height:var(--ovh, 100%);transform:translateY(var(--ovy, 0px));z-index:var(--z-popover);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-height:0;padding:calc(env(safe-area-inset-top,0px) / var(--zoom, 1)) max(8px,calc(env(safe-area-inset-right,0px) / var(--zoom, 1))) 8px max(8px,calc(env(safe-area-inset-left,0px) / var(--zoom, 1)));background:#0009;touch-action:none;overscroll-behavior:none}.gsovBar{flex:none;display:flex;align-items:center;gap:8px;padding-top:8px}.gsovField{flex:1;min-width:0;height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;border-radius:var(--r-5);background:var(--surface);color:var(--accent);border:1px solid var(--accent);cursor:text}.gsovField .ic{flex:none}.gsovField input{flex:1;min-width:0;height:100%;padding:0;background:none;border:0;outline:0;box-shadow:none;color:var(--text);font:inherit;font-size:var(--ifz)}.gsovField input::placeholder{color:var(--muted);opacity:.85}.gsovDone{flex:none;height:48px;padding:0 14px;border-radius:var(--r-5);border:1px solid var(--hair-2);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-base);font-weight:var(--fw-bold)}.gsov .gsuggest{position:static;flex:0 1 auto;min-height:0;margin:0;touch-action:pan-y;box-shadow:none}.gsov .gsuggest li[role=option]{min-height:var(--hit, 44px)}@media(max-height:500px){.gsov .gcount{display:none}}.histCard{padding:14px}.ghist{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.ghRow{--stripe: var(--surface-3);display:flex;align-items:center;gap:10px;min-height:var(--rowH);padding:0 12px;border-radius:var(--r-3);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--stripe);animation:ghRowFade var(--dur-3) var(--ease-out)}.ghRow b{flex:none;width:1.4ch;font:600 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;color:var(--muted)}.ghLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-base)}.ghTag{flex:none;font-style:normal;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--stripe)}.ghRow.hit{--stripe: var(--accent)}.ghRow.artist{--stripe: var(--artist)}.ghRow.partial{--stripe: var(--partial)}.ghRow.miss{--stripe: var(--miss-ink)}.ghRow.miss .ghLabel{color:var(--muted)}.ghRow.skip{--stripe: transparent;color:var(--muted)}.ghRow.skip .ghLabel{font-style:italic;text-align:center;margin-right:calc(1.4ch + 10px)}.ghRow.slot{background:transparent;box-shadow:none;border:1px dashed var(--hair);animation:none}.ghRow.slot b{opacity:.5}@keyframes ghRowFade{0%{opacity:0}}.scaleVal{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}button.advToggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;padding:8px 0 0;border:0;border-top:1px solid var(--hair);border-radius:0;background:none;color:var(--muted)}button.advToggle:hover:not(:disabled){color:var(--text)}.advToggle .ic{transition:transform var(--dur-1) ease}.advToggle[aria-expanded=true] .ic{transform:rotate(180deg)}.fpsReadout{position:fixed;left:8px;bottom:max(8px,var(--saib, 0px));z-index:var(--z-readout);margin:0;padding:6px 9px;border-radius:var(--r-2);pointer-events:none;font:600 var(--fs-xs)/1.5 var(--font);font-variant-numeric:tabular-nums;white-space:pre;color:#fff;background:#000000c7;border:1px solid rgb(255 255 255 / .22)}.info{display:inline-flex;vertical-align:middle;margin-left:6px;text-transform:none;letter-spacing:0}.infoBtn{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--hair-2);background:transparent;color:var(--muted);font:700 var(--fs-xs)/1 var(--font);font-variant-numeric:tabular-nums;cursor:help}@media(pointer:coarse){.infoBtn{width:28px;height:28px;font-size:var(--fs-md)}}.infoBtn:hover,.infoBtn[aria-expanded=true],.infoBtn.attn{color:var(--accent);border-color:var(--accent)}.infoNote{position:fixed;z-index:var(--z-tip);display:block;width:max-content;max-width:min(300px,calc(100vw / var(--zoom, 1) - 16px));padding:10px 12px;border-radius:var(--r-3);pointer-events:none;background:var(--surface-3);border:1px solid var(--hair-2);box-shadow:0 18px 40px -12px var(--scrim-85);font:400 var(--fs-md)/1.4 var(--font);font-variant-numeric:tabular-nums;color:var(--text);text-transform:none;letter-spacing:0;text-align:left}.infoNote p{margin:0}.infoNote p+p{margin-top:6px}.infoNote b{font-weight:var(--fw-bold)}.pendingTag{margin-left:8px;padding:1px 7px;border-radius:var(--r-pill);font:600 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;color:var(--caution);background:color-mix(in srgb,var(--caution) 14%,transparent)}.revealCard{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-lg);animation:revealCardFade .45s var(--ease-out)}.revealCard.won{border-color:color-mix(in srgb,var(--accent) 55%,var(--hair-2))}@keyframes revealCardFade{0%{opacity:0}}.revealHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.verdictTag{flex:1 1 0;min-width:0;overflow-wrap:anywhere;font:700 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}.revealCard.won .verdictTag{color:var(--accent)}.gainTag{flex:none;padding:4px 11px;border-radius:var(--r-pill);font:700 var(--fs-md) var(--font);font-variant-numeric:tabular-nums;background:var(--accent);color:var(--accent-ink)}.gainTag.none{background:var(--surface-3);color:var(--muted)}.revealBody{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.revealArtWrap{width:min(100%,440px);min-width:0;min-height:0;aspect-ratio:1}.revealArt{display:block;width:100%;height:100%;border-radius:var(--r-6);object-fit:cover;background:var(--surface-3);box-shadow:0 2px #ffffff0f inset,0 28px 56px -22px #000000e6,0 10px 22px -10px #000000b3;animation:coverIn .6s var(--ease-out) both}.revealArt.none{display:grid;place-items:center;color:var(--muted);box-shadow:none}@keyframes coverIn{0%{opacity:0}}.revealText2{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.revealText2 h2{margin:0;font-size:var(--fs-hero);line-height:1.3;letter-spacing:var(--ls-tight);text-wrap:balance;overflow-wrap:anywhere}.revealText2 .revealArtist{margin:0;font-size:var(--fs-lg);color:var(--muted);overflow-wrap:anywhere}.revealFacts{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;max-width:100%}.revealText2 .revealFacts{font-size:var(--fs-base)}.revealAlbum{min-width:0;max-width:100%;color:var(--text);opacity:.82;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;padding-inline-end:.25em}.revealYear{flex:none;padding:3px 11px;border-radius:var(--r-pill);font:500 var(--fs-md) var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);border:1px solid var(--hair-2);background:color-mix(in srgb,var(--surface-3) 70%,transparent)}.revealYear b{color:var(--text);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.revealCard.won .revealYear{border-color:color-mix(in srgb,var(--accent) 45%,var(--hair-2))}.revealNext{display:flex;flex-direction:column;gap:8px}.nextHint{margin:0;text-align:center;font-size:var(--fs-md);color:var(--muted)}.nextCard{padding:14px}.spinner{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.playersCard{padding:14px}.playersStrip{display:none;align-items:center;gap:8px;width:100%;padding:7px 8px;text-align:left;border-radius:var(--r-5);background:var(--surface);border:1px solid var(--hair);color:var(--text)}.psRow{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}.psRow::-webkit-scrollbar{display:none}.psChip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hair);font-size:var(--fs-md)}.psChip.me{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.psChip.watching{opacity:.6}.psName{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-regular)}.psScore{font-variant-numeric:tabular-nums}.psMore{flex:none;padding-right:4px;color:var(--muted)}.guessTray{display:contents}.rosterCount{padding:2px 9px;border-radius:var(--r-pill);font:700 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-3)}.rosterList{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.rosterList li{flex-wrap:wrap;gap:10px;padding:7px 10px;border-radius:var(--r-3);background:transparent;border:1px solid transparent}.rosterList li.me{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.rosterList li.watching .name{color:var(--muted)}.rosterList .rank{display:grid;place-items:center;flex:none;width:18px;font:600 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums;color:var(--muted)}.rosterList li:first-child .rank{color:var(--accent)}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:var(--accent);color:var(--accent-ink);font-weight:var(--fw-bold)}img.avatar{background:var(--surface-3)}.who{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}.name{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-base);font-weight:var(--fw-regular)}.hostTag{flex:none;font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--accent)}.youTag{flex:none;font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}@keyframes waitPulse{50%{opacity:.35}}.gain{flex:none;font:600 var(--fs-sm) var(--font);color:var(--accent);font-variant-numeric:tabular-nums}.gain.none{color:var(--muted)}.score{flex:none;min-width:3ch;text-align:right;font-size:var(--fs-lead);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.rosterBtn.ghost{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:var(--r-1);background:none;color:var(--muted);opacity:.55}.rosterBtn.ghost:hover{border:0;opacity:1;color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 16%,transparent)}.kickConfirm{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;font-size:var(--fs-md)}.kickConfirm span{flex:1 1 100%}.lobby{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.lobbyCard{display:flex;flex-direction:column;gap:16px;padding:20px}.lobbyHead h2{margin:0;font-size:var(--fs-xl);letter-spacing:var(--ls-tight)}.lobbyHead p{margin:6px 0 0;font-size:var(--fs-base);line-height:1.45;color:var(--muted)}.lobbyActions{display:flex;flex-direction:column;gap:10px;position:sticky;bottom:0;z-index:var(--z-sticky);margin:0 -20px -20px;padding:24px 20px calc(20px + var(--saib, 0px));background:linear-gradient(to bottom,transparent,var(--surface) 28%);border-radius:0 0 var(--r-lg) var(--r-lg)}.lobbyActions .btn.ghost{align-self:center}.waitLine{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:14px;border-radius:var(--r-4);background:var(--surface-2);font-size:var(--fs-base);color:var(--muted)}.pulseDot{width:8px;height:8px;border-radius:50%;background:var(--caution);animation:syncPulse 1.4s var(--ease-in-out) infinite}.setup{display:flex;flex-direction:column;gap:14px}.modeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:641px){.sheet .modeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.sheet .modeOpt{padding:8px 10px}}.modeOpt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:10px 12px;text-align:left;border-radius:var(--r-4);background:var(--surface-2);color:var(--text);border:1px solid var(--hair-2)}.modeOpt b{font-size:var(--fs-base);font-weight:var(--fw-bold)}.modeOpt span{font-size:var(--fs-sm);color:var(--muted)}.modeOpt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.modeOpt.on b{color:var(--accent)}.modeOpt:disabled{opacity:1;cursor:default}.modeOpt:disabled:not(.on){opacity:.45}.poolRow{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:var(--r-4);background:var(--surface-2);border:1px solid var(--hair)}.poolRow .ic{flex:none;color:var(--accent)}.poolText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-regular)}.lockNote{display:flex;align-items:center;gap:6px}.endConfirm{display:flex;align-items:center;gap:8px}.endConfirm span{flex:1 1 100%;font-size:var(--fs-base)}.teamBoard{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg)}.candidates{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.candidate{gap:10px;background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--r-4)}.candidate.mine{border-color:var(--accent)}.candidate.pass{border-style:dashed}.candKey{display:none;margin-right:8px;padding:0 6px;border-radius:var(--r-xs);font:600 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums;vertical-align:1px}@media(min-width:721px)and (hover:hover){.candKey{display:inline-block}}.candText span{font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candText em{font-size:var(--fs-xs);font-style:normal;color:var(--muted);opacity:.8}.backers{display:flex;align-items:center;gap:4px}.backers b{margin-left:4px;font:700 var(--fs-sm) var(--font);font-variant-numeric:tabular-nums}.backer{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent)}.backBtn2{min-height:34px;padding:0 14px;font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:var(--r-2)}.feed{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.feedAnswer{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--r-4);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.feedAnswer strong{font-size:var(--fs-lead)}.feedEmpty{text-align:center;margin:12px 0}.feedPlayer{padding:8px 12px;border-radius:var(--r-3);border:1px solid var(--hair);background:var(--surface-2)}.feedPlayer.solved{border-color:var(--accent)}.feedPlayer.out{opacity:.7}.feedHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.feedName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);font-weight:var(--fw-bold)}.feedState{flex:none;font-size:var(--fs-xs);color:var(--muted)}.feedGuesses{display:flex;flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none}.feedGuesses li{padding:3px 8px;border-left:3px solid var(--hair-2);border-radius:var(--r-xs);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedGuesses li.hit{border-left-color:var(--accent)}.feedGuesses li.artist{border-left-color:var(--artist)}.feedGuesses li.miss{color:var(--muted)}.feedGuesses li.skip{color:var(--muted);font-style:italic}.sheet .filtersPanel{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none}.sheet .filtersPanel .fhead{margin:14px 0 6px}.sheet .filtersPanel .fhead:first-child{margin-top:0}.playlistList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.filtersPanel .playlistList li{display:block;padding:0;border:0;background:none;border-radius:0}.playlistList button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;text-align:left;border-radius:var(--r-3);border:1px solid var(--hair-2);background:var(--surface-2);color:var(--text);font-size:var(--fs-base)}.playlistList button:hover{border-color:var(--accent)}.playlistList button.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}.sheet .chips .chip{background:var(--surface-2);border:1px solid var(--hair-2);color:var(--text);font-size:var(--fs-md);padding:7px 13px}.sheet .chips .chip:hover{border-color:#ffffff52}.sheet .chips .chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}.plName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plCount{flex:none;font-size:var(--fs-sm);opacity:.7;font-variant-numeric:tabular-nums}@media(max-width:860px){.lobby{grid-template-columns:1fr}}@media(min-width:721px)and (max-width:860px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom:has(>main>.lobby){height:calc(100 * var(--dvh));min-height:0;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby{flex:1 1 auto;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:start}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.playersCard{align-self:start;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.playersCard>.rosterList{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}@media(max-width:720px){.round,.round.solo{display:flex;flex-direction:column;align-items:stretch}.colStage,.colGuess,.colSide{display:contents}.clipCard,.voteRow{order:1}.gsearch,.driverMirror,.revealCard,.feedCard{order:2}.notice,.nextCard{order:3}.roomStrip{display:none}.seatAlt{display:inline-flex}.modeTag.desk{display:none}.modeBtn{display:inline-flex}.ghRow.slot{display:none}.ghist:not(:has(.ghRow:not(.slot))):after{content:"Nothing guessed yet.";display:flex;align-items:center;min-height:28px;font-size:var(--fs-md);color:var(--muted);padding:0 2px}.clipHint{min-height:0}}@media(max-width:720px){.hdrBtn .lbl{display:none}.hdrBtn{width:38px;height:38px;padding:0;justify-content:center}.tbRight,.tbLeft{gap:6px}.hdrBtn.exit{margin-left:2px}}@media(max-width:640px){.sheetBack{place-items:end center;--sheetPad: 0px;--sheetMax: calc(90 * var(--dvh))}.sheet{width:100%;border-radius:var(--r-sheet) var(--r-sheet) 0 0;border-bottom:0;animation:sheetUp var(--dur-2) var(--ease-out)}.sheetBody{padding-bottom:calc(20px + var(--saib, 0px))}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}.modeCards{grid-template-columns:1fr;gap:10px}.modeCard{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:2px;min-height:0}.mcIcon{grid-row:1 / span 3;align-self:start}.mcTitle{margin-top:0;font-size:var(--fs-title)}.statTiles{gap:10px}.tile b{font-size:var(--fs-hero)}}@media(max-width:560px){.app{padding-left:max(var(--sail),10px);padding-right:max(var(--sair),10px)}.inRoom .brand,.clipHint.tip{display:none}.clipVisual .visualizer{height:clamp(32px,9cqi / var(--cqk, 1),84px)}}@media(max-width:400px){.brand .brandWord{display:none}.brand .brandMark{display:block}.card{padding:14px;border-radius:var(--r-6)}.voteBtn{padding:0 10px;gap:6px}.voteBtn .ic{width:16px;height:16px}.voteTally{padding:2px 6px;font-size:var(--fs-xs)}.modeGrid{grid-template-columns:1fr 1fr}}@media(min-width:721px)and (max-height:720px){.app{padding-top:4px;padding-bottom:max(var(--saib),6px)}.topbar{padding:0 0 4px}.round{gap:8px}.lobby{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.lobbyCard{padding:14px 16px;gap:10px}.lobbyHead h2{font-size:var(--fs-title)}.setup{gap:10px}.lobbyActions{margin:0 -16px -14px;padding:14px 16px calc(12px + var(--saib, 0px));gap:8px}.lobbyActions .btn.big{min-height:46px}.clipVisual .visualizer{height:36px}.rosterList li{padding:4px 8px}.revealCard{padding:10px 12px;gap:8px}.revealBody{gap:8px}.revealText2 h2{font-size:var(--fs-xl)}.revealText2 .revealArtist{font-size:var(--fs-lead)}.clipCard:has(.wave.scrub) .steps{display:none}.clipVisual{--waveH: 36px}.clipVisual .waveTime{min-height:22px;margin:0}}@media(max-width:720px){.app.inRoom{height:calc(100 * var(--dvh));min-height:0;overflow-y:hidden;overscroll-behavior:contain;padding-bottom:max(var(--saib),10px)}.app.inRoom>main{flex:1 1 auto;min-height:0}.room{min-height:0}.round,.round.solo{flex:1 1 auto;min-height:0;gap:8px}.topbar{min-height:46px;padding:2px 0 6px}.clipHint.idle,.clipHint.done{display:none}.guessTray{display:flex;flex-direction:column;gap:10px;order:6;flex:1 1 0;min-height:56px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.guessTray>*{flex:none}.playersCard{display:none}.playersStrip{display:flex;order:9;margin-top:auto;flex:0 1 auto;min-height:32px;overflow:hidden}.colGuess>.feedCard{flex:1 1 0;min-height:64px;display:flex;flex-direction:column;overflow:hidden}.colGuess>.feedCard .feed{flex:1 1 0;min-height:0;max-height:none}.clipCard{padding:12px;gap:8px}.clipHead{min-height:26px}.clipVisual{padding:8px;gap:4px}.clipVisual .visualizer{height:clamp(26px,7cqi / var(--cqk, 1),84px)}.playBtn{min-height:54px;font-size:var(--fs-lg)}.gfield,.skipBtn{height:48px;min-height:48px}.voteBtn{min-height:44px}.playersStrip{padding:6px 8px}.revealCard{padding:12px;gap:10px;flex:1 1 auto;min-height:auto}.revealBody{flex:1 1 0;min-height:auto;gap:10px}.revealArtWrap{flex:1 1 0;min-height:0;min-width:0;width:100%;aspect-ratio:auto;container-type:size;display:grid;place-items:center}.revealArt{width:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1));height:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1));border-radius:var(--r-5)}@container (max-height: 63px){:root:not([data-layout=pip],[data-layout=grid]) .revealArt{visibility:hidden}}.revealText2{flex:none;gap:2px}.revealText2 h2{font-size:var(--fs-xl)}.revealText2 .revealArtist{font-size:var(--fs-lead)}.revealFacts{margin-top:4px;gap:4px 10px}.revealText2 .revealFacts{font-size:var(--fs-md)}.nextHint{font-size:var(--fs-sm)}.lobby{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}.lobbyCard{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px;gap:10px}.lobbyHead h2{font-size:var(--fs-xl)}.lobbyHead p{display:none}.setup{gap:10px}.setup .field{gap:5px}.setup .field.seat{flex-direction:row;align-items:center;justify-content:space-between}.setup .field.seat .seg{width:62%}.setup .field~.field .fieldHint,.setup .lockNote{display:none}.modeOpt{min-height:46px;padding:6px 10px}.seg button{min-height:34px;padding:0 6px;white-space:nowrap}.poolRow{padding:5px 6px 5px 12px}.lobbyActions{margin:0 -14px -12px;padding:14px 14px 10px;gap:4px}.lobbyActions .btn.ghost{min-height:30px}.lobbyActions .btn.big{min-height:50px}.waitLine{padding:10px}.home{gap:12px}.hello{gap:10px}.hello h2{font-size:var(--fs-xl)}.modeCard{padding:11px 14px}.mcBody{font-size:var(--fs-md);line-height:1.4}.mcFoot{margin-top:4px}.how{grid-template-columns:repeat(3,1fr);gap:8px}.how li{flex-direction:column;gap:4px;padding:9px 10px}.how strong{font-size:var(--fs-md);margin-bottom:0}.how span{font-size:var(--fs-sm);line-height:1.35}}@media(max-width:720px)and (max-height:700px){:is(.clipCard:has(.wave.scrub),.round:has(.revealCard) .clipCard) .steps{display:none}:root:not([data-layout=pip],[data-layout=grid]) .clipHint.bad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revealBody{flex:none;flex-direction:row;text-align:left;align-items:center;gap:12px}.revealArtWrap{flex:none;width:min(34%,110px);min-width:72px;min-height:0;aspect-ratio:1;display:block;container-type:normal}.revealArt{width:100%;height:100%}.revealText2{flex:1 1 0;min-width:0;align-items:flex-start}.revealFacts{justify-content:flex-start}.revealCard{flex:none}}@media(max-width:720px){:root:not([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .soundPrompt{display:none}}@media(max-width:720px)and (max-height:720px){.setup .field.seat,.setup>.field:first-child .fieldHint,.lobbyActions .btn.ghost{display:none}.modeOpt span{display:none}.modeOpt{min-height:38px}.setup,.lobbyCard{gap:8px}.seg button{min-height:32px}.lobbyHead h2{font-size:var(--fs-title)}.lobbyActions .btn.big{min-height:46px}}@media(max-width:420px){.topbar:has(.tbRight>.hdrBtn:nth-child(4)) .brand .brandWord{display:none}.topbar:has(.tbRight>.hdrBtn:nth-child(4)) .brand .brandMark{display:block}}@media(max-width:380px){.stepMs{font-size:var(--fs-xs)}}@media(max-height:720px)and (min-width:721px){.topbar{min-height:48px;padding-bottom:6px}.clipCard{gap:10px;padding:14px}.playBtn{min-height:58px}.clipHint{min-height:0}.gfield,.skipBtn{height:50px;min-height:50px}.ghRow.slot{display:none}.ghist:not(:has(.ghRow:not(.slot))):after{content:"Nothing guessed yet.";display:flex;align-items:center;min-height:var(--rowH);font-size:var(--fs-md);color:var(--muted);padding:0 2px}}@media(min-width:560px)and (max-height:520px){.round,.round.solo{display:grid}.colStage,.colGuess,.colSide{display:flex;flex-direction:column;gap:8px;min-width:0}.clipCard,.gsearch,.driverMirror,.revealCard,.feedCard,.notice,.nextCard,.voteRow{order:0}.revealCard{flex:none}.playersStrip{order:0;margin-top:0}.lobby{display:grid}.app{padding-top:4px;padding-bottom:6px}.topbar{min-height:38px;padding:0 0 4px}.brand .brandWord,.modeTag.desk{display:none}.brand .brandMark{display:block}.roomStrip{display:flex}.roomStrip>:not(.seatBtn){display:none}.roomStrip>.seatBtn{flex:none;min-width:0;width:200px;height:34px;min-height:34px;padding:0 16px;font-size:var(--fs-md);border-radius:var(--r-3)}.seatAlt{display:none}.modeBtn{display:inline-flex}.round{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage guess" "side guess"}.round.solo{grid-template-areas:"stage guess"}.clipCard{padding:10px;gap:6px}.clipVisual{padding:6px}.clipVisual .visualizer{display:none}.clipVisual{--waveH: 30px}.clipVisual .waveTime.axis{display:none}.playBtn{min-height:46px}.voteBtn{min-height:36px}.playersCard{display:none}.playersStrip{display:flex}.ghist:not(:has(.ghRow:not(.slot))):after{min-height:28px}.revealText2 h2{font-size:var(--fs-title)}.lobby{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px}.lobbyCard{padding:12px 14px;gap:10px}.lobbyHead h2{font-size:var(--fs-title)}.setup{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:start}.lobbyActions{margin:0 -14px -12px;padding:10px 14px}.modeCard{padding:12px 14px}.lobbyActions .btn.ghost{display:none}.sheet .setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;align-items:start}.sheet .setup .field:first-child{grid-column:1 / -1}.sheetBody{gap:10px;padding-top:4px;padding-bottom:8px}.sheetHead{padding-top:8px;padding-bottom:4px}}@media(max-height:640px){.sheetBack{--sheetPad: 8px;--sheetMax: calc(100 * var(--dvh) - 16px)}.sheetBody{gap:12px;padding-bottom:12px}.sheet .field{gap:6px}}@media(max-height:640px)and (min-width:600px){.sheet .setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}.sheet .setup .field:first-child{grid-column:1 / -1}}@media(min-width:560px)and (max-height:520px){.sheetBody:has(>.field,>.setSection){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;align-items:start}.sheet .modeOpt{padding:6px 10px;min-height:0}.sheet .modeOpt span{font-size:var(--fs-xs);line-height:1.2}.sheet .seg button{min-height:30px;padding:0 8px;white-space:nowrap}.sheetFoot{padding:6px 20px calc(6px + var(--saib, 0px))}.sheet .field{gap:4px}}@container sheetback (max-height: 640px){.sheetBody{gap:12px;padding-bottom:12px}.sheet .field{gap:6px}}@container sheetback (max-height: 640px) and (min-width: 600px){.sheet .setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}.sheet .setup .field:first-child{grid-column:1 / -1}}@container sheetback (max-height: 560px){.sheetBody{gap:10px;padding-top:4px;padding-bottom:8px}.sheetHead{padding-top:8px;padding-bottom:4px}.sheetFoot{padding:6px 20px calc(6px + var(--saib, 0px))}.sheet .field{gap:4px}.sheet .seg button{min-height:30px;padding:0 8px;white-space:nowrap}.sheet .modeOpt{padding:6px 10px;min-height:0}.sheet .modeOpt span{font-size:var(--fs-xs);line-height:1.2}}@container sheetback (min-width: 560px) and (max-height: 560px){.sheetBody:has(>.field,>.setSection){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;align-items:start}}.pipStatus,.pipBoard,.pipPing,.pipClue{display:none}:root:is([data-layout=pip],[data-layout=grid]) :is(.seatAlt,.kcap,.clipHint,.modeTag,.modeBtn,.stripSpacer,.teamBoard,.feedCard,.nextCard,.playersCard,.playersStrip,.wave,.waveTime,.winLegend,.stepMs,.tick,.lobbyHead,.lobbyCard .setup,.lobbyActions .btn.ghost,.waitLine,.lobbyCard:not(:has(.lobbyActions)),.hello,.homeFoot,.mcBody,.mcFoot,.mcIcon,.revealHead,.revealFacts,.sheetBack,.cardHead,.fpsReadout){display:none!important}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) :is(.playBtn,.soundPrompt,.revealNext,.lobbyCard,.gsearch,.guessTray,.histCard,.notice){display:none!important}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .voteBtn{pointer-events:none;flex:none;min-height:18px;padding:0 2px;border:0;background:none;opacity:1;color:var(--muted)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .voteTally{padding:0;background:none;font-size:var(--fs-sm)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .voteBtn .ic{display:none}:root:is([data-layout=pip],[data-layout=grid]) .app{container:pip / size;height:calc(100 * var(--dvh));min-height:0;max-width:none;overflow:hidden;padding:calc(8px + var(--clip-t, 0px) / var(--zoom, 1)) calc(8px + var(--clip-r, 0px) / var(--zoom, 1)) calc(8px + var(--clip-b, 0px) / var(--zoom, 1)) calc(8px + var(--clip-l, 0px) / var(--zoom, 1))}:root:is([data-layout=pip],[data-layout=grid]) .app>main{flex:1 1 auto;min-height:0}:root:is([data-layout=pip],[data-layout=grid]) .room{flex:1 1 auto;min-height:0;gap:0}:root:is([data-layout=pip],[data-layout=grid]) :is(.colStage,.colGuess,.colSide){display:contents}:root:is([data-layout=pip],[data-layout=grid]) :is(.round,.round.solo){display:grid;flex:1 1 auto;min-height:0;gap:0 6px;align-items:stretch;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"status status" "last last" "clip side" "votes vol"}:root:is([data-layout=pip],[data-layout=grid]) .round.solo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"status" "last" "clip" "vol"}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus{grid-area:status}:root:is([data-layout=pip],[data-layout=grid]) :is(.clipCard,.revealCard){grid-area:clip}:root:is([data-layout=pip],[data-layout=grid]) .pipBoard{grid-area:side}:root:is([data-layout=pip],[data-layout=grid]) .voteRow{grid-area:votes}:root:is([data-layout=pip],[data-layout=grid]) .gsearch{grid-area:status}:root:is([data-layout=pip],[data-layout=grid]) :is(.histCard,.notice){grid-area:last}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .clipCard{display:none}:root:is([data-layout=pip],[data-layout=grid]) .lobby{display:grid;flex:1 1 auto;min-height:0;gap:0;align-items:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"status" "side" "vol" "hero"}:root:is([data-layout=pip],[data-layout=grid]) .lobby .pipBoard{align-self:start}:root:is([data-layout=pip],[data-layout=grid]) .lobbyCard{grid-area:hero;padding:6px;margin-top:6px;border-radius:var(--r-4)}:root:is([data-layout=pip],[data-layout=grid]) .lobbyActions{position:static;margin:0;padding:0;background:none}:root:is([data-layout=pip],[data-layout=grid]) .lobbyActions .btn.big{min-height:40px;font-size:var(--fs-base);border-radius:var(--r-3)}:root:is([data-layout=pip],[data-layout=grid]) .modeCards{gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .modeCard{display:flex;align-items:center;justify-content:center;min-height:0;padding:10px 12px}:root:is([data-layout=pip],[data-layout=grid]) .mcTitle{margin:0;font-size:var(--fs-lead)}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus{display:flex;align-items:baseline;gap:10px;min-width:0;margin-bottom:6px;padding:0 2px}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus b{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:clamp(13px,3.4cqw / var(--cqk, 1),17px);line-height:1.2;font-weight:var(--fw-bold);white-space:nowrap;color:var(--muted)}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus b:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--caution)}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus span{flex:1 1 0;min-width:0;text-align:right;font-size:var(--fs-sm);line-height:1.25;color:var(--muted);font-variant-numeric:tabular-nums}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus.go b,:root:is([data-layout=pip],[data-layout=grid]) .pipStatus.done b{color:var(--accent)}:root:is([data-layout=pip],[data-layout=grid]) :is(.pipStatus.go,.pipStatus.done) b:before{background:var(--accent)}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus.go b:before{animation:waitPulse 1.6s var(--ease-in-out) infinite}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.pipStatus.go) .clipCard{border-color:color-mix(in srgb,var(--accent) 55%,var(--hair))}:root:is([data-layout=pip],[data-layout=grid]) :is(button,[role=button],select,[tabindex]:not([tabindex="-1"])):focus-visible{outline-offset:calc(var(--focus-ring-width) * -1)}:root:is([data-layout=pip],[data-layout=grid]) .pipPing{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-veil);pointer-events:none;border-radius:var(--r-4);box-shadow:inset 0 0 0 3px var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);animation:pipPing 1.2s ease-out both}@keyframes pipPing{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){:root:is([data-layout=pip],[data-layout=grid]) .pipPing{display:none}}:root:is([data-layout=pip],[data-layout=grid]) .clipCard{position:relative;display:flex;flex-direction:column;gap:6px;min-height:0;padding:8px;border-radius:var(--r-4)}:root:is([data-layout=pip],[data-layout=grid]) .pipClue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);overflow:hidden;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.95;color:var(--surface-3);font-variant-numeric:tabular-nums}:root:is([data-layout=pip],[data-layout=grid]) .pipClue b{font-size:clamp(22px,min(66cqh / var(--cqk, 1),38cqw / var(--cqk, 1)),150px);font-weight:var(--fw-bold)}:root:is([data-layout=pip],[data-layout=grid]) .pipClue span{overflow:hidden;font-size:clamp(10px,min(12cqh / var(--cqk, 1),5cqw / var(--cqk, 1)),18px);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.pipStatus.go) .pipClue{color:color-mix(in srgb,var(--accent) 24%,var(--surface-2))}@container (max-height: 89px){:root:is([data-layout=pip],[data-layout=grid]) .pipClue span{display:none}}@container (max-height: 34px){:root:is([data-layout=pip],[data-layout=grid]) .pipClue{display:none}}:root:is([data-layout=pip],[data-layout=grid]) .clipHead{min-height:0;justify-content:flex-end}:root:is([data-layout=pip],[data-layout=grid]) .clipHead>:not(.timerPill){display:none}:root:is([data-layout=pip],[data-layout=grid]) .clipHead:not(:has(.timerPill)){display:none}:root:is([data-layout=pip],[data-layout=grid]) .timerPill{padding:2px 8px;font-size:var(--fs-xs)}:root:is([data-layout=pip],[data-layout=grid]) .clipVisual{container-type:size;position:relative;z-index:var(--z-raised);flex:1 1 0;min-height:0;padding:0;gap:0;background:none;border:0;border-radius:0}:root:is([data-layout=pip],[data-layout=grid]) .clipVisual .visualizer{position:relative;z-index:var(--z-raised);display:flex;flex:1 1 0;height:auto;min-height:0;gap:1px}:root:is([data-layout=pip],[data-layout=grid]) .steps{gap:3px}:root:is([data-layout=pip],[data-layout=grid]) .stepBar{height:5px}:root:is([data-layout=pip],[data-layout=grid]) .soundPrompt{min-height:32px;font-size:var(--fs-sm);border-radius:var(--r-2)}:root:is([data-layout=pip],[data-layout=grid]) .playBtn{min-height:38px;padding:0 12px;gap:8px;border-radius:var(--r-3);font-size:var(--fs-base)}:root:is([data-layout=pip],[data-layout=grid]) .playSub{padding:2px 7px;font-size:var(--fs-xs)}:root:is([data-layout=pip],[data-layout=grid]) .voteRow{display:flex;flex-direction:column;gap:4px;margin-top:6px}:root[data-layout=pip][data-pip-live] .voteRow{flex-direction:row}:root[data-layout=pip][data-pip-live] .voteRow>*{flex:1 1 0;min-width:0}:root:is([data-layout=pip],[data-layout=grid]) .round:not(.solo) .pipBoard{align-self:start}:root:is([data-layout=pip],[data-layout=grid]) .voteBtn{min-height:30px;padding:0 8px;gap:6px;border-radius:var(--r-2);font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipStatus{display:none}:root[data-layout=pip][data-pip-live] .gsearch{margin-bottom:6px}:root[data-layout=pip][data-pip-live] .gRow{gap:6px}:root[data-layout=pip][data-pip-live] .gfield{height:36px;min-height:36px;padding:0 10px;gap:8px;border-radius:var(--r-3)}:root[data-layout=pip][data-pip-live] .gfield input{font-size:var(--fs-base);text-overflow:ellipsis}:root[data-layout=pip][data-pip-live] .gclear{width:22px;height:22px}:root[data-layout=pip][data-pip-live] .skipBtn{height:36px;min-height:36px;padding:0 12px;font-size:var(--fs-md);border-radius:var(--r-3)}:root[data-layout=pip][data-pip-live] .gsuggest{padding:4px;border-radius:var(--r-3)}:root[data-layout=pip][data-pip-live] .gsuggest li{padding:6px 10px}:root[data-layout=pip][data-pip-live] .gsuggest li strong{font-size:var(--fs-md)}:root[data-layout=pip][data-pip-live] .gsuggest .gsMeta{font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .guessTray{display:contents}:root[data-layout=pip][data-pip-live] .histCard{padding:0;margin-bottom:6px;border:0;background:none}:root[data-layout=pip][data-pip-live] .histCard .ghRow{display:none}:root[data-layout=pip][data-pip-live] .histCard .ghRow:not(.slot):not(:has(~.ghRow:not(.slot))){display:flex}:root[data-layout=pip][data-pip-live] .histCard:not(:has(.ghRow:not(.slot))){display:none}:root[data-layout=pip][data-pip-live] .ghist{--rowH: 26px;gap:0}:root[data-layout=pip][data-pip-live] .ghRow{gap:8px;padding:0 8px;border-radius:var(--r-2)}:root[data-layout=pip][data-pip-live] .ghLabel{font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .notice{margin:0 0 6px;font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .round:has(.notice) .histCard{display:none}:root:is([data-layout=pip],[data-layout=grid]) .pipBoard{display:flex;flex-direction:column;gap:2px;margin:0;padding:6px;min-height:0;overflow:hidden;list-style:none;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-4)}:root:is([data-layout=pip],[data-layout=grid]) .pbRow{display:flex;align-items:center;gap:7px;min-width:0;min-height:28px;padding:1px 4px;border-radius:var(--r-2);font-size:var(--fs-md)}:root:is([data-layout=pip],[data-layout=grid]) .pbRow.me{background:color-mix(in srgb,var(--accent) 12%,transparent)}:root:is([data-layout=pip],[data-layout=grid]) .pbRow.watching{opacity:.6}:root:is([data-layout=pip],[data-layout=grid]) .pbRow.got .pbName{color:var(--accent)}:root:is([data-layout=pip],[data-layout=grid]) .pbName{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}:root:is([data-layout=pip],[data-layout=grid]) .pbGain{flex:none;font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:tabular-nums}:root:is([data-layout=pip],[data-layout=grid]) .pbScore{flex:none;min-width:2ch;text-align:right;font-size:var(--fs-base);font-variant-numeric:tabular-nums}:root:is([data-layout=pip],[data-layout=grid]) .revealCard{display:flex;flex-direction:column;gap:6px;min-height:0;padding:8px;border-radius:var(--r-4);animation:none}:root:is([data-layout=pip],[data-layout=grid]) .revealBody{flex:1 1 0;min-width:0;min-height:0;container-type:size;flex-direction:row;align-items:center;text-align:left;gap:10px}:root:is([data-layout=pip],[data-layout=grid]) .revealArtWrap{flex:none;width:min(100cqh / var(--cqk, 1),56cqw / var(--cqk, 1));height:auto;min-width:0;min-height:0;aspect-ratio:1;display:block;container-type:normal}:root:is([data-layout=pip],[data-layout=grid]) .revealArt{width:100%;height:100%;border-radius:var(--r-2)}:root:is([data-layout=pip],[data-layout=grid]) .revealText2{flex:1 1 0;min-width:0;align-items:flex-start;gap:2px}:root:is([data-layout=pip],[data-layout=grid]) .revealText2 h2{font-size:clamp(14px,4.6cqw / var(--cqk, 1),24px);line-height:1.2;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .revealText2 .revealArtist{font-size:clamp(12px,3.4cqw / var(--cqk, 1),17px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .revealNext .btn{min-height:34px;font-size:var(--fs-md)}@container pip (max-height: 219px) and (max-width: 383px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:not([data-out]) .pbRow[data-k="3"],:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (max-height: 189px) and (max-width: 383px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (max-height: 211px) and (min-width: 384px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:not([data-out]) .pbRow[data-k="3"],:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (max-height: 181px) and (min-width: 384px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (max-height: 249px) and (max-width: 383px){:root[data-layout=pip][data-pip-live] .pipBoard:not([data-out]) .pbRow[data-k="3"],:root[data-layout=pip][data-pip-live] .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (max-height: 219px) and (max-width: 383px){:root[data-layout=pip][data-pip-live] .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (max-height: 189px) and (max-width: 383px){:root[data-layout=pip][data-pip-live] .pipBoard .pbRow:not(.me){display:none}}@container pip (max-height: 235px) and (min-width: 384px){:root[data-layout=pip][data-pip-live] .pipBoard:not([data-out]) .pbRow[data-k="3"],:root[data-layout=pip][data-pip-live] .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (max-height: 205px) and (min-width: 384px){:root[data-layout=pip][data-pip-live] .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (max-height: 175px) and (min-width: 384px){:root[data-layout=pip][data-pip-live] .pipBoard .pbRow:not(.me){display:none}}@container pip (max-height: 139px){:root:is([data-layout=pip],[data-layout=grid]) .pipStatus{margin-bottom:2px}:root:is([data-layout=pip],[data-layout=grid]) .clipCard{gap:3px;padding:4px 6px}:root:is([data-layout=pip],[data-layout=grid]) .pipBoard{gap:1px;padding:3px}:root:is([data-layout=pip],[data-layout=grid]) .pbRow{min-height:22px}:root:is([data-layout=pip],[data-layout=grid]) .bootPanel{gap:4px}:root:is([data-layout=pip],[data-layout=grid]) .bootMark .brandWord{width:128px!important;height:18px!important}:root:is([data-layout=pip],[data-layout=grid]) .bootLabel{font-size:var(--fs-base)}}:root[data-layout=pip]:not([data-pip-live]) .roomStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-xs);line-height:14px;min-width:0}@container pip (max-height: 189px){:root:is([data-layout=pip],[data-layout=grid]) .revealText2 h2{-webkit-line-clamp:2}}@container pip (max-height: 149px){:root:is([data-layout=pip],[data-layout=grid]) .revealText2 h2{-webkit-line-clamp:1}:root:is([data-layout=pip],[data-layout=grid]) .revealText2 .revealArtist{display:none}}@container pip (max-height: 159px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard .pbRow:not(.me){display:none}:root:not([data-layout=pip][data-pip-live]) .voteRow{display:none}:root[data-layout=pip][data-pip-live] .pipBoard{display:none}:root[data-layout=pip][data-pip-live] :is(.histCard,.notice){display:none}}@container pip (max-height: 275px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard:not([data-out]) .pbRow[data-k="3"],:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (max-height: 245px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (max-height: 215px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard .pbRow:not(.me){display:none}}@container pip (max-height: 185px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard{display:none}}@container pip (max-width: 359px){:root[data-layout=pip][data-pip-live] .skipLabel{display:none}:root[data-layout=pip][data-pip-live] .skipBtn{padding:0 11px}}@container pip (max-height: 229px){:root[data-layout=pip][data-pip-live] .gsuggest li.gcount{display:none}}@container pip (max-width: 459px){:root:is([data-layout=pip],[data-layout=grid]) .voteBtn .ic{display:none}}@container pip ((orientation: portrait) or (max-width: 383px)){:root:is([data-layout=pip],[data-layout=grid]) .pipStatus{flex-direction:column;align-items:flex-start;gap:1px}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus span{text-align:left}:root:is([data-layout=pip],[data-layout=grid]) .pipStatus b{white-space:normal;max-width:100%}:root:is([data-layout=pip],[data-layout=grid]) .tpLabel{display:none}:root:is([data-layout=pip],[data-layout=grid]) .pbGain{display:none}:root[data-layout=pip][data-pip-live] .voteBtn{justify-content:center}:root[data-layout=pip][data-pip-live] .voteBtn .ic{display:inline-block}:root[data-layout=pip][data-pip-live] .voteLabel{display:none}}@container pip (orientation: portrait){:root:is([data-layout=pip],[data-layout=grid]) :is(.round,.round.solo){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"status" "last" "clip" "side" "votes" "vol"}:root:is([data-layout=pip],[data-layout=grid]) .pipBoard{margin-top:6px}:root[data-layout=pip][data-pip-live] .voteRow{flex-direction:row}:root[data-layout=pip][data-pip-live] .voteRow>*{flex:1 1 0;min-width:0}:root:is([data-layout=pip],[data-layout=grid]) .revealBody{flex-direction:column;justify-content:center;text-align:center;gap:8px}:root:is([data-layout=pip],[data-layout=grid]) .revealArtWrap{width:min(100cqw / var(--cqk, 1),52cqh / var(--cqk, 1))}:root:is([data-layout=pip],[data-layout=grid]) .revealText2 h2{-webkit-line-clamp:2}:root:is([data-layout=pip],[data-layout=grid]) .revealText2{flex:none;align-items:center}}@container pip (orientation: portrait) and (max-height: 349px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:not([data-out]) .pbRow[data-k="3"],:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (orientation: portrait) and (max-height: 299px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard .pbRow:not(.me){display:none}}@container pip (orientation: portrait) and (max-width: 199px){:root:is([data-layout=pip],[data-layout=grid]) .revealArtWrap{width:min(100cqw / var(--cqk, 1),40cqh / var(--cqk, 1))}}@container pip (orientation: portrait) and (max-height: 383px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard:not([data-out]) .pbRow[data-k="3"],:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-out] .pbRow[data-k="2"]{display:none}}@container pip (orientation: portrait) and (max-height: 353px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}@container pip (orientation: portrait) and (max-height: 323px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard .pbRow:not(.me){display:none}}@container pip (orientation: portrait) and (max-height: 293px){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard{display:none}}@container pip (orientation: portrait) and (max-height: 319px){:root:is([data-layout=pip],[data-layout=grid]) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none}}:root:is([data-layout=pip],[data-layout=grid]) .bootPanel{gap:8px;padding:0}:root:is([data-layout=pip],[data-layout=grid]) .stateCard{gap:6px;padding:12px;border-radius:var(--r-4)}:root:is([data-layout=pip],[data-layout=grid]) .stateIcon{width:30px;height:30px}:root:is([data-layout=pip],[data-layout=grid]) .stateCard h2{margin:2px 0 0;font-size:var(--fs-lead)}:root:is([data-layout=pip],[data-layout=grid]) .stateCard p{font-size:var(--fs-sm);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .stateActions{gap:6px;margin-top:4px}:root:is([data-layout=pip],[data-layout=grid]) .stateActions .btn{min-height:32px;padding:0 12px;font-size:var(--fs-md)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .stateActions{display:none}@container pip (max-height: 159px){:root:is([data-layout=pip],[data-layout=grid]) .stateIcon{display:none}:root:is([data-layout=pip],[data-layout=grid]) .stateCard{gap:4px;padding:8px 12px}:root:is([data-layout=pip],[data-layout=grid]) .stateCard h2{margin:0;font-size:var(--fs-base)}:root:is([data-layout=pip],[data-layout=grid]) .stateActions{margin-top:2px}:root:is([data-layout=pip],[data-layout=grid]) .stateActions .btn{min-height:28px}}@container pip (min-height: 160px) and (max-height: 175px){:root:is([data-layout=pip],[data-layout=grid]) .stateIcon{display:none}:root:is([data-layout=pip],[data-layout=grid]) .stateCard{gap:4px;padding:8px 12px}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 299px){:root:is([data-layout=pip],[data-layout=grid]) .bootPanel{gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .bootMark .brandWord{width:128px!important;height:18px!important}:root:is([data-layout=pip],[data-layout=grid]) .bootLabel{font-size:var(--fs-base)}:root:is([data-layout=pip],[data-layout=grid]) .stateIcon{display:none}:root:is([data-layout=pip],[data-layout=grid]) .stateCard{gap:4px;padding:8px 10px}:root:is([data-layout=pip],[data-layout=grid]) .stateCard h2{margin:0;font-size:var(--fs-base);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .stateCard p{-webkit-line-clamp:2}:root:is([data-layout=pip],[data-layout=grid]) .stateActions{flex-direction:column;flex-wrap:nowrap;align-self:stretch;gap:4px;margin-top:2px}:root:is([data-layout=pip],[data-layout=grid]) .stateActions .btn{width:100%;min-height:30px}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 299px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) :is(.round,.round.solo){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"status" "last" "clip" "side" "votes"}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pipStatus{margin-bottom:4px}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pipStatus span{font-size:var(--fs-xs)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pipBoard{gap:1px;margin-top:4px;padding:3px 4px;border-radius:var(--r-3)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pbRow{min-height:24px;gap:6px;padding:0 4px;font-size:var(--fs-sm)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pbScore{font-size:var(--fs-md)}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .pipBoard .pbRow{display:flex!important}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 211px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard:not([data-out]) .pbRow[data-k="3"],:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard[data-out] .pbRow[data-k="2"]{display:none!important}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 179px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none!important}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 164px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round .pipBoard .pbRow:not(.me){display:none!important}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 299px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round:has(.revealCard) .pipBoard:is([data-me="0"],[data-me="1"]) .pbRow:is([data-k="2"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round:has(.revealCard) .pipBoard[data-me="2"] .pbRow:is([data-k="1"],[data-k="3"]),:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round:has(.revealCard) .pipBoard[data-me="3"] .pbRow:is([data-k="1"],[data-k="2"]){display:none!important}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 299px) and (orientation: portrait){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .revealArtWrap{width:min(100cqw / var(--cqk, 1),max(52cqh / var(--cqk, 1),calc(100cqh / var(--cqk, 1) - 66px)))}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .revealText2 .revealArtist{-webkit-line-clamp:1}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 175px) and (orientation: portrait){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .revealText2 .revealArtist{display:none}:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .revealArtWrap{width:min(100cqw / var(--cqk, 1),max(40px,calc(100cqh / var(--cqk, 1) - 52px)))}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 261px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .voteRow{display:none}}@container pip (max-width: 259px) and (min-height: 150px) and (max-height: 229px){:root:is([data-layout=pip],[data-layout=grid]):not([data-layout=pip][data-pip-live]) .round:has(.revealCard) .pipBoard{display:none}}@container pip (max-width: 219px) and (max-height: 219px){:root[data-layout=pip][data-pip-live] .revealCard{--pip-compact: 1;padding:6px 8px;gap:4px}:root[data-layout=pip][data-pip-live] .revealArtWrap{display:none}:root[data-layout=pip][data-pip-live] .revealBody{gap:0}:root[data-layout=pip][data-pip-live] .revealText2 h2{font-size:var(--fs-base);-webkit-line-clamp:2}:root[data-layout=pip][data-pip-live] .revealText2 .revealArtist{display:-webkit-box;font-size:var(--fs-sm);-webkit-line-clamp:1}:root[data-layout=pip][data-pip-live] .round:has(.revealCard) .pipBoard{margin-top:4px;padding:3px 4px}:root[data-layout=pip][data-pip-live] .round:has(.revealCard) .pbRow{min-height:24px}}:root[data-caps=on][data-layout=focused] :is(.hdrBtn .lbl,.syncLabel,.clipCount,.pillTag,.tpLabel,.seatBtn>span,.voteLabel,.nextHint,.waitLine,.bootLabel,.bootStep,.tile span,.waveHint,.waveStop,.revealYear,.sheetHead h2,.cardHead .muted){text-transform:uppercase;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}:root[data-caps=on][data-layout=focused] .hdrBtn .lbl{font-size:var(--fs-sm);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .syncLabel{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .clipCount{font-size:var(--fs-sm);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .pillTag{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .tpLabel{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .seatBtn>span{font-size:var(--fs-md);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .voteLabel{font-size:var(--fs-sm);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .nextHint{font-size:var(--fs-sm);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .waitLine{font-size:var(--fs-sm);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .bootLabel{font-size:var(--fs-base);letter-spacing:var(--ls-caps)}:root[data-caps=on][data-layout=focused] .bootStep{font-size:var(--fs-xs);letter-spacing:var(--ls-caps)}:root[data-caps=on][data-layout=focused] .tile span{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .waveHint{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .waveStop{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .revealYear{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .sheetHead h2{font-size:var(--fs-lead);letter-spacing:var(--ls-label)}:root[data-caps=on][data-layout=focused] .cardHead .muted{font-size:var(--fs-xs);letter-spacing:var(--ls-label)}.sheet[data-grows]{align-self:start;margin-top:max(0px,calc((100cqh / var(--cqk, 1) - var(--sheetMax)) / 2))}.sheet[data-fixed]{height:var(--sheetMax)}.advBody{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-2) ease-out}.advBody[data-open]{grid-template-rows:1fr}.advBody>.advInner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:18px}.advBody:not([data-open])>.advInner{visibility:hidden;transition:visibility 0s var(--dur-2)}.endConfirm{flex-wrap:nowrap;justify-content:center}.endConfirm .btn{flex:1 1 0;min-width:0}@media(min-width:721px){.lobbyCard .setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:start}.lobbyCard .setup>.field{grid-column:1 / -1}.lobbyCard .setup:has(>.field.setRule)>.field.setAuto{grid-column:auto}.lobbyCard .setup:has(>.field.setRule)>.field.setRule{grid-column:1}}.clipHead{flex-wrap:nowrap;min-width:0}.clipHead>*{flex:none;white-space:nowrap}.clipHead>.stripSpacer{flex:1 1 0;min-width:0}.clipHead>.modeBtn{flex:0 1 auto;min-width:0}.modeBtn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timerPill>*{white-space:nowrap}@container (max-width: 470px){.modeTag.desk{display:none}}@container (max-width: 420px){.tpLabel,.modeRule{display:none}}@container (max-width: 300px){.timerPill>.ic{display:none}}.voteBtn{container-type:inline-size}.voteLabel{white-space:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}@container (max-width: 235px){.voteBtn>.ic{display:none}}@container (max-width: 120px){.voteLabel{letter-spacing:0;font-size:.92em}}.teamBoard{container-type:inline-size}.teamBoard .fhead{min-width:0}.teamBoard .fhead .flabel{flex:none;white-space:nowrap}.teamBoard .fhead .muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardArtist{flex:none;display:flex;flex-direction:column;gap:2px;padding:7px 12px;border-radius:var(--r-3);min-width:0;border:1px dashed var(--hair-2);background:transparent}.boardArtist .flabel{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.boardArtist strong{font-size:var(--fs-lead);line-height:20px;height:20px;font-weight:var(--fw-regular);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardArtist.found{border:1px solid var(--artist);background:color-mix(in srgb,var(--artist) 14%,var(--surface))}.boardArtist.found .flabel{color:var(--artist)}.boardArtist.found strong{font-weight:var(--fw-bold);color:var(--text)}@container pip (min-height: 270px){:root[data-layout=pip][data-pip-live] .histCard .ghRow:not(.slot):not(:has(~.ghRow:not(.slot)~.ghRow:not(.slot))){display:flex}}@container pip (min-height: 300px){:root[data-layout=pip][data-pip-live] .histCard .ghRow:not(.slot):not(:has(~.ghRow:not(.slot)~.ghRow:not(.slot)~.ghRow:not(.slot))){display:flex}}@container pip (min-height: 335px){:root[data-layout=pip][data-pip-live] .histCard .ghRow:not(.slot){display:flex}}@media(max-width:640px)and (max-height:640px){.sheetBack{--sheetPad: 0px;--sheetMax: calc(96 * var(--dvh))}}@media(min-width:560px)and (max-height:720px){.app.inRoom{height:calc(100 * var(--dvh));min-height:0;overflow:hidden}.app.inRoom>main{flex:1 1 auto;min-height:0}.room{min-height:0}.round,.round.solo{flex:1 1 auto;min-height:0;align-items:stretch;grid-template-rows:auto minmax(0,1fr)}.round.solo{grid-template-rows:minmax(0,1fr)}.colGuess{min-height:0;overflow:hidden}.guessTray{display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.guessTray>*{flex:none}.colGuess>.feedCard{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.colGuess>.feedCard .feed{flex:1 1 0;min-height:0;max-height:none}}@media(min-width:721px)and (min-height:521px)and (max-height:720px){:root:not([data-layout=pip],[data-layout=grid]) .round:not(.solo){grid-template-rows:minmax(0,1fr) auto}}.avMarked{position:relative;flex:none;display:inline-grid}.pbRow .avMarked{padding:0 4px 3px 0}.pbRow .avBadge{right:0;bottom:0}.avBadge{position:absolute;right:-3px;bottom:-3px;box-sizing:content-box;padding:1px;border-radius:50%;background:var(--surface)}.avBadge.got{color:var(--accent)}.avBadge.wait{color:var(--caution)}.avBadge.watch{color:var(--text)}.avBadge.blind{color:var(--accent)}.rosterList li{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto max-content auto;column-gap:8px;align-items:center}.rosterList li>.rank{grid-column:1}.rosterList li>.avMarked{grid-column:2}.rosterList li>.who{grid-column:3}.rosterList li>.gain{grid-column:4}.rosterList li>.score{grid-column:5;min-width:0}.rosterList li>.rowActions{display:inline-flex;gap:0;justify-content:flex-end}.rowActions .rosterBtn{width:24px;height:24px;min-width:0;padding:0;display:inline-grid;place-items:center}.rosterList li>.kickConfirm{grid-column:1 / -1}.rosterGuess{flex:1 1 100%;min-width:0;font-size:var(--fs-sm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.rosterGuess.hit{color:var(--accent);font-weight:var(--fw-bold)}.rosterGuess.artist,.rosterGuess.backing{color:var(--artist)}.rosterGuess.skip,.rosterGuess.idle{font-style:italic}.voteBtn.spent{opacity:.38}.voteBtn.spent .voteTally{display:none}.keyList>div{display:grid;grid-template-columns:minmax(7ch,auto) minmax(0,1fr) auto;align-items:center;gap:12px}.keyList .keyChange{margin:0;min-width:64px;display:flex;justify-content:flex-end}.keyList .kcap.taking{color:var(--accent);border-color:var(--accent)}.keyList .fixed{opacity:.7}.keyProblem{color:var(--artist)}@container (max-width: 140px){.voteBtn>.kcap{display:none}}.playBtn .kcap{position:static;translate:none;margin-left:2px}.rosterList li>.rowActions{min-width:0}.rosterList li>.rowActions:not(:has(button)){display:none}.rosterList li>.gain.none{display:none}.rosterList li>.rosterGuess{flex:none;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}@supports selector(::-webkit-scrollbar){:is(.sheetBody,.feed,.guessTray,.suggest){scrollbar-width:auto}:is(.sheetBody,.feed,.guessTray,.suggest)::-webkit-scrollbar{width:8px;height:8px}:is(.sheetBody,.feed,.guessTray,.suggest)::-webkit-scrollbar-track{background:transparent;margin:14px 0}:is(.sheetBody,.feed,.guessTray,.suggest)::-webkit-scrollbar-button{display:none;width:0;height:0}:is(.sheetBody,.feed,.guessTray,.suggest)::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}:is(.sheetBody,.feed,.guessTray,.suggest)::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}}.teamBoard{padding:14px}.teamBoard .fhead{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:10px}.teamBoard .fhead .muted{font-size:var(--fs-sm)}.candidates{--rowH: 62px;--tbRows: 2;gap:6px;flex:none;box-sizing:border-box;height:calc(var(--tbRows) * var(--rowH) + (var(--tbRows) - 1) * 6px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.candidates.teamNone{align-items:center;justify-content:center;border-radius:var(--r-4);background:color-mix(in srgb,var(--surface-2) 55%,transparent);font-size:var(--fs-md)}@supports selector(::-webkit-scrollbar){.candidates{scrollbar-width:auto}.candidates::-webkit-scrollbar{width:8px}.candidates::-webkit-scrollbar-track{background:transparent;margin:8px 0}.candidates::-webkit-scrollbar-button{display:none;width:0;height:0}.candidates::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}}.candidate{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:10px;flex:none;height:var(--rowH);box-sizing:border-box;padding:0 10px 0 12px}.candidate>.candKey{margin:0;padding:0 6px;text-align:center}.candText{display:flex;flex-direction:column;gap:2px;min-width:0}.candText strong{font-size:var(--fs-base);line-height:1.25;font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.candSub{display:flex;min-width:0;font-size:var(--fs-sm);line-height:1.25;color:var(--muted);overflow:hidden;white-space:nowrap}.candSub>.candArtist{flex:0 1 auto;min-width:0}.candSub>.candBy{flex:0 1 auto;min-width:0;max-width:100%;opacity:.85;white-space:pre}.candSub>.candArtist+.candBy{flex:0 3 auto;min-width:min(7ch,45%);max-width:45%}.candVotes{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.candVotes .backers{gap:0;min-height:20px}.candVotes .backer{width:20px;height:20px;font-size:var(--fs-xs);box-shadow:0 0 0 2px var(--surface-2)}.candVotes .backer+.backer{margin-left:-5px}.candVotes .backer.more{background:var(--surface-3);color:var(--text)}.backLine{display:flex;align-items:center;gap:6px;font:700 var(--fs-xs) var(--font);font-variant-numeric:tabular-nums}.backBar{width:34px;height:4px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;font-style:normal}.backBar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width var(--dur-2) ease}.candidate>.backBtn2{min-height:36px;min-width:64px;padding:0 12px;font-size:var(--fs-md)}.pipVol{display:none}:root[data-layout=pip][data-pip-live] .pipVol{display:flex;align-items:center;gap:4px;grid-area:vol;justify-self:end;align-self:end;width:min(150px,100%);margin-top:6px}:root[data-layout=pip][data-pip-live] .pipVolBtn{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;min-height:0;padding:0;border-radius:var(--r-1);background:var(--surface-2);border:1px solid var(--hair-2);color:var(--muted)}:root[data-layout=pip][data-pip-live] .pipVolBtn:hover{color:var(--text);border-color:var(--accent)}:root[data-layout=pip][data-pip-live] .pipVol .slider{flex:1 1 auto;min-width:0;height:24px;padding:0 8px}@container pip (max-width: 399px){:root[data-layout=pip][data-pip-live] .pipVol{position:absolute;top:3px;right:3px;width:auto;margin:0;grid-area:auto;z-index:var(--z-search)}.pipVol .slider,.pipVol .pipVolBtn.mute{display:none!important}}@container pip (max-height: 249px){:root[data-layout=pip][data-pip-live] .pipVol{position:absolute;top:3px;right:3px;width:auto;margin:0;grid-area:auto;z-index:var(--z-search)}.pipVol .slider,.pipVol .pipVolBtn.mute{display:none!important}}.feedAnswerHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.peekBtn{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--r-pill);font:600 var(--fs-sm) var(--font);color:var(--muted);background:transparent;border:1px solid var(--hair-2)}.peekBtn:hover{color:var(--text);border-color:var(--accent)}.peekBtn.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.feedAnswer.hidden strong{color:var(--muted)}.driverMirror{display:block;container:gsearch / inline-size}.dmField{cursor:default;border-color:var(--accent);color:var(--text)}.dmField.empty{border-color:var(--hair-2);color:var(--muted)}.dmField .ic{flex:none;color:var(--muted)}.dmText{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-lg)}.dmWho{flex:0 1 auto;min-width:0;max-width:55%;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-pill);font:700 var(--fs-xs) var(--font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.dmWho .ic{flex:none;color:var(--accent)}.dmWhoName{min-width:0;overflow:hidden;text-overflow:ellipsis}.dmWhoTail{flex:none}@container gsearch (max-width: 300px){.dmWhoTail{display:none}}.dmCount{flex:none;padding:6px 10px;font-size:var(--fs-sm);color:var(--muted);background:var(--surface-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmCaret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.15em;background:var(--accent);animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.dmList{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow:hidden;background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--r-4)}.dmList li{flex:none;display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:var(--r-2);min-width:0}.dmList li strong{font-size:var(--fs-base);font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmList li span{font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmList li.on{background:color-mix(in srgb,var(--accent) 18%,transparent)}.driverTag{flex:none;display:inline-flex;align-items:center;gap:3px;font:700 var(--fs-xs) var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--accent)}@media(min-width:721px){.modeGrid,.sheet .modeGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.modeGrid>*,.sheet .modeGrid>*{grid-column:span 2}.modeGrid>:nth-child(n+4),.sheet .modeGrid>:nth-child(n+4){grid-column:span 3}}@media(max-width:720px){.modeGrid>:last-child:nth-child(odd){grid-column:1 / -1}.modeGrid .modeOpt span{display:none}}:root:is([data-layout=pip],[data-layout=grid]) .driverMirror{display:none}.dmListWrap .dmList{padding-right:14px}.dmTrack{position:absolute;top:8px;bottom:calc(var(--dm-footer, 30px) + 8px);overflow:hidden;right:5px;width:4px;border-radius:var(--r-pill);background:var(--hair)}.dmTrack>i{position:absolute;left:0;right:0;border-radius:var(--r-pill);background:var(--accent);transition:top .08s linear,height .08s linear}.driverMirror{position:relative;z-index:var(--z-mirror)}.dmListWrap{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown);filter:drop-shadow(0 18px 24px rgb(0 0 0 / .55))}.dmListWrap{display:flex;flex-direction:column;max-height:min(340px,55vh);overflow:hidden;background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--r-4)}.dmListWrap .dmList{flex:0 1 auto;min-height:0;max-height:none;border:0;border-radius:0;background:transparent}.dmListWrap .dmCount{padding-right:14px}.rosterList li .rank.medal1{color:var(--medal-1);font-weight:var(--fw-bold);font-size:var(--fs-lead)}.rosterList li .rank.medal2{color:var(--medal-2);font-weight:var(--fw-bold);font-size:var(--fs-lead)}.rosterList li .rank.medal3{color:var(--medal-3);font-weight:var(--fw-bold);font-size:var(--fs-lead)}@supports selector(::-webkit-scrollbar){:is(.gsuggest,.dmList){scrollbar-width:auto}:is(.gsuggest,.dmList)::-webkit-scrollbar{width:8px;height:8px}:is(.gsuggest,.dmList)::-webkit-scrollbar-track{background:transparent;margin:14px 0}:is(.gsuggest,.dmList)::-webkit-scrollbar-button{display:none;width:0;height:0}:is(.gsuggest,.dmList)::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}:is(.gsuggest,.dmList)::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}}@container pip (max-width: 459px){:root[data-layout=pip][data-pip-live] .voteBtn{justify-content:center}:root[data-layout=pip][data-pip-live] .voteBtn .ic{display:inline-block}:root[data-layout=pip][data-pip-live] .voteLabel{display:none}}@container pip (min-width: 300px) and (min-height: 188px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard){grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"status status" "clip clip" "side vol"}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .pipBoard{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-self:stretch;gap:3px 6px;margin-top:6px;padding:4px;max-height:36px}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .pipBoard .pbRow{flex:1 1 30%;min-width:0;min-height:26px}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .pipBoard .pbGain{display:none}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .revealText2 h2{font-size:clamp(14px,min(4.6cqw / var(--cqk, 1),11cqh / var(--cqk, 1)),24px)}:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .revealText2 .revealArtist{font-size:clamp(12px,min(3.4cqw / var(--cqk, 1),8cqh / var(--cqk, 1)),17px)}}@container pip (min-width: 300px) and (min-height: 205px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .pipBoard{max-height:68px}}@container pip (max-height: 179px){:root:is([data-layout=pip],[data-layout=grid]) .round:not(.solo){grid-template-rows:auto auto auto auto minmax(0,1fr);grid-template-areas:"status status" "last last" "clip side" "clip votes" "clip vol"}:root[data-layout=pip][data-pip-live] .voteRow{flex-direction:column}}@container pip (min-width: 300px) and (max-width: 459px) and (min-height: 188px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]) .round:has(.revealCard){grid-template-columns:minmax(0,1fr) 0}:root[data-layout=pip][data-pip-live] .round:has(.revealCard) .pipVol{position:absolute;top:3px;right:3px;width:auto;margin:0;grid-area:auto;z-index:var(--z-search)}:root[data-layout=pip][data-pip-live] .round:has(.revealCard) .pipVol :is(.slider,.pipVolBtn.mute){display:none!important}}@media(min-width:721px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .app{display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .app>main{flex:1 1 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .room>.round{flex:1 1 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round.solo{grid-template-rows:minmax(0,1fr)}:root:not([data-layout=pip],[data-layout=grid]) .colStage>.clipCard{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .clipCard .clipVisual{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .clipCard .clipVisual .visualizer{flex:none;height:clamp(var(--visH),calc(var(--visH) + (100 * var(--dvh) - 760px) / 2),420px)}:root:not([data-layout=pip],[data-layout=grid]) .colGuess{min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .colGuess .histCard{flex:1 1 0;min-height:0;display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .colGuess .histCard .ghist{flex:1 1 0;min-height:0;overflow-y:auto}:root:not([data-layout=pip],[data-layout=grid]) .colGuess .histCard .ghRow{flex:1 0 var(--rowH);max-height:84px}:root:not([data-layout=pip],[data-layout=grid]) .colGuess>.feedCard{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .colGuess>.feedCard .feed{flex:0 1 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .colGuess>.nextCard{flex:none}}@media(min-width:721px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .home{flex:1 1 auto;justify-content:center;max-width:920px}}@media(min-width:721px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .home{padding-bottom:var(--lift)}:root:not([data-layout=pip],[data-layout=grid]) .home .modeCards{gap:18px}:root:not([data-layout=pip],[data-layout=grid]) .home .modeCard{min-height:clamp(220px,calc(40 * var(--dvh)),360px);padding:26px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcIcon{margin-bottom:auto;width:60px;height:60px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcTitle{font-size:var(--fs-hero)}:root:not([data-layout=pip],[data-layout=grid]) .home .mcBody{flex:0 0 auto;font-size:var(--fs-lead)}}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .voteRow{display:none!important}@media(max-width:720px),(max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .round:has(.revealCard) .voteRow{display:none}}@media(min-width:721px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .clipCard:has(.wave.scrub) .steps{display:flex}}@container pip (max-width: 399px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round>.pipStatus,:root[data-layout=pip][data-pip-live] .round>.colGuess>.gsearch{margin-right:36px}:root[data-layout=pip][data-pip-live] .lobby>.pipStatus{margin-right:28px}:root[data-layout=pip][data-pip-live] :is(.round,.lobby)>.pipStatus span{flex:1 1 auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@container pip (max-height: 249px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round>.pipStatus,:root[data-layout=pip][data-pip-live] .round>.colGuess>.gsearch{margin-right:36px}:root[data-layout=pip][data-pip-live] .lobby>.pipStatus{margin-right:28px}:root[data-layout=pip][data-pip-live] :is(.round,.lobby)>.pipStatus span{flex:1 1 auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@container pip (min-width: 300px) and (max-width: 459px) and (min-height: 188px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round:has(.revealCard)>.pipStatus{margin-right:36px}:root[data-layout=pip][data-pip-live] .round:has(.revealCard)>.pipStatus span{flex:1 1 auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}:root:is([data-layout=pip],[data-layout=grid]) .round.solo .voteRow{display:none!important}:root:not([data-layout=pip],[data-layout=grid]) .round.solo .skipBtn{display:none}.ghist{--rowH: 54px}.ghLabel{display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.25}.ghLabel .gtTitle{font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghLabel .gtArtist{font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:15px}.ghRow.miss .ghLabel .gtArtist,.ghRow.skip .ghLabel .gtArtist{opacity:.8}:root:is([data-layout=pip],[data-layout=grid]) .ghLabel .gtArtist{display:none}.candidate>.candKey{display:inline-block}.feedGuesses li{display:flex;align-items:center;min-height:40px}.feedGuesses li .ghLabel{min-width:0;flex:1}.voteBtn[aria-pressed=true]:not(:disabled){border-color:var(--accent);color:var(--accent)}.voteBtn[aria-pressed=true]:not(:disabled) .voteTally{color:var(--accent)}.rosterList li>.rosterGuess{grid-column:3 / span 2}.rosterList li>.rowActions{grid-column:5 / -1;grid-row:2;align-self:center;justify-self:end}.rosterList li>.kickConfirm{grid-row:3}.rosterList li{row-gap:1px;padding-top:5px;padding-bottom:5px}@media(pointer:coarse){:where(button,[role=button],a,label,select,summary,input[type=checkbox],input[type=radio]){touch-action:manipulation}}.ladderSlot{display:grid;min-width:0}.ladderSlot>*{grid-area:1 / 1;min-width:0}.ladderSlot:has(>.winLegend)>.steps{display:flex;visibility:hidden}.ladderSlot>.winLegend{align-self:center;margin:0}:root:not([data-layout=pip],[data-layout=grid]) .ladderSlot>.winLegend{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ladderSlot>.winLegend::-webkit-scrollbar{display:none}.ladderSlot>.winLegend{max-width:100%}.ladderSlot>.winLegend li{flex:none;max-width:100%}.winLegend .wlName{min-width:0;max-width:calc(18ch + .5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voteLabel .vlShort{display:none}@container (max-width: 190px){.voteLabel .vlFull{display:none}.voteLabel .vlShort{display:inline}}@media(min-width:721px),(min-width:560px)and (max-height:520px),(max-width:720px)and (max-height:700px)and (orientation:portrait){:root:not([data-layout=pip],[data-layout=grid]){--rvGap: 16px;--rvTextMin: 220px;--rvArtMax: 440px}:root:not([data-layout=pip],[data-layout=grid]) .revealCard{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;flex:1 1 auto;min-height:auto;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .revealBody{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:var(--rvGap);min-height:0;min-width:0;container:rvbody / size;text-align:left;flex:none}:root:not([data-layout=pip],[data-layout=grid]) .revealArtWrap{grid-area:1 / 1 / 3 / 2;--side: max(0px, min(100cqh / var(--cqk, 1), 100cqw / var(--cqk, 1) - var(--rvGap) - max(var(--rvTextMin), 36cqw / var(--cqk, 1)), var(--rvArtMax)));width:var(--side);height:var(--side);min-width:0;aspect-ratio:auto;flex:none;display:block;container-type:normal}:root:not([data-layout=pip],[data-layout=grid]) .revealArt{width:100%;height:100%}:root:not([data-layout=pip],[data-layout=grid]) .revealText2{grid-area:1 / 2 / 3 / 3;width:auto;max-height:calc(100cqh / var(--cqk, 1));min-width:0;align-items:flex-start;align-self:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .revealFacts{justify-content:flex-start}@container rvbody (orientation: portrait){:root:not([data-layout=pip],[data-layout=grid]) .revealArtWrap{grid-area:1 / 1 / 2 / 3;justify-self:stretch;align-self:stretch;width:auto;height:auto;container-type:size;display:grid;place-items:center}:root:not([data-layout=pip],[data-layout=grid]) .revealArt{width:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1),var(--rvArtMax));height:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1),var(--rvArtMax))}:root:not([data-layout=pip],[data-layout=grid]) .revealText2{grid-area:2 / 1 / 3 / 3;align-items:center;text-align:center}:root:not([data-layout=pip],[data-layout=grid]) .revealFacts{justify-content:center}@container (max-height: 63px){:root:not([data-layout=pip],[data-layout=grid]) .revealArt{visibility:hidden}}}@container rvbody (max-height: 56px){:root:not([data-layout=pip],[data-layout=grid]) .revealArtWrap{display:none}}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 h2{text-wrap:pretty}}@media(max-width:720px)and (orientation:portrait){:root:not([data-layout=pip],[data-layout=grid]){--rvGap: 12px;--rvTextMin: max(150px, 50cqw / var(--cqk, 1))}}@media(max-width:720px)and (max-height:700px)and (orientation:portrait){.revealCard{padding:8px 12px;gap:6px}}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]){--rvGap: 12px;--rvTextMin: 200px}}.roundTabs,.roomStatus{display:none}.soloContext{display:flex;flex-direction:column;gap:12px}.soloState{display:flex;align-items:center;gap:8px;margin:0;font-weight:var(--fw-bold)}.roundFacts{display:grid;gap:10px;margin:0;font-variant-numeric:tabular-nums}.roundFacts>div{display:flex;justify-content:space-between;gap:12px}.roundFacts dt,.soloPool,.soloFeedback{color:var(--muted)}.roundFacts dd{margin:0;font-weight:var(--fw-bold)}.ladderCard{gap:8px}.ladderList{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px 10px;list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}.ladderRung{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:var(--fs-md);color:var(--muted)}.ladderDot{flex:none;align-self:center;width:8px;height:8px;border-radius:50%;border:1px solid var(--hair-2)}.ladderLen{font-weight:var(--fw-bold)}.ladderState{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladderRung.used .ladderDot{background:var(--accent);border-color:transparent}.ladderRung.now{color:var(--accent)}.ladderRung.now .ladderDot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 28%,transparent)}.ladderRung.locked{opacity:.6}.ladderHint{margin:0}@media(max-width:720px)and (orientation:portrait),(max-width:559px){.ladderCard{display:none}}:root:is([data-layout=pip],[data-layout=grid]) .ladderCard{display:none}.soloPool,.soloFeedback{margin:0;font-size:var(--fs-md);line-height:1.5;overflow-wrap:anywhere}:root:is([data-layout=pip],[data-layout=grid]) :is(.soloContext,.roomContext){display:none}@media(min-width:721px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"stage guess side";grid-template-rows:minmax(0,1fr);align-items:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide{max-height:100%;min-height:0;overflow-y:auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard .rosterList:has(.rowActions button) li{grid-template-columns:18px auto minmax(0,1fr) auto max-content}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard .rosterList li>.rowActions{grid-column:3 / -1;grid-row:auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess{min-width:0;contain:size}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard{grid-template-rows:auto minmax(0,1fr) auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealBody{flex-direction:column;align-items:center;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealArtWrap{flex:none;align-self:center}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealArt{width:100%;height:100%}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealText2{flex:none;width:100%;align-items:center;text-align:center}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealFacts{justify-content:center}}@media(min-width:721px)and (max-width:959px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-areas:"stage guess" "side guess";grid-template-rows:max-content minmax(0,1fr)}}@media(max-width:720px)and (orientation:portrait),(max-width:559px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{display:flex;flex-direction:column;align-items:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage{display:flex;flex-direction:column;gap:8px;flex:none;order:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.roundTabs{display:flex;flex:none;gap:4px;order:1;padding:3px;border-radius:var(--r-3);background:var(--surface-2);border:1px solid var(--hair)}.roundTabs>button{flex:1;min-width:0;min-height:44px;border:0;border-radius:var(--r-2);background:transparent;color:var(--muted);font-weight:var(--fw-bold)}.roundTabs>button[aria-selected=true]{background:var(--surface-3);color:var(--accent)}.roundTabs .tabDot{display:inline-block;margin-left:6px;vertical-align:middle;width:8px;height:8px;border-radius:50%;background:var(--accent)}.roomStatus{display:block;margin:0;flex:none;font-size:var(--fs-md);font-weight:var(--fw-bold);color:#b4b4bc;font-variant-numeric:tabular-nums}:root:not([data-layout=pip],[data-layout=grid]) .voteRow .voteBtn:disabled{opacity:1;color:#b4b4bc;background:transparent}:root:not([data-layout=pip],[data-layout=grid]) .voteRow .voteBtn:disabled .ic{opacity:.6}:root:not([data-layout=pip],[data-layout=grid]) .voteRow .voteBtn:disabled .voteTally{color:#b4b4bc}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>:is(.colGuess,.colSide){display:flex;flex-direction:column;flex:1 1 0;min-height:0;order:2;contain:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel=guess]>.colSide,:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel=context]>.colGuess{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide{overflow-y:auto;overscroll-behavior:contain}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide>*{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard{display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersStrip{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .guessTray{order:0;min-height:0}}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide{min-height:0;overflow-y:auto}}@media(max-width:720px)and (orientation:portrait),(max-width:559px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>*{order:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray{order:1}}@media(min-width:721px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage{align-self:start}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide>.roomContext{flex:none}}@container (max-width: 235px){:root:not([data-layout=pip],[data-layout=grid]) .voteBtn>.kcap{display:none}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .histCard{flex:0 1 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .histCard .ghist{flex:0 1 auto;--rowH: 44px;gap:4px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .histCard .ghRow{flex:none;min-height:var(--rowH);max-height:none;padding-inline:10px}@media(max-width:720px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghRow.slot{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghist:not(:has(.ghRow:not(.slot))):after{content:"Nothing guessed yet.";display:flex;align-items:center;min-height:32px;color:var(--muted);font-size:var(--fs-md)}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard{padding:12px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard .rosterList{gap:2px;padding-bottom:0;mask-image:none;-webkit-mask-image:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList li{padding:4px 6px;column-gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList .name{font-size:var(--fs-md)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList .score{font-size:var(--fs-md)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList .avatar{width:24px!important;height:24px!important}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterGuess{font-size:var(--fs-xs)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] :is(.histCard,.teamBoard,.playersCard)[data-density="1"]{padding:10px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] :is(.histCard,.teamBoard,.playersCard)[data-density="2"]{padding:8px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="1"] .ghist{--rowH: 38px;gap:3px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .ghist{gap:2px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density]:not([data-density="0"]) .gtTitle{font-size:var(--fs-sm)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density]:not([data-density="0"]) .gtArtist{font-size:var(--fs-xs);min-height:13px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density]:not([data-density="0"]) .cardHead{margin-bottom:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .rosterList{gap:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .rosterList li{padding:2px 4px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .rosterList :is(.name,.score){font-size:var(--fs-sm)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .rosterGuess{-webkit-line-clamp:1;line-clamp:1}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .teamBoard .candidates{height:auto;min-height:62px;max-height:min(280px,calc(34 * var(--dvh)))}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density]:not([data-density="0"]) .candidates{--rowH: 52px;gap:3px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density]:not([data-density="0"]) .candidate strong{font-size:var(--fs-sm)}@container pip (min-width: 340px) and (min-height: 195px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard{display:flex!important;max-height:100%}:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard .pbRow{display:flex!important;min-height:24px;font-size:var(--fs-sm);gap:5px}:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipBoard .pbScore{font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .voteLabel{display:block!important;font-size:var(--fs-xs);letter-spacing:0}:root[data-layout=pip][data-pip-live] .voteBtn .ic{display:none}}@container pip (min-width: 450px) and (min-height: 245px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round:has(.gsearch){grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"status status" "search search" "last last" "clip side" "votes vol"}:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .pipStatus{display:flex;margin-bottom:4px}:root[data-layout=pip][data-pip-live] .round:has(.gsearch) .gsearch{grid-area:search}}@container pip (min-width: 340px) and (min-height: 195px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round:not(.solo):not(:has(.revealCard)){grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"status status" "clip side" "votes votes"}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round .voteRow{flex-direction:row;gap:16px;padding-top:4px}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round .voteBtn{flex:1;gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .pipClue b{font-size:clamp(28px,14cqh / var(--cqk, 1),52px)}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .ghist{--rowH: 26px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .ghLabel{flex-direction:row;align-items:center;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .gtTitle{flex:1 1 auto;min-width:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] [data-density="2"] .gtArtist{flex:0 1 42%;min-width:0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard[data-density="2"] .rosterList li>:is(.rank,.avMarked){grid-row:1 / span 2}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard[data-density="2"] .rosterList li>.who{grid-row:1}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard[data-density="2"] .rosterList li>.rosterGuess{grid-column:3 / -1;grid-row:2}@container pip (min-width: 340px) and (max-width: 430px) and (min-height: 195px) and (max-height: 240px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round:has(.ghRow:not(.slot)) .pipBoard:not([data-me="2"]) .pbRow[data-k="2"]:not(.me),:root[data-layout=pip][data-pip-live] .round:has(.ghRow:not(.slot)) .pipBoard[data-me="2"] .pbRow[data-k="1"]:not(.me){display:none!important}}@media(min-width:721px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide{contain:size}}@media(min-width:721px)and (max-width:959px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipCard .clipVisual .visualizer{height:clamp(48px,calc(12 * var(--dvh)),120px)}}@media(max-width:720px)and (max-height:760px)and (orientation:portrait){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipCard{padding:9px;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipVisual{padding:6px;gap:3px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipVisual .visualizer{height:16px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipVisual .waveTime{min-height:24px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playBtn{min-height:50px}.roomStatus{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]:not(:has(.revealCard)) .clipVisual .frequencyFrame{aspect-ratio:auto;height:clamp(44px,calc(8.5 * var(--dvhs, var(--dvh))),62px)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .candidate>.backBtn2{min-height:44px}}@container pip (min-width: 450px) and (min-height: 245px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round.solo:has(.gsearch){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"status" "search" "last" "clip" "vol"}}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .driverMirror{display:none!important}:root[data-layout=pip][data-pip-live] .driverMirror{display:block;grid-area:status;margin-bottom:6px}:root[data-layout=pip][data-pip-live] .driverMirror .dmText{font-size:var(--fs-base)}:root[data-layout=pip][data-pip-live] .round:has(.driverMirror) .pipStatus{display:none}.pipLastGuess{display:none}@container pip (min-width: 280px) and (min-height: 145px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .pipLastGuess{display:flex;grid-area:last;align-items:center;gap:6px;min-width:0;height:22px;margin-bottom:4px;padding:0 28px 0 6px;border-radius:var(--r-xs);background:var(--surface);font-size:var(--fs-xs);overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .pipLastLabel{flex:none;color:var(--muted);font-size:var(--fs-2xs)}:root:is([data-layout=pip],[data-layout=grid]) .pipLastGuess .ghLabel{flex:1;min-width:0;display:flex;flex-direction:row;gap:5px;align-items:center}:root:is([data-layout=pip],[data-layout=grid]) .pipLastGuess .gtTitle{flex:1;min-width:0;font-size:var(--fs-xs)}:root:is([data-layout=pip],[data-layout=grid]) .pipLastGuess .gtArtist{flex:0 1 40%;min-width:0;min-height:0;font-size:var(--fs-2xs)}:root:is([data-layout=pip],[data-layout=grid]) .pipLastGuess em{flex:none;font-size:var(--fs-2xs);font-style:normal;color:var(--muted)}:root:is([data-layout=pip],[data-layout=grid]) .pipLastGuess.hit em{color:var(--accent)}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .histCard{display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:not(:has(.revealCard)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"status status" "last last" "clip side" "votes votes";gap:0 6px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel].solo:not(:has(.revealCard)){grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "last" "clip" "votes"}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:has(.gsearch) .pipStatus{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .gsearch{grid-area:status;margin-bottom:4px;padding-right:28px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .driverMirror{padding-right:28px;margin-bottom:4px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .gfield{height:32px;min-height:32px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .skipBtn{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .clipCard{padding:6px;gap:4px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .playBtn{min-height:30px;padding:0 10px;font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .voteRow:not(.ghost){display:flex!important;flex-direction:row;margin-top:4px;gap:6px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .voteBtn{min-height:28px;font-size:var(--fs-xs);justify-content:center}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .voteLabel{display:block!important;font-size:var(--fs-xs);letter-spacing:0}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .voteBtn .ic{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipVol{position:absolute;top:3px;right:3px;width:auto;margin:0;grid-area:auto;z-index:var(--z-search)}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipVol :is(.slider,.mute){display:none!important}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"status" "last" "clip" "replay"}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard) .pipStatus{padding-right:28px;margin-bottom:4px}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard) .pipStatus span{display:none}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard) .pipBoard{display:none!important}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealCard{width:100%;padding:6px;gap:4px}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealBody{flex-direction:row;gap:8px}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealArtWrap{width:min(100cqh / var(--cqk, 1),25cqw / var(--cqk, 1))}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealText2 h2{font-size:clamp(13px,4cqw / var(--cqk, 1),22px)}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealArtist{font-size:clamp(11px,3cqw / var(--cqk, 1),16px)}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .revealNext .btn{min-height:28px;font-size:var(--fs-sm);padding:0 8px;white-space:nowrap}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:has(.revealCard) .clipCard{display:contents}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:has(.revealCard) .clipCard>:not(.playBtn){display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:has(.revealCard) .playBtn{grid-area:replay;margin-top:4px}}@container pip (min-width: 280px) and (min-height: 145px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round.pipRound[data-panel]:not(:has(.revealCard)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"status status" "last last" "clip side" "votes votes"}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round.pipRound[data-panel].solo:not(:has(.revealCard)){grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "last" "clip" "votes"}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round.pipRound[data-panel] .voteRow{flex-direction:row;gap:4px}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round.pipRound[data-panel] .voteBtn{flex:1;min-width:0}}@container pip (min-width: 280px) and (min-height: 145px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel]:not(:has(.revealCard)) .pipBoard{display:flex!important;padding:4px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard .pbRow{min-height:22px;font-size:var(--fs-xs);gap:4px}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard .pbScore{font-size:var(--fs-xs)}}@container pip (min-width: 280px) and (min-height: 145px) and (max-height: 240px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard .pbRow{display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard .pbRow.me,:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard .pbRow[data-k="0"],:root[data-layout=pip][data-pip-live] .round.pipRound[data-panel] .pipBoard[data-me="0"] .pbRow[data-k="1"]{display:flex!important}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard) .pipLastGuess{height:20px;margin-bottom:2px}:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel]:has(.revealCard) .pipStatus{margin-bottom:2px}}@container pip (min-width: 280px) and (min-height: 145px) and (max-height: 240px) and (orientation: landscape){:root:is([data-layout=pip],[data-layout=grid]) .round.pipRound[data-panel] .revealCard{padding:4px}}.pipActionLabel{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--pip-search) var(--pip-action) var(--pip-last) minmax(0,1fr);grid-template-areas:"search search search" "play more skip" "last last last" "workspace workspace workspace";gap:4px;overflow:hidden}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) :is(.clipCard,.voteRow:not(.ghost),.gsearch){display:contents!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .clipCard>:not(.playBtn){display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .playBtn{grid-area:play;min-width:0;height:var(--pip-action);min-height:var(--pip-action);padding:0 5px;margin:0;font-size:var(--fs-sm);gap:4px;border-radius:var(--r-1)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteBtn{min-width:0;height:var(--pip-action);min-height:var(--pip-action);margin:0;padding:0 5px;font-size:var(--fs-xs);gap:4px;justify-content:center;border-radius:var(--r-1)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteBtn:first-child{grid-area:more}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteBtn:nth-child(2){grid-area:skip}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteLabel{display:block!important;font-size:var(--fs-xs);white-space:normal}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .regularActionLabel{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipActionLabel{display:inline}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .pipBoard{display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gRow{grid-area:search;min-width:0;margin:0;padding-right:28px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gfield{height:var(--pip-search);min-height:var(--pip-search);border-radius:var(--r-1)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gfield input{font-size:var(--fs-md);min-width:0}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .skipBtn{display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastGuess{display:flex;grid-area:last;height:var(--pip-last);min-height:0;margin:0;padding:0 5px;align-items:center;gap:5px;border-radius:var(--r-xs);background:var(--surface);overflow:hidden;font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastGuess .ghLabel{flex:1;min-width:0;flex-direction:row;gap:4px;align-items:center}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastGuess :is(.gtTitle,.gtArtist){min-height:0;font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastGuess .gtArtist{flex:0 1 40%}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastLabel{flex:none;font-size:var(--fs-2xs);color:var(--muted)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipLastGuess em{flex:none;font-size:var(--fs-2xs);font-style:normal}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .histCard{display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .pipStatus{display:flex;grid-area:workspace;align-self:start;flex-direction:column;align-items:flex-start;margin:0;padding:3px 5px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gsuggest{grid-area:workspace;position:static!important;inset:auto!important;transform:none!important;min-height:0;max-height:100%!important;width:100%;margin:0;padding:2px;border-radius:var(--r-1);overflow-y:auto;align-self:stretch;z-index:var(--z-sticky)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gsuggest li{padding:4px 6px;min-height:30px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gsuggest li strong{font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gsuggest .gsMeta{font-size:var(--fs-2xs)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.gsuggest) :is(.pipStatus,.teamBoard){display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .driverMirror{grid-area:search;margin:0;padding:0 28px 0 0;min-width:0}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(:has(.revealCard)) .teamBoard{display:flex!important;flex-direction:column;grid-area:workspace;min-height:0;padding:0;overflow:hidden}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.teamBoard):not(:has(.revealCard)) .pipStatus{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .teamBoard .fhead{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .teamBoard .candidates{flex:1;min-height:0;height:auto;max-height:100%;overflow-y:auto;--rowH: 32px;gap:2px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .candidate{padding:3px 5px;min-height:32px;gap:4px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .candidate :is(.candKey,.backers,.candBy){display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .candidate strong{font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .backBtn2{min-height:28px;padding:0 6px;font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipVol{position:absolute;top:0;right:0;grid-area:auto;margin:0;width:auto;z-index:var(--z-search)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipVol :is(.mute,.slider){display:none!important}@container pip (max-width: 279px){:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteTally{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .playBtn :is(.playEq,.playSub){display:none}}:root[data-layout=pip][data-pip-live] .pipController .gsuggest li:not(.gcount){display:flex;align-items:center;gap:6px;height:26px;min-height:26px;padding:2px 6px}:root[data-layout=pip][data-pip-live] .pipController .gsTop{flex:1;min-width:0}:root[data-layout=pip][data-pip-live] .pipController .gsMeta{flex:0 1 40%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-layout=pip][data-pip-live] .pipController .gsYear{display:none}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.revealCard){grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--pip-last) minmax(0,1fr) var(--pip-replay);grid-template-areas:"status" "last" "clip" "replay";gap:4px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.revealCard) .clipCard{display:contents!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.revealCard) .clipCard>:not(.playBtn){display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.revealCard) .playBtn{display:flex;grid-area:replay;height:var(--pip-replay);min-height:var(--pip-replay);margin:0;padding:0 8px;font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]{--pip-replay: clamp(34px, 18cqh, 56px);--pip-search: clamp(34px, 17cqh, 46px);--pip-action: clamp(44px, 25cqh, 84px);--pip-last: clamp(22px, 12cqh, 32px)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] :is(.playLabel,.playSub,.voteLabel){display:none!important}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] :is(.playBtn,.voteBtn){position:relative}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .playIcon{display:flex!important;align-items:center;justify-content:center;width:auto}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] :is(.voteBtn>.ic,.playIcon>.ic,.playEq){display:block!important;width:clamp(26px,15cqh,44px);height:clamp(26px,15cqh,44px)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .voteTally{position:absolute;left:4px;bottom:3px;font-size:var(--fs-2xs)}@media(hover:hover)and (pointer:fine){:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] :is(.playBtn,.voteBtn,.revealNext .btn)>.kcap{display:inline-block!important;position:absolute;right:4px;bottom:3px;top:auto;translate:none;margin:0;min-width:14px;padding:0 3px;font-size:9px;line-height:13px}}@container pip (min-height: 180px) and (min-width: 360px){:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(.team):not(:has(.revealCard,.gsuggest)) .clipCard>.clipVisual{display:flex!important;grid-area:workspace;height:100%;min-height:0;overflow:hidden}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:not(.team):not(:has(.revealCard,.gsuggest)) .pipStatus{display:none}}.pipButtonIcon{display:none}:root[data-layout=pip][data-pip-live] .pipController .pipButtonIcon{display:block;width:26px;height:26px}:root[data-layout=pip][data-pip-live] .pipController .pipButtonText{display:none}:root[data-layout=pip][data-pip-live] .pipController .revealNext .btn{position:relative}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]:has(.revealCard) :is(.playIcon>.ic,.playEq){width:26px;height:26px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipClue{color:var(--accent)}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .pipClue span{display:block;font-size:var(--fs-2xs);color:var(--muted)}.round .clipVisual .frequencyFrame{display:grid;place-items:stretch;width:100%;height:auto;aspect-ratio:8 / 3;flex:none!important;min-width:0;min-height:0}.round .clipVisual .frequencyFrame .visualizer{flex:none!important;width:100%;height:100%!important;min-height:0;max-width:100%;margin:0}.round .clipVisual .wave{flex:none;width:100%;height:auto!important;aspect-ratio:8 / 1}.app .topbar .brand{display:flex!important;visibility:visible!important;flex:none}.app .topbar .brand .brandWord{display:block!important;width:clamp(100px,18vw,228px)!important;height:auto!important;aspect-ratio:1175 / 165}.app .topbar .brand .brandMark{display:none!important}.app .topbar .roomStrip{display:flex!important}.app .topbar .roomStrip>.seatBtn{display:inline-flex!important;width:auto;min-width:32px;padding:0 8px}@media(max-width:1000px){.app .topbar{gap:6px}.app .topbar .tbLeft,.app .topbar .tbRight{gap:4px}.app .topbar .hdrBtn{width:30px;padding:0;justify-content:center}.app .topbar .hdrBtn .lbl,.app .topbar .roomStrip>:not(.seatBtn),.app .topbar .seatBtn>span{display:none}}.volumeSlot{flex:none;width:40px;padding:0;visibility:hidden}.volumeDock{position:fixed;z-index:var(--z-dock)}body:has(.sheetBack) .volumeDock{visibility:hidden;pointer-events:none}.volumeDock .volumeButton{display:inline-flex!important;width:100%;height:100%;padding:0;justify-content:center}.volumePopover{position:fixed;top:max(48px,calc(var(--sait, 0px) + 40px));right:max(8px,var(--sair, 0px));z-index:var(--z-popover);width:min(240px,calc(100vw / var(--zoom, 1) - 16px));padding:10px;border:1px solid var(--hair-2);border-radius:var(--r-3);background:var(--surface);box-shadow:0 8px 28px #0009}.volumeHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-sm)}.volumeMute{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--hair-2);border-radius:var(--r-1);background:var(--surface-2);color:var(--text)}.volumePopover .slider{height:28px;width:100%;margin-top:6px}:root:is([data-layout=pip],[data-layout=grid]) .app>.topbar{display:flex!important;flex:none;height:24px;min-height:24px;padding:0;margin-bottom:4px;gap:4px}:root:is([data-layout=pip],[data-layout=grid]) .app .topbar .brand .brandWord{width:88px!important}:root:is([data-layout=pip],[data-layout=grid]) .topbar .tbLeft>:not(.brand),:root:is([data-layout=pip],[data-layout=grid]) .topbar .tbRight>:not(.volumeSlot,.pipVol),:root:is([data-layout=pip],[data-layout=grid]) .topbar .roomStrip>:not(.seatBtn),:root:is([data-layout=pip],[data-layout=grid]) .topbar .seatBtn>span{display:none!important}:root:is([data-layout=pip],[data-layout=grid]) .topbar .tbRoom{display:flex}:root:is([data-layout=pip],[data-layout=grid]) .topbar .roomStrip>.seatBtn{height:24px;min-height:24px;min-width:24px;width:24px;padding:0;border-radius:var(--r-1)}:root:is([data-layout=pip],[data-layout=grid]) .volumeSlot{width:24px;height:24px}:root:is([data-layout=pip],[data-layout=grid]) .volumeDock .volumeButton{height:24px;width:24px;border-radius:var(--r-1)}:root:is([data-layout=pip],[data-layout=grid]) .volumePopover{top:max(36px,calc(var(--sait, 0px) + 32px))}:root[data-layout=pip][data-pip-live] .topbar .pipVol{display:flex;position:static!important;grid-area:auto;margin:0;width:auto}:root[data-layout=pip][data-pip-live] .topbar .pipVolBtn{width:24px;height:24px}:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel] .gRow{padding-right:0}@container pip (max-height: 200px){:root[data-layout=pip][data-pip-live] .round.pipRound.pipController[data-panel]{--pip-search: 30px;--pip-action: 36px;--pip-last: 20px;--pip-replay: 30px;gap:3px}}.backgroundVisualizer{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100vw / var(--zoom, 1));height:calc(100 * var(--dvh));pointer-events:none;z-index:var(--z-base);opacity:1}.app{position:relative;z-index:var(--z-raised)}:root:not([data-layout=pip],[data-layout=grid]) .topbar .roomStrip>.roomSettingsButton{display:inline-flex!important;flex:none;width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--r-3)}.roomSettingsButton .lbl{display:none}.hdrConn{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:24px;padding:0 4px;color:var(--muted);font-size:var(--fs-sm);white-space:nowrap;border-radius:var(--r-1)}.hdrConn .syncLabel{font-size:var(--fs-sm)!important;font-weight:var(--fw-regular);letter-spacing:0!important;text-transform:none!important}.hdrConn .syncDot{width:9px;height:9px}.hdrConn.on .syncDot{background:var(--ok)}.hdrConn.off{color:var(--text)}.hdrConn.off .syncDot{background:var(--caution);animation:syncPulse 1.4s var(--ease-in-out) infinite}@container topbar (max-width: 1000px){.hdrConn.on .syncLabel{display:none}}@container topbar (max-width: 1000px){.hdrConn.off .syncLabel{font-size:var(--fs-xs)!important}:root:not([data-layout=pip],[data-layout=grid]) .topbar:has(.hdrConn.off) .brand .brandWord{display:none!important}:root:not([data-layout=pip],[data-layout=grid]) .topbar:has(.hdrConn.off) .brand .brandMark{display:block}.hdrConn.off{min-width:0;flex:0 1 auto}.hdrConn.off .syncLabel{overflow:hidden;text-overflow:ellipsis}}:root:is([data-layout=pip],[data-layout=grid]) .hdrConn{display:none}@container topbar (min-width: 1001px){:root:not([data-layout=pip],[data-layout=grid]) .topbar .roomStrip>.roomSettingsButton{width:auto;padding:0 12px;gap:7px;font-size:var(--fs-base);font-weight:var(--fw-regular)}.roomSettingsButton .lbl{display:inline}}@container topbar (max-width: 1000px){:root:not([data-layout=pip],[data-layout=grid]) .topbar .roomStrip>.roomSettingsButton{width:30px;height:40px}}.roomSettingsButton>.lbl:before{content:none!important}@media(hover:hover)and (pointer:fine){:root:not([data-layout=pip],[data-layout=grid]) .voteBtn>.kcap{display:inline-block!important;flex:none;min-width:18px;margin:0;padding:0 4px;font-size:var(--fs-xs)}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard{flex:1 1 0;min-height:0;max-height:min(100%,680px)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealBody{container:answerbody / size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:visible}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealArtWrap{grid-area:1 / 1;container:coverarea / size;display:grid;place-items:center;width:100%;height:100%;min-height:0;aspect-ratio:auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealArt{width:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1),280px);height:min(100cqw / var(--cqk, 1),100cqh / var(--cqk, 1),280px);visibility:visible}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealText2{grid-area:2 / 1;max-height:none;overflow:visible}@container answerbody (min-width: 460px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealBody>.revealArtWrap{grid-area:1 / 1 / 3 / 2;width:44%;justify-self:start}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealText2{grid-area:1 / 1 / 3 / 2;width:52%;justify-self:end;text-align:left;align-items:flex-start}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard .revealFacts{justify-content:flex-start}}@media(max-width:720px)and (orientation:portrait){:root:is([data-vt="2"],[data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghist .ghRow.slot:nth-child(-n+2){display:flex}:root:is([data-vt="2"],[data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghist:not(:has(.ghRow:not(.slot))):after{content:none}}@media(max-width:720px)and (orientation:portrait){:root:is([data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghist .ghRow.slot:nth-child(-n+4){display:flex}:root:is([data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray>.histCard{display:flex;flex-direction:column}:root:is([data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray>.histCard .ghist{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}:root:is([data-vt="4"],[data-vt="7"]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray>.histCard .ghRow{flex:1 0 var(--rowH);max-height:44px}}@media(max-width:720px)and (orientation:portrait){:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .ghist .ghRow.slot:nth-child(-n+7){display:flex}}@media(max-width:720px)and (orientation:portrait),(max-width:559px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray>.histCard:last-child{flex:1 1 0}:root:not([data-layout=pip],[data-layout=grid]) .gsuggest li:not(.gcount){padding:5px 12px}:root:not([data-layout=pip],[data-layout=grid]) .gsuggest li.gcount{padding:3px 12px}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipVisual .waveTime.axis{display:flex}.visualizerSelect{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--hair-2);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font:inherit;color-scheme:dark}.dmList li.dmSpacer{flex:0 0 64px;padding:0;visibility:hidden}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby{flex:1 1 auto;min-height:0;max-height:100%;grid-template-rows:minmax(0,1fr)}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby>.lobbyCard{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby>.lobbyCard :is(.modeOpt){padding:6px 10px;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby>.lobbyCard .modeGrid{gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby>.lobbyCard{gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby>.lobbyCard .lobbyActions{padding-top:6px;padding-bottom:6px}}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(272px,1fr) minmax(0,auto);grid-template-areas:"stage guess" "side guess"}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage{height:auto;max-height:100%;min-height:0;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage>.clipCard{flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipCard>.clipVisual{container:audiofit / size;flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .clipVisual :is(.frequencyFrame,.wave){width:min(100%,max(0px,calc((100cqh / var(--cqk, 1) - 40px) * 2)));align-self:center}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .driverMirror{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .driverMirror>.gRow{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .driverMirror .dmListWrap{position:static;flex:0 1 auto;min-height:0;max-height:min(340px,calc(35 * var(--dvh)));margin-top:8px;filter:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .driverMirror .dmCount{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard[data-density]:not([data-density="0"]) .rosterList:has(.rowActions button) li{grid-template-columns:18px auto minmax(0,1fr) auto max-content}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .playersCard[data-density]:not([data-density="0"]) .rosterList li>.rowActions{grid-column:3 / -1;grid-row:3}.rosterList .who>.driverTag{max-width:100%;overflow:hidden}@media(max-width:720px)and (orientation:portrait),(max-width:559px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]:has(.dmListWrap) .driverMirror{flex:0 1 auto;min-height:132px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]:has(.dmListWrap) .clipCard{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]:has(.dmListWrap) .clipVisual{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]:has(.dmListWrap) .clipVisual :is(.frequencyFrame,.wave){width:min(100%,calc(32 * var(--dvh)));align-self:center}}:root:is([data-layout=pip],[data-layout=grid]):not([data-pip-live]) .round .clipVisual .frequencyFrame{width:min(100%,max(0px,calc(100cqh / var(--cqk, 1) * 8 / 3)));align-self:center}.adminGames{display:flex;flex-direction:column;gap:14px}.adminGamesHead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.adminGamesHead :is(h2,h3){margin:0}.adminGame{display:flex;flex-direction:column;gap:12px;min-width:0}.adminGame p{margin:0;overflow-wrap:anywhere}.adminGamePlayers{list-style:none;margin:0;padding:0;display:grid;gap:8px}.adminGamePlayers li{display:flex;justify-content:space-between;gap:14px;padding:8px 10px;background:var(--surface-2);border-radius:var(--r-2)}.adminGamePlayers li>span{min-width:0;overflow-wrap:anywhere}.adminGamePlayers small{display:block;color:var(--muted)}.adminHostTransfer{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.adminHostTransfer label{display:grid;gap:6px;flex:1 1 180px;min-width:0}.adminHostTransfer select{width:100%;min-width:0}.dmMeta{display:flex;gap:8px;align-items:center;min-width:0}.dmMeta>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmMeta .gsYear{flex:none}.dmResultsToggle{display:none}.volumePopover{max-height:calc(100dvh / var(--zoom, 1) - 64px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:720px),(max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .revealText2 .revealFacts{flex-wrap:nowrap;gap:6px 8px;margin-top:2px}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 .revealAlbum{flex:0 1 auto;-webkit-line-clamp:1;overflow-wrap:normal;text-overflow:ellipsis}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 .revealYear{padding:2px 9px}}@media(max-width:720px)and (max-height:760px),(max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .revealText2{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:10px;row-gap:2px}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 h2{flex:0 0 100%;line-height:1.2}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 .revealArtist{flex:0 1 auto;min-width:0}:root:not([data-layout=pip],[data-layout=grid]) .revealText2 .revealFacts{flex:0 1 auto;min-width:0;margin:0;align-self:center}}@media(max-width:720px)and (max-height:760px)and (orientation:portrait){:root:not([data-layout=pip],[data-layout=grid]) .revealText2 h2{text-align:center}}@media(min-width:721px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList:has(.rowActions button) li{grid-template-columns:18px auto minmax(0,1fr) auto max-content max-content}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList li>.rowActions{grid-column:5;grid-row:1}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList li>.score{grid-column:6;grid-row:1}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList li>.rosterGuess{grid-row:2}}@media(min-width:960px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{align-items:stretch;align-content:start;max-height:none;flex:0 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage{align-self:stretch;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage>.clipCard{flex:1 0 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage>.clipCard>.clipVisual{flex:1 0 auto;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colStage>.clipCard>.clipVisual .frequencyFrame{aspect-ratio:auto;flex:1 1 0!important;min-height:96px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard .ghist{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .teamBoard~.histCard{min-height:116px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.feedCard{flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.feedCard .feed{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess:has(.histCard)>.feedCard{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess:has(.histCard)>.feedCard .feed{flex:0 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard{flex:1 1 0;min-height:0;max-height:100%}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard .ghRow{flex:1 0 var(--rowH);max-height:84px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide>.playersCard{flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide:not(:has(.playersCard))>.soloContext:last-of-type{flex:1 1 0;min-height:0}}@media(min-width:721px)and (max-width:959px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]{align-items:stretch;align-content:start;max-height:none;flex:0 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide{display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide>.playersCard{flex:1 1 0;min-height:132px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide:not(:has(.playersCard))>.soloContext:last-of-type{flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard .ghist{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .histCard .ghRow{flex:1 0 var(--rowH);max-height:84px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess .teamBoard~.histCard{min-height:116px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.feedCard{flex:1 1 0;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.feedCard .feed{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess:has(.histCard)>.feedCard{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess:has(.histCard)>.feedCard .feed{flex:0 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.revealCard{flex:1 1 0;min-height:0;max-height:100%}}@media(min-width:721px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) :is(.round[data-panel],.room>.lobby){margin-block:auto}:root:not([data-layout=pip],[data-layout=grid]) .app:has(:is(.round[data-panel],.room>.lobby)){padding-bottom:max(var(--saib),20px)}:root:not([data-layout=pip],[data-layout=grid]) .app:has(>.round[data-panel]):after{content:"";display:block;flex:1 1 0;min-height:0;max-height:var(--lift)}:root:not([data-layout=pip],[data-layout=grid]) .room:has(>:is(.round[data-panel],.lobby)):after{content:"";display:block;flex:1 1 0;min-height:0;max-height:var(--lift);margin-top:-12px}}.outputDevicePicker{display:grid;gap:6px;min-width:0;margin-top:8px}.outputDevicePicker .outputRow{display:flex;align-items:center;gap:4px;min-width:0}.outputDevicePicker .outputSelect{flex:1 1 auto;min-width:0;max-width:100%;padding:6px 8px;background:var(--surface-2);color:inherit;border:1px solid var(--hair-2);border-radius:var(--r-1);font:inherit;font-size:var(--fs-md);text-overflow:ellipsis}.outputDevicePicker .outputAllow{justify-self:start}.outputDevicePicker .outputNote{font-size:var(--fs-xs);line-height:1.35;color:var(--muted);overflow-wrap:anywhere}@media(pointer:coarse){.outputDevicePicker .outputRefresh{width:44px;height:44px}.outputDevicePicker .outputAllow{min-height:44px}}.hdrBtn.exit{color:var(--danger-ink);border-color:color-mix(in srgb,var(--danger) 70%,var(--hair-2));background:color-mix(in srgb,var(--danger) 10%,var(--surface-2));margin-left:0}.hdrBtn.exit:hover:not(:disabled),.hdrBtn.exit:focus-visible{border-color:var(--danger);color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 22%,var(--surface-2))}@media(max-width:720px)and (orientation:portrait),(max-width:559px),(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard{padding:10px 12px;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual{padding:6px 8px;gap:3px;--waveH: 34px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual .frequencyFrame{aspect-ratio:auto;height:clamp(34px,calc(5.6 * var(--dvhs, var(--dvh))),56px)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual .waveTime{min-height:20px;margin:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .steps{display:flex}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1 1 0;min-height:0;max-height:none;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard>:is(.revealHead,.revealNext){flex:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard .revealBody{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;flex:1 1 0;min-height:0;min-width:0;container:rvbody / size;text-align:left;overflow:visible}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard .revealArtWrap{--side: max(0px, min(100cqh / var(--cqk, 1), 48cqw / var(--cqk, 1), 190px));flex:none;width:var(--side);height:var(--side);min-width:0;min-height:0;aspect-ratio:auto;display:block;container-type:normal}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard .revealArt{width:100%;height:100%;visibility:visible}@container rvbody (max-height: 63px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard .revealArtWrap{display:none}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.revealCard .revealText2{flex:1 1 0;min-width:0;max-height:calc(100cqh / var(--cqk, 1));width:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;text-align:left;row-gap:2px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2 h2{flex:none;width:100%;text-align:left;overflow-wrap:anywhere;line-height:1.2;font-size:var(--fs-lead);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2 .revealArtist{flex:none;max-width:100%;overflow-wrap:anywhere;font-size:var(--fs-md);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2 .revealFacts{flex:none;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;align-self:stretch;max-width:100%;margin:4px 0 0;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2 .revealAlbum{flex:none;max-width:100%;overflow-wrap:anywhere;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}@media(max-width:720px)and (max-height:700px)and (orientation:portrait){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard{padding:8px 12px;gap:4px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual{--waveH: 28px;padding:4px 8px;gap:2px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual .frequencyFrame{height:clamp(20px,calc(3.4 * var(--dvhs, var(--dvh))),26px)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .playBtn{min-height:48px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .revealText2 :is(.revealArtist,.revealAlbum){-webkit-line-clamp:1;line-clamp:1}}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]){--rvArtMax: 190px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colStage>.clipCard{flex:none;min-height:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]{grid-template-rows:max-content minmax(0,1fr)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colStage{max-height:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard>.clipVisual{flex:none;container-type:normal;height:auto}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .clipVisual{--waveH: 36px;padding:6px 8px;gap:3px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .clipVisual :is(.frequencyFrame,.wave){width:100%;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .clipVisual .frequencyFrame{aspect-ratio:auto;height:clamp(40px,calc(14 * var(--dvh)),72px)}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .clipVisual .waveTime{min-height:20px;margin:0}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .steps{display:flex}}@media(pointer:coarse){:root:not([data-layout=pip],[data-layout=grid]) :is(.btn,.iconBtn,.hdrBtn,.infoBtn,.swatch,.rosterBtn,.modeOpt,.seatBtn,.gclear,.peekBtn,.modeTag.modeBtn,.playersStrip,.voteBtn,.advToggle,.skipBtn,.slider,.playBtn,.seg button,.playlistList button,.backBtn2,.roundTabs>button,.soundPrompt,.gfield,.gsuggest li[role=option],.chipBtn){position:relative;z-index:1}:root:not([data-layout=pip],[data-layout=grid]) :is(.btn,.iconBtn,.hdrBtn,.infoBtn,.swatch,.rosterBtn,.modeOpt,.seatBtn,.gclear,.peekBtn,.modeTag.modeBtn,.playersStrip,.voteBtn,.advToggle,.skipBtn,.slider,.playBtn,.seg button,.playlistList button,.backBtn2,.roundTabs>button,.soundPrompt,.gfield,.gsuggest li[role=option],.chipBtn):after{content:"";position:absolute;pointer-events:auto;background:transparent;inset:min(0px,calc((var(--hit) - 100%) / -2))}:root:not([data-layout=pip],[data-layout=grid]) .playBtn:after{z-index:1}:root:not([data-layout=pip],[data-layout=grid]) :is(.modeOpt,.seg,.slider){position:relative;z-index:1}:root:not([data-layout=pip],[data-layout=grid]) .gfield input{position:relative;z-index:2}:root:not([data-layout=pip],[data-layout=grid]) .gfield .gclear.gclear{z-index:3}:root:not([data-layout=pip],[data-layout=grid]) .roomStrip>.chipBtn.summary{overflow:visible}:root:not([data-layout=pip],[data-layout=grid]) .playBtn{overflow:visible}:root:not([data-layout=pip],[data-layout=grid]) .playBtn>.loadFill{border-radius:inherit}}@media(pointer:coarse){:root:not([data-layout=pip],[data-layout=grid]) .modeTag.modeBtn.modeBtn:after{top:0;bottom:min(0px,calc(100% - var(--hit)))}:root:not([data-layout=pip],[data-layout=grid]) .sheet .seg button{min-height:min(var(--hit),44px)}:root:not([data-layout=pip],[data-layout=grid]) .lobbyActions .btn.ghost:after{top:0;bottom:min(0px,calc(100% - var(--hit)))}:root:not([data-layout=pip],[data-layout=grid]) .sheet :is(select.outputSelect,.textField){min-height:var(--hit)}}@media(pointer:coarse)and (min-height:501px){:root:not([data-layout=pip],[data-layout=grid]) :is(select.outputSelect,.textField,.roundTabs>button,.peekBtn){min-height:var(--hit)}:root:not([data-layout=pip],[data-layout=grid]) :is(.hdrBtn,.seatBtn,.iconBtn){min-width:calc(var(--hit) - 3px)}:root:not([data-layout=pip],[data-layout=grid]) .app .topbar :is(.hdrBtn,.seatBtn,.iconBtn){min-width:calc(var(--hit) - 3px)}:root:not([data-layout=pip],[data-layout=grid]) .swatches{gap:max(12px,calc(var(--hit) - 32px))}:root:not([data-layout=pip],[data-layout=grid]) .rosterList li>.rowActions{gap:0}:root:not([data-layout=pip],[data-layout=grid]) .rowActions .rosterBtn{flex:none;width:var(--hit);height:var(--hit)}:root:not([data-layout=pip],[data-layout=grid]) .rosterList li:has(>.rowActions button){min-height:var(--hit)}:root:not([data-layout=pip],[data-layout=grid]) .rosterList li>.rowActions{grid-column:1 / -1!important;grid-row:auto!important;justify-self:end}}@media(pointer:coarse)and (max-width:339px){:root:not([data-layout=pip],[data-layout=grid]) .app .topbar :is(.hdrBtn,.seatBtn,.iconBtn){min-width:41px}}@media(pointer:coarse)and (max-width:374px)and (min-height:501px){:root:not([data-layout=pip],[data-layout=grid]) :is(.modeOpt,.seg button){min-height:min(var(--hit),44px)}:root:not([data-layout=pip],[data-layout=grid]) :is(.voteBtn,.playersStrip){min-height:var(--hit)}}@media(pointer:coarse)and (min-width:340px)and (max-width:720px)and (min-height:600px)and (orientation:portrait){:root[data-zoomed]:not([data-layout=pip],[data-layout=grid]) :is(.modeOpt,.seg button,.voteBtn,.playersStrip,.sheet .btn,.playlistList button){min-height:var(--hit)}}@media(pointer:coarse)and (min-width:900px){:root:not([data-layout=pip],[data-layout=grid]) .sheet :is(.seg button,.btn,.playlistList button){min-height:var(--hit)}}:root[data-vt]{--dvhs: calc(var(--vhs) / var(--zoom, 1))}@media(pointer:coarse)and (max-width:720px)and (orientation:portrait){html{overflow:hidden;overscroll-behavior:none;height:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body:has([data-fit=scroll]){overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ghist,.guessTray,.gsuggest,.sheetBody,.revealText2,.feed,.candidates,.rosterList{overscroll-behavior:contain}}@media(max-width:720px)and (orientation:portrait){:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .app:has(.round[data-panel]){--gap-header: 4px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .app:has(.round[data-panel])>.topbar{min-height:0;padding:0 0 2px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .app:has(.round[data-panel]) .topbar .hdrBtn{height:32px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colStage{gap:6px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard{padding:6px 12px;gap:3px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipHead{min-height:0}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual{--waveH: 26px;padding:4px 8px;gap:2px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual .frequencyFrame{aspect-ratio:auto;height:clamp(18px,calc(18px + (100 * var(--dvhs, var(--dvh)) - 740px) * .55),100px)}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipVisual .waveTime{min-height:14px;margin:0}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .playBtn{min-height:var(--hit, 44px)}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .clipCard .steps{min-height:0}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .voteBtn{min-height:var(--hit, 44px);height:var(--hit, 44px)}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .gfield{height:40px;min-height:40px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]{gap:6px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .ghist .ghRow.slot{display:flex}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .ghist:not(:has(.ghRow:not(.slot))):after{content:none}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.guessTray>.histCard{padding:8px 10px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .histCard .cardHead{margin-bottom:4px;min-height:18px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .histCard[data-density] .ghist{--rowH: 28px;gap:3px}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .histCard[data-density="2"] .ghist{--rowH: 24px;gap:2px}}@media(max-width:720px)and (orientation:portrait){:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .ghRow .ghLabel{align-self:stretch;justify-content:center}:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel] .ghRow .ghLabel .gtArtist:empty{min-height:0}}@media(max-width:720px)and (orientation:portrait){:root[data-vt="7"]:not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel]>.colGuess>.guessTray>.histCard .ghRow{max-height:54px}}@media(pointer:coarse)and (max-width:720px)and (orientation:portrait),(pointer:coarse)and (max-width:559px){:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess{display:contents}:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>*{order:2}:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.guessTray{order:3}:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>:is(.gsearch,.gsGhost){order:-1;flex:none;margin-block:6px}:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colGuess>.gsGhost{display:block!important}:root:is([data-kbmode=top],[data-kbsheet]):not([data-layout=pip],[data-layout=grid]) .round[data-panel][data-panel=context]>.colGuess>:not(.gsearch,.gsGhost){display:none}}:root[data-kbpin]{--dvh: calc(var(--kbpin) / 100);height:var(--kbpin);overflow:hidden}:root[data-kbpin] body{height:var(--kbpin);bottom:auto}:root[data-kbpin] .app{min-height:var(--kbpin)}.gsov[data-sheet]{z-index:100000;background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;transition:none;padding-top:calc(12px + env(safe-area-inset-top,0px) / var(--zoom, 1))}.gsov[data-sheet] .gsovBar{padding-top:0}.gsovHint{flex:none;padding:10px 6px;color:var(--muted);font-size:var(--fs-base)}.gsov[data-sheet]{padding:calc(var(--sheet-y, 12px) + var(--sheet-h, 48px) + 6px) var(--sheet-r, 8px) 8px var(--sheet-x, 8px)}.gsov[data-sheet] .gsovBar{position:absolute;left:var(--sheet-x, 8px);top:var(--sheet-y, 12px);width:var(--sheet-w, auto);height:var(--sheet-h, 48px);padding:0;display:block}.gsov[data-sheet] .gsovField{width:100%;height:100%;box-sizing:border-box}.gsov[data-sheet] .gsovDone{position:absolute;right:0;bottom:calc(100% + 6px);height:min(32px,calc(var(--sheet-y, 44px) - 8px));min-height:0;padding:0 12px;line-height:1;background:none;border:0;color:var(--accent)}@media(min-width:721px)and (max-width:959px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .home .modeCard{min-height:clamp(150px,calc(24 * var(--dvh)),260px)}}@media(min-width:600px)and (max-width:959px)and (max-height:560px){.modeCards{grid-template-columns:repeat(3,minmax(0,1fr))}.modeCards:not(:has(.daily)){grid-template-columns:1fr 1fr}}@media(min-width:960px){.modeCards{grid-template-columns:repeat(3,minmax(0,1fr))}.modeCards:not(:has(.daily)){grid-template-columns:1fr 1fr}}.modeCard.daily{border-color:color-mix(in srgb,var(--accent) 45%,var(--hair-2))}.modeCard.daily.doneToday .mcIcon{color:var(--ok)}.mcFoot .pillTag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dailyPage{gap:14px}.dailyRound .voteRow{grid-template-columns:minmax(0,1fr)}@media(min-width:721px)and (min-height:521px){.dailyPage:not(.dailyResults){justify-content:center;padding-bottom:var(--lift, 0px)}}.dailyWhen{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 14px}.dailyWhen .muted{font-size:var(--fs-md);font-variant-numeric:tabular-nums}.dailyResults .statTiles{flex:none}.dailyResults .revealCard,.dailyResults .revealArt{animation:none}.dailyResults .dailyShare,.dailyResults .dailyBoard{flex:none}.dailyResults .dailyBoard{display:flex;flex-direction:column;min-height:0}.dailyResults .boardList{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dailyResults .dailyBoard>.emptyNote:last-child{margin-top:10px}.dailyResults>.colStage>.dailyShare{flex:none}.dailyResults>.colSide>.dailyBoard{flex:0 1 auto}.dailyResults>.colSide{align-content:start}@media(min-width:721px)and (max-width:959px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colSide{contain:none;max-height:none;overflow:visible}.dailyResults>.colSide>.dailyBoard{flex:0 1 auto;min-height:168px;max-height:280px}}@media(min-width:960px){:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage>.dailyShare{flex:1 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage>.dailyShare>.dailyActions{margin-top:auto}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colSide{align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colSide>.dailyBoard{flex:1 1 auto;min-height:0}}@media(min-width:960px){:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage>*{flex:none}}@media(min-width:721px)and (max-width:959px){:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom:has(>main.dailyResults){height:calc(100 * var(--dvh));min-height:0;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]{grid-template-rows:minmax(0,auto) minmax(0,1fr)}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-self:stretch}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel]>.colStage>*{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colSide{min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column}.dailyResults>.colSide>.dailyBoard{flex:0 1 auto;min-height:0;max-height:280px}}@media(min-width:721px)and (max-width:959px)and (max-height:960px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults .clipVisual .frequencyFrame{display:none}}@media(min-width:721px)and (max-width:959px)and (max-height:640px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colSide{display:none}}@media(max-width:720px)and (orientation:portrait),(max-width:559px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:empty{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel=guess][data-panel]>.colGuess{display:flex}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel][data-panel]>.colGuess>.revealCard{flex:none;min-height:200px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>:is(.colGuess,.colSide){overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colGuess>*{flex:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults .clipVisual .frequencyFrame{display:none}.dailyResults .dailyTiles{gap:8px}.dailyResults .dailyTiles .tile{padding:8px 12px;gap:0}.dailyResults .dailyTiles .tile b{font-size:var(--fs-title)}.dailyResults .dailyWhen{padding:8px 12px}.dailyResults .dailyShare{padding:12px;gap:8px}}@media(max-width:720px)and (orientation:portrait)and (max-height:800px),(max-width:559px)and (max-height:800px){:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel][data-panel]>.colGuess{gap:8px}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel][data-panel]>.colGuess>.revealCard{flex:1 1 0;min-height:96px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colGuess.resultTray{overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colSide{overflow:hidden;display:flex;flex-direction:column}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults[data-panel]>.colSide>.dailyBoard{flex:1 1 0;min-height:0;max-height:none}.dailyResults>.colSide>.dailyBoard .boardList{flex:1 1 0;overflow:hidden}.dailyResults .boardMore{margin:0;padding:6px 0 0;text-align:center;font-size:var(--fs-sm);color:var(--muted);border-top:1px solid var(--hair)}.dailyResults .resultTray .clipCard{padding:10px 12px;gap:6px}.dailyResults .resultTray .clipVisual{--waveH: 28px;padding:6px 8px;gap:4px}.dailyResults .resultTray .playBtn{min-height:48px}.dailyResults .resultTray .dailyTiles{gap:8px}.dailyResults .resultTray .dailyTiles .tile{flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:4px 8px}.dailyResults .resultTray .dailyTiles .tile b{flex:none;font-size:20px}.dailyResults .resultTray .dailyTiles .tile :is(.tileLabel){line-height:1.2;text-align:left}.dailyResults .resultTray .dailyTiles .tile .tileBest{display:none}.dailyResults .resultTray .dailyShare{padding:8px 10px;gap:6px}.dailyResults .resultTray .dailyShare .cardHead{display:none}.dailyResults .resultTray .dailyShare .shareText{padding:6px 10px;line-height:1.35;height:calc(2.7em + 14px);resize:none}.dailyResults .resultTray .dailyShare .dailyActions{gap:8px;flex-wrap:nowrap}.dailyResults .resultTray .dailyShare .dailyActions .btn{flex:1 1 0;min-width:0;min-height:40px}.dailyResults .resultTray .revealCard{padding:10px 12px;gap:6px}}@media(max-width:720px)and (orientation:portrait)and (max-height:520px),(max-width:559px)and (max-height:520px){.dailyResults .resultTray .revealFacts{display:none}}@media(min-width:721px)and (min-height:521px){.dailyResults .dailyTiles{gap:8px}.dailyResults .dailyTiles .tile{padding:6px 12px;gap:0}.dailyResults .dailyTiles .tile b{font-size:var(--fs-title)}.dailyResults .dailyShare{padding:10px 12px;gap:6px}.dailyResults .dailyShare .shareText{padding:6px 10px;line-height:1.35}.dailyResults .dailyShare .dailyActions .btn{min-height:40px}}@media(min-width:560px)and (max-height:520px){:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel][data-panel]>.colStage>.clipCard{flex:none;padding:8px}:root:not([data-layout=pip],[data-layout=grid]) .round.dailyResults[data-panel][data-panel]>.colStage>.clipCard>:not(.playBtn){display:none}.dailyResults .dailyShare .cardHead{display:none}.dailyResults .dailyShare .dailyActions .btn{min-height:36px}.dailyResults .dailyTiles .tile{padding:4px 12px}}:root:is([data-layout=pip],[data-layout=grid]) .dailyResults :is(.statTiles,.dailyShare,.dailyBoard){display:none!important}.dailyIntro{display:flex;flex-direction:column;gap:12px}.dailyIntro p{margin:0}.dailyActions{display:flex;flex-wrap:wrap;gap:10px}.dailyActions .btn{min-height:44px}.dailyTiles .tile b{font-size:var(--fs-hero)}.dailyTiles .tile :is(.tileLabel,.tileBest){margin:0;text-transform:none;letter-spacing:0;line-height:1.3}.dailyTiles .tile .tileLabel{font:600 max(13px,calc(12px / var(--zoom, 1))) var(--font);color:var(--text)}.dailyTiles .tile .tileBest{font:500 max(12px,calc(12px / var(--zoom, 1))) var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.dailyShare{display:flex;flex-direction:column;gap:10px}.dailyShare p{margin:0}.shareText{width:100%;resize:none;padding:10px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--r-3);font:600 var(--fs-base) var(--font);line-height:1.5;flex:none;overflow:hidden;field-sizing:content}.boardList li.you{background:color-mix(in srgb,var(--accent) 10%,transparent)}.boardList .fastText{display:flex;flex-direction:row;align-items:center;text-align:left;gap:10px;min-width:0}.boardList .fastText strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dailyResults .revealCard .steps{margin-top:10px}.dailyIntroPage{align-items:center;justify-content:center}.dailyIntroPage>.dailyIntro{width:min(100%,960px);box-sizing:border-box;margin:0;padding:clamp(20px,3vw,40px);gap:28px}.dailyIntroCopy{display:flex;flex-direction:column;gap:12px;min-width:0}.dailyIntroHeading h2{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.2}.dailyIntroDate,.dailyIntroRules,.dailyIntroFacts{font-size:13px;line-height:1.5;color:#b8bbc3}.dailyIntroHeading .dailyIntroDate{margin-top:6px}.dailyIntroLead{font-size:18px;line-height:1.45}.dailyIntroLadder{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:4px 0 0;padding:0;list-style:none}.dailyIntroLadder li{padding:9px 2px;border-bottom:2px solid var(--accent);text-align:center;font-size:13px;color:var(--text)}.dailyIntroStart{display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:0}.dailyIntroFacts{display:flex;flex-wrap:wrap;gap:4px 20px}.dailyIntroStart .dailyActions{flex-direction:column}.dailyIntroCompact{display:none}.moreHint{color:var(--muted);font-weight:500}@container (max-width: 260px){.moreHint{display:none}}:root:is([data-layout=pip],[data-layout=grid]) .moreHint,.dailyRoundNote{display:none}@media(min-height:640px){:root:not([data-layout=pip],[data-layout=grid]) .dailyRoundNote{display:block;margin:10px 0 0;font-size:13px;line-height:1.5}}@media(max-width:720px){:root:not([data-layout=pip],[data-layout=grid]) .stateActions:has(.dailyRetry){flex-direction:column;align-items:stretch}:root:not([data-layout=pip],[data-layout=grid]) .stateActions .dailyRetry{width:100%;min-height:52px;font-size:var(--fs-lg, 16px);font-weight:800;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}}.dailyErrorMessage{display:block;margin:0;font-size:14px;line-height:1.5}.dailyErrorDate{display:block;margin:8px 0 0;color:#b8bbc3;font-size:13px}@media(min-width:960px)and (min-height:521px){.dailyIntroPage>.dailyIntro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:40px}}.dailyIntroGuide{display:none}@media(min-width:1200px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .dailyIntroPage{max-width:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyIntroPage>.dailyIntro{width:min(100%,1220px);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(240px,.8fr);gap:36px}:root:not([data-layout=pip],[data-layout=grid]) .dailyIntroGuide{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border:1px solid var(--hair-2);border-radius:14px;background:var(--surface-2, transparent)}.dailyIntroGuide ol{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:guide}.dailyIntroGuide li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:2px;counter-increment:guide}.dailyIntroGuide li:before{content:counter(guide);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);font-weight:700;font-size:13px}.dailyIntroGuide li b{font-size:15px;color:var(--text)}.dailyIntroGuide li span{font-size:13px;line-height:1.5;color:#b8bbc3}}@media(max-width:720px){.dailyIntroPage>.dailyIntro{padding:20px;gap:24px}.dailyIntroHeading h2{font-size:24px}}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroPage{min-height:0;padding:0;overflow-y:auto}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroPage>.dailyIntro{width:100%;padding:0;border:0;background:none;gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroCopy{gap:4px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroHeading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 8px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroHeading h2{font-size:18px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroDate{font-size:12px}:root:is([data-layout=pip],[data-layout=grid]) :is(.dailyIntroLead,.dailyIntroRules,.dailyIntroLadder,.dailyIntroFacts){display:none}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroCompact{display:block;font-size:12px;color:#b8bbc3}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart{gap:0}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart .dailyActions{flex-direction:row;flex-wrap:nowrap;gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart .btn{min-height:38px;padding:6px 10px;font-size:12px}:root[data-layout=grid] .dailyIntroStart .dailyActions{flex-direction:column}.dailyReplayError{display:none}.dailyReplayDate{display:flex;flex-wrap:wrap;gap:2px 8px}.dailyResultReset{white-space:nowrap}@media(min-width:721px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage .clipCard[data-replay-state=error]>:is(.clipVisual,.playBtn){display:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage .dailyReplayError{display:block;margin:0;font-size:13px;line-height:1.4}}@media(min-width:721px){:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="1"] .clipCard{padding:12px;gap:10px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="1"] .dailyShare{gap:8px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .frequencyFrame{display:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]){gap:8px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyResultReset{display:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .clipCard{padding:10px 12px;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .clipVisual{--waveH: 28px;padding:6px 8px;gap:4px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .playBtn{min-height:48px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyTiles .tile{padding:6px 10px;gap:0}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyShare{padding:10px 12px;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyShare .cardHead{margin-bottom:0}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyShare .dailyActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyShare .btn{min-height:40px;padding-inline:6px;min-width:0;font-size:12px;letter-spacing:0}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage:is([data-fit="2"],[data-fit="3"]) .dailyShare .btn .ic{display:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"]{gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"] :is(.dailyShare,.clipCard){padding-block:8px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"] .dailyShare .cardHead{display:none}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"] .dailyTiles .tile{flex-direction:row;align-items:center;gap:8px;padding:4px 8px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"] .dailyTiles .tile b{flex:none;font-size:20px}:root:not([data-layout=pip],[data-layout=grid]) .dailyResults>.colStage[data-fit="3"] .dailyTiles .tile span{line-height:1.3}}.statsEmpty{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px;padding:28px}.emptyIcon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-5);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}.statsEmpty h3{margin:0 0 8px;font-size:22px;line-height:1.3}.statsEmpty p{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--muted);max-width:52ch}.collectionsNotice{margin:12px 0 18px;padding:12px 14px;border-left:2px solid var(--hair-2);color:var(--muted);font-size:13px;line-height:1.5}.collectionsNotice p{margin:0 0 6px}@media(max-width:720px){.statsEmpty{gap:16px;padding:20px;grid-template-columns:minmax(0,1fr)}.statsEmpty h3{font-size:20px}}@media(min-width:960px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]){--muted: #b6b8c1;--fs-xs: max(12px, calc(12px / var(--zoom, 1)));--fs-2xs: var(--fs-xs);--fs-sm: var(--fs-xs);--fs-md: max(13px, calc(12px / var(--zoom, 1)));--fs-base: max(14px, calc(12px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .plCount{opacity:1;color:var(--muted)}:root:not([data-layout=pip],[data-layout=grid]) .modeCard:disabled{opacity:1;cursor:wait}:root:not([data-layout=pip],[data-layout=grid]) .modeCard.off{opacity:1;border-style:dashed}:root:not([data-layout=pip],[data-layout=grid]) .modeCard.off .mcIcon{color:var(--muted);background:var(--surface-2)}:root:not([data-layout=pip],[data-layout=grid]) .home{max-width:1120px;gap:24px}:root:not([data-layout=pip],[data-layout=grid]) .home .modeCard{min-width:0;min-height:clamp(250px,calc(30 * var(--dvh)),320px);padding:24px;gap:12px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcIcon{margin-bottom:0;width:52px;height:52px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcTitle{margin-top:0;font-size:26px;line-height:1.25}:root:not([data-layout=pip],[data-layout=grid]) .home .mcBody{flex:0 0 auto;font-size:15px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcFoot{margin-top:auto;padding-top:12px}:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom:has(>main.dailyResults){display:flex;flex-direction:column;height:calc(100 * var(--dvh));min-height:0;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom>main.dailyResults{flex:1 1 0;min-height:0;margin-block:0}:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom:has(>main.dailyResults):after{display:none}:root:not([data-layout=pip],[data-layout=grid]) .statsPage{max-width:1040px}:root:not([data-layout=pip],[data-layout=grid]) .statsEmpty p{font-size:var(--fs-base)}:root:not([data-layout=pip],[data-layout=grid]) .collectionsNotice{font-size:var(--fs-md)}:root:not([data-layout=pip],[data-layout=grid]) .statsPage .statsEmpty{padding:36px}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .histCard .ghRow.slot{display:none}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .histCard .ghist:not(:has(.ghRow:not(.slot))):after{content:"Your guesses will appear here.";display:block;padding:8px 2px;font-size:13px;line-height:1.5;color:var(--muted)}}@media(min-width:1200px)and (min-height:700px){:root:not([data-layout=pip],[data-layout=grid]) .statsPage:has(.fastList){display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);grid-template-areas:"head head" "summary artists";align-content:start;gap:20px}.statsPage:has(.fastList)>.pageHead{grid-area:head}.statsPage:has(.fastList)>.statTiles{grid-area:summary;grid-template-columns:1fr;align-self:start}.statsPage:has(.fastList)>.card{grid-area:artists}}@media(min-width:960px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom{max-width:max(1120px,calc(960px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .round .playersCard{container:rosterfit / inline-size}:root:not([data-layout=pip],[data-layout=grid]) .topbar .tbRoom{min-width:max-content}:root:not([data-layout=pip],[data-layout=grid]) .round .clipHead{flex-wrap:wrap;gap:6px}:root:not([data-layout=pip],[data-layout=grid]) .round .clipHead .modeTag.desk{display:inline-flex;flex:none;padding-inline:8px;letter-spacing:0}:root:not([data-layout=pip],[data-layout=grid]) .round .clipHead .clipCount{min-width:0}}@media(min-width:960px)and (min-height:521px){@container rosterfit (max-width: 280px){:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList:has(.rowActions button) li{grid-template-columns:18px auto minmax(0,1fr) auto max-content}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList li>.rowActions{grid-column:3 / -1;grid-row:3}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel]>.colSide .playersCard.playersCard.playersCard .rosterList li>.score{grid-column:5}}}.compactMenuHeading,.compactMenuHint,.dailyIntroMark{display:none}:root:is([data-layout=pip],[data-layout=grid]) .app>.home{display:flex;flex-direction:column;gap:6px;min-height:0;margin:0;padding:0;max-width:none;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);flex:1 1 0;min-height:0;gap:5px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCard{display:grid;grid-template-columns:26px minmax(0,1fr) 14px;grid-template-rows:auto auto;align-content:center;justify-content:normal;align-items:center;gap:1px 8px;min-width:0;min-height:0;padding:4px 8px;border-radius:10px;overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCard:disabled{opacity:1;cursor:wait}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCard.off{opacity:1;border-style:dashed}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcIcon{display:grid!important;grid-column:1;grid-row:1 / 3;width:26px;height:26px;border-radius:7px;margin:0}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcIcon .ic{width:17px;height:17px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcTitle{grid-column:2;grid-row:1;min-width:0;margin:0;font-size:13px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcBody{display:block!important;grid-column:2;grid-row:2;min-width:0;font:400 11px/14px system-ui,sans-serif;color:#b8bbc3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcFoot{display:contents!important}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcFoot .pillTag{display:none}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcGo{grid-column:3;grid-row:1 / 3;width:14px;height:14px;opacity:.7}:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHeading h2,:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHeading p,:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHint{margin:0}:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHeading h2{font-size:19px;line-height:1.25}:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHeading p{margin-top:4px;font:400 13px/18px system-ui,sans-serif;color:#b8bbc3}:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHint{flex:none;font:400 11px/14px system-ui,sans-serif;color:#b8bbc3;text-align:center}:root:not([data-layout=pip],[data-layout=grid]) .authCard .btn.primary:disabled{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));color:var(--text);border:1.5px solid color-mix(in srgb,var(--accent) 60%,transparent);opacity:1;cursor:not-allowed}:root:not([data-layout=pip],[data-layout=grid]) .authCard .authWhy{font-size:var(--fs-md);margin-top:-6px}:root:not([data-layout=pip],[data-layout=grid]) .authWrap{margin-top:calc(5 * var(--dvh))}@media(min-width:1500px)and (min-height:900px){:root:not([data-layout=pip],[data-layout=grid]) .authWrap{margin-top:calc(7 * var(--dvh))}}@media(min-width:1500px)and (min-height:900px){:root:not([data-layout=pip],[data-layout=grid]) .home{max-width:1280px;gap:28px}:root:not([data-layout=pip],[data-layout=grid]) .home .modeCards{gap:24px}:root:not([data-layout=pip],[data-layout=grid]) .home .modeCard{min-height:clamp(300px,calc(40 * var(--dvh)),420px);padding:32px;gap:14px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcIcon{width:68px;height:68px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcTitle{font-size:32px}:root:not([data-layout=pip],[data-layout=grid]) .home .mcBody{font-size:18px}:root:not([data-layout=pip],[data-layout=grid]) .home .hello h2{font-size:34px}}:root:not([data-layout=pip],[data-layout=grid]) .hello .helloText{flex:0 1 auto}:root:not([data-layout=pip],[data-layout=grid]) .hello .btn.ghost{margin-left:auto}:root:not([data-layout=pip],[data-layout=grid]) .hello .info{margin-left:-6px}:root:not([data-layout=pip],[data-layout=grid]) .hello .infoBtn{position:relative;width:var(--hit);height:var(--hit);border:0;border-radius:50%}:root:not([data-layout=pip],[data-layout=grid]) .hello .infoBtn:before{content:"";position:absolute;inset:50% auto auto 50%;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid var(--hair-2);border-radius:50%;pointer-events:none}:root:not([data-layout=pip],[data-layout=grid]) .hello .infoBtn:is(:hover,[aria-expanded=true],.attn):before{border-color:var(--accent)}:root[data-layout=grid] .app .topbar :is(.tbRoom,.tbPip){display:none!important}:root[data-layout=grid] .app .topbar .tbRight>:not(.volumeSlot){display:none!important}:root[data-layout=grid] .app .topbar .tbRight{margin-left:auto}:root[data-layout=grid] .app .home .mcBody{white-space:normal;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:13px}:root[data-layout=grid] .app .home .mcTitle{line-height:15px}:root[data-layout=grid] .home .mcGo{display:none}:root[data-layout=grid] .home .modeCard{grid-template-columns:26px minmax(0,1fr)}@container pip (min-height: 300px){:root:is([data-layout=pip],[data-layout=grid]) .app>.home{gap:12px}:root:is([data-layout=pip],[data-layout=grid]) .compactMenuHeading{display:block;flex:none;padding:8px 4px 2px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCards{gap:8px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .modeCard{grid-template-columns:38px minmax(0,1fr) 16px;padding:12px;gap:5px 10px;border-radius:14px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcIcon{width:38px;height:38px;border-radius:10px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcIcon .ic{width:23px;height:23px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcTitle{font-size:16px;line-height:20px}:root:is([data-layout=pip],[data-layout=grid]) .app .home .mcBody{font-size:13px;line-height:18px;white-space:normal;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroPage{overflow:hidden}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroPage>.dailyIntro{height:100%;padding:14px;border:1px solid var(--hair-2);border-radius:16px;background:var(--surface);gap:12px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroCopy{flex:1 1 0;justify-content:center;gap:10px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroMark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface-2))}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroHeading{display:block}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroHeading h2{font-size:22px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroDate{margin-top:4px}:root:is([data-layout=pip],[data-layout=grid]) :is(.dailyIntroLead,.dailyIntroRules){display:block}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroLead{font:500 15px/20px system-ui,sans-serif}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroRules{font:400 12px/17px system-ui,sans-serif}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroCompact{display:none}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroLadder{display:grid;gap:3px;margin:0}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroLadder li{padding:6px 0;font-size:10px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart{flex:none}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart .dailyActions{flex-direction:column;gap:6px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart .btn{min-height:38px;font-size:13px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroStart .btn.primary{min-height:44px}}@container pip (min-height: 300px) and (max-height: 419px){:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroMark{display:none}}@container pip (min-height: 300px) and (max-width: 260px){:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroPage>.dailyIntro{padding:10px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroCopy{gap:8px}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroRules{display:none}:root:is([data-layout=pip],[data-layout=grid]) .dailyIntroLadder li{font-size:9px}}.modeChoiceIcon{flex:none;color:var(--accent)}.roundModeLabel{display:none}.settingsJump{flex:none;position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;background:var(--surface);border-bottom:1px solid var(--hair)}.settingsJump button{flex:1 1 auto;min-height:max(36px,var(--hit, 44px));padding:6px 10px;border:1px solid var(--hair-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text);font:500 var(--fs-md)/1.2 var(--font)}.setSection[hidden]{display:none}button.advToggle{min-height:max(34px,var(--hit, 44px))}.settingsJump button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.sheetBody:has(.advBody[data-open]) .setSection{display:none}.sheetBody:has(.advBody[data-open]) .settingsJump button[aria-pressed=true]{border-color:var(--hair-2);color:var(--text)}.settingsJump button:hover{border-color:var(--accent);color:var(--accent)}.sheetBody:has(.settingsJump){display:flex!important}.sheetBody:has(.settingsJump) .setSection{scroll-margin-top:66px;padding-bottom:8px;border-bottom:1px solid var(--hair)}.boardRefreshNote{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:var(--fs-md)}@media(min-width:721px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby{width:100%;max-width:1120px;margin-inline:auto;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-content:start;gap:18px}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.lobbyCard{min-width:0;padding:22px;gap:18px}:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeOpt{min-height:74px}:root:not([data-layout=pip],[data-layout=grid]) .lobby .lobbyActions{margin:0;padding:12px 0 0;background:var(--surface);border-top:1px solid var(--hair)}:root:not([data-layout=pip],[data-layout=grid]) .lobby .lobbyActions>.btn.primary{min-height:48px}}:root:not([data-layout=pip],[data-layout=grid]) .modeOpt{display:grid;grid-template-columns:24px minmax(0,1fr);gap:3px 8px;align-content:center}:root:not([data-layout=pip],[data-layout=grid]) .modeOpt>.modeChoiceIcon{grid-column:1;grid-row:1 / 3;align-self:center}:root:not([data-layout=pip],[data-layout=grid]) .modeOpt>:is(b,span){grid-column:2;min-width:0;overflow-wrap:anywhere}:root:not([data-layout=pip],[data-layout=grid]) .modeOpt:disabled:not(.on){opacity:1}:root:not([data-layout=pip],[data-layout=grid]) .lobbyActions>.btn.danger{display:inline-flex;align-self:center;padding:8px 14px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--hair-2));border-radius:var(--r-3);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger-ink)}:root:not([data-layout=pip],[data-layout=grid]) .lobbyActions>.btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}@media(min-width:721px)and (max-height:820px){:root:not([data-layout=pip],[data-layout=grid]) .lobby>.lobbyCard{gap:10px}}@media(min-width:721px)and (max-height:880px){@container not style(--zoom: 1){:root:not([data-layout=pip],[data-layout=grid]) .lobbyHead p{display:none}}}@media(min-width:721px){@container style(--zoom: 1.5) or style(--zoom: 2) or style(--zoom: 3){:root:not([data-layout=pip],[data-layout=grid]) .lobbyHead p{display:none}}}@media(min-width:721px){@container not style(--zoom: 1){:root:not([data-layout=pip],[data-layout=grid]) .lobby~.topbar,:root:not([data-layout=pip],[data-layout=grid]) .app.inRoom .topbar{min-height:48px;padding-bottom:6px}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.lobbyCard{gap:6px;padding:14px 20px}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.lobbyCard .lobbyActions{margin-bottom:-16px;padding-top:14px;padding-bottom:16px}}}@media(max-width:720px){:root:not([data-layout=pip],[data-layout=grid]) .lobbyActions>.btn.danger{min-height:var(--hit, 44px)}}.modeNow{display:none;margin:0}@media(min-width:721px)and (min-height:821px){@container style(--zoom: 1){:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeNow{display:block;padding:10px 12px;border-left:3px solid var(--accent);border-radius:var(--r-3);background:var(--surface-2);color:var(--muted);font-size:var(--fs-md);line-height:1.45}:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeNow b{color:var(--text)}}}:root:not([data-layout=pip],[data-layout=grid]) .endConfirm{flex-wrap:wrap;padding:12px;border:1px solid var(--danger);border-radius:var(--r-3);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}@media(max-width:720px),(max-height:520px){:root:not([data-layout=pip],[data-layout=grid]){--muted: #b8bbc3;--fs-xs: max(12px, calc(12px / var(--zoom, 1)));--fs-2xs: var(--fs-xs);--fs-sm: var(--fs-xs);--fs-md: max(13px, calc(12px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .roundTabs .roundModeLabel{display:block;flex:none;max-width:38%;align-self:center;padding:3px 6px;color:var(--accent);font-size:max(12px,calc(12px / var(--zoom, 1)));font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root:not([data-layout=pip],[data-layout=grid]) .roundTabs>button{min-width:0}:root:not([data-layout=pip],[data-layout=grid]) .sheet :is(.fieldHint,.fieldLabel,.sectionLabel,.modeOpt span),:root:not([data-layout=pip],[data-layout=grid]) .roomStatus,:root:not([data-layout=pip],[data-layout=grid]) .soloFeedback{font-size:max(12px,calc(12px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .settingsJump button{min-height:var(--hit);font-size:max(12px,calc(12px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .sheetBody:has(.settingsJump) .setSection{scroll-margin-top:calc(var(--hit) + 28px)}}:root:is([data-layout=pip],[data-layout=grid]){--muted: #b8bbc3}.pipModeName{display:none}@container pip (min-width: 480px){:root[data-layout=pip][data-pip-live] .tbPip{gap:6px}:root[data-layout=pip][data-pip-live] .tbPip .pipModeName{display:inline;flex:none;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:600 11px/14px system-ui,sans-serif}}@media(max-width:720px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .room>.lobby{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"heading" "options" "players" "actions";gap:10px;min-height:0;height:100%;overflow:hidden}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.lobbyCard{display:contents}:root:not([data-layout=pip],[data-layout=grid]) .lobbyHead{grid-area:heading}:root:not([data-layout=pip],[data-layout=grid]) .lobby .setup{grid-area:options;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px;border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface)}:root:not([data-layout=pip],[data-layout=grid]) .lobby>.playersStrip{grid-area:players;margin:0}:root:not([data-layout=pip],[data-layout=grid]) .lobby .lobbyActions{grid-area:actions;position:static;margin:0;padding:10px 0 max(8px,var(--saib));background:var(--surface);border-top:1px solid var(--hair)}:root:not([data-layout=pip],[data-layout=grid]) .lobby .waitLine{grid-area:actions;margin:0}:root:not([data-layout=pip],[data-layout=grid]) .lobby .seatAlt{display:none}}@media(min-width:960px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .authWrap{width:min(480px,100%)}:root:not([data-layout=pip],[data-layout=grid]) .authCard{padding:32px;gap:16px}}@media(min-width:721px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeGrid>.modeOpt{grid-column:auto}:root:not([data-layout=pip],[data-layout=grid]) .lobby .modeGrid>.modeOpt:last-child{grid-column:1 / -1}}@media(pointer:coarse){:root:not([data-layout=pip],[data-layout=grid]) .rosterList li:has(.rowActions button){flex:none;grid-template-columns:18px auto minmax(0,1fr) auto max-content!important}:root:not([data-layout=pip],[data-layout=grid]) .rosterList li>.rowActions{grid-column:3 / -1!important;grid-row:3!important;gap:2px}:root:not([data-layout=pip],[data-layout=grid]) .rosterList li>.score{grid-column:5!important}:root:not([data-layout=pip],[data-layout=grid]) .rowActions .rosterBtn{width:var(--hit);height:var(--hit);min-width:var(--hit);min-height:var(--hit)}:root:not([data-layout=pip],[data-layout=grid]) .rowActions .rosterBtn:after{top:0;right:0;bottom:0;left:0}}:root:not([data-layout=pip],[data-layout=grid]) .authCard .lead{font-size:max(14px,calc(12px / var(--zoom, 1)))}@media(max-width:720px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .app:not(.inRoom)>.topbar .hdrBtn:not(.back,.exit){flex-direction:column;gap:1px;width:auto;min-width:46px;height:46px;padding:3px 5px 2px}:root:not([data-layout=pip],[data-layout=grid]) .app:not(.inRoom)>.topbar .hdrBtn:not(.back,.exit) .lbl{display:block;font-size:max(12px,calc(12px / var(--zoom, 1)));line-height:1.1;letter-spacing:0;text-transform:none}:root:not([data-layout=pip],[data-layout=grid]) .app:not(.inRoom)>.topbar .hdrBtn:not(.back,.exit) .ic{width:18px;height:18px}}@media(max-width:380px)and (min-height:521px){:root:not([data-layout=pip],[data-layout=grid]) .app:not(.inRoom)>.topbar:has(.tbRight>.hdrBtn:nth-child(4)) .brand .brandWord{display:none!important}:root:not([data-layout=pip],[data-layout=grid]) .app:not(.inRoom)>.topbar:has(.tbRight>.hdrBtn:nth-child(4)) .brand .brandMark{display:block}}.sheetBody:has(.settingsJump) .setSection{border-bottom:0}.sheetBody:has(.settingsJump) .field.advanced{padding-top:0;border-top:0}.sheetBody:has(.settingsJump) button.advToggle{padding:6px 14px;border:1px solid var(--hair-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text)}.sheetBody:has(.settingsJump) button.advToggle:hover:not(:disabled),.sheetBody:has(.advBody[data-open]) button.advToggle{border-color:var(--accent);color:var(--accent)}:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn .voteLabel{text-transform:none;letter-spacing:0;font-weight:var(--fw-bold);font-size:max(13px,calc(13px / var(--zoom, 1)))}:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn{min-height:46px}:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn:first-child:not(:disabled):not([aria-pressed=true]){border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn:nth-child(2):not(:disabled):not([aria-pressed=true]){background:transparent;color:var(--muted);font-weight:var(--fw-regular)}:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn:nth-child(2):not(:disabled):not([aria-pressed=true]) .voteLabel{font-weight:var(--fw-regular)}@media(pointer:coarse){:root:not([data-layout=pip],[data-layout=grid]) .round .voteRow .voteBtn{min-height:44px}}.revealNext .btn{white-space:nowrap}@container (max-width: 379px){.revealNext .btn>.kcap{display:none!important}}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList li>:is(.score,.rank,.gain){font-size:max(14px,calc(12px / var(--zoom, 1)));font-variant-numeric:tabular-nums}:root:not([data-layout=pip],[data-layout=grid]) .round[data-panel] .rosterList li>.score{min-width:4ch;text-align:right;font-weight:var(--fw-bold)}.dmField:focus-within,.dmField:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dmField .dmResultsToggle{min-width:28px;min-height:28px}.soloVote{position:relative}.soloVote[data-armed] .soloMore{visibility:hidden}.moreConfirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:stretch;gap:6px;padding:0 0 0 10px;box-sizing:border-box;container-type:inline-size;border-radius:var(--r-4);background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.moreConfirm .moreAsk{flex:1 1 auto;min-width:0;align-self:center;font-size:max(12px,calc(12px / var(--zoom, 1)));font-weight:var(--fw-bold);line-height:1.15}.moreConfirm .btn{flex:none;min-height:0;padding:0 12px;font-size:max(12px,calc(12px / var(--zoom, 1)));font-weight:var(--fw-bold)}.moreConfirm .moreYes{border-radius:var(--r-4)}.moreConfirm .moreCancel{color:var(--muted);font-weight:var(--fw-regular)}@container (max-width: 250px){.moreConfirm .moreAsk{display:none}.moreConfirm{padding-left:0}.moreConfirm .btn{flex:1 1 0;min-width:0;padding:0 4px}}.moreLive{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root[data-layout=pip][data-pip-live] .soloVote .moreConfirm{position:static;grid-area:3 / 2 / 4 / 4;z-index:2}.pipInlineVolume{display:none}:root[data-layout=pip][data-pip-live] .app{background:linear-gradient(155deg,#172126,#0c1115 58%);font-family:system-ui,-apple-system,sans-serif;padding:calc(6px + var(--clip-t, 0px)) calc(6px + var(--clip-r, 0px)) calc(6px + var(--clip-b, 0px)) calc(6px + var(--clip-l, 0px));--surface: #172329;--surface-2: #182329;--hair-2: #34464d;--pip-search: 28px;--pip-last: 22px}:root[data-layout=pip][data-pip-live] .app>.topbar{height:24px;min-height:24px;margin-bottom:4px}:root[data-layout=pip][data-pip-live] .app .topbar :is(.hdrBtn,.seatBtn,.pipVolBtn){background:transparent;border:0;color:#a0adb3;border-radius:var(--r-1)}:root[data-layout=pip][data-pip-live] .app .topbar .tbRight>.hdrBtn[aria-label=Settings]{display:inline-flex!important;height:24px;width:24px;padding:0}:root[data-layout=pip][data-pip-live] .app .topbar .brand .brandWord{width:100px!important}:root[data-layout=pip][data-pip-live] .app .topbar .lbl{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]{--pip-action: 100%;--pip-replay: 100%;display:grid!important;height:100%;min-height:0;gap:4px;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr))!important;grid-template-rows:var(--pip-search) var(--pip-last) minmax(0,1fr)!important;grid-template-areas:"search search search" "last last last" "play more skip"!important;align-items:stretch;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.colStage,.colGuess,.colSide,.clipCard,.gsearch,.guessTray,.voteRow:not(.ghost)){display:contents!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.pipStatus,.pipBoard,.histCard,.clipHead,.clipVisual,.ladderSlot,.steps,.clipHint,.teamBoard){display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .clipCard>:not(.playBtn,.soundPrompt){display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gRow{grid-area:search;margin:0;padding:0;min-width:0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gfield{height:var(--pip-search);min-height:0;border:1px solid var(--hair-2);border-radius:var(--r-2);padding:0 8px;background:var(--surface)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gfield input{font:400 var(--fs-sm) system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gfield:focus-within{border-color:var(--accent)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.playBtn,.voteBtn,.revealNext .btn){height:100%!important;min-height:0!important;width:100%;margin:0!important;padding:4px!important;display:grid!important;grid-template-columns:auto auto;grid-template-rows:minmax(0,1fr) 16px;justify-content:center;align-items:center;gap:2px 7px;border:0;border-radius:var(--r-3);background:var(--surface-2);color:#c4d4da;position:relative;overflow:hidden;container-type:size;container-name:pip-action}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playBtn{grid-area:play!important;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 21%,#122029),#15252c);color:var(--text)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playBtn:hover{background:color-mix(in srgb,var(--accent) 25%,#182a32)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn:first-child{grid-area:more!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn:nth-child(2){grid-area:skip!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.voteBtn,.revealNext .btn):hover{background:#253b44}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);box-shadow:inset 0 -2px var(--accent)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.playLabel,.voteLabel,.pipButtonText){display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon{display:grid!important;grid-column:1 / -1;grid-row:1;justify-self:center;place-items:center;width:44px!important;height:44px!important;padding:9px;box-sizing:border-box;border-radius:50%;background:var(--accent);color:#0d2228}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon :is(.ic,.playEq){display:block!important;width:26px!important;height:26px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon>.ic{fill:currentColor}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playSub{display:block!important;grid-column:1;grid-row:2;font-size:var(--fs-xs);margin:0;padding:0;background:transparent;color:#a0adb3}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.voteBtn>.ic,.pipButtonIcon){display:block!important;grid-column:1 / -1;grid-row:1;justify-self:center;width:28px!important;height:28px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] :is(.playBtn,.voteBtn,.revealNext .btn)>.kcap{display:inline-block!important;position:static!important;translate:none!important;grid-column:2;grid-row:2;font:400 var(--fs-xs)/14px ui-monospace,monospace;min-width:14px;padding:0 4px;margin:0!important;border:1px solid #465b65;border-radius:4px;color:#c7d7de}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.kcap{grid-column:1}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteTally{display:block!important;position:static!important;grid-column:2;grid-row:2;padding:0;background:transparent;font:400 var(--fs-xs)/14px ui-monospace,monospace;color:#a0adb3}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .soloVote .voteBtn>.kcap{grid-column:1 / -1;justify-self:center}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess{display:flex!important;grid-area:last!important;height:100%;min-height:0;margin:0;padding:0 4px;gap:6px;border-radius:0;background:transparent;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastLabel{font:400 var(--fs-xs) system-ui,sans-serif;color:#a0adb3}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess .ghLabel{min-width:0;flex:1;display:flex;flex-direction:row;align-items:center;gap:5px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess :is(.gtTitle,.gtArtist){min-width:0;min-height:0;font:500 var(--fs-xs)/15px system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess .gtArtist{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess em{font:400 var(--fs-xs)/15px system-ui,sans-serif;color:var(--accent)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus{grid-area:search!important;margin:0;padding:0 6px;align-items:center;justify-content:space-between;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus b{font:500 var(--fs-sm)/16px system-ui,sans-serif;white-space:nowrap}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus span{font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .driverMirror{display:contents!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmField{grid-area:search;min-height:0;height:var(--pip-search);padding:0 6px;border-radius:var(--r-2)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmText{font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmDriver{font-size:var(--fs-2xs)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap){--pip-search: 26px;--pip-last: 20px;grid-template-rows:var(--pip-search) var(--pip-last) minmax(20px,1fr) clamp(50px,24cqh,96px)!important;grid-template-areas:"search search search" "last last last" "workspace workspace workspace" "play more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .gsuggest{display:block;grid-area:workspace!important;position:static!important;min-height:0;height:100%;max-height:100%!important;margin:0;padding:0;background:#151e24;border:0;border-radius:9px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .gsuggest li:not(.gcount){height:26px;min-height:26px;padding:2px 7px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .gsuggest li strong{font:600 var(--fs-sm) system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .gsuggest .gsMeta{font:400 var(--fs-xs) system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .gsuggest .gcount{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .teamBoard:has(.candidate){display:flex!important;grid-area:workspace!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .notice{grid-area:workspace!important;margin:0;padding:2px 5px;font-size:var(--fs-xs);overflow:auto}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .soundPrompt{grid-area:workspace;min-height:24px;margin:0;padding:2px 4px;font-size:var(--fs-xs)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .playIcon{width:34px!important;height:34px!important;padding:6px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .playIcon :is(.ic,.playEq){width:22px!important;height:22px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .voteBtn>.ic{width:24px!important;height:24px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .dmListWrap{position:static;grid-area:workspace;height:100%;max-height:100%;min-height:0;filter:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .dmList{min-height:0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap) .dmCount{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:20px var(--pip-last) minmax(28px,1fr) clamp(50px,24cqh,120px)!important;grid-template-areas:"search search" "last last" "workspace workspace" "play next"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .pipStatus{display:flex!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .pipStatus span{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealCard{display:contents!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealBody{grid-area:workspace!important;display:flex!important;align-items:center;justify-content:flex-start;flex-direction:row;gap:8px;height:100%;min-height:0;padding:0 5px;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtWrap{display:block;width:min(100px,30cqw,100cqh);max-height:100%;aspect-ratio:1;flex:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArt{width:100%;height:100%;object-fit:contain}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArt.none>.ic{width:70%;height:70%}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealText2{flex:1;width:auto;align-items:flex-start;min-height:0;max-height:100%;padding:0;overflow:hidden;text-align:left}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealText2 h2{font:600 clamp(12px,3cqw,18px)/1.2 system-ui,sans-serif;margin:0;-webkit-line-clamp:1}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtist{font:400 var(--fs-xs)/15px system-ui,sans-serif;margin:2px 0 0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealFacts{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext{display:flex!important;grid-area:next;min-height:0;margin:0;padding:0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext .btn{display:grid!important;flex:1;grid-area:auto}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext .btn>.kcap{grid-column:1 / -1;justify-self:center}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext .nextHint{margin:auto;font:400 var(--fs-xs)/15px system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext:has(.btn) .nextHint{position:absolute;right:5px;top:0;font-size:var(--fs-2xs)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext{position:relative}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .playIcon{width:34px!important;height:34px!important;padding:6px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .playIcon :is(.ic,.playEq){width:22px!important;height:22px!important}@container pip (min-height: 250px) and (orientation: landscape){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]{--pip-search: 38px;--pip-last: 30px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon{width:68px!important;height:68px!important;padding:16px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon :is(.ic,.playEq){width:36px!important;height:36px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.ic{width:38px!important;height:38px!important}}@container pip (orientation: portrait) and (min-height: 280px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]{--pip-search: 34px;--pip-last: 38px;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:var(--pip-search) 24px var(--pip-last) minmax(0,3fr) minmax(0,2fr)!important;grid-template-areas:"search search" "volume volume" "last last" "play play" "more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipInlineVolume{display:flex;grid-area:volume;align-items:center;gap:8px;color:#a0adb3;padding:0 4px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipInlineVolume input{flex:1;min-width:0;height:3px;accent-color:var(--accent)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipInlineVolume output{font:400 var(--fs-xs) ui-monospace,monospace}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipInlineVolume .ic{width:14px;height:14px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess{flex-wrap:wrap;column-gap:7px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess .ghLabel{flex-basis:calc(100% - 65px)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess em{margin-left:55px;flex-basis:calc(100% - 55px)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipLastGuess .gtTitle{font-size:var(--fs-sm)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon{width:78px!important;height:78px!important;padding:18px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playIcon :is(.ic,.playEq){width:42px!important;height:42px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.ic{width:36px!important;height:36px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap,.revealCard){grid-template-rows:var(--pip-search) 24px var(--pip-last) minmax(50px,1fr) minmax(64px,1.3fr) minmax(42px,.8fr)!important;grid-template-areas:"search search" "volume volume" "last last" "workspace workspace" "play play" "more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap,.revealCard) .playIcon{width:50px!important;height:50px!important;padding:10px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap,.revealCard) .playIcon :is(.ic,.playEq){width:30px!important;height:30px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.candidate,.notice,.soundPrompt,.dmListWrap,.revealCard) .voteBtn>.ic{width:28px!important;height:28px!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard){grid-template-areas:"search search" "volume volume" "last last" "workspace workspace" "play play" "next next"!important}}@container pip (max-height: 180px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]{gap:3px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtWrap{width:min(40px,100cqh)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArt{border-radius:6px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealText2 h2{font-size:var(--fs-sm);line-height:14px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtist{font-size:var(--fs-xs);line-height:12px;margin-top:1px}}.pipVoteIcon{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.kcap{grid-column:1!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .soloVote .voteBtn>.kcap{grid-column:1 / -1!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.regularVoteIcon{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .voteBtn>.pipVoteIcon{display:block!important}@container pip (max-width: 230px){:root[data-layout=pip][data-pip-live] .app>.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 20px auto;gap:2px}:root[data-layout=pip][data-pip-live] .app .topbar .brand .brandWord{width:84px!important}:root[data-layout=pip][data-pip-live] .app .topbar :is(.tbLeft,.tbRoom,.tbRight,.roomStrip){min-width:0;gap:2px;margin:0}:root[data-layout=pip][data-pip-live] .app .topbar :is(.roomStrip>.seatBtn,.pipVolBtn,.volumeSlot,.tbRight>.hdrBtn[aria-label=Settings]){width:20px;min-width:20px;padding:0}:root[data-layout=pip][data-pip-live] .app .topbar .tbRight{justify-content:flex-end}:root[data-layout=pip][data-pip-live] .app .topbar .seatBtn>.ic{width:16px;height:16px}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest) .teamBoard{display:none!important}@container pip-action (max-height: 64px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playBtn>.playIcon{width:min(34px,calc(100cqh - 18px))!important;height:min(34px,calc(100cqh - 18px))!important;padding:3px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .playBtn>.playIcon :is(.ic,.playEq){width:100%!important;height:100%!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .revealNext .btn>.pipButtonIcon{width:min(28px,calc(100cqh - 18px))!important;height:min(28px,calc(100cqh - 18px))!important}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmListWrap{position:relative!important;inset:auto!important;margin:0!important;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmListWrap .dmList{flex:1 1 0;height:100%;min-height:0;padding:3px 12px 3px 3px;gap:2px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li{height:32px;min-height:32px;box-sizing:border-box;padding:2px 5px;gap:0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li strong{font:600 var(--fs-sm)/15px system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li .dmMeta{font:400 var(--fs-xs)/13px system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmWho{font:600 var(--fs-2xs)/14px system-ui,sans-serif;padding:2px 5px;max-width:40%}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmWhoTail{display:none}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gsuggest li:not(.gcount){height:32px;min-height:32px;box-sizing:border-box}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtist{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}@container pip (orientation:portrait) and (min-height:280px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard){grid-template-rows:20px 24px var(--pip-last) minmax(40px,1.2fr) minmax(48px,1fr) minmax(34px,.6fr)!important;grid-template-areas:"search search" "volume volume" "last last" "workspace workspace" "play play" "next next"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealArtist{-webkit-line-clamp:2}}@container pip (max-height:200px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.dmListWrap,.gsuggest){--pip-search:24px;--pip-last:16px;grid-template-rows:24px 16px minmax(30px,1fr) 44px!important;gap:3px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.dmListWrap,.gsuggest) .dmList li,:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.dmListWrap,.gsuggest) .gsuggest li:not(.gcount){height:26px;min-height:26px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.dmListWrap,.gsuggest) .dmListWrap .dmList{padding-top:2px;padding-bottom:2px}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .gsYear{display:block!important;font:600 var(--fs-2xs)/12px system-ui,sans-serif}@container pip (max-height:200px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li strong{font-size:var(--fs-xs);line-height:12px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li .dmMeta,:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .dmList li .gsYear{font-size:var(--fs-2xs);line-height:10px}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)){position:relative;--pip-search:28px;--pip-last:22px;grid-template-rows:var(--pip-search) var(--pip-last) minmax(0,1fr)!important;grid-template-areas:"search search search" "last last last" "play more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest,:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .dmListWrap{position:absolute!important;grid-area:auto!important;inset:calc(var(--pip-search) + 4px) 0 0!important;height:auto!important;max-height:none!important;width:auto;margin:0;z-index:var(--z-dropdown);border:1px solid var(--hair-2);border-radius:var(--r-2);background:var(--surface);box-shadow:0 4px 14px #0008;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest{overflow-y:auto;padding:3px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest li:not(.gcount){display:flex;flex-direction:column;align-items:stretch;gap:0;height:32px;min-height:32px;padding:2px 6px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest .gsTop{flex:none;width:100%;gap:6px;line-height:14px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest .gsTop strong{flex:1;line-height:14px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .gsuggest .gsMeta{flex:none;width:100%;font:400 var(--fs-xs)/12px system-ui,sans-serif}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .dmResultsToggle{display:grid;place-items:center;flex:none;width:20px;height:20px;min-height:0;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)) .dmResultsToggle:hover{background:var(--surface-3);color:var(--text)}@container pip (orientation:portrait) and (min-height:280px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.gsuggest,.driverMirror):not(:has(.revealCard)){--pip-search:34px;--pip-last:38px;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:var(--pip-search) 24px var(--pip-last) minmax(0,3fr) minmax(0,2fr)!important;grid-template-areas:"search search" "volume volume" "last last" "play play" "more skip"!important}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealNext .nextHint{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):not(:has(.revealNext .btn)){grid-template-rows:20px var(--pip-last) minmax(28px,1fr) clamp(50px,24cqh,120px)!important;grid-template-areas:"search search" "last last" "workspace workspace" "play play"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):not(:has(.revealNext .btn)) .revealNext{display:none!important}@container pip (orientation:portrait) and (min-height:280px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):not(:has(.revealNext .btn)){grid-template-rows:20px 24px var(--pip-last) minmax(60px,1.3fr) minmax(64px,1fr)!important;grid-template-areas:"search search" "volume volume" "last last" "workspace workspace" "play play"!important}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .revealBody{container:pip-answer / size}@container pip (orientation:landscape){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)){grid-template-rows:14px var(--pip-search) var(--pip-last) minmax(0,1fr)!important;grid-template-areas:"status status status" "search search search" "last last last" "play more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipStatus{display:flex!important;grid-area:status!important;align-items:center;gap:6px;padding:0 2px;margin:0;overflow:hidden;min-width:0}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipStatus b{font:500 var(--fs-xs)/14px system-ui,sans-serif;gap:5px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipStatus b:before{width:6px;height:6px}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipStatus span{display:block;font-size:var(--fs-xs);line-height:14px}}@container pip (max-width:279px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard){grid-template-rows:20px minmax(40px,1fr) clamp(44px,22cqh,96px)!important;grid-template-areas:"search search" "workspace workspace" "play next"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .pipInlineVolume,:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .pipLastGuess{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):not(:has(.revealNext .btn)){grid-template-rows:20px minmax(40px,1fr) clamp(44px,22cqh,96px)!important;grid-template-areas:"search search" "workspace workspace" "play play"!important}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .roomStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:14px;line-height:14px;min-width:0}@container pip (max-height: 199px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .roomStatus{display:none!important}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard) .voteBtn{display:none!important}.tbPip,.pipScore,.pipOthers,.pipScoreMini{display:none}:root[data-layout=pip][data-pip-live] .app .topbar .tbPip{display:flex;flex:1 1 0;min-width:0;justify-content:center;align-items:center;overflow:hidden}:root[data-layout=pip][data-pip-live] .app .topbar .tbRoom{flex:none}.pipLadder{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:hidden}.ldrPills{display:flex;align-items:center;gap:3px;flex:none}.ldrPills s{display:block;width:14px;height:5px;border-radius:3px;background:var(--surface-3, #26262a)}.ldrPills s.on,.ldrPills s.cur{background:var(--accent)}.ldrPills s.cur{height:7px}.ldrPills s.ok{background:var(--ok)}.ldrText{font:700 var(--fs-xs)/14px "Space Mono",ui-monospace,monospace;color:var(--accent);white-space:nowrap;min-width:0;overflow:hidden}.ldrText>*{display:none}@container pip (min-width: 440px){.ldrText .ldrA{display:inline}}@container pip (min-width: 380px) and (max-width: 439px){.ldrText .ldrB{display:inline}}@container pip (max-width: 439px){.ldrPills s{width:10px}}@container pip (max-width: 379px){.ldrPills{gap:2px}.ldrPills s{width:9px}:root[data-layout=pip][data-pip-live] .app .topbar .brand .brandWord{width:84px!important}}@container pip (max-width: 299px){.ldrPills s{width:5px}.ldrText .ldrC{display:inline}}@container pip (max-width: 289px){.ldrText{display:none}}@container pip (max-width: 267px){:root[data-layout=pip][data-pip-live] .app .topbar .tbPip{display:none}}@container pip (max-width: 199px){:root[data-layout=pip][data-pip-live] .app .topbar .brand .brandWord{width:56px!important}}@container pip (max-width: 230px){:root[data-layout=pip][data-pip-live] .app .topbar .tbPip{display:none}}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus[data-score] :is(.psHead,.psSub){display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus[data-score]{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;justify-content:flex-start}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus[data-score] .pipScore{display:inline-flex;align-items:center;flex:none;gap:0;height:14px;padding:0 6px;border:1px solid var(--hair-2);border-radius:var(--r-pill, 999px);background:var(--surface-2);color:var(--text);font:700 var(--fs-xs)/12px "Space Mono",ui-monospace,monospace;white-space:pre}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipScore i,:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipScoreMini i{font-style:normal;color:var(--accent)}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus[data-score] .pipOthers{display:block;flex:1 1 0;min-width:0;text-align:right;font:400 var(--fs-xs)/14px system-ui,sans-serif;color:#a0adb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .roomStatus{display:none!important}@container pip (max-width: 339px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel] .pipStatus[data-score] .pipOthers{display:none}}.pipScoreMini{align-items:center;flex:none;height:14px;padding:0 6px;border:1px solid var(--hair-2);border-radius:var(--r-pill, 999px);background:var(--surface-2);color:var(--text);font:700 var(--fs-xs)/12px "Space Mono",ui-monospace,monospace;white-space:pre}@container pip (orientation: landscape) and (max-height: 199px) and (min-width: 280px){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):has(.pipStatus[data-score]):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)){grid-template-rows:var(--pip-search) var(--pip-last) minmax(0,1fr)!important;grid-template-areas:"search search search" "last last last" "play more skip"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):has(.pipStatus[data-score]):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipStatus{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:not(.solo):has(.pipStatus[data-score]):not(:has(.revealCard,.gsuggest,.driverMirror,.dmListWrap,.notice,.soundPrompt,.candidate)) .pipScoreMini{display:inline-flex;margin-left:auto}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):has(.pipStatus[data-score]){grid-template-rows:var(--pip-last) minmax(28px,1fr) clamp(50px,24cqh,120px)!important;grid-template-areas:"last last" "workspace workspace" "play next"!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):has(.pipStatus[data-score]) .pipStatus{display:none!important}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):has(.pipStatus[data-score]) .pipScoreMini{display:inline-flex;margin-left:auto}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.revealCard):has(.pipStatus[data-score]):not(:has(.revealNext .btn)){grid-template-rows:var(--pip-last) minmax(28px,1fr) clamp(50px,24cqh,120px)!important;grid-template-areas:"last last" "workspace workspace" "play play"!important}}@container pip (orientation: portrait){:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.pipStatus[data-score]):not(:has(.revealCard)) .pipLastGuess{position:relative}:root[data-layout=pip][data-pip-live] .app .round.pipRound.pipController[data-panel]:has(.pipStatus[data-score]):not(:has(.revealCard)) .pipScoreMini{display:inline-flex;position:absolute;right:4px;bottom:2px}}@container pip (max-width: 299px){.pipScoreMini .psmPts{display:none}}