:root{--paper:#fbf3df;--paper-soft:#f4ead0;--paper-shadow:#281e0a26;--pencil:#1f1b14;--pencil-soft:#2c2a25;--pencil-faded:#1f1b148c;--line:#d6cba6;--rule-blue:#cbe1f2;--marker-red:#d9352c;--marker-red-soft:#f3a09b;--marker-orange:#c66a1a;--marker-green:#2f7d4b;--pen-blue:#1d4ea1;--marker-blue:var(--pen-blue);--pen-blue-soft:#b9cdee;--highlight-yellow:#fde68a;--sticky:#fde68a;--sticky-pink:#fbb6c4;--sticky-green:#a7e1b3;--sticky-blue:#b9cdee;--tape:#e1c86ea6;--shadow-offset-x:4px;--shadow-offset-y:5px;--radius-rough:14px;--font-display:"Kalam", "Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--font-body:"Patrick Hand", "Kalam", "Comic Sans MS", system-ui, sans-serif;--font-code:"Atkinson Hyperlegible", "Trebuchet MS", "Verdana", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--shadow-offset-x:2px;--shadow-offset-y:2px}}*{box-sizing:border-box}html,body{background-color:var(--paper);background-image:radial-gradient(circle at 20% 10%, #d9352c0a, transparent 60%), radial-gradient(circle at 80% 90%, #1d4ea10a, transparent 60%), repeating-linear-gradient(to bottom, transparent 0, transparent 30px, var(--rule-blue) 31px, transparent 32px);min-height:100%;color:var(--pencil);font-family:var(--font-body);margin:0;padding:0;font-size:18px;line-height:1.4}#root{flex-direction:column;min-height:100svh;display:flex}body.host-device-lobby-active{overscroll-behavior-y:contain}body.display-lobby-active .app-shell{max-width:min(1500px,100%)}body.shared-display-room-active .app-footer{display:none}body.shared-display-room-active:not(.display-lobby-active) .app-shell{max-width:min(1560px,100%)}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .lyrics-card{max-height:min(28vh,320px);overflow:hidden}@media (width>=901px) and (height<=820px){body.shared-display-room-active:not(.display-lobby-active) .app-shell{max-width:min(1380px,100%);min-height:100dvh;padding:.55rem clamp(.75rem,2vw,1.4rem)}body.shared-display-room-active:not(.display-lobby-active) .app-header{gap:.6rem;margin-bottom:.55rem;padding-bottom:.45rem}body.shared-display-room-active:not(.display-lobby-active) .app-logo{height:1.9rem}body.shared-display-room-active:not(.display-lobby-active) .app-header-tools{gap:.4rem}body.shared-display-room-active:not(.display-lobby-active) .stack{gap:.55rem}body.shared-display-room-active:not(.display-lobby-active) .sketch-card{padding:.72rem .9rem}body.shared-display-room-active:not(.display-lobby-active) h1{font-size:2.25rem;line-height:1}body.shared-display-room-active:not(.display-lobby-active) h2{font-size:1.55rem;line-height:1.08}body.shared-display-room-active:not(.display-lobby-active) p{margin-bottom:.45em}body.shared-display-room-active:not(.display-lobby-active) .player-list{gap:.42rem}body.shared-display-room-active:not(.display-lobby-active) .player-list li{gap:.22em;padding:.3em .62em}body.shared-display-room-active:not(.display-lobby-active) .battle-card-stage,body.shared-display-room-active:not(.display-lobby-active) .battle-stage-card{min-height:280px}body.shared-display-room-active:not(.display-lobby-active) .battle-feature-card .lyrics-card{margin-top:.48rem;padding:.68rem .82rem;font-size:1.22rem;line-height:1.34}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .lyrics-card{max-height:235px;font-size:1.08rem;line-height:1.24;overflow:hidden}body.shared-display-room-active:not(.display-lobby-active) .battle-card-heading{gap:.65rem;padding-bottom:.45rem}body.shared-display-room-active:not(.display-lobby-active) .battle-card-kicker{margin-bottom:.04rem}body.shared-display-room-active:not(.display-lobby-active) .playback-screen{gap:.36rem}body.shared-display-room-active:not(.display-lobby-active) .playback-screen>.sketch-card.center:first-child{padding-block:.54rem}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .grid-2{gap:.55rem}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .battle-versus{margin:.1em 0;font-size:1.32rem;line-height:1}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .sketch-transport{gap:.35rem .5rem;padding:.28rem .55rem}body.shared-display-room-active:not(.display-lobby-active) .playback-screen .sketch-transport-play{width:36px;height:36px}body.shared-display-room-active:not(.display-lobby-active) .playback-audio-blocked-card{padding:.42rem .68rem}body.shared-display-room-active:not(.display-lobby-active) .playback-audio-blocked-card p{margin:0;font-size:.96rem;line-height:1.15}body.shared-display-room-active:not(.display-lobby-active) .playback-sync-note{display:none}}h1,h2,h3{font-family:var(--font-display);color:var(--pencil);letter-spacing:0;overflow-wrap:anywhere;margin:0 0 .4em}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.4rem,3vw,2.2rem)}p{overflow-wrap:anywhere;margin:0 0 .8em}a{color:var(--pen-blue);-webkit-text-decoration:underline wavy var(--pen-blue-soft);text-decoration:underline wavy var(--pen-blue-soft);overflow-wrap:anywhere}button,.sketch-btn{font-family:var(--font-display);background:var(--paper-soft);color:var(--pencil);border:2px solid var(--pencil);cursor:pointer;box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--pencil);overflow-wrap:anywhere;border-radius:14px 22px 18px 24px/22px 14px 22px 18px;max-width:100%;min-height:44px;padding:.6em 1.1em;font-size:1.05rem;transition:transform 80ms,box-shadow 80ms;position:relative}button svg,.sketch-btn svg{flex:none}button:active,.sketch-btn:active{box-shadow:1px 1px 0 var(--pencil);transform:translate(2px,2px)}button:disabled,.sketch-btn:disabled{cursor:not-allowed;opacity:.5}button.primary,.sketch-btn.primary{background:var(--marker-red);color:var(--paper)}button.secondary,.sketch-btn.secondary{background:var(--pen-blue);color:var(--paper)}button.ghost,.sketch-btn.ghost{box-shadow:none;background:0 0;border-style:dashed}button.copy-success,.sketch-btn.copy-success{background:var(--sticky-green);color:var(--pencil)}button.icon-circle,.sketch-btn.icon-circle{border-radius:50% 48% 52% 50%/50% 52% 48% 50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:inline-flex}input,textarea,select{font-family:var(--font-body);background:var(--paper-soft);color:var(--pencil);border:2px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;outline:none;width:100%;min-height:44px;padding:.6em .8em;font-size:1.05rem}input:focus,textarea:focus,select:focus{border-color:var(--marker-red);box-shadow:3px 3px 0 var(--marker-red)}label{font-family:var(--font-display);color:var(--pencil-soft);margin-bottom:.4em;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sketch-card{background:var(--paper);border:2px solid var(--pencil);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--pencil);border-radius:18px 28px/24px 18px 26px 20px;padding:1.2rem 1.4rem;position:relative}.sketch-card.tilt-left{transform:rotate(-1deg)}.sketch-card.tilt-right{transform:rotate(1deg)}.sketch-card.tape:before{content:"";background:var(--tape);border:1px dashed #0003;border-radius:2px;width:90px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.sketch-tag{background:var(--sticky);border:1.5px solid var(--pencil);font-family:var(--font-display);border-radius:6px 12px 6px 14px/12px 6px 14px;margin-right:.3em;padding:.1em .6em;font-size:.9rem;display:inline-block}.sketch-tag.blue{background:var(--sticky-blue)}.sketch-tag.pink{background:var(--sticky-pink)}.sketch-tag.green{background:var(--sticky-green)}.app-shell{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem clamp(.75rem,4vw,2rem);display:flex;overflow-x:clip}.app-footer{flex-direction:column;justify-content:center;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.2rem;display:flex}.app-footer-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;max-width:100%;display:inline-flex}.version-trigger{min-height:30px;color:var(--pencil-soft);border-width:1.5px;border-color:var(--pencil-faded);box-shadow:none;white-space:nowrap;background:0 0;border-radius:8px 12px 9px 13px/12px 9px 13px 8px;justify-content:center;align-items:center;gap:.25rem;padding:.12em .45em;font-size:.88rem;line-height:1.1;display:inline-flex}.version-trigger:hover,.version-trigger:focus-visible{background:var(--paper-soft);color:var(--pencil)}.version-trigger svg{flex:none}.app-footer-tools .version-trigger,.app-footer-tools .support-button{min-height:38px;padding:.35em .75em}.app-footer-tools .feedback-entry{font-size:.88rem;line-height:1.1}.support-button{min-height:30px;color:var(--pencil);background:var(--sticky-pink);border:1.5px solid var(--pencil-faded);box-shadow:none;font-family:var(--font-body);white-space:nowrap;cursor:pointer;border-radius:9px 13px 8px 12px/13px 8px 12px 9px;justify-content:center;align-items:center;gap:.3rem;padding:.12em .5em;font-size:.88rem;line-height:1.1;text-decoration:none;display:inline-flex}.support-button:hover,.support-button:focus-visible{background:var(--sticky-pink);border-color:var(--pencil)}.support-button svg{flex:none}.support-card{flex-direction:column;align-items:center;gap:.6rem;display:flex}.support-button-cta{min-height:44px;color:var(--pencil);background:var(--highlight-yellow);border:2px solid var(--pencil);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--paper-shadow);border-radius:12px 16px 11px 15px/15px 11px 16px 12px;gap:.45rem;padding:.5em 1.1em;font-size:1.05rem}.support-button-cta:hover,.support-button-cta:focus-visible{background:var(--sticky);border-color:var(--marker-red)}.version-backdrop{z-index:50;background:#fcf8e79e;justify-content:center;align-items:center;padding:clamp(.85rem,4vw,1.5rem);display:flex;position:fixed;inset:0}.version-panel{background:var(--paper);border:2px solid var(--pencil);width:min(620px,100%);max-height:min(620px,86dvh);box-shadow:5px 6px 0 var(--pencil);text-align:left;border-radius:18px 26px 18px 28px/24px 18px 26px 20px;padding:1rem;overflow:hidden auto}[dir=rtl] .version-panel{text-align:right}.version-panel-header{border-bottom:2px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;padding-bottom:.55rem;display:flex}.version-panel-header>div{min-width:0}.version-panel-header h2{margin-bottom:0;font-size:1.75rem;line-height:1.05}.version-build-meta{color:var(--pencil-faded);overflow-wrap:anywhere;margin:.18rem 0 0;font-size:.92rem;line-height:1.2}.version-close{flex:none;width:42px;height:42px;min-height:42px}.version-tabs{gap:.8rem;display:grid}.version-tab-list{border-bottom:1.5px dashed var(--line);flex-wrap:wrap;gap:.4rem;padding-bottom:.65rem;display:flex}.version-tab{min-height:36px;color:var(--pencil-soft);background:var(--paper-soft);border:1.5px solid var(--line);box-shadow:none;border-radius:8px 12px 9px 13px/12px 9px 13px 8px;padding:.32em .7em;font-size:.92rem;line-height:1.15}.version-tab:hover,.version-tab:focus-visible{color:var(--pencil);border-color:var(--pencil-faded)}.version-tab-active{color:var(--pencil);background:var(--sticky);border-color:var(--pencil);box-shadow:2px 2px 0 var(--pencil-faded)}.version-tab-panel{min-height:9rem}.version-diagnostics{border-bottom:1.5px dashed var(--line);margin-bottom:.95rem;padding-bottom:.85rem}.version-tab-panel .version-diagnostics{border-bottom:0;margin-bottom:0;padding-bottom:0}.audioshake-page{gap:1rem;max-width:min(1680px,100%)}.audioshake-header{border-bottom:2px dashed var(--line);grid-template-columns:minmax(170px,260px) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding-bottom:.8rem;display:grid}.audioshake-header .app-title{justify-content:flex-start}.audioshake-header-copy h1{margin-bottom:.18em;font-size:clamp(2rem,4vw,3rem)}.audioshake-header-copy p{max-width:74rem;margin:0}.audioshake-tool-row{border:1.5px dashed var(--line);background:#ffffff6b;border-radius:8px;justify-content:flex-end;padding:.9rem 1rem;display:flex}.audioshake-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.audioshake-actions.compact{gap:.35rem}.audioshake-actions button,.audioshake-filter-row button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.audioshake-error,.audioshake-warning{border:2px solid var(--marker-red);background:var(--sticky-pink);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;display:flex}.audioshake-warning{border-color:var(--pen-blue);background:var(--sticky-blue)}.audioshake-empty{align-items:center;gap:.7rem;display:flex}.audioshake-empty p{margin:0}.audioshake-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.audioshake-stat{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);border-radius:8px;gap:.12rem;min-width:0;padding:.7rem .78rem;display:grid}.audioshake-stat span{color:var(--pencil-soft);font-size:.85rem;line-height:1.15}.audioshake-stat strong{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.28rem;line-height:1.05}.audioshake-key-pool{border:1.5px solid var(--pencil-faded);background:#ffffff80;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;padding:.68rem .8rem;display:flex}.audioshake-key-pool-empty{border-color:var(--pen-blue);background:var(--sticky-blue)}.audioshake-key-pool>span{color:var(--pencil-soft);align-items:baseline;gap:.28rem;font-size:.88rem;line-height:1.15;display:inline-flex}.audioshake-key-pool strong{color:var(--pencil);font-family:var(--font-display)}.audioshake-key-pool-title{color:var(--pencil);font-weight:800}.audioshake-key-error{color:var(--marker-red);overflow-wrap:anywhere;flex-basis:100%}.audioshake-workbench{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.audioshake-case-panel,.audioshake-review-panel{border:2px solid var(--pencil);min-width:0;box-shadow:3px 4px 0 var(--pencil);background:#ffffff57;border-radius:8px}.audioshake-case-panel{grid-template-rows:auto auto auto minmax(0,1fr);max-height:calc(100dvh - 1.6rem);display:grid;position:sticky;top:.8rem;overflow:hidden}.audioshake-review-panel{gap:1rem;padding:1rem;display:grid}.audioshake-panel-heading,.audioshake-selected-heading{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.audioshake-selected-heading{padding:0 0 .85rem}.audioshake-panel-heading h2,.audioshake-selected-heading h2{margin:.22rem 0 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.audioshake-panel-heading p{margin:.2rem 0 0;font-size:.88rem}.audioshake-filter-row{border-bottom:1.5px dashed var(--line);flex-wrap:wrap;gap:.35rem;padding:.75rem 1rem;display:flex}.audioshake-filter-row button{min-height:34px;box-shadow:none;padding:.28em .62em;font-size:.9rem}.audioshake-language-row{background:#ffffff38;align-items:center;padding-top:.55rem;padding-bottom:.55rem}.audioshake-language-row span{color:var(--pencil-soft);margin-right:.25rem;font-size:.86rem}.audioshake-case-list{gap:.55rem;min-height:0;padding:.8rem 1rem 1rem;display:grid;overflow-y:auto}.audioshake-case-row{text-align:left;background:var(--paper);width:100%;min-height:6.15rem;box-shadow:2px 2px 0 var(--pencil-faded);border-radius:8px;grid-template-rows:auto auto auto;align-items:start;gap:.35rem;padding:.68rem .75rem;display:grid;overflow:hidden}.audioshake-case-row-active{background:var(--sticky);border-color:var(--marker-red);box-shadow:3px 3px 0 var(--marker-red)}.audioshake-case-row strong{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.03rem;line-height:1.1;display:block}.audioshake-case-meta{color:var(--pencil-soft);font-size:.88rem}.audioshake-status{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);width:fit-content;max-width:100%;color:var(--pencil-soft);font-family:var(--font-body);border-radius:999px;align-items:center;gap:.3rem;padding:.14rem .45rem;font-size:.78rem;line-height:1.15;display:inline-flex}.audioshake-status-processing{background:var(--sticky-blue);color:var(--pen-blue)}.audioshake-status-completed,.audioshake-status-audited{background:var(--sticky-green);color:var(--pencil)}.audioshake-status-flagged{background:var(--highlight-yellow);color:var(--pencil)}.audioshake-status-error,.audioshake-status-excluded{background:var(--sticky-pink);color:var(--marker-red)}.audioshake-audio-strip{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.65rem .8rem;display:grid}.audioshake-audio-strip audio{width:100%;min-width:0}.audioshake-workbench-compare{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.audioshake-comparison{border:1.5px solid var(--pencil-faded);background:#ffffff47;border-radius:8px;gap:.7rem;min-width:0;padding:.85rem;display:grid}.audioshake-comparison-heading,.audioshake-timing-pane-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.audioshake-comparison-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.audioshake-advanced-toggle{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);color:var(--pencil-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .46rem;font-size:.78rem;line-height:1.15;display:inline-flex}.audioshake-advanced-toggle input{width:.95rem;height:.95rem;accent-color:var(--pen-blue);margin:0}.audioshake-comparison-heading h3,.audioshake-timing-pane-head h4{margin:0;font-size:1.25rem}.audioshake-comparison-heading span,.audioshake-timing-time{font-family:var(--font-mono);color:var(--pencil-soft);font-size:.88rem}.audioshake-compare-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;display:grid}.audioshake-oracle-summary{border:1.5px solid var(--pencil-faded);background:#ffffff57;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.75rem;padding:.8rem;display:grid}.audioshake-oracle-summary-loading{color:var(--pencil-soft);align-items:center;gap:.45rem;display:flex}.audioshake-oracle-summary-metrics{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.audioshake-oracle-empty{margin:-.15rem 0 0}.audioshake-oracle-score,.audioshake-oracle-summary-metrics{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.55rem;display:flex}.audioshake-oracle-score span,.audioshake-oracle-summary-metrics span{border:1.5px solid var(--pencil-faded);background:var(--paper);width:fit-content;color:var(--pencil-soft);white-space:nowrap;border-radius:999px;align-items:baseline;gap:.25rem;padding:.16rem .48rem;font-size:.82rem;line-height:1.15;display:inline-flex}.audioshake-oracle-score strong,.audioshake-oracle-summary-metrics strong{color:var(--pencil);font-family:var(--font-display)}.audioshake-weakest-cases{border:1.5px dashed var(--line);background:#ffffff59;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.55rem;display:flex}.audioshake-weakest-cases>span{border:1.5px solid var(--pencil-faded);background:var(--paper);width:fit-content;max-width:100%;color:var(--pencil-soft);overflow-wrap:anywhere;border-radius:999px;padding:.16rem .48rem;font-size:.82rem;line-height:1.15;display:inline-flex}.audioshake-weakest-cases>span:first-child{background:var(--paper-soft);color:var(--pencil);font-family:var(--font-display)}.audioshake-language-summary-wrap{max-width:100%;overflow-x:auto}.audioshake-language-summary{border-collapse:separate;border-spacing:0;border:1.5px solid var(--pencil-faded);background:var(--paper);border-radius:8px;width:100%;min-width:720px;overflow:hidden}.audioshake-language-summary th,.audioshake-language-summary td{border-bottom:1px solid var(--pencil-faded);color:var(--pencil-soft);text-align:left;white-space:nowrap;padding:.38rem .5rem;font-size:.82rem;line-height:1.2}.audioshake-language-summary th{background:var(--paper-soft);color:var(--pencil);font-family:var(--font-display)}.audioshake-language-summary tr:last-child td{border-bottom:0}.audioshake-language-summary td:first-child{color:var(--pencil);font-family:var(--font-display)}.audioshake-oracle-score-pass{background:var(--sticky-green)}.audioshake-oracle-score-warn{background:var(--sticky)}.audioshake-oracle-score-fail{background:var(--sticky-pink)}.audioshake-timing-pane{border:1.5px dashed var(--line);background:var(--paper);border-radius:8px;gap:.55rem;min-width:0;padding:.75rem;display:grid}.audioshake-timing-chips{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.audioshake-timing-chips span,.audioshake-side-tag{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);width:fit-content;color:var(--pencil-soft);white-space:nowrap;border-radius:999px;justify-self:start;padding:.12rem .42rem;font-size:.78rem;line-height:1.15;display:inline-flex}.audioshake-strategy{margin:-.18rem 0 0;font-size:.86rem}.audioshake-timing-stage{border:1.5px solid var(--pencil-faded);background:#ffffff61;border-radius:8px;gap:.5rem;min-height:280px;max-height:440px;padding:.55rem;display:grid;overflow:auto}.audioshake-timing-line{border-radius:8px;grid-template-columns:4.4rem auto minmax(0,1fr);align-items:baseline;gap:.45rem;padding:.4rem .42rem;display:grid}.audioshake-timing-line-active{background:var(--sticky)}.audioshake-timing-line p{flex-wrap:wrap;gap:.24rem;min-width:0;margin:0;display:flex}.audioshake-timing-word{min-height:1.9rem;box-shadow:none;color:var(--pencil-soft);font-family:var(--font-display);overflow-wrap:anywhere;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:5px;padding:.1rem .22rem;font-size:1.02rem;line-height:1.1;transition:background-color .12s,color .12s,border-color .12s,transform .12s}.audioshake-timing-word:hover{color:var(--pencil);background:#ffffffb8}.audioshake-timing-word-past{color:var(--pen-blue)}.audioshake-timing-word-active{border-color:var(--marker-red);background:var(--highlight-yellow);color:var(--pencil);transform:translateY(-1px)}.audioshake-review-form-compact{background:#ffffff57}.audioshake-review-form{border:1.5px dashed var(--line);background:#ffffff47;border-radius:8px;min-width:0;padding:.9rem}.audioshake-review-form h3{margin-bottom:.35rem;font-size:1.25rem}.audioshake-issue-list{flex-wrap:wrap;gap:.35rem;display:flex}.audioshake-review-form{gap:.8rem;display:grid}.audioshake-review-form p{margin:0}.audioshake-note-toggle{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);border-radius:8px;align-items:center;gap:.55rem;width:fit-content;max-width:100%;padding:.5rem .65rem;display:flex}.audioshake-note-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--marker-red);margin:0}.audioshake-note-toggle span{min-width:0;color:var(--pencil);font-size:.94rem;line-height:1.2}@keyframes audioshake-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.audioshake-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.audioshake-workbench,.audioshake-compare-grid,.audioshake-oracle-summary{grid-template-columns:1fr}.audioshake-case-panel{max-height:none;position:static}.audioshake-case-list{max-height:380px}}@media (width<=760px){.audioshake-header{grid-template-columns:1fr}.audioshake-header .app-logo{max-width:190px}.audioshake-actions{justify-content:stretch}.audioshake-actions button{flex:180px}.audioshake-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.audioshake-panel-heading,.audioshake-selected-heading{flex-direction:column;align-items:stretch}.audioshake-case-row{min-height:7rem}.audioshake-timing-line{grid-template-columns:1fr;gap:.28rem}}@media (width<=460px){.audioshake-stats{grid-template-columns:1fr}.audioshake-review-panel,.audioshake-case-panel{box-shadow:2px 2px 0 var(--pencil)}}.version-diagnostics-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem;display:flex}.version-diagnostics-header h3{margin:0;font-size:1.25rem;line-height:1.1}.version-diagnostics-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:inline-flex}.version-diagnostics-actions button{align-items:center;gap:.3rem;min-height:34px;padding:.28em .58em;font-size:.88rem;display:inline-flex}.version-diagnostics-summary{flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem;display:flex}.version-diagnostics-summary span{color:var(--pencil-soft);background:var(--paper-soft);border:1.3px solid var(--line);border-radius:7px;padding:.16rem .45rem;font-size:.82rem;line-height:1.2}.version-diagnostics-grid{gap:.55rem;display:grid}.version-diagnostics-row{border-top:1.2px solid color-mix(in srgb, var(--line) 72%, transparent);padding:.55rem 0}.version-diagnostics-row:first-child{border-top:0;padding-top:0}.version-diagnostics-row-heading{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.version-diagnostics-row h4{margin:0;font-size:1.02rem;line-height:1.1}.version-diagnostics-row p{color:var(--pencil-soft);margin:.18rem 0 0;font-size:.93rem;line-height:1.25}.version-diagnostics-row dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem .75rem;margin:.45rem 0 0;display:grid}.version-diagnostics-row dl div{min-width:0}.version-diagnostics-row dt{color:var(--pencil-faded);font-size:.76rem;line-height:1.1}.version-diagnostics-row dd{color:var(--pencil);overflow-wrap:anywhere;margin:.05rem 0 0;font-size:.9rem}.diagnostic-status{border:1.3px solid var(--pencil);min-width:46px;color:var(--pencil);background:var(--paper);text-align:center;border-radius:7px;flex:none;padding:.1rem .36rem;font-size:.76rem;line-height:1.1}.diagnostic-status-healthy,.diagnostic-status-enabled,.diagnostic-status-configured{background:var(--sticky-blue)}.diagnostic-status-fallback{background:var(--sticky-yellow)}.diagnostic-status-degraded{background:var(--sticky-pink);border-color:var(--marker-red)}.diagnostic-status-disabled{color:var(--pencil-faded);border-color:var(--line)}.version-diagnostics-components{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.diagnostic-component{border:1.2px solid var(--line);color:var(--pencil-soft);background:var(--paper-soft);border-radius:7px;padding:.16rem .42rem;font-size:.78rem;line-height:1.15}.version-diagnostics-error{color:var(--marker-red)}.version-status{margin:.2rem 0 0}.version-status-error{background:var(--sticky-pink);border:1.5px dashed var(--marker-red);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;gap:.55rem;padding:.65rem;display:grid}.version-status-error p{margin:0}.version-status-error button{align-items:center;gap:.35rem;width:max-content;min-height:38px;padding:.35em .7em;display:inline-flex}.version-entry-list{gap:.75rem;display:grid}.version-entry-pager{background:var(--paper-soft);border:1.5px dashed var(--line);border-radius:10px 14px 10px 16px/14px 10px 16px 12px;justify-content:space-between;align-items:center;gap:.65rem;min-height:54px;padding:.45rem .55rem;display:flex}.version-entry-pager-meta{gap:.08rem;min-width:0;display:grid}.version-entry-count{color:var(--pencil);font-size:.95rem;font-weight:700;line-height:1.1}.version-entry-version{color:var(--pencil-faded);overflow-wrap:anywhere;font-size:.86rem;line-height:1.15}.version-entry-pager-actions{flex:none;align-items:center;gap:.38rem;display:inline-flex}.version-page-button{width:38px;height:38px;min-height:38px}.version-entry{padding-top:.1rem}.version-entry+.version-entry{border-top:1.5px dashed var(--line);padding-top:.75rem}.version-entry-heading{gap:.12rem;margin-bottom:.35rem;display:grid}.version-entry-heading h3{margin:0;font-size:1.25rem;line-height:1.1}.version-entry-heading span{color:var(--pencil-faded);font-size:.92rem}.version-entry ul{margin:0;padding-left:1.25rem}[dir=rtl] .version-entry ul{padding-left:0;padding-right:1.25rem}.version-entry li{margin-top:.25rem}.version-notes-toggle{width:fit-content;min-height:38px;color:var(--pencil-soft);text-align:start;white-space:normal;justify-content:flex-start;align-items:center;gap:.3rem;margin-top:.65rem;padding:.35em .65em;font-size:.9rem;line-height:1.2;display:inline-flex}.version-notes-toggle:hover,.version-notes-toggle:focus-visible{color:var(--pencil);background:var(--paper-soft)}.version-test-settings{border-top:1.5px dashed var(--line);margin-top:.9rem;padding-top:.7rem}.version-test-settings summary{width:fit-content;min-height:32px;color:var(--pencil-faded);cursor:pointer;padding-block:.35rem;font-size:.8rem;line-height:1.2}.version-test-settings summary:hover,.version-test-settings summary:focus-visible{color:var(--pencil)}.version-test-settings summary svg{vertical-align:-.18rem;margin-inline:.18rem .2rem}.version-test-setting-row{border:1.5px dashed var(--pencil-faded);background:#ffffff47;border-radius:10px 14px 11px 15px/14px 10px 15px 11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;margin-top:.58rem;padding:.62rem .68rem;display:grid}.version-test-setting-copy{gap:.18rem;min-width:0;display:grid}.version-test-setting-heading{flex-wrap:wrap;align-items:center;gap:.38rem;min-width:0;display:flex}.version-test-setting-heading strong{font-family:var(--font-display);font-size:.92rem;line-height:1.08}.version-test-setting-active{background:var(--sticky-green);border:1px dashed var(--pencil-faded);border-radius:999px;padding:.12rem .38rem;font-size:.68rem;font-weight:800;line-height:1.05}.version-test-setting-copy p{color:var(--pencil-faded);margin:0;font-size:.78rem;line-height:1.22}button.version-test-switch{background:var(--paper);min-width:6rem;min-height:38px;box-shadow:1.5px 1.5px 0 var(--pencil);border-width:1.5px;border-radius:999px;justify-content:center;align-items:center;gap:.38rem;padding:.22rem .45rem;font-size:.84rem;display:inline-flex}button.version-test-switch.is-on{background:var(--sticky-green)}.version-test-switch-track{background:var(--paper-soft);border:1.5px solid var(--pencil);direction:ltr;border-radius:999px;flex:none;width:2.25rem;height:1.25rem;position:relative}.version-test-switch-thumb{background:var(--pencil-faded);border:1px solid var(--pencil);border-radius:50%;width:.82rem;height:.82rem;transition:transform .14s,background .14s;position:absolute;top:.12rem;left:.12rem}.version-test-switch.is-on .version-test-switch-thumb{background:var(--pen-blue);transform:translate(.96rem)}.version-test-switch-label{min-width:1.6rem;font-family:var(--font-display);text-align:center;line-height:1}.version-debug{gap:.85rem;display:grid}.version-debug-heading h3{align-items:center;gap:.4rem;margin:0;font-size:1.25rem;line-height:1.1;display:inline-flex}.version-debug-field{margin:0}.version-debug-buttons{justify-content:flex-start;margin:0}.version-debug-buttons button{align-items:center;gap:.35rem;min-height:40px;padding:.42em .78em;font-size:.92rem;display:inline-flex}.debug-simulation{gap:clamp(.9rem,2vw,1.25rem);display:grid}.debug-simulation-toolbar{background:var(--paper-soft);border:2px dashed var(--pencil-faded);border-radius:12px 16px 13px 18px/16px 12px 18px 13px;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:.8rem;display:flex}.debug-simulation-copy{min-width:0}.debug-simulation-copy h1{margin:.25rem 0 0;font-size:clamp(1.45rem,3.2vw,2.1rem);line-height:1.05}.debug-simulation-copy p{max-width:48rem;margin:.22rem 0 0}.debug-simulation-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.debug-simulation-controls button{min-height:40px}.debug-simulation-controls button:not(.icon-circle){align-items:center;gap:.35rem;padding:.42em .74em;display:inline-flex}.debug-simulation-picker{min-width:min(18rem,100%);color:var(--pencil-soft);align-items:center;gap:.35rem;font-size:.88rem;display:inline-flex}.debug-simulation-picker select{width:100%;min-width:0;min-height:40px;padding:.35rem .55rem;font-size:.9rem}.debug-simulation-frame{padding-top:.25rem}.debug-simulation-canvas,.debug-simulation-canvas :is(button,a,input,select,textarea,audio,label){pointer-events:none}@media (width<=700px){.debug-simulation-toolbar{flex-direction:column}.debug-simulation-controls{justify-content:flex-start;width:100%}.debug-simulation-picker{flex:100%;order:-1;width:100%}.debug-simulation-controls button:not(.icon-circle){flex:min(13rem,100%);justify-content:center}}.app-header{border-bottom:2px dashed var(--pencil-faded);direction:ltr;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.app-title{min-width:0;font-family:var(--font-display);color:var(--pencil);cursor:pointer;direction:ltr;border-radius:8px;outline:none;align-items:center;gap:.4em;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.app-logo{width:auto;height:2.4rem;display:block}.app-title .scribble{color:var(--marker-red)}.app-title:focus-visible{outline:2px dashed var(--marker-red);outline-offset:4px}.app-header-tools{direction:ltr;flex:none;justify-content:flex-end;align-items:center;gap:.55rem;min-width:0;display:inline-flex}.header-locale-selector{z-index:30;position:relative}.header-volume-control{z-index:20;position:relative}.volume-trigger{background:var(--paper);width:44px;min-width:44px;height:40px;min-height:38px;box-shadow:2px 2px 0 var(--pencil);border-radius:12px 16px 11px 15px/15px 11px 16px 12px;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:rotate(1deg)}.volume-trigger.open,.volume-trigger:focus-visible{box-shadow:1px 1px 0 var(--pencil);background:var(--sticky-blue);transform:translate(1px,1px)rotate(-1deg)}.volume-popover{z-index:55;border:2px solid var(--pencil);background:var(--paper);width:min(260px,100vw - 1.5rem);box-shadow:5px 5px 0 var(--pencil);border-radius:12px 18px 14px 16px/16px 12px 18px 14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem .82rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.volume-slider{width:100%;min-height:28px;box-shadow:none;accent-color:var(--marker-red);background:0 0;border:0;border-radius:0;padding:0}.volume-slider:focus{box-shadow:none}.volume-slider:focus-visible{outline:2px dashed var(--marker-red);outline-offset:3px}.volume-value{min-width:3ch;font-family:var(--font-display);color:var(--pencil-soft);text-align:right;line-height:1}.locale-trigger{background:var(--paper);min-width:68px;min-height:38px;box-shadow:2px 2px 0 var(--pencil);white-space:nowrap;border-radius:12px 16px 11px 15px/15px 11px 16px 12px;justify-content:center;align-items:center;gap:.32rem;padding:.22em .58em;display:inline-flex;transform:rotate(1deg)}.locale-trigger.open{box-shadow:1px 1px 0 var(--pencil);background:var(--sticky-blue);transform:translate(1px,1px)rotate(-1deg)}.locale-trigger-code{font-family:var(--font-display);font-size:1rem;line-height:1}.locale-menu{z-index:50;border:2px solid var(--pencil);background:var(--paper);width:min(330px,92vw);max-height:min(500px,72vh);box-shadow:5px 5px 0 var(--pencil);border-radius:12px 18px 14px 16px/16px 12px 18px 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.68rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;overflow-y:auto}.locale-menu-option{text-align:left;min-width:0;min-height:42px;box-shadow:none;background:var(--paper);border-radius:10px 14px 11px 13px/14px 10px 13px 11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.32em .52em;display:grid}.locale-menu-option.selected{background:var(--marker-red);color:var(--paper)}.locale-menu-code{min-width:2.35rem;font-family:var(--font-display);border:1.5px solid;border-radius:6px 9px 6px 10px/9px 6px 10px;justify-content:center;align-items:center;padding:.1em .35em;font-size:.88rem;line-height:1.15;display:inline-flex}.locale-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-body);font-size:.94rem;overflow:hidden}.feedback-entry{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:38px;padding:.35em .75em;display:inline-flex}.feedback-entry-label{display:inline}.feedback-panel{z-index:40;background:var(--paper);border:2px solid var(--pencil);width:min(440px,100vw - 1.5rem);max-height:calc(100vh - 1.5rem);box-shadow:5px 6px 0 var(--pencil);border-radius:18px 26px 18px 28px/24px 18px 26px 20px;padding:1rem;position:fixed;bottom:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);overflow:hidden auto}.feedback-panel-header{border-bottom:2px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;padding-bottom:.55rem;display:flex}.feedback-panel-header>div{min-width:0}.feedback-panel-header h2{margin-bottom:0;font-size:1.7rem;line-height:1.05}.feedback-kicker{color:var(--marker-red);font-family:var(--font-display);margin:0 0 .1rem;line-height:1}.feedback-close{flex:none;width:44px;height:44px}.feedback-form{gap:.7rem;display:grid}.feedback-form .field{margin-bottom:0}.feedback-form textarea{resize:vertical}.feedback-category-field{border:0;margin:0;padding:0}.feedback-category-field legend{font-family:var(--font-display);color:var(--pencil-soft);margin-bottom:.35rem}.feedback-category-list{grid-template-columns:repeat(auto-fit,minmax(5.35rem,1fr));gap:.35rem;display:grid}.feedback-category{overflow-wrap:normal;white-space:nowrap;word-break:keep-all;min-width:0;min-height:38px;box-shadow:none;padding:.35rem;font-size:.8rem}.feedback-category.selected{background:var(--sticky-blue);box-shadow:2px 2px 0 var(--pencil);border-style:solid}.feedback-inline-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;display:grid}.feedback-disclosure{color:var(--pencil-faded);margin:0;font-size:.96rem}.feedback-error{color:var(--marker-red);font-family:var(--font-display);margin:0}.feedback-fallback{border:1.5px dashed var(--pencil);background:var(--sticky);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;gap:.55rem;min-width:0;padding:.65rem .75rem;display:grid}.feedback-fallback p{margin:0}.feedback-fallback .sketch-btn,.feedback-fallback button,.feedback-actions button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.feedback-fallback .sketch-btn{text-decoration:none}.feedback-actions{justify-content:flex-end;min-width:0;display:flex}.feedback-sent{background:var(--sticky-green);border:1.5px solid var(--pencil);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;min-width:0;padding:.75rem;display:grid}.feedback-sent p{margin:.15rem 0 0}.error-banner{background:var(--sticky-pink);border:2px solid var(--marker-red);font-family:var(--font-display);border-radius:12px 22px 12px 24px/22px 14px 22px 12px;margin-bottom:1rem;padding:.6em 1em}.player-list{grid-template-columns:minmax(0,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.player-list li{background:var(--paper-soft);border:1.5px dashed var(--pencil);min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;border-radius:14px 22px 14px 24px/22px 14px 22px 12px;gap:.4em;padding:.4em .8em;display:grid}.player-list-main{align-items:center;gap:.4em;min-width:0;display:flex}.player-name-line{flex-wrap:wrap;flex:auto;align-items:center;gap:.35rem .55rem;min-width:0;display:flex}.player-name{overflow-wrap:anywhere;flex:0 auto;min-width:0}.player-ready-tag{white-space:nowrap;flex:none;margin-left:.15rem;margin-right:0}.player-flair-status{background:var(--paper-soft);border:1.5px dashed var(--pencil);min-width:0;max-width:min(100%,9.5rem);min-height:26px;color:var(--pencil);font-family:var(--font-body);white-space:nowrap;border-radius:999px;flex:0 auto;align-items:center;gap:.22rem;padding:.13rem .44rem;font-size:.78rem;font-weight:700;line-height:1.08;display:inline-flex;overflow:hidden}.player-flair-status span{text-overflow:ellipsis;min-width:0;overflow:hidden}button.player-flair-status{width:auto;box-shadow:1.5px 1.5px 0 var(--pencil);cursor:pointer}.player-flair-status--approved,.player-flair-status--set{background:var(--sticky-green)}.player-flair-status--pending{background:var(--sticky)}.player-flair-status--rejected{background:var(--marker-red-soft)}.player-flair-status--unavailable,.player-flair-status--missing{color:var(--pencil-faded)}.player-flair-edit-button{white-space:nowrap;border-width:1.5px;flex:none;min-height:32px;padding:.18em .6em;font-size:.9rem;line-height:1}.player-reaction-bubble{background:var(--paper);border:1.5px solid var(--pencil);max-width:min(100%,12rem);box-shadow:1.5px 1.5px 0 var(--pencil);color:var(--pencil);font-family:var(--font-display);white-space:nowrap;border-radius:14px 16px 16px 12px/14px 16px 12px;flex:0 auto;margin-left:.08rem;padding:.2rem .58rem .22rem;font-size:.86rem;line-height:1;position:relative}.player-reaction-bubble:before{content:"";border-top:.28rem solid #0000;border-bottom:.28rem solid #0000;border-right:.42rem solid var(--pencil);width:0;height:0;position:absolute;top:50%;left:-.42rem;transform:translateY(-50%)}.player-reaction-bubble:after{content:"";border-top:.21rem solid #0000;border-bottom:.21rem solid #0000;border-right:.32rem solid var(--paper);width:0;height:0;position:absolute;top:50%;left:-.3rem;transform:translateY(-50%)}.player-list li.offline{-webkit-text-decoration:line-through wavy var(--pencil-faded);text-decoration:line-through wavy var(--pencil-faded);opacity:.7}.room-code-card{min-width:0;max-width:100%;font-family:var(--font-display);letter-spacing:.4em;background:linear-gradient(135deg, #ffffff80, transparent 62%), var(--paper-soft);border:2px solid var(--pencil);cursor:default;direction:ltr;border-style:dashed;border-radius:18px 28px/24px 18px 26px 20px;align-items:center;gap:.6rem;padding:.4em .8em .3em;font-size:clamp(2rem,7vw,4.2rem);display:inline-flex;box-shadow:inset 0 0 0 2px #fffaf0b8}.room-qr-panel{text-align:center;justify-self:end;justify-items:center;gap:.55rem;min-width:0;max-width:240px;display:grid}.room-qr-frame{background:var(--paper-soft);border:2px solid var(--pencil);max-width:100%;box-shadow:3px 3px 0 var(--pencil);border-radius:12px 18px 12px 20px/18px 12px 20px 14px;padding:.55rem;line-height:0;transform:rotate(1deg)}.room-qr-frame svg{width:min(38vw,160px);max-width:100%;height:auto;display:block}.stack.display-lobby--streamlined{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.display-lobby--streamlined>*{min-width:0}.display-lobby--streamlined .sketch-card{padding:.9rem 1.05rem}.display-session-card{gap:.7rem;display:grid}.display-room-layout{grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);align-items:stretch;gap:.85rem;min-width:0;display:grid}.display-room-controls{border-left:2px dashed var(--line);gap:.68rem;min-width:0;padding-left:.85rem;display:grid}.display-session-invite{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:stretch;gap:.8rem;min-width:0;display:grid}.display-session-code{text-align:center;justify-self:center;justify-items:center;width:min(100%,25rem);display:grid}.display-card-heading{text-align:center;justify-items:center;gap:.18rem;min-width:0;display:grid}.display-card-heading h2,.display-card-heading p{margin-bottom:0}.display-code-actions{grid-template-columns:minmax(0,1fr) auto;justify-content:center;align-items:center;gap:.6rem;width:min(100%,25rem);min-width:0;margin-top:.55rem;display:grid}.display-code-actions .room-code-card{box-sizing:border-box;background:linear-gradient(135deg, #1d4ea114, #fffaf033), var(--paper-soft);border-color:var(--pen-blue);white-space:nowrap;justify-content:center;justify-self:center;width:min(100%,21rem);font-size:clamp(2.8rem,5.4vw,4.35rem)}.display-code-actions .room-code-card.room-code-tiles{width:min(100%,19.5rem)}.display-qr-panel{justify-self:center;gap:.45rem;max-width:none}.display-qr-panel .room-qr-frame{padding:.56rem}.display-qr-panel .room-qr-frame svg{width:clamp(150px,16vw,198px)}.display-session-players{border-top:2px dashed var(--line);gap:.45rem;min-width:0;padding-top:.6rem;display:grid}.display-players-card{width:min(100%,58rem)}.display-players-card .display-session-players{border-top:0;padding-top:0}.display-session-players h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:0;display:flex}.display-player-list{grid-template-columns:minmax(0,1fr);gap:.35rem;display:grid}.display-player-list li{padding:.34em .58em}.display-player-overflow-summary{display:none}@media (width>=901px) and (height<=1100px){.display-player-list .display-player-extra{display:none}.display-player-list .display-player-overflow-summary{background:var(--sticky-blue);border-style:solid;display:grid}}.display-control-grid{gap:.62rem;min-width:0;display:grid}@media (width>=901px) and (height<=820px){body.display-lobby-active .app-shell{min-height:100dvh;padding:.55rem clamp(.75rem,2vw,1.4rem)}body.display-lobby-active .app-header{gap:.6rem;margin-bottom:.55rem;padding-bottom:.45rem}body.display-lobby-active .app-logo{height:1.9rem}body.display-lobby-active .app-header-tools{gap:.4rem}.stack.display-lobby--streamlined{gap:.5rem}.display-lobby--streamlined .sketch-card{padding:.58rem .72rem}.display-session-card{gap:.45rem}.display-room-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:.55rem}.display-room-controls{gap:.42rem;padding-left:.55rem}.display-session-invite{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem}.display-session-code{width:min(100%,18rem)}.display-card-heading{gap:.12rem}.display-card-heading h2{font-size:1.28rem}.display-card-heading p{display:none}.display-qr-panel{justify-self:center;gap:0;display:grid}.display-qr-panel .room-qr-frame{padding:.3rem}.display-qr-panel .room-qr-frame svg{width:clamp(104px,9.2vw,132px)}.display-code-actions{grid-template-columns:minmax(0,16rem) 42px;gap:.35rem;width:min(100%,20rem);margin-top:.24rem}.display-code-actions .room-code-card{width:100%;font-size:2.35rem}.display-code-actions .room-code-card.room-code-tiles{gap:.08em;width:100%;padding:.16em .32em .12em}.display-lobby--streamlined .icon-circle{width:42px;min-width:42px;height:42px;min-height:42px}.display-control-grid{gap:.34rem}.display-lobby--streamlined .lobby-setup-panel{gap:.3rem;padding:0}.display-lobby--streamlined .lobby-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}.display-lobby--streamlined .setup-time-control,.display-lobby--streamlined .setup-public-fields{grid-column:auto}.display-lobby--streamlined .setup-time-control .setup-segmented-options{grid-template-columns:repeat(2,minmax(0,1fr))}.display-lobby--streamlined .setup-control{gap:.2rem;padding:.28rem}.display-lobby--streamlined .setup-control-label{font-size:.82rem}.display-lobby--streamlined .setup-control-label svg{width:16px;height:16px}.display-lobby--streamlined .setup-stepper-controls{grid-template-columns:30px minmax(0,1fr) 30px;gap:.18rem}.display-lobby--streamlined button.setup-step-button{width:30px;min-width:30px;height:30px;min-height:30px}.display-lobby--streamlined .setup-step-value,.display-lobby--streamlined .setup-static-value{min-height:30px;padding-inline:.18rem}.display-lobby--streamlined .setup-step-value,.display-lobby--streamlined .setup-static-value strong{font-size:1.05rem}.display-lobby--streamlined .setup-step-value small,.display-lobby--streamlined .setup-static-value small{font-size:.5rem}.display-lobby--streamlined .setup-select{min-height:34px;padding:.24rem .44rem;font-size:.88rem}.display-lobby--streamlined .setup-segmented-options{gap:.16rem}.display-lobby--streamlined button.setup-segment-option{min-height:30px;padding:.16rem .08rem;font-size:.74rem}.display-lobby--streamlined .setup-toggle-heading{grid-template-columns:minmax(0,1fr);gap:.18rem}.display-lobby--streamlined .setup-toggle{justify-self:start;min-width:6rem;font-size:.82rem}.display-lobby--streamlined .setup-info-popover{display:none}.display-players-card{width:min(100%,52rem)}.display-session-players{gap:.32rem}.display-session-players h2{font-size:1.26rem}.display-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem}.display-player-list li{padding:.22em .46em}.display-player-list .display-player-extra{display:none}.display-player-list .display-player-overflow-summary{background:var(--sticky-blue);border-style:solid;display:grid}}.stack.device-host-lobby{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:start;gap:.7rem;display:grid}.device-host-lobby>*{min-width:0}.device-host-lobby .sketch-card{padding:.85rem 1rem}.device-host-lobby h2{margin-bottom:.3rem;font-size:clamp(1.45rem,2.3vw,2.2rem);line-height:1}.stack.device-host-lobby--streamlined{touch-action:pan-y;grid-template-columns:minmax(250px,.36fr) minmax(420px,.64fr);gap:.65rem}.device-host-lobby--streamlined button:active{transform:none}.host-room-card{grid-column:1/-1;align-content:start;gap:.72rem;display:grid}.host-room-layout{grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);align-items:start;gap:.85rem;min-width:0;display:grid}.host-room-controls{border-left:2px dashed var(--line);gap:.65rem;min-width:0;padding-left:.85rem;display:grid}.host-public-card{grid-column:1;align-content:start;display:grid}.host-players-card{grid-column:1/-1;align-content:start;display:grid}.device-host-lobby--has-public-control .host-public-card{grid-row:2}.device-host-lobby--has-public-control .host-players-card{grid-area:2/2}.host-session-invite{gap:.45rem;display:grid}.host-session-heading{min-width:0}.host-session-heading p{margin-bottom:0}.host-code-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;display:grid}.host-code-actions .room-code-card{box-sizing:border-box;background:linear-gradient(135deg, #d9352c14, #fffaf03d), var(--paper-soft);letter-spacing:.22em;white-space:nowrap;justify-content:center;justify-self:start;width:min(100%,17.5rem);min-width:0;padding:.24em .55em .2em;font-size:clamp(2rem,4.8vw,3rem)}.host-code-actions .room-code-card.room-code-tiles{width:min(100%,16.75rem)}.invite-public-control{gap:.34rem;min-width:0;padding:0;display:grid}.invite-public-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-width:0;display:grid}.invite-public-label{color:var(--pencil)}.invite-public-actions{justify-content:flex-end;align-items:center;min-width:0;display:flex}.invite-public-toggle{min-width:6.85rem}.invite-public-note{margin:-.08rem 0 0;line-height:1.15}.invite-public-fields{border-top:1.5px dashed var(--line);grid-template-columns:minmax(0,1fr) minmax(130px,.58fr);gap:.42rem;padding-top:.4rem}.room-code-card.room-code-tiles{width:min(100%,14.75rem);font-family:var(--font-code);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.08em;padding:.17em .38em .13em;font-weight:700;display:grid;position:relative}.room-code-readable{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room-code-tile{justify-content:center;align-items:center;min-width:0;line-height:1;display:inline-flex;overflow:hidden}.room-code-tile:before{content:attr(data-char);font-size:.94em;line-height:1}.host-session-players{border-top:2px dashed var(--line);gap:.45rem;min-width:0;padding-top:.55rem;display:grid}.host-players-card .host-session-players{border-top:0;padding-top:0}.host-session-players h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:0;display:flex}.host-player-count{color:var(--pencil-faded);font-size:.82em}.host-player-count.audience-count{align-items:center;gap:.25rem;display:inline-flex}.audience-lobby-note{align-items:center;gap:.35rem;display:flex}.audience-join-button{margin-top:.65rem}.audience-phase-card{border-style:dashed}.host-player-list{grid-template-columns:minmax(0,1fr);gap:.35rem;display:grid}.host-player-list li{padding:.34em .58em}.host-player-list .player-flair-status{max-width:100%}.device-host-lobby--streamlined .host-control-panel{grid-area:1/2;gap:.65rem;display:grid}.host-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.58rem .65rem;min-width:0;display:grid}.host-control-grid .host-setting-group{gap:.38rem;min-width:0}.host-control-grid h2,.host-setting-label{font-family:var(--font-display);align-items:center;gap:.35rem;margin-bottom:0;font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1;display:flex}.host-setting-heading{gap:.18rem;min-width:0;display:grid}.host-setting-heading p{margin-bottom:0;line-height:1.2}.host-visibility-control,.host-family-filter-control,.host-style-control,.host-public-fields{grid-column:1/-1}.host-visibility-control,.host-family-filter-control{border-bottom:2px dashed var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding-bottom:.55rem}.host-family-filter-control{padding-top:.05rem}.host-visibility-toggle{isolation:isolate;background:var(--paper);border:2px solid var(--pencil);min-width:8.2rem;box-shadow:2px 2px 0 var(--pencil);color:var(--pencil);font-family:var(--font-display);border-radius:999px;grid-template-columns:repeat(2,minmax(56px,1fr));gap:0;padding:.2rem;font-size:1.05rem;line-height:1;display:grid;position:relative;overflow:hidden}.host-visibility-toggle:before{content:"";z-index:0;background:var(--sticky-green);border:2px solid var(--pencil);box-shadow:1.5px 1.5px 0 var(--pencil);border-radius:999px;transition:left .14s,right .14s;position:absolute;inset:.2rem calc(50% + .09rem) .2rem .2rem}.host-visibility-toggle.is-on:before{left:calc(50% + .09rem);right:.2rem}.host-visibility-choice{z-index:1;min-height:36px;color:var(--pencil);background:0 0;justify-content:center;align-items:center;padding:.28em .7em;display:inline-flex;position:relative}.host-visibility-choice.is-active{font-weight:700}.host-style-control .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.host-style-control .mode-option{min-height:56px;padding:.4rem .55rem}.host-style-control .mode-option small{font-size:.8rem}.lobby-setup-panel{background:0 0;border:0;border-radius:0;grid-column:1/-1;gap:.5rem;padding:0;display:grid}.lobby-setup-meta{flex-wrap:wrap;align-items:center;gap:.28rem .45rem;min-width:0;margin-bottom:.05rem;display:flex}.lobby-mode-chip{background:var(--sticky-blue);border:1.5px dashed var(--pencil);min-height:1.8rem;color:var(--pencil);font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;padding:.18rem .56rem .14rem;font-size:.96rem;line-height:1;display:inline-flex}.lobby-mode-chip.is-solo{background:var(--sticky-green)}.lobby-mode-note{margin:0;font-size:.94rem;line-height:1.15}.lobby-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;min-width:0;display:grid}.setup-control{background:linear-gradient(90deg, #fde68a33, transparent 72%), var(--paper);border:1.5px solid var(--line);border-radius:10px 14px 10px 16px/14px 10px 16px 12px;gap:.32rem;min-width:0;padding:.42rem;display:grid}.setup-control-label{min-width:0;color:var(--pencil-soft);font-family:var(--font-display);align-items:center;gap:.28rem;font-size:.98rem;line-height:1;display:flex}.setup-control-label svg{flex:none}button.setup-info-button{width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;color:var(--pencil-soft);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}button.setup-info-button:hover,button.setup-info-button:focus-visible,button.setup-info-button.is-open{color:var(--pen-blue);background:0 0}.setup-select{min-height:38px;padding:.32rem .54rem;font-size:.96rem}.setup-stepper-controls{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:.28rem;min-width:0;display:grid}button.setup-step-button{border-radius:50% 48% 52% 50%/50% 52% 48% 50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}.setup-step-value{background:var(--sticky);border:2px solid var(--pencil);min-width:0;min-height:36px;box-shadow:2px 2px 0 var(--pencil);font-family:var(--font-code);text-align:center;border-radius:8px 12px 8px 14px/12px 8px 14px 10px;justify-content:center;align-items:baseline;gap:.16rem;padding:.12rem .28rem;font-size:1.36rem;font-weight:700;line-height:1;display:inline-flex}.setup-step-value small{color:var(--pencil-faded);font-family:var(--font-body);white-space:nowrap;font-size:.62rem;font-weight:700;line-height:1}.setup-static-value{background:var(--sticky-green);border:2px solid var(--pencil);min-width:0;min-height:36px;box-shadow:2px 2px 0 var(--pencil);color:var(--pencil);border-radius:8px 12px 8px 14px/12px 8px 14px 10px;justify-content:center;align-items:baseline;gap:.24rem;padding:.12rem .36rem;display:inline-flex}.setup-static-value strong{font-family:var(--font-code);font-size:1.36rem;line-height:1}.setup-static-value small{color:var(--pencil-faded);font-family:var(--font-body);white-space:nowrap;font-size:.62rem;font-weight:700;line-height:1}.setup-segmented-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;min-width:0;display:grid}.setup-time-control{grid-column:1/-1}button.setup-segment-option{border:1.5px dashed var(--pencil-faded);min-width:0;min-height:34px;box-shadow:none;text-align:center;white-space:nowrap;overflow-wrap:normal;background:0 0;border-radius:8px 12px/12px 8px;justify-content:center;align-items:center;padding:.22rem .16rem;font-size:.86rem;line-height:1;display:inline-flex}button.setup-segment-option.is-selected{background:var(--sticky-blue);border-color:var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-style:solid;font-weight:700}.setup-toggle-control{align-content:center}.setup-toggle-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-width:0;display:grid}.setup-toggle{grid-template-columns:repeat(2,minmax(48px,1fr));min-width:7.2rem;font-size:.98rem}.setup-info-popover{max-height:0;color:var(--pencil-faded);opacity:0;margin:0;font-size:.84rem;line-height:1.12;transition:max-height .16s,opacity .16s,margin-top .16s;overflow:hidden}:is(.setup-audience-control:has(.setup-info-button:hover) .setup-info-popover,.setup-audience-control:has(.setup-info-button:focus-visible) .setup-info-popover,.setup-info-popover.is-open){opacity:1;max-height:3rem;margin-top:.08rem}.setup-public-fields{border-top:1.5px dashed var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(140px,.52fr);gap:.42rem;padding-top:.42rem}.host-public-fields{border-top:2px dashed var(--line);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.46rem;padding-top:.55rem;display:grid}.host-public-fields .field{margin:0}.host-inline-reactions{border-top:2px dashed var(--line);gap:.38rem;min-width:0;padding-top:.45rem;display:grid}.host-inline-reactions h3{font-family:var(--font-display);margin-bottom:0;font-size:clamp(1.12rem,1.7vw,1.32rem);line-height:1}.host-inline-reactions .reaction-button-grid{gap:.4rem}.host-inline-reactions .reaction-button{min-height:38px;padding:.32em .58em}.host-start-row{border-top:2px solid var(--pencil);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding-top:.6rem;display:grid}.host-start-button{white-space:nowrap;width:100%;min-height:52px;padding:.55em .9em;font-size:1.1rem}.host-leave-button{white-space:nowrap;min-height:44px;padding:.42em .72em}.host-start-status{grid-column:1/-1;min-width:0;min-height:1.2rem}.host-start-status p{margin-bottom:0;line-height:1.2}.playback-screen{position:relative}.playback-outro-voting{isolation:isolate}.playback-audio-host{visibility:hidden;pointer-events:none;block-size:0;inline-size:0;position:absolute;overflow:hidden}.sketch-player-card{background:var(--paper);border:2px solid var(--pencil);min-width:0;box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--pencil);border-radius:18px 28px/24px 18px 26px 20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sketch-player-stage{min-width:0;position:relative}.sketch-player-stage .sketch-card{box-shadow:none;border:0;border-radius:0;width:100%;transform:none}.sketch-player-card .sketch-transport{box-shadow:none;border:0;border-top:2px solid var(--pencil);background:var(--paper-soft);border-radius:0}.playback-outro-voting-cue{background:var(--sticky-yellow);color:var(--pencil);justify-content:center;align-items:center;gap:.5rem;padding-block:.65rem;display:flex;transform:rotate(-.25deg)}.playback-outro-voting-cue svg{color:var(--marker-red)}.sketch-transport{background:var(--paper);border:2px solid var(--pencil);width:100%;min-width:0;box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--pencil);border-radius:16px 22px 18px 24px/22px 16px 22px 18px;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;padding:.45rem .7rem;display:flex}.sketch-transport-play{background:var(--paper);width:44px;height:44px;color:var(--marker-red);border:2px solid var(--pencil);cursor:pointer;box-shadow:1.5px 2px 0 var(--pencil);border-radius:50% 46% 52% 48%/48% 52% 46%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sketch-transport-play:disabled{opacity:.45;cursor:default}.sketch-transport-play:not(:disabled):active{box-shadow:.5px 1px 0 var(--pencil);transform:translate(1px,1px)}.sketch-transport-play:focus-visible{outline:2px dashed var(--marker-red);outline-offset:3px}.sketch-transport-time{min-width:3.4ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--pencil-soft);text-align:center;flex:none;line-height:1}.sketch-transport-seek{--transport-fill:0%;appearance:none;min-width:100px;height:28px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;flex:130px;margin:0;padding:0}.sketch-transport-seek:disabled{cursor:default;opacity:.5}.sketch-transport-seek:focus{box-shadow:none}.sketch-transport-seek:focus-visible{outline:2px dashed var(--marker-red);outline-offset:3px}.sketch-transport-seek::-webkit-slider-runnable-track{box-sizing:border-box;border:2px solid var(--pencil);background:linear-gradient(var(--marker-red), var(--marker-red)) left center / var(--transport-fill) 9px no-repeat padding-box, linear-gradient(var(--paper-soft), var(--paper-soft)) padding-box;border-radius:999px;height:16px}.sketch-transport-seek::-moz-range-track{box-sizing:border-box;border:2px solid var(--pencil);background:linear-gradient(var(--marker-red), var(--marker-red)) left center / var(--transport-fill) 9px no-repeat padding-box, linear-gradient(var(--paper-soft), var(--paper-soft)) padding-box;border-radius:999px;height:16px}.sketch-transport-seek::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--paper);border:2px solid var(--pencil);width:20px;height:20px;box-shadow:1px 1.5px 0 var(--pencil);border-radius:52% 48% 50% 50%/48% 52% 50% 50%;margin-top:-2px}.sketch-transport-seek::-moz-range-thumb{box-sizing:border-box;background:var(--paper);border:2px solid var(--pencil);width:20px;height:20px;box-shadow:1px 1.5px 0 var(--pencil);border-radius:52% 48% 50% 50%/48% 52% 50% 50%}.playback-skip-ahead{z-index:6;justify-content:flex-end;align-items:center;max-width:calc(100% - 1.2rem);display:flex;position:absolute;bottom:.6rem;right:.6rem}.playback-skip-ahead-note{margin:0;font-size:.92rem}.playback-skip-ahead-button{white-space:nowrap;opacity:.82;align-items:center;gap:.35em;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.playback-skip-ahead-button:hover,.playback-skip-ahead-button:focus-visible{opacity:1}.lyrics-card{background:var(--paper);border:2px solid var(--pencil);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--pencil);font-family:var(--font-display);border-radius:14px;padding:1.2rem 1.4rem;font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.5}.lyrics-card .verse-tag{background:var(--sticky-blue);border-radius:6px;margin-bottom:.6em;padding:.1em .6em;display:inline-block}.lyrics-card .lyric-break{min-height:.75em}.lyrics-card .lyric-line{z-index:0;border-radius:6px;width:fit-content;max-width:100%;margin:.06em 0;padding:.02em .22em;transition:background .18s ease-out,color .18s ease-out,opacity .18s ease-out;display:block;position:relative}.lyrics-card .lyric-line[dir=rtl]{text-align:start;margin-inline:auto 0}.lyrics-card .lyric-text{z-index:1;white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.lyrics-card .lyric-word{font-weight:inherit;border-radius:.18em;transition:color .18s ease-out,opacity .18s ease-out}.lyrics-card .lyric-censor-mask,.lyrics-detail-list .lyric-censor-mask{display:inline-block;transform:translateY(.34em)}.lyrics-card .lyric-word.is-future{opacity:.58}.lyrics-card .lyric-word.is-sung{color:var(--karaoke-accent,var(--pencil));opacity:1;text-shadow:.018em 0}.lyrics-card .lyric-word.is-current{color:var(--karaoke-accent,var(--pencil));opacity:1;text-shadow:.026em 0}.lyrics-card .lyric-line.timed.is-future{color:var(--pencil-faded)}.lyrics-card .lyric-line.timed.is-past{color:var(--pencil-soft);opacity:.72}.lyrics-card .lyric-line.timed.is-active{color:var(--pencil);background:color-mix(in srgb, var(--karaoke-accent,var(--pencil)) 8%, transparent);opacity:1}@media (prefers-reduced-motion:reduce){.lyrics-card .lyric-line,.lyrics-card .lyric-word{transition:none}.battle-feature-card,.reaction-button.rate-limited{animation:none}.animated-performer,.animated-performer-frames{transition:none}.animated-performer[data-mouth-state] .animated-performer-frame{opacity:0}.animated-performer[data-mouth-state] .animated-performer-frame.is-closed{opacity:1}}.timer{font-family:var(--font-display);align-items:baseline;gap:.3em;font-size:1.1rem;display:inline-flex}.timer .seconds{box-sizing:content-box;font-variant-numeric:tabular-nums;background:var(--sticky);border:1.5px solid var(--pencil);text-align:center;border-radius:8px;inline-size:4.2ch;padding:.1em .5em;font-size:1.6rem;display:inline-block}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.home-screen{gap:1rem}.home-primary-layout{grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);align-items:start;gap:1rem;display:grid}.home-join-column,.home-start-room-panel{gap:1rem;min-width:0;display:grid}.home-start-room-panel{align-content:start}.home-start-room-panel .setup-card button,.home-join-primary button{flex-wrap:nowrap;padding-inline:.72em;font-size:.94rem}.public-room-browser{background:var(--paper-soft);width:100%}.home-open-lobbies{gap:.72rem;min-width:0;margin-top:.85rem;display:grid}.home-open-lobbies p{margin:0}.home-open-lobbies .public-room-refresh-button{justify-self:end;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.public-room-status-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;display:grid}.public-room-list-area{gap:.45rem;display:grid}.public-room-list-toolbar{justify-content:flex-end;display:flex}.public-room-list{gap:.6rem;display:grid}.public-room-listing{text-align:left;background:var(--paper);border:2px solid var(--pencil);width:100%;min-width:0;box-shadow:2px 2px 0 var(--pencil);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem;display:grid}.public-room-listing-main{gap:.25rem;min-width:0;display:grid}.public-room-listing-main strong{overflow-wrap:anywhere}.public-room-listing-meta{flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;display:flex}.public-room-listing-actions{justify-items:stretch;gap:.38rem;display:grid}.public-room-join-button{justify-content:center;align-items:center;gap:.35rem;min-width:96px;display:inline-flex}.public-room-audience-join-button{min-width:148px}.public-room-full-label{min-height:36px;color:var(--pencil-soft);font-family:var(--font-display);justify-content:center;align-items:center;padding:.28em .66em;display:inline-flex}.lobby-ready-card{background:var(--paper-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.lobby-ready-card h2{margin-bottom:0}.lobby-ready-card button{justify-content:center;align-items:center;gap:.35rem;min-width:104px;display:inline-flex}.lobby-ready-card .feedback-error{grid-column:1/-1}.lobby-flair-dialog-backdrop{z-index:40;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--pencil) 34%, transparent);place-items:center;display:grid;position:fixed;inset:0}.lobby-flair-dialog{gap:.9rem;width:min(100%,430px);display:grid;transform:none}.player-avatar-face{flex:none;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:inline-flex;overflow:hidden}.player-avatar-face img{mix-blend-mode:multiply;transform-origin:50% 59%;width:100%;height:auto;transform:scale(1.55)}.player-avatar-face--row{vertical-align:middle;width:1.5rem;height:1.5rem}.player-avatar-face--vote{width:3.2rem;height:3.2rem;margin:.15rem auto 0}.player-avatar-face--crowned{overflow:clip visible}.avatar-cycler{justify-content:center;align-items:center;gap:.65rem;display:flex;position:relative}.avatar-portrait-field{justify-items:center;display:grid}.home-join-form .avatar-portrait-field{grid-column:1/-1}.host-avatar-portrait{width:100%;margin-top:.75rem}.setup-avatar-control{display:none}.setup-avatar-control .avatar-cycler{gap:.25rem}.setup-avatar-control button.avatar-cycler-step{width:1.9rem;min-width:1.9rem;height:1.9rem;min-height:1.9rem}.setup-avatar-control button.avatar-cycler-face{width:5rem;min-width:5rem;height:5rem;min-height:5rem}@media (width<=900px){.host-avatar-portrait{display:none}.setup-avatar-control{box-shadow:none;background:0 0;border:0;align-content:center;justify-items:center;padding:0;display:grid}}@media (width<=900px) and (height<=520px) and (orientation:landscape){.host-avatar-portrait{display:grid}.setup-avatar-control{display:none}}@media (width>=901px){.host-code-actions{grid-template-columns:auto auto;justify-content:center}.host-avatar-portrait{margin-top:1.5rem;position:relative;left:-.7rem}}button.avatar-cycler-step,.setup-card button.avatar-cycler-step,.join-card button.avatar-cycler-step{flex:none;justify-content:center;align-items:center;width:2.4rem;min-width:2.4rem;height:2.4rem;min-height:2.4rem;padding:0;display:inline-flex}button.avatar-cycler-face,.setup-card button.avatar-cycler-face,.join-card button.avatar-cycler-face{border:2px solid var(--pencil);cursor:pointer;background:0 0;border-radius:.65rem;flex:none;justify-content:center;align-items:center;width:7.5rem;min-width:7.5rem;height:7.5rem;min-height:7.5rem;padding:.15rem;display:inline-flex;overflow:hidden}.avatar-cycler-face img{object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 78%;width:100%;height:100%;display:block;transform:scale(1.45)}.avatar-cycler-face span{font-size:2.4rem;line-height:1}.avatar-popover{z-index:60;background:var(--paper);border:2px solid var(--pencil);box-shadow:3px 3px 0 var(--pencil);border-radius:.75rem;width:max-content;max-width:calc(100vw - 1.25rem);padding:.6rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-strip{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.avatar-strip-label{margin-bottom:.35rem;display:block}button.avatar-strip-option,.setup-card button.avatar-strip-option,.join-card button.avatar-strip-option{border:2px solid var(--pencil);cursor:pointer;background:0 0;border-radius:.65rem;flex:none;justify-content:center;align-items:center;width:4.5rem;min-width:4.5rem;height:4.5rem;min-height:4.5rem;padding:.15rem;display:inline-flex;overflow:hidden}.avatar-strip-option img{object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 62%;width:100%;height:100%;display:block;transform:scale(1.45)}.avatar-strip-random span{font-size:1.8rem;line-height:1}.avatar-strip-option.is-selected{border-color:var(--marker-red);box-shadow:0 0 0 2px var(--marker-red-soft)}.lobby-flair-dialog-header h2{margin-bottom:.25rem}.lobby-flair-dialog-header p{margin-bottom:0}.lobby-flair-dialog-notes{gap:.42rem;margin-top:.55rem;display:grid}.lobby-flair-dialog-note,.lobby-flair-status-note,.lobby-flair-edit-note{margin:0}.lobby-flair-status-note{border:1.5px dashed var(--pencil);background:var(--paper-soft);border-radius:8px;padding:.42rem .55rem;font-weight:700}.lobby-flair-status-note--approved{background:color-mix(in srgb, var(--sticky-green) 58%, var(--paper))}.lobby-flair-status-note--pending{background:color-mix(in srgb, var(--sticky) 58%, var(--paper))}.lobby-flair-status-note--rejected{background:color-mix(in srgb, var(--marker-red-soft) 58%, var(--paper))}.lobby-flair-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.lobby-flair-dialog-actions button{min-height:40px;padding:.42em .8em}.lobby-flair-action-spacer{flex:auto}.host-setting-group{gap:.5rem;min-width:0;display:grid}.game-language-select{border:2px solid var(--pencil);background:var(--paper);width:100%;min-height:44px;color:var(--pencil);box-shadow:3px 3px 0 var(--pencil);font-family:var(--font-display);border-radius:12px 18px 12px 20px/18px 12px 20px 14px;padding:.45rem .65rem;font-size:1rem}.reaction-button-grid{flex-wrap:wrap;gap:.55rem;display:flex}.reaction-button-grid button{box-shadow:2px 2px 0 var(--pencil)}.reaction-button.rate-limited{background:var(--sticky-pink);border-color:var(--marker-red);animation:.36s ease-in-out 2 reaction-rate-limit}@keyframes reaction-rate-limit{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.resume-room-card{background:var(--sticky);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.resume-room-card>div{min-width:0}.resume-room-card h2{margin-bottom:.2rem;font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.05}.resume-room-card p{margin:0}.resume-room-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.resume-room-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.setup-card,.join-card{flex-direction:column;min-width:0;min-height:100%;display:flex}.setup-card h2,.join-card h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.08}.setup-card form,.join-card form{margin-top:auto}.setup-card button,.join-card button{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;width:100%;line-height:1.12;display:flex}.setup-kicker{border:1.5px dashed var(--pencil);background:var(--sticky-blue);width:fit-content;min-width:0;max-width:100%;font-family:var(--font-display);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.15rem .55rem;font-size:.95rem;display:inline-flex}.setup-card-featured .setup-kicker{background:var(--sticky)}.join-card .setup-kicker{background:var(--sticky-green)}.home-join-primary{min-height:auto}.home-join-primary h2{font-size:clamp(2.05rem,4vw,3.05rem);line-height:1.02}.home-join-primary p{max-width:34rem;font-size:1.12rem}.home-join-primary form{margin-top:.85rem}.home-join-tabs{background:color-mix(in srgb, var(--paper) 60%, var(--marker-red-soft));border:1.5px dashed var(--pencil-faded);border-radius:12px 18px/18px 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.7rem;padding:.36rem;display:grid}.home-join-primary .home-join-tab{min-height:44px;color:var(--pencil-soft);box-shadow:none;background:0 0;border:1.5px solid #0000;border-radius:9px 14px/14px 9px;gap:.32rem;padding:.42em .62em;font-size:.92rem}.home-join-primary .home-join-tab.is-active{color:var(--pencil);background:var(--paper);border-color:var(--pencil);box-shadow:2px 2px 0 var(--pencil)}.home-join-form{grid-template-columns:minmax(8rem,.72fr) minmax(12rem,1fr);align-items:end;gap:.75rem;display:grid}.home-join-button-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(7.5rem,.42fr);gap:.45rem;min-width:0;display:grid}.home-join-button-row--single{grid-template-columns:1fr}.home-start-card{min-height:auto}.home-start-card h2{margin-bottom:.55rem;font-size:clamp(1.55rem,2.5vw,2rem)}.home-start-card form{gap:.72rem;margin-top:0;display:grid}.home-start-control-group{border:0;gap:.38rem;min-width:0;margin:0;padding:0;display:grid}.home-start-control-group legend{color:var(--pencil-soft);font-family:var(--font-body);margin:0;padding:0;font-size:.86rem;font-weight:800}.home-host-choice-grid{gap:.55rem;min-width:0;display:grid}button.home-host-choice{border:1.5px dashed var(--pencil-faded);min-width:0;min-height:82px;box-shadow:none;text-align:center;background:0 0;border-radius:10px 14px/14px 10px;align-content:start;justify-items:center;gap:.28rem;padding:.62rem .68rem;line-height:1.14;display:grid}.home-host-choice.is-selected{background:var(--sticky-blue);border-color:var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-style:solid}.home-host-choice-title{min-width:0;font-family:var(--font-display);justify-content:center;align-items:center;gap:.35rem;font-size:1.02rem;font-weight:700;display:inline-flex}.home-host-choice-title svg{flex:none}.home-host-choice-body{max-width:18rem;color:var(--pencil-soft);font-family:var(--font-body);font-size:.8rem;font-weight:800;line-height:1.22}.home-start-card button[type=submit]{margin-top:.1rem}.home-solo-card{gap:.42rem;min-height:auto;display:grid}.home-solo-card h2{margin-bottom:0;font-size:clamp(1.28rem,2vw,1.55rem)}.home-solo-card p{margin-bottom:.22rem;font-size:.94rem}.home-solo-card button{width:100%}.join-intent-screen{align-items:center;width:100%;padding-top:clamp(1rem,6vh,4rem)}.join-intent-card{width:min(100%,460px);min-height:auto}.join-intent-card h1{font-size:clamp(2rem,8vw,3.3rem);line-height:1.02}.join-intent-card .sketch-tag{vertical-align:middle;margin:.15rem 0 0;font-size:clamp(1.25rem,5vw,1.9rem)}.mode-options{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem;display:grid}.mode-option{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:.18rem;min-width:0;min-height:86px;padding:.65rem .75rem;display:flex}.mode-option span{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;line-height:1.1;display:inline-flex}.mode-option small{font-family:var(--font-body);color:var(--pencil-faded);font-size:.92rem;line-height:1.15}.mode-option.primary small{color:#fbf3dfdb}.stack{flex-direction:column;gap:1rem;min-width:0;display:flex}.stack.compact{gap:.65rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;display:flex}.spacer{flex:1;min-width:0}.muted{color:var(--pencil-faded)}.center{text-align:center}.eleven-poc-page{width:min(1500px,100%);margin:0 auto;padding:clamp(1rem,2vw,2rem)}.eleven-poc-hero{border-bottom:3px solid var(--pencil);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:grid}.eleven-poc-hero h1{max-width:11ch;font-size:clamp(2.2rem,6vw,5rem);line-height:.95}.eleven-poc-status-strip,.eleven-poc-segmented,.eleven-poc-ace-reference,.eleven-poc-meter-grid,.eleven-poc-form-row{flex-wrap:wrap;gap:.65rem;display:flex}.eleven-poc-status-strip{justify-content:flex-end}.eleven-poc-status-pill{border:2px solid var(--pencil);background:var(--paper-soft);box-shadow:2px 3px 0 var(--pencil);white-space:nowrap;border-radius:999px;padding:.3rem .72rem;font-weight:800}.eleven-poc-status-pill.is-working{background:var(--highlight-yellow)}.eleven-poc-status-pill.is-ok{background:var(--sticky-green)}.eleven-poc-layout{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);align-items:start;gap:1rem;display:grid}.eleven-poc-control-panel,.eleven-poc-monitor,.eleven-poc-playback,.eleven-poc-language-batch{border-radius:8px}.eleven-poc-section-heading{align-items:flex-start;gap:.7rem;margin-bottom:.85rem;display:flex}.eleven-poc-section-heading svg{width:1.55rem;height:1.55rem;color:var(--pen-blue);flex:none;margin-top:.2rem}.eleven-poc-section-heading h2{margin-bottom:.05rem;font-size:1.7rem}.eleven-poc-control-panel .field{gap:.35rem;margin-bottom:.75rem;display:grid}.eleven-poc-control-panel .field span{font-weight:800}.eleven-poc-control-panel textarea{resize:vertical;min-height:5.2rem}.eleven-poc-form-row>.field{flex:150px}.eleven-poc-batch-toolbar{flex-wrap:wrap;align-items:stretch;gap:.75rem;margin-bottom:.8rem;display:flex}.eleven-poc-batch-toolbar button{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.eleven-poc-batch-progress{border:2px dashed var(--line);background:#ffffff59;border-radius:8px;flex:260px;align-items:center;gap:.7rem;min-width:min(260px,100%);padding:.5rem .7rem;display:flex}.eleven-poc-batch-progress strong{font-family:var(--font-code);font-size:1.25rem}.eleven-poc-batch-progress span{color:var(--pencil-soft);overflow-wrap:anywhere}.eleven-poc-language-list{border-top:2px solid var(--pencil);display:grid}.eleven-poc-language-row{border-bottom:2px dashed var(--line);gap:.55rem;padding:.8rem 0;display:grid}.eleven-poc-language-row:last-child{border-bottom:0;padding-bottom:.2rem}.eleven-poc-language-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.7rem;display:grid}.eleven-poc-language-main h3{margin-bottom:.1rem;font-size:1.25rem;line-height:1.05}.eleven-poc-language-main h3 span{font-family:var(--font-code);color:var(--pencil-faded);text-transform:uppercase;font-size:.88rem}.eleven-poc-language-main p{margin:0}.eleven-poc-language-badges,.eleven-poc-language-stats{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.eleven-poc-language-badges span,.eleven-poc-language-stats span{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);white-space:nowrap;border-radius:999px;padding:.18rem .5rem;font-size:.86rem;line-height:1.2}.eleven-poc-language-row.is-running .eleven-poc-language-badges span:last-child{background:var(--highlight-yellow);border-color:var(--pencil)}.eleven-poc-language-row.is-ready .eleven-poc-language-badges span:last-child{background:var(--sticky-green);border-color:var(--pencil)}.eleven-poc-language-row.is-error .eleven-poc-language-badges span:last-child{background:var(--marker-red-soft);border-color:var(--pencil)}.eleven-poc-language-row.is-timing-missing .eleven-poc-language-badges span:last-child{background:var(--sticky);border-color:var(--pencil)}.eleven-poc-language-result{grid-template-columns:minmax(180px,.9fr) minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.eleven-poc-language-result audio{width:100%}.eleven-poc-language-stats{justify-content:flex-start}.eleven-poc-batch-karaoke{border:2px solid var(--pencil);background:#fff8e8;border-radius:8px;padding:.55rem}.eleven-poc-batch-karaoke .eleven-poc-lyrics{background:0 0;border:0;gap:.18rem;margin:0;padding:0}.eleven-poc-batch-karaoke .eleven-poc-lyrics p{font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.14}.eleven-poc-batch-karaoke-source{border-top:1.5px dashed var(--line);color:var(--pencil-faded);margin:.45rem 0 0;padding-top:.35rem;font-size:.86rem;line-height:1.15}.eleven-poc-language-note,.eleven-poc-language-error{margin:0;font-weight:800}.eleven-poc-language-error{color:var(--marker-red)}.eleven-poc-ace-reference,.eleven-poc-meter-grid{margin:.7rem 0 .95rem}.eleven-poc-metric{border:2px dashed var(--line);background:#ffffff61;border-radius:8px;flex:105px;min-width:105px;padding:.5rem .65rem}.eleven-poc-metric span{color:var(--pencil-faded);font-size:.92rem;line-height:1.1;display:block}.eleven-poc-metric strong{font-family:var(--font-code);overflow-wrap:anywhere;font-size:1.16rem;line-height:1.15;display:block}.eleven-poc-warning,.eleven-poc-error,.eleven-poc-placeholder{border:2px solid var(--pencil);background:var(--sticky);border-radius:8px;margin:.7rem 0;padding:.7rem .85rem;font-weight:800}.eleven-poc-error{background:var(--marker-red-soft)}.eleven-poc-placeholder{background:var(--paper-soft);color:var(--pencil-faded)}.eleven-poc-playback audio{width:100%;margin:.2rem 0 .75rem}.eleven-poc-segmented{margin-bottom:.9rem}.eleven-poc-segmented button{flex:180px;justify-content:center}.eleven-poc-segmented button.is-selected{background:var(--sticky-blue)}.eleven-poc-lyrics{border:3px solid var(--pencil);background:#fff8e8;border-radius:8px;gap:.3rem;margin-bottom:.9rem;padding:clamp(.8rem,2vw,1.2rem);display:grid}.eleven-poc-lyrics p{font-family:var(--font-display);color:#1f1b149e;overflow-wrap:anywhere;margin:0;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.18}.eleven-poc-lyrics p.is-active{color:var(--pencil);background:linear-gradient(#0000 58%,#fde68ae6 58%)}.eleven-poc-word.is-past{color:var(--pen-blue)}.eleven-poc-word.is-current{color:var(--marker-red);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.13em}.eleven-poc-transcript{border-top:2px dashed var(--line);padding-top:.75rem}.eleven-poc-transcript h3{margin-bottom:.2rem;font-size:1.35rem}@media (width<=900px){.eleven-poc-page{padding:.8rem}.eleven-poc-hero,.eleven-poc-layout{grid-template-columns:1fr}.eleven-poc-status-strip{justify-content:flex-start}.eleven-poc-hero h1{max-width:100%}.eleven-poc-language-main,.eleven-poc-language-result{grid-template-columns:1fr}.eleven-poc-language-badges{justify-content:flex-start}}.scroll{max-height:60vh;overflow-y:auto}.button-group{flex-wrap:wrap;gap:.6rem;min-width:0;display:flex}.voting-hero{justify-items:center;gap:.55rem;display:grid}.voting-hero h1,.voting-card h2{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.voting-progress-label{color:var(--pencil-faded);font-family:var(--font-display);font-size:clamp(1rem,1.8vw,1.18rem);line-height:1}.voting-status-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.voting-track-list{gap:1rem;display:grid}.voting-track-list.single{width:100%;max-width:860px;margin:0 auto}.voting-card{gap:.9rem;display:grid}.voting-self-disclaimer{justify-items:center;gap:.55rem;width:100%;max-width:860px;margin:0 auto;display:grid}.voting-self-disclaimer h2,.voting-card h2{margin-bottom:0}.battle-vote-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.battle-vote-contestant{background:linear-gradient(160deg, #ffffff5c, transparent 48%), var(--paper-soft);border:2.5px dashed var(--pencil);width:100%;min-width:0;min-height:clamp(150px,22vw,230px);color:var(--pencil);text-align:center;overflow-wrap:anywhere;border-radius:18px 24px 20px 26px/24px 18px 26px 20px;align-content:center;justify-items:center;gap:.45rem;padding:clamp(.95rem,2.3vw,1.45rem);display:grid;box-shadow:4px 4px #1f1b142e}.battle-vote-contestant strong{color:var(--pen-blue);font-family:var(--font-display);text-transform:uppercase;font-size:.9rem}.battle-vote-contestant h3{justify-items:center;gap:.35rem;margin:0;font-size:clamp(1.55rem,4vw,2.65rem);line-height:1;display:grid}.battle-vote-button{cursor:pointer}.battle-vote-button:hover,.battle-vote-button:focus-visible{transform:translateY(-2px)rotate(-.4deg);box-shadow:6px 6px #1f1b1447}.battle-vote-contestant.is-selected{background:linear-gradient(160deg, #fde04747, transparent 52%), var(--sticky-green);border-style:solid;border-color:var(--pen-blue);box-shadow:5px 5px 0 var(--pen-blue-soft)}.battle-vote-versus{aspect-ratio:1;background:var(--sticky);border:2.5px solid var(--pencil);width:clamp(3rem,7vw,4.4rem);box-shadow:3px 3px 0 var(--pencil);color:var(--pen-red);font-family:var(--font-display);z-index:1;border-radius:999px;align-self:center;place-items:center;font-size:clamp(1.15rem,2.5vw,1.55rem);display:grid;transform:rotate(-4deg)}@media (width<=720px){.battle-vote-matchup{grid-template-columns:1fr}.battle-vote-contestant{min-height:138px}.battle-vote-versus{justify-self:center;margin-block:-.2rem}.voting-card{transform:none}}.battle-ladder-card{background:var(--paper)}.battle-ladder-row{grid-template-columns:minmax(0,1fr) auto;gap:.15rem .65rem;display:grid}.battle-ladder-row span{overflow-wrap:anywhere;min-width:0}.battle-ladder-list{gap:.4rem;display:grid}.battle-ladder-list .score-row{margin-bottom:0}.battle-ladder-panel-header{justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.45rem;display:flex}.battle-ladder-panel-header h2{margin:0}.battle-round-status-card{background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(220px,.52fr);align-items:stretch;gap:.85rem;display:grid}.battle-round-status-card.is-final{text-align:center;grid-template-columns:1fr;justify-items:center}.battle-round-status-main{align-content:center;gap:.28rem;min-width:0;display:grid}.battle-round-status-main h1{margin-bottom:0;font-size:clamp(2.25rem,5.5vw,4.1rem);line-height:.95}.battle-round-status-card.is-final .battle-round-status-main h1{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.battle-round-status-main p{align-items:center;justify-content:inherit;gap:.3rem;margin:0;display:inline-flex}.battle-final-standings-list{text-align:left;width:min(100%,32rem);margin-top:.4rem}.battle-round-next-up{border-left:2px dashed var(--pencil-faded);align-content:center;gap:.45rem;min-width:0;padding-left:.85rem;display:grid}.battle-round-next-up h2{margin-bottom:0;font-size:clamp(1.25rem,2.4vw,1.65rem)}.sketch-confetti{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-18px;left:var(--cf-left);opacity:0;width:9px;height:14px;animation:confetti-fall var(--cf-duration) linear var(--cf-delay) infinite;position:absolute}.sketch-confetti.burst .confetti-piece{animation-timing-function:ease-in;animation-iteration-count:1}.confetti-shape-0{border-radius:2px 4px}.confetti-shape-1{border-radius:3px 1px;width:6px;height:17px}.confetti-shape-2{clip-path:polygon(50% 0%,63% 35%,100% 38%,71% 60%,82% 100%,50% 76%,18% 100%,29% 60%,0% 38%,37% 35%);width:13px;height:13px}.confetti-color-0{background:var(--marker-red)}.confetti-color-1{background:var(--pen-blue)}.confetti-color-2{background:var(--sticky)}.confetti-color-3{background:var(--sticky-pink)}.confetti-color-4{background:var(--sticky-green)}.confetti-color-5{background:var(--pencil)}@keyframes confetti-fall{0%{opacity:0;top:-18px;transform:translate(0)rotate(0)}6%{opacity:1}86%{opacity:1}to{transform:translateX(var(--cf-drift)) rotate(calc(var(--cf-spin) * 540deg));opacity:0;top:104%}}.winner-highlights-card{background:linear-gradient(180deg, #fde68a73, transparent 62%), var(--paper);gap:.7rem;display:grid}.winner-highlights-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.winner-highlights-header h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.15rem;display:inline-flex}.winner-highlights-header p{margin-bottom:0}.winner-highlights-play{align-items:center;gap:.4rem;display:inline-flex}.winner-highlights-now{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:.55rem;margin:0;font-size:1.2rem;display:inline-flex}.winner-highlights-now strong{color:var(--marker-red)}.winner-highlights-now.is-playing strong{background:var(--highlight-yellow);border-radius:4px 10px 6px 8px;padding:0 .3em}.winner-highlights-stage{gap:.45rem;display:grid}.winner-highlights-stage .lyrics-card{max-height:16rem;overflow-y:auto}.winner-highlights-stage.is-playing .lyrics-card{border-color:var(--marker-red);box-shadow:var(--shadow-offset-x) var(--shadow-offset-y) 0 var(--marker-red)}.results-archive-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.results-archive-tab{font-family:var(--font-body);color:var(--pencil);background:var(--paper);border:1.5px solid var(--pencil);cursor:pointer;border-radius:8px 14px/12px 8px 14px;padding:.32rem .8rem;font-size:1rem}.results-archive-tab.active{background:var(--highlight-yellow);border-color:var(--marker-red);transform:rotate(-1deg)}@media (prefers-reduced-motion:reduce){.sketch-confetti{display:none}}.flair-recap-card{background:var(--paper-soft);gap:.75rem;display:grid}.flair-recap-header h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.15rem;display:inline-flex}.flair-recap-header p{margin-bottom:0}.flair-recap-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.55rem;display:grid}.flair-recap-note{background:var(--paper);border:1.5px solid var(--line);border-radius:8px;gap:.1rem;min-width:0;padding:.48rem .58rem;display:grid}.flair-recap-player{font-family:var(--font-display);font-weight:700}.flair-recap-topic{color:var(--pencil-faded);font-size:.86rem}.flair-recap-note strong{overflow-wrap:anywhere;min-width:0}.post-round-checkin-card{background:var(--paper-soft);gap:.75rem;display:grid}.post-round-checkin-header{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.post-round-checkin-header>div{min-width:0}.post-round-checkin-header h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.15rem;display:inline-flex}.post-round-checkin-header p{margin-bottom:0}.post-round-checkin-header button{flex:none}.post-round-intent-grid,.post-round-summary{flex-wrap:wrap;gap:.45rem;display:flex}.post-round-intent{background:var(--paper);min-height:38px;padding:.4em .7em}.post-round-intent.selected{background:var(--sticky-green);border-color:var(--pen-blue)}.post-round-player-list{gap:.45rem;display:grid}.post-round-player-row{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0;padding:.38rem .5rem;display:flex}.post-round-player-row>span:first-child{overflow-wrap:anywhere;flex:9rem;min-width:0}.next-pairing-list{gap:.7rem;display:grid}.next-pairing-list.compact{gap:.38rem}.next-pairing{border-top:1.5px dashed var(--pencil);min-width:0;padding-top:.65rem}.next-pairing.compact{background:var(--paper);border:1.5px dashed var(--line);border-radius:8px 10px 8px 12px/10px 8px 12px;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;padding:.34rem .46rem;display:flex}.next-pairing strong{overflow-wrap:anywhere}.next-pairing:first-child{border-top:0;padding-top:0}.next-pairing.compact:first-child{border-top:1.5px dashed var(--line);padding-top:.34rem}.battle-results-summary-card{gap:.75rem;display:grid}.battle-results-summary-header h2{margin-bottom:0}.battle-results-summary-list{gap:.7rem;display:grid}.battle-results-summary-row{border-top:1.5px dashed var(--pencil);gap:.45rem;min-width:0;padding-top:.7rem;display:grid}.battle-results-summary-row:first-child{border-top:0;padding-top:0}.battle-results-summary-row h2{margin-bottom:0}.crowd-result-panel{border:2px dashed var(--pen-blue);background:linear-gradient(90deg, #b9cdee38, transparent 70%), var(--paper-soft);border-radius:8px 12px 8px 14px/12px 8px 14px;margin:.85rem 0;padding:.75rem .85rem}.crowd-result-panel p{margin:.35rem 0 0}.result-actions{gap:.75rem;margin-top:.85rem;display:grid}.result-replay-details{margin-top:.8rem}.result-replay-details summary{cursor:pointer}.feedback-round-card{background:var(--sticky);justify-content:space-between;align-items:center;gap:1rem;display:flex}.feedback-round-card>div{min-width:0}.feedback-round-card h2{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.2rem;font-size:clamp(1.35rem,2.4vw,1.8rem);display:inline-flex}.feedback-round-card p{margin:0}.feedback-round-cta{flex:none}.feedback-round-option{box-shadow:none;background:0 0;border-style:dashed}.feedback-round-option.selected,.feedback-round-option[aria-pressed=true]{background:var(--pen-blue);color:var(--paper);box-shadow:2px 2px 0 var(--pencil);border-style:solid}.lyrics-detail-list{min-width:0;font-family:var(--font-display);white-space:pre-wrap;overflow-wrap:anywhere;gap:.1rem;margin:0;display:grid}.lyrics-detail-list [dir=rtl]{text-align:start}.result-actions .button-group{align-items:center}.result-actions .sketch-btn,.share-replay-page .sketch-btn{justify-content:center;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.share-result{border:1.5px dashed var(--pencil);background:var(--sticky-green);border-radius:12px 18px 12px 22px/18px 14px 22px 12px;flex-wrap:wrap;align-items:center;gap:.65rem;min-width:0;padding:.65rem .75rem;display:flex}.share-result a{min-width:0}.share-result button{align-items:center;gap:.3rem;min-height:36px;padding:.35em .7em;display:inline-flex}.share-replay-page{width:min(100%,900px);margin:0 auto}.share-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.share-hero>div{min-width:0}.share-kicker,.share-expiry{max-width:100%;font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.share-kicker{border:1.5px dashed var(--pencil);background:var(--sticky-blue);border-radius:999px;width:fit-content;margin-bottom:.45rem;padding:.15rem .55rem}.share-expiry{border:1.5px solid var(--pencil);background:var(--paper-soft);color:var(--pencil-soft);border-radius:999px;padding:.35rem .65rem}.share-media-error{color:var(--marker-red);font-family:var(--font-display);margin:0}.highlight-reel-shell{max-width:1280px}.highlight-reel-page{gap:clamp(.85rem,2vw,1.35rem);width:min(100%,1160px);margin:0 auto}.highlight-reel-hero{justify-content:flex-end;padding-inline:clamp(.2rem,1.2vw,.75rem);display:flex}.highlight-share-button{white-space:nowrap;justify-content:center;display:inline-flex}.highlight-player-shell{border:3px solid var(--pencil);background:var(--paper);box-shadow:6px 7px 0 var(--pencil);border-radius:17px 28px 19px 24px/24px 17px 27px 20px;position:relative;overflow:hidden}.highlight-player-stage{isolation:isolate;background:linear-gradient(118deg, #d9352c0e, transparent 35%), linear-gradient(298deg, #1d4ea112, transparent 38%), var(--paper);min-height:clamp(430px,56vw,590px);position:relative;overflow:hidden}.highlight-player-stage:before,.highlight-player-stage:after{content:"";z-index:-1;aspect-ratio:1;border:3px dashed var(--line);opacity:.52;border-radius:50%;width:clamp(120px,21vw,250px);position:absolute}.highlight-player-stage:before{top:14%;left:-9%}.highlight-player-stage:after{bottom:-15%;right:-8%}.highlight-player-stage>.battle-card-stage{align-items:center;min-height:clamp(430px,56vw,590px)}.highlight-player-stage .battle-stage-card{min-height:clamp(430px,56vw,590px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:4.2rem clamp(.85rem,2.8vw,2.2rem) 1.2rem;transform:none}.highlight-player-stage .battle-stage-card .lyrics-card{max-height:min(280px,38vh);font-size:clamp(1.08rem,2.55vw,1.8rem);line-height:1.34;overflow:hidden}.highlight-player-stage .animated-performer.is-stage{--performer-size:min(100%, 210px)}.highlight-scene-slate{z-index:9;pointer-events:none;justify-content:space-between;align-items:center;gap:.65rem;display:flex;position:absolute;top:.75rem;left:clamp(.65rem,2vw,1.2rem);right:clamp(.65rem,2vw,1.2rem)}.highlight-scene-slate span,.highlight-scene-slate strong{border:1.5px solid var(--pencil);background:color-mix(in srgb, var(--paper) 92%, transparent);min-width:0;box-shadow:2px 2px 0 var(--pencil);font-family:var(--font-display);border-radius:7px 13px 8px 12px/12px 8px 13px 7px;padding:.22rem .66rem;line-height:1.1;display:inline-flex}.highlight-scene-slate span{color:var(--pencil-soft)}.highlight-scene-slate strong{color:var(--marker-red);text-align:right}.highlight-player-shell .sketch-transport{border:0;border-top:3px solid var(--pencil);box-shadow:none;background:var(--paper-soft);border-radius:0}.highlight-reel-transport{padding:.58rem .85rem}.highlight-audio-host{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.highlight-cover{text-align:center;align-content:center;place-items:center;gap:1rem;min-height:clamp(430px,56vw,590px);padding:4.6rem 1rem 2rem;display:grid}.highlight-cover-crown{background:var(--highlight-yellow);border:2px solid var(--pencil);width:116px;height:94px;box-shadow:4px 5px 0 var(--pencil);border-radius:49% 51% 47% 53%/55% 46% 54% 45%;place-items:center;margin-bottom:.75rem;display:grid;transform:rotate(-4deg)}.highlight-cover-crown .freest-crown-mark{width:86px;height:auto}.highlight-start-button,.highlight-replay-button{justify-content:center;align-items:center;display:inline-flex}.highlight-replay-button{z-index:12;background:var(--highlight-yellow);padding:.45rem .75rem;font-size:.95rem;position:absolute;bottom:.85rem;right:.85rem}.highlight-crowd-cutaway{background:repeating-linear-gradient(-8deg,#0000 0 30px,#d9352c0f 31px,#0000 33px),#fde68a33;align-content:center;min-height:clamp(430px,56vw,590px);padding:4.5rem clamp(.8rem,4vw,2.4rem) 1.15rem;display:grid}.highlight-bigfoot-cutaway{background:radial-gradient(circle at 50% 53%, #fde68a7a 0 32%, transparent 32.5%), repeating-linear-gradient(8deg, transparent 0, transparent 34px, #1d4ea10e 35px, transparent 37px), var(--paper);place-items:center;min-height:clamp(430px,56vw,590px);padding:4.2rem clamp(1rem,5vw,3.5rem) 1.4rem;display:grid;position:relative;overflow:hidden}.highlight-bigfoot-cutaway:before{content:"";aspect-ratio:1;border:3px dashed color-mix(in srgb, var(--marker-red) 58%, transparent);border-radius:47% 53% 45% 55%/55% 47% 53% 45%;width:min(76vw,560px);position:absolute;transform:rotate(5deg)}.highlight-bigfoot-portrait{width:min(82%,480px);opacity:var(--bigfoot-opacity);transform:rotate(var(--bigfoot-rotate)) scale(var(--bigfoot-scale));transform-origin:50% 64%;margin:0;position:relative}.highlight-bigfoot-portrait img{border:3px solid var(--pencil);width:100%;height:auto;box-shadow:8px 9px 0 var(--pencil);background:#fff;border-radius:18px 31px 20px 27px/28px 18px 30px 20px;display:block}.highlight-crowd-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(.35rem,1.4vw,.9rem);display:grid}.highlight-crowd-grid .animated-performer.is-strip{--performer-size:min(100%, 165px)}.highlight-crowd-grid .animated-performer{width:100%;margin:0}.highlight-crowd-grid .animated-performer-frames{--crowd-bounce-y:-7px;transform-origin:50% 82%;animation:.56s ease-in-out infinite alternate highlight-crowd-head-bounce}.highlight-crowd-grid .animated-performer:nth-child(2n) .animated-performer-frames{animation-duration:.62s;animation-delay:-170ms}.highlight-crowd-grid .animated-performer:nth-child(3n) .animated-performer-frames{animation-duration:.52s;animation-delay:-310ms}@keyframes highlight-crowd-head-bounce{0%{translate:0 1px;rotate:-.45deg}to{translate:0 var(--crowd-bounce-y);rotate:.45deg}}.highlight-baby-performer .animated-performer-frame{object-fit:contain}.highlight-baby-crown{z-index:2;pointer-events:none;width:29%;position:absolute;top:1%;left:50%;transform:translate(-50%)}.highlight-baby-crown .freest-crown-mark{width:100%;height:auto;display:block}.highlight-crowd-grid .animated-performer-name{font-size:clamp(.7rem,1.45vw,1rem)}.highlight-crown-finale{align-content:center;min-height:clamp(430px,56vw,590px);padding:4.4rem clamp(.85rem,4vw,2.5rem) 1.3rem;display:grid;position:relative;overflow:hidden}.highlight-finale-copy{z-index:3;text-align:center;justify-self:center;position:relative}.highlight-finale-copy p{color:var(--marker-red);font-family:var(--font-display);margin:0}.highlight-finale-copy h2{text-wrap:balance;margin-bottom:.08em;font-size:clamp(2rem,5vw,4.3rem);line-height:.96}.highlight-finale-copy span{font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.4rem)}.highlight-crown-duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;width:min(100%,700px);margin:0 auto;display:grid;position:relative}.highlight-crown-duel .animated-performer.is-stage{--performer-size:min(100%, 230px)}.highlight-crown-flight{z-index:5;left:var(--crown-x);top:var(--crown-y);transform:translate(-50%, -50%) rotate(var(--crown-rotate)) scale(var(--crown-scale));transform-origin:50% 70%;will-change:left, top, transform;position:absolute}.highlight-crown-flight .freest-crown-mark{pointer-events:none;width:clamp(40px,4.7vw,60px);height:auto;display:block}.highlight-media-error{color:var(--marker-red);font-family:var(--font-display);margin:0}.highlight-chapters{border:2px dashed var(--pencil);background:color-mix(in srgb, var(--paper-soft) 86%, transparent);border-radius:12px 20px 14px 17px/18px 12px 20px 14px;gap:.55rem;padding:.75rem;display:grid}.highlight-chapters-heading{font-family:var(--font-display);align-items:baseline;gap:.75rem;padding-inline:.18rem;display:flex}.highlight-chapters-heading>span{color:var(--marker-red);font-size:1.2rem;font-weight:700}.highlight-chapters ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.highlight-chapters li{min-width:0}.highlight-chapters button{background:var(--paper);width:100%;min-height:68px;box-shadow:2px 2px 0 var(--pencil);text-align:left;border-width:1.5px;border-radius:7px 12px 8px 10px/11px 7px 12px 8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;padding:.4rem .48rem;display:grid}.highlight-chapters button.is-active{background:var(--highlight-yellow);border-color:var(--marker-red);box-shadow:3px 3px 0 var(--marker-red);transform:translateY(-2px)rotate(-.4deg)}.highlight-chapter-number{color:var(--marker-red);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.highlight-chapters button>span:last-child{min-width:0;line-height:1.06;display:grid}.highlight-chapters strong,.highlight-chapters small{overflow-wrap:anywhere;min-width:0}.highlight-chapters strong{font-family:var(--font-display);font-size:.88rem}.highlight-chapters small{color:var(--pencil-faded);margin-top:.18rem;font-size:.7rem}.highlight-reel-details{box-shadow:3px 4px 0 var(--pencil);padding:0;overflow:hidden}.highlight-reel-details>summary{background:var(--paper-soft);cursor:pointer;font-family:var(--font-display);padding:.8rem 1rem;font-size:1.12rem;font-weight:700}.highlight-reel-details[open]>summary{border-bottom:2px dashed var(--pencil)}.highlight-reel-transcript{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.highlight-transcript-chapter{border-bottom:1.5px dashed var(--line);min-width:0;padding:1rem 1.1rem}.highlight-transcript-chapter:nth-child(odd){border-right:1.5px dashed var(--line)}.highlight-transcript-chapter h2{color:var(--marker-red);margin-bottom:.1rem;font-size:1.35rem}.highlight-transcript-matchup{color:var(--pencil-faded);font-family:var(--font-display);margin-bottom:.7rem}.highlight-transcript-chapter h3{margin-bottom:.25rem;font-size:1.05rem}.highlight-transcript-lines{white-space:pre-line;margin:0}.highlight-reel-credits{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.2rem;padding:.25rem 0 .8rem;font-size:.9rem;display:flex}.highlight-reel-credits .sketch-btn{text-decoration:none;display:inline-flex}@media (width<=900px){.highlight-crowd-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.5rem}.highlight-crowd-grid .animated-performer.is-strip{--performer-size:min(100%, 108px)}.highlight-chapters ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.highlight-share-button{width:100%}.highlight-player-stage,.highlight-player-stage>.battle-card-stage,.highlight-player-stage .battle-stage-card,.highlight-cover,.highlight-crowd-cutaway,.highlight-bigfoot-cutaway,.highlight-crown-finale{min-height:500px}.highlight-cover{min-height:350px}.highlight-player-stage .battle-stage-card{padding:4.6rem .72rem .8rem}.highlight-player-stage .battle-stage-card .lyrics-card{max-height:228px;font-size:clamp(.93rem,4.2vw,1.15rem);line-height:1.28}.highlight-scene-slate{align-items:flex-start}.highlight-scene-slate span,.highlight-scene-slate strong{max-width:62%;font-size:.78rem}.highlight-crowd-cutaway{padding-inline:.55rem}.highlight-bigfoot-cutaway{padding:4.4rem .75rem 1.2rem}.highlight-bigfoot-portrait{width:min(92%,390px)}.highlight-crowd-grid .animated-performer.is-strip{--performer-size:min(100%, 105px)}.highlight-crowd-grid .animated-performer-frames{--crowd-bounce-y:-5px}.highlight-crowd-grid .animated-performer-name{font-size:.78rem}.highlight-crowd-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.3rem}.highlight-crown-duel .animated-performer.is-stage{--performer-size:min(100%, 155px)}.highlight-crown-flight .freest-crown-mark{width:40px}.highlight-chapters ol{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-reel-transcript{grid-template-columns:minmax(0,1fr)}.highlight-transcript-chapter:nth-child(odd){border-right:0}}@media (height<=520px) and (orientation:landscape){.highlight-player-stage,.highlight-player-stage>.battle-card-stage,.highlight-player-stage .battle-stage-card,.highlight-cover,.highlight-crowd-cutaway,.highlight-bigfoot-cutaway,.highlight-crown-finale{min-height:340px}.highlight-cover-crown{width:80px;height:64px;margin:0}.highlight-bigfoot-cutaway{padding:3.1rem .75rem .7rem}.highlight-bigfoot-portrait{width:min(58vh,250px)}.highlight-cover-crown .freest-crown-mark{width:58px}.highlight-crown-flight .freest-crown-mark{width:36px}.highlight-finale-copy h2{font-size:2rem}.highlight-crowd-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.highlight-crowd-grid .animated-performer.is-strip{--performer-size:min(100%, 72px)}.highlight-crowd-grid .animated-performer-frames{--crowd-bounce-y:-3px}.highlight-crown-duel .animated-performer.is-stage{--performer-size:min(100%, 125px)}}@media (prefers-reduced-motion:reduce){.highlight-cover-crown,.highlight-chapters button.is-active{animation:none;transform:none}.highlight-crown-flight{will-change:auto;transition:none}.highlight-crown-finale.is-flight .highlight-crown-flight{visibility:hidden}.highlight-crowd-grid .animated-performer-frames{animation:none;translate:0;rotate:0deg}.highlight-bigfoot-portrait{opacity:1;transform:rotate(-1deg)}.highlight-reel-page[data-highlight-motion=full] .highlight-cover-crown{transform:rotate(-4deg)}.highlight-reel-page[data-highlight-motion=full] .highlight-chapters button.is-active{transform:translateY(-2px)rotate(-.4deg)}.highlight-reel-page[data-highlight-motion=full] .highlight-crowd-grid .animated-performer-frames{animation:.56s ease-in-out infinite alternate highlight-crowd-head-bounce}.highlight-reel-page[data-highlight-motion=full] .highlight-crowd-grid .animated-performer:nth-child(2n) .animated-performer-frames{animation-duration:.62s;animation-delay:-170ms}.highlight-reel-page[data-highlight-motion=full] .highlight-crowd-grid .animated-performer:nth-child(3n) .animated-performer-frames{animation-duration:.52s;animation-delay:-310ms}.highlight-reel-page[data-highlight-motion=full] .highlight-bigfoot-portrait{opacity:var(--bigfoot-opacity);transform:rotate(var(--bigfoot-rotate)) scale(var(--bigfoot-scale))}.highlight-reel-page[data-highlight-motion=full] .highlight-crown-flight{will-change:left, top, transform}.highlight-reel-page[data-highlight-motion=full] .highlight-crown-finale.is-flight .highlight-crown-flight{visibility:visible}.highlight-reel-page[data-highlight-motion=full] .sketch-confetti{display:block}}.karaoke-sample-review-page{width:min(100%,1440px);margin:0 auto}.karaoke-sample-review-hero{border-bottom:2px dashed var(--pencil-faded);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;padding-bottom:.8rem;display:flex}.karaoke-sample-provider-tabs{flex-wrap:wrap;gap:.55rem;display:flex}.karaoke-sample-provider-tabs button{border:2px solid var(--pencil);background:var(--paper-soft);min-height:42px;color:var(--pencil);font:inherit;font-family:var(--font-display);cursor:pointer;box-shadow:2px 2px 0 var(--pencil);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .75rem;display:inline-flex}.karaoke-sample-provider-tabs button.is-active{background:var(--sticky-blue);box-shadow:1px 1px 0 var(--pencil);transform:translate(1px,1px)}.karaoke-sample-provider-tabs strong{border:1.5px solid var(--pencil);background:var(--paper);border-radius:999px;place-items:center;min-width:1.65rem;min-height:1.65rem;display:inline-grid}.karaoke-sample-provider-section{gap:1.4rem;display:grid}.karaoke-sample-provider-summary{border:2px solid var(--pencil);background:color-mix(in srgb, var(--sticky-blue) 26%, var(--paper));box-shadow:2px 2px 0 var(--pencil);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.8rem;display:grid}.karaoke-sample-provider-summary p,.karaoke-sample-provider-summary h2{margin:0}.karaoke-sample-provider-summary p{color:var(--pencil-soft);font-family:var(--font-display);text-transform:uppercase;font-size:.78rem}.karaoke-sample-provider-summary h2{overflow-wrap:anywhere;margin-top:.12rem;font-size:clamp(1rem,.92rem + .34vw,1.28rem)}.karaoke-sample-provider-summary-metrics{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:min(100%,24rem);display:flex}.karaoke-sample-pill,.karaoke-sample-status-badge{border:1.5px solid var(--pencil-faded);background:var(--paper);color:var(--pencil);font-family:var(--font-display);align-items:center;gap:.28rem;padding:.24rem .48rem;font-size:.78rem;display:inline-flex}.karaoke-sample-pill{border-radius:999px}.karaoke-sample-status-badge{border-style:solid;border-radius:8px}.karaoke-sample-status-badge.is-pass{border-color:var(--marker-green);background:var(--sticky-green)}.karaoke-sample-status-badge.is-soft{border-color:var(--marker-orange);background:color-mix(in srgb, var(--sticky-yellow) 42%, var(--paper))}.karaoke-sample-status-badge.is-fail{border-color:var(--marker-red);background:var(--sticky-pink)}.karaoke-sample-status-badge.is-unknown{background:var(--paper-soft)}.karaoke-sample-provider-summary .karaoke-sample-technical-details{grid-column:1/-1}.karaoke-sample-hero-meta{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.karaoke-sample-filter-bar{border:2px dashed var(--pencil-faded);background:var(--paper-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.karaoke-sample-filter-bar label{color:var(--pencil-soft);font-family:var(--font-display);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.karaoke-sample-filter-bar select{border:1.5px solid var(--pencil);background:var(--paper);min-height:2.1rem;color:var(--pencil);font-family:var(--font-display);border-radius:7px;padding:.14rem .4rem;font-size:.8rem}.karaoke-sample-filter-bar .sketch-btn{margin-inline-start:0}.karaoke-sample-filter-count+.sketch-btn{margin-inline-start:auto}.karaoke-sample-filter-count{color:var(--pencil-soft);font-family:var(--font-display);font-size:.78rem}.karaoke-sample-review-layout{grid-template-columns:minmax(250px,.28fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.karaoke-sample-case-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:.45rem;min-width:0;max-height:calc(100vh - 2rem);padding-right:.15rem;display:grid;position:sticky;top:.75rem;overflow-y:auto}.karaoke-sample-case-row{border:2px solid var(--pencil-faded);background:var(--paper);min-width:0;color:var(--pencil);font:inherit;text-align:left;cursor:pointer;border-radius:10px;gap:.3rem;padding:.5rem .6rem;display:grid}.karaoke-sample-case-row.is-selected{border-color:var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 30%, var(--paper));box-shadow:2px 2px 0 var(--pencil)}.karaoke-sample-case-row .case-row-main{gap:.08rem;min-width:0;display:grid}.karaoke-sample-case-row .case-row-kicker{text-overflow:ellipsis;white-space:nowrap;color:var(--pencil-soft);font-family:var(--font-display);text-transform:uppercase;font-size:.72rem;overflow:hidden}.karaoke-sample-case-row strong{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display)}.karaoke-sample-case-row .case-row-badges{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.karaoke-sample-mini-strip{gap:.16rem;height:.42rem;display:flex}.karaoke-sample-mini-strip span{border:1px solid var(--pencil-faded);background:var(--paper-soft);border-radius:999px;flex:1}.karaoke-sample-mini-strip span.is-pass{border-color:var(--marker-green);background:var(--sticky-green)}.karaoke-sample-mini-strip span.is-soft{border-color:var(--marker-orange);background:var(--sticky-yellow)}.karaoke-sample-mini-strip span.is-fail{border-color:var(--marker-red);background:var(--sticky-pink)}.karaoke-sample-detail-pane{min-width:0}.karaoke-sample-detail{gap:.75rem;min-width:0;display:grid}.karaoke-sample-detail-placeholder{border:2px dashed var(--pencil-faded);background:var(--paper-soft);color:var(--pencil-soft);font-family:var(--font-display);text-align:center;border-radius:12px;justify-items:center;gap:.3rem;padding:2.2rem 1rem;display:grid}.karaoke-sample-detail-placeholder strong{color:var(--pencil)}.karaoke-review-focus{border:2px solid var(--pencil);background:color-mix(in srgb, var(--sticky-blue) 32%, var(--paper));min-width:0;box-shadow:3px 3px 0 color-mix(in srgb, var(--pencil) 32%, transparent);border-radius:13px;grid-template-columns:minmax(11rem,.55fr) minmax(18rem,1.45fr);gap:.55rem .8rem;padding:.68rem;display:grid}.karaoke-review-focus-heading{justify-content:space-between;align-items:center;gap:.55rem;min-width:0;display:flex}.karaoke-review-focus-heading>div{gap:.05rem;min-width:0;display:grid}.karaoke-review-focus-heading span,.karaoke-review-focus-heading strong,.karaoke-review-focus-options button{font-family:var(--font-display)}.karaoke-review-focus-heading span{color:var(--pencil-soft);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;font-weight:900}.karaoke-review-focus-heading strong{overflow-wrap:anywhere;font-size:.94rem}.karaoke-review-focus-options{border:1.5px solid var(--pencil);background:var(--paper);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.26rem;display:grid}.karaoke-review-focus-options button{min-width:0;min-height:2.75rem;color:var(--pencil-soft);overflow-wrap:anywhere;text-align:start;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.4rem .55rem;font-size:.78rem;font-weight:900;display:grid}.karaoke-review-focus-options button>span{min-width:0}.karaoke-review-focus-options button>small{background:color-mix(in srgb, var(--paper) 78%, transparent);font-variant-numeric:tabular-nums;text-align:center;border:1px solid;border-radius:999px;min-width:2.15rem;padding:.1rem .3rem;font-size:.64rem;line-height:1.2}.karaoke-review-focus-options button.is-active{border-color:var(--pencil);background:var(--sticky-yellow);color:var(--pencil);box-shadow:2px 2px 0 var(--pencil);transform:translate(-1px,-1px)}.karaoke-review-focus-options button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-review-focus>p{color:var(--pencil-soft);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.4}.karaoke-word-policy-source{border-top:1.5px dashed color-mix(in srgb, var(--pencil) 48%, transparent);grid-column:1/-1;grid-template-columns:minmax(11rem,.55fr) minmax(18rem,1.45fr);align-items:stretch;gap:.45rem .8rem;min-width:0;padding-top:.55rem;display:grid}.karaoke-word-policy-source-heading{min-width:0;font-family:var(--font-display);align-content:center;gap:.08rem;display:grid}.karaoke-word-policy-source-heading span{color:var(--pencil-soft);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;font-weight:900}.karaoke-word-policy-source-heading strong{overflow-wrap:anywhere;font-size:.88rem}.karaoke-word-policy-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;min-width:0;display:grid}.karaoke-word-policy-source-options button{border:1.5px solid var(--pencil-faded);background:color-mix(in srgb, var(--paper) 88%, transparent);min-width:0;color:var(--pencil-soft);font-family:var(--font-display);text-align:start;cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.48rem .56rem;display:grid}.karaoke-word-policy-source-options button>span{gap:.08rem;min-width:0;display:grid}.karaoke-word-policy-source-options button strong{color:var(--pencil);font-size:.78rem}.karaoke-word-policy-source-options button small{overflow-wrap:anywhere;font-size:.65rem;line-height:1.3}.karaoke-word-policy-source-options button em{font-variant-numeric:tabular-nums;border:1px solid;border-radius:999px;padding:.11rem .32rem;font-size:.62rem;font-style:normal;font-weight:900}.karaoke-word-policy-source-options button.is-active{border-color:var(--pencil);background:var(--sticky-yellow);color:var(--pencil);box-shadow:2px 2px 0 var(--pencil);transform:translate(-1px,-1px)}.karaoke-word-policy-source[data-word-policy-timing-source=mms-production-policy] .karaoke-word-policy-source-options button.is-active{background:color-mix(in srgb, var(--sticky-blue) 72%, var(--paper))}.karaoke-word-policy-source-options button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-review-focus-summary{border:1.5px solid var(--pencil);background:color-mix(in srgb, var(--sticky-yellow) 55%, var(--paper));font-family:var(--font-display);border-radius:8px;grid-column:1/-1;padding:.4rem .55rem;font-size:.76rem;font-weight:900;line-height:1.35}.karaoke-timing-review-switcher{border:2px dashed var(--pencil-faded);background:color-mix(in srgb, var(--sticky-yellow) 20%, var(--paper));border-radius:12px;gap:.5rem;min-width:0;padding:.55rem;display:grid}.karaoke-timing-review-variant-selector{border:1.5px dashed var(--pencil-faded);background:color-mix(in srgb, var(--sticky-blue) 16%, var(--paper));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;min-width:0;padding:.45rem .5rem;display:grid}.karaoke-timing-review-target{gap:.28rem;display:grid}.karaoke-timing-review-target>span{color:var(--pencil-soft);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:800}.karaoke-timing-review-tabs{border:1.5px solid var(--pencil);background:var(--paper-soft);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.35rem;padding:.25rem;display:grid}.karaoke-timing-review-tabs button{min-width:0;min-height:2.4rem;color:var(--pencil-soft);font:inherit;font-family:var(--font-display);overflow-wrap:anywhere;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:7px;padding:.38rem .55rem;font-weight:800}.karaoke-timing-review-tabs button.is-active{border-color:var(--pencil);background:var(--sticky-blue);color:var(--pencil);box-shadow:2px 2px 0 var(--pencil);transform:translate(-1px,-1px)}.karaoke-timing-review-tabs button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-timing-review-meta{justify-content:space-between;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.karaoke-timing-review-meta>div:first-child{gap:.08rem;min-width:0;display:grid}.karaoke-timing-review-meta strong,.karaoke-timing-review-meta span{overflow-wrap:anywhere}.karaoke-timing-review-meta strong{font-family:var(--font-display);font-size:.86rem}.karaoke-timing-review-meta>div:first-child>span{color:var(--pencil-soft);font-size:.82rem}.karaoke-timing-review-badges{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.35rem;display:flex}.karaoke-timing-review-delta{border:1px solid color-mix(in srgb, var(--pencil) 35%, transparent);background:color-mix(in srgb, var(--paper) 75%, transparent);min-width:0;color:var(--pencil-soft);border-radius:8px;flex-wrap:wrap;gap:.35rem .7rem;padding:.42rem .5rem;font-size:.78rem;line-height:1.35;display:flex}.karaoke-timing-review-delta strong{color:var(--pencil)}.karaoke-timing-review-delta span+span:before{content:"·";color:var(--pencil-faded);margin-inline-end:.7rem}.karaoke-timing-difference-navigator,.karaoke-timing-difference-empty{border:2px solid var(--pencil);background:color-mix(in srgb, var(--sticky-blue) 24%, var(--paper));min-width:0;box-shadow:2px 2px 0 color-mix(in srgb, var(--pencil) 35%, transparent);border-radius:12px}.karaoke-timing-difference-empty{background:color-mix(in srgb, var(--sticky-green) 30%, var(--paper));align-items:center;gap:.55rem;padding:.65rem .75rem;display:flex}.karaoke-timing-difference-empty>div{gap:.06rem;display:grid}.karaoke-timing-difference-empty strong,.karaoke-timing-difference-empty span{font-family:var(--font-display)}.karaoke-timing-difference-empty strong{font-size:.84rem}.karaoke-timing-difference-empty span{color:var(--pencil-soft);font-size:.76rem}.karaoke-timing-difference-heading{justify-content:space-between;align-items:center;gap:.7rem;min-width:0;padding:.58rem .66rem;display:flex}.karaoke-timing-difference-heading>div:first-child{gap:.03rem;min-width:0;display:grid}.karaoke-timing-difference-heading span,.karaoke-timing-difference-heading strong,.karaoke-timing-difference-heading small{overflow-wrap:anywhere;font-family:var(--font-display)}.karaoke-timing-difference-heading span{color:var(--pencil-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:900}.karaoke-timing-difference-heading strong{font-size:.92rem}.karaoke-timing-difference-heading small{color:var(--pencil-soft);font-size:.7rem}.karaoke-timing-difference-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.28rem;display:flex}.karaoke-timing-difference-actions button{border:1.5px solid var(--pencil);background:var(--paper);min-height:2.1rem;color:var(--pencil);font-family:var(--font-display);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:.25rem;padding:.28rem .48rem;font-size:.72rem;font-weight:800;display:inline-flex}.karaoke-timing-difference-actions button.is-active{background:var(--sticky-yellow);box-shadow:2px 2px 0 var(--pencil);transform:translate(-1px,-1px)}.karaoke-timing-difference-actions button:disabled{border-color:var(--pencil-faded);color:var(--pencil-faded);cursor:default}.karaoke-timing-difference-actions button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-timing-difference-evidence{scrollbar-gutter:stable;gap:.4rem;min-width:0;padding:0 .66rem .66rem;display:flex;overflow-x:auto}.karaoke-timing-word-delta-chip,.karaoke-timing-line-delta-chip{border:1.5px solid var(--pencil);background:var(--paper);font-family:var(--font-display);border-radius:8px;flex:0 0 min(13.5rem,72vw);gap:.02rem;padding:.35rem .46rem;display:grid}.karaoke-timing-word-delta-chip.is-material{background:color-mix(in srgb, var(--sticky-pink) 60%, var(--paper));box-shadow:inset .3rem 0 0 var(--marker-red)}.karaoke-timing-word-delta-chip.is-visible{box-shadow:inset .3rem 0 0 var(--marker-blue)}.karaoke-timing-word-delta-chip strong,.karaoke-timing-line-delta-chip strong{text-overflow:ellipsis;white-space:nowrap;padding-inline-start:.25rem;font-size:.8rem;overflow:hidden}.karaoke-timing-word-delta-chip span,.karaoke-timing-line-delta-chip span,.karaoke-timing-word-delta-chip small{color:var(--pencil-soft);padding-inline-start:.25rem;font-size:.65rem}.karaoke-timing-word-delta-chip span{color:var(--pencil);text-transform:uppercase;font-weight:900}.karaoke-timing-review-windows{gap:.35rem;min-width:0;display:grid}.karaoke-timing-review-window-row{border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(9rem,.8fr) minmax(10rem,1.2fr);align-items:center;gap:.55rem;min-width:0;padding:.32rem .42rem;display:grid}.karaoke-timing-review-window-row.is-selected{border-color:color-mix(in srgb, var(--marker-blue) 55%, var(--pencil));background:color-mix(in srgb, var(--sticky-blue) 40%, transparent)}.karaoke-timing-review-window-label{min-width:0;font-family:var(--font-display);gap:.05rem;font-size:.76rem;display:grid}.karaoke-timing-review-window-label strong,.karaoke-timing-review-window-label span{overflow-wrap:anywhere}.karaoke-timing-review-window-label span{color:var(--pencil-soft)}.karaoke-timing-review-window-label .karaoke-timing-review-window-actions{gap:.24rem;margin-top:.18rem;display:flex}.karaoke-timing-review-window-actions button{border:1px solid var(--pencil-faded);background:var(--paper);min-height:1.55rem;color:var(--pencil);font-family:var(--font-display);cursor:pointer;border-radius:5px;padding:.08rem .3rem;font-size:.64rem;font-weight:800}.karaoke-timing-review-window-actions button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:1px}.karaoke-timing-review-window-rail{border:1.5px solid var(--pencil-faded);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--pencil) 7%, transparent) 0 4px, transparent 4px 8px);border-radius:999px;min-width:0;height:.72rem;position:relative;overflow:hidden}.karaoke-timing-review-window-segment{border-inline:1px solid var(--pencil);background:var(--marker-blue);min-width:2px;position:absolute;inset-block:0}.karaoke-timing-review-vote-marker{background:var(--marker-orange);width:3px;box-shadow:0 0 0 1px var(--paper);border-radius:999px;margin-inline-start:-1.5px;position:absolute;inset-block:-2px}.karaoke-timing-review-voting-preview{background:color-mix(in srgb, var(--sticky-yellow) 46%, var(--paper));align-content:center;justify-items:center;gap:.45rem;min-height:100%}.karaoke-timing-review-voting-preview span{max-width:34rem;color:var(--pencil-soft);font-family:var(--font-display);text-align:center;font-size:.86rem}.karaoke-word-policy-overview,.karaoke-word-policy-navigator,.karaoke-word-policy-empty{border:2px solid var(--pencil);min-width:0;box-shadow:2px 2px 0 color-mix(in srgb, var(--pencil) 34%, transparent);border-radius:12px}.karaoke-word-policy-overview{background:color-mix(in srgb, var(--sticky-yellow) 38%, var(--paper));gap:.55rem;padding:.65rem .72rem;display:grid}.karaoke-word-policy-overview-heading{justify-content:space-between;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.karaoke-word-policy-overview-heading>div{gap:.03rem;min-width:0;display:grid}.karaoke-word-policy-overview-heading span,.karaoke-word-policy-overview-heading strong,.karaoke-word-policy-overview-heading code,.karaoke-word-policy-metrics,.karaoke-word-policy-navigator,.karaoke-word-policy-empty{font-family:var(--font-display)}.karaoke-word-policy-overview-heading span{color:var(--marker-blue);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;font-weight:950}.karaoke-word-policy-overview-heading strong{font-size:.94rem}.karaoke-word-policy-overview-heading code{border:1px solid var(--pencil-faded);background:var(--paper);color:var(--pencil-soft);border-radius:999px;flex:none;padding:.18rem .4rem;font-size:.66rem;font-weight:800}.karaoke-word-policy-source-outcome{border-inline-start:3px solid var(--marker-green);background:color-mix(in srgb, var(--sticky-green) 32%, transparent);font-family:var(--font-display);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.2rem .5rem;padding:.42rem .5rem;display:grid}.karaoke-word-policy-source-outcome.is-compact{border:1.5px solid var(--pencil);box-shadow:2px 2px 0 color-mix(in srgb, var(--pencil) 28%, transparent);border-inline-start-width:4px;border-radius:9px;grid-template-columns:auto auto minmax(0,1fr)}.karaoke-word-policy-source-outcome.is-rejected{border-inline-start-color:var(--marker-orange);background:color-mix(in srgb, var(--sticky-yellow) 38%, transparent)}.karaoke-word-policy-source-outcome.is-unknown{border-inline-start-color:var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 32%, transparent)}.karaoke-word-policy-source-outcome strong{font-size:.76rem}.karaoke-word-policy-source-outcome span{min-width:0;color:var(--pencil-soft);font-size:.7rem;line-height:1.35}.karaoke-word-policy-source-outcome .karaoke-word-policy-source-fidelity{color:var(--marker-blue);letter-spacing:.035em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.12rem .34rem;font-size:.62rem;font-weight:900}.karaoke-word-policy-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;display:grid}.karaoke-word-policy-metrics>span{border:1.5px solid color-mix(in srgb, var(--pencil) 48%, transparent);background:color-mix(in srgb, var(--paper) 82%, transparent);min-width:0;color:var(--pencil-soft);border-radius:8px;gap:.02rem;padding:.42rem .5rem;font-size:.67rem;display:grid}.karaoke-word-policy-metrics strong{color:var(--pencil);font-variant-numeric:tabular-nums;font-size:.9rem}.karaoke-word-policy-overview>p{color:var(--pencil-soft);margin:0;font-size:.75rem;line-height:1.4}.karaoke-word-policy-navigator{background:color-mix(in srgb, var(--sticky-pink) 22%, var(--paper));overflow:hidden}.karaoke-word-policy-navigator-heading{justify-content:space-between;align-items:center;gap:.7rem;min-width:0;padding:.58rem .66rem;display:flex}.karaoke-word-policy-navigator-heading>div:first-child{gap:.03rem;min-width:0;display:grid}.karaoke-word-policy-navigator-heading span{color:var(--pencil-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.63rem;font-weight:900}.karaoke-word-policy-navigator-heading strong,.karaoke-word-policy-navigator-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.karaoke-word-policy-navigator-heading strong{font-size:.86rem}.karaoke-word-policy-navigator-heading small{max-width:36rem;color:var(--pencil-soft);font-size:.7rem}.karaoke-word-policy-actions{flex-wrap:wrap;flex:none;align-items:center;gap:.28rem;display:flex}.karaoke-word-policy-actions button{border:1.5px solid var(--pencil);background:var(--paper);min-height:2rem;color:var(--pencil);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:.22rem;padding:.25rem .45rem;font-size:.7rem;font-weight:850;display:inline-flex}.karaoke-word-policy-actions button.is-active{background:var(--sticky-yellow);box-shadow:2px 2px 0 var(--pencil);transform:translate(-1px,-1px)}.karaoke-word-policy-actions button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-word-policy-evidence{gap:.32rem;min-width:0;padding:0 .66rem .66rem;display:flex;overflow-x:auto}.karaoke-word-policy-evidence>span{border:1px solid var(--pencil-faded);background:var(--paper);color:var(--pencil-soft);border-radius:7px;flex:none;gap:.02rem;padding:.28rem .42rem;font-size:.63rem;display:grid}.karaoke-word-policy-evidence>span strong{color:var(--pencil);font-variant-numeric:tabular-nums;font-size:.76rem}.karaoke-word-policy-evidence>span.is-reason{background:color-mix(in srgb, var(--sticky-blue) 38%, var(--paper));color:var(--pencil);align-content:center;font-weight:850}.karaoke-word-policy-empty{background:color-mix(in srgb, var(--sticky-green) 32%, var(--paper));align-items:center;gap:.55rem;padding:.65rem .75rem;display:flex}.karaoke-word-policy-empty>div{gap:.05rem;display:grid}.karaoke-word-policy-empty strong{font-size:.84rem}.karaoke-word-policy-empty span{color:var(--pencil-soft);font-size:.74rem}.karaoke-sample-track-preview{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;min-width:0;height:clamp(240px,34vh,400px);padding:.15rem;overflow:hidden auto}.karaoke-sample-track-preview.is-comparison{scrollbar-gutter:auto;border:2px solid var(--pencil);background:var(--pencil);height:clamp(400px,56vh,620px);box-shadow:3px 3px 0 color-mix(in srgb, var(--pencil) 28%, transparent);border-radius:14px;padding:0;overflow:hidden;container-type:inline-size}.karaoke-timing-review-lanes{background:var(--pencil);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.karaoke-comparison-mobile-tabs{display:none}.karaoke-timing-review-headers,.karaoke-timing-review-stages{background:var(--pencil);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;min-width:0;display:grid}.karaoke-timing-review-headers{scrollbar-gutter:stable;overflow-y:auto}.karaoke-timing-review-lane,.karaoke-timing-review-lane-header{--timing-lane-accent:var(--pencil-soft);background:var(--paper);min-width:0}.karaoke-timing-review-lane.is-saved,.karaoke-timing-review-lane-header.is-saved{--timing-lane-accent:var(--marker-orange)}.karaoke-timing-review-lane.is-mms,.karaoke-timing-review-lane-header.is-mms{--timing-lane-accent:var(--marker-blue)}.karaoke-timing-review-lane.is-raw,.karaoke-timing-review-lane-header.is-raw{--timing-lane-accent:var(--marker-red)}.karaoke-timing-review-lane.is-before,.karaoke-timing-review-lane-header.is-before{--timing-lane-accent:var(--marker-orange)}.karaoke-timing-review-lane.is-after,.karaoke-timing-review-lane-header.is-after{--timing-lane-accent:var(--marker-blue)}.karaoke-timing-review-lane-header{border-left:.42rem solid var(--timing-lane-accent);border-bottom:1px dashed color-mix(in srgb, var(--pencil) 42%, transparent);background:color-mix(in srgb, var(--timing-lane-accent) 12%, var(--paper));justify-content:space-between;align-items:center;gap:.7rem;min-width:0;padding:.42rem .62rem;display:flex}.karaoke-timing-review-lane-header>div{gap:.02rem;min-width:0;display:grid}.karaoke-timing-review-lane-header span,.karaoke-timing-review-lane-header strong,.karaoke-timing-review-lane-header time{font-family:var(--font-display)}.karaoke-timing-review-lane-header span{color:var(--pencil-soft);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.63rem;font-weight:900;overflow:hidden}.karaoke-timing-review-lane-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.karaoke-timing-review-lane-header time{border:1px solid var(--pencil-faded);background:var(--paper);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:.14rem .38rem;font-size:.72rem;font-weight:800}.karaoke-timing-review-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--pencil);grid-auto-rows:minmax(100%,max-content);min-height:0;display:grid;overflow:hidden auto}.karaoke-timing-review-stages{align-items:stretch;min-height:100%}.karaoke-timing-review-lane{min-height:100%;overflow:visible;container-type:inline-size}.karaoke-timing-review-lane-stage{height:100%;min-height:100%;padding:.2rem;position:relative;overflow:visible}.karaoke-timing-review-lane-track{height:100%;min-height:100%}.karaoke-timing-review-lane-stage .battle-card-stage{min-height:100%}.karaoke-timing-review-lane-stage.has-state{background:color-mix(in srgb, var(--sticky-yellow) 20%, var(--paper));place-items:center;padding:1rem;display:grid;overflow:hidden}.karaoke-timing-review-lane-stage.has-state.is-before{background:color-mix(in srgb, var(--sticky-blue) 22%, var(--paper))}.karaoke-timing-review-lane-stage.has-state.is-ended{background:color-mix(in srgb, var(--sticky-pink) 20%, var(--paper))}.karaoke-timing-review-lane-state{border:1.5px solid var(--pencil);background:color-mix(in srgb, var(--sticky-yellow) 91%, var(--paper));width:min(22rem,100%);max-width:100%;box-shadow:2px 2px 0 var(--pencil);font-family:var(--font-display);pointer-events:none;text-align:center;border-radius:8px;gap:.18rem;padding:1rem 1.1rem;display:grid}.karaoke-timing-review-lane-state.is-before{background:color-mix(in srgb, var(--sticky-blue) 91%, var(--paper))}.karaoke-timing-review-lane-state.is-ended{background:color-mix(in srgb, var(--sticky-pink) 88%, var(--paper))}.karaoke-timing-review-lane-state strong{font-size:.88rem}.karaoke-timing-review-lane-state span{color:var(--pencil-soft);font-size:.76rem}.karaoke-sample-track-preview .battle-card-stage{min-height:100%}@container (width<=820px){.karaoke-timing-review-lanes{grid-template-rows:auto auto minmax(0,1fr)}.karaoke-comparison-mobile-tabs{background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.35rem;display:grid}.karaoke-comparison-mobile-tabs button{border:1.5px solid var(--pencil-faded);background:var(--paper-soft);min-width:0;min-height:2.5rem;color:var(--pencil-soft);font-family:var(--font-display);overflow-wrap:anywhere;cursor:pointer;border-radius:7px;padding:.35rem .45rem;font-size:.74rem;font-weight:900}.karaoke-comparison-mobile-tabs button.is-active{border-color:var(--pencil);background:var(--sticky-yellow);color:var(--pencil);box-shadow:2px 2px 0 var(--pencil)}.karaoke-comparison-mobile-tabs button:focus-visible{outline:3px solid var(--marker-blue);outline-offset:1px}.karaoke-timing-review-headers,.karaoke-timing-review-stages{grid-template-columns:minmax(0,1fr)}.karaoke-timing-review-lane-header:not(.is-mobile-active),.karaoke-timing-review-lane:not(.is-mobile-active){display:none}}@container (width<=560px){.karaoke-timing-review-lane-stage .battle-stage-card{grid-template-columns:minmax(54px,.3fr) minmax(0,1.35fr) minmax(54px,.3fr);grid-template-areas:"side-a main side-b";gap:0 .42rem;min-height:100%}.karaoke-timing-review-lane-stage .battle-stage-card .animated-performer.is-stage{--performer-size:clamp(54px, 18cqi, 86px)}.karaoke-timing-review-lane-stage .battle-stage-card .animated-performer.is-stage .animated-performer-name{font-size:.72rem}.karaoke-timing-review-lane-stage .battle-stage-card .lyrics-card{font-size:.8rem;line-height:1.24}}.karaoke-sample-diagnostic-block{border:2px dashed var(--pencil-faded);background:var(--paper-soft);border-radius:12px;gap:.65rem;min-width:0;padding:.75rem;display:grid}.karaoke-sample-diagnostic-block h3,.karaoke-sample-diagnostic-block h4{font-family:var(--font-display);margin:0}.karaoke-sample-diagnostic-block h3{font-size:1rem}.karaoke-sample-diagnostic-block h4{font-size:.88rem}.karaoke-sample-verdict-controls{border:2px solid var(--pencil);background:var(--paper);border-radius:10px;gap:.55rem;min-width:0;padding:.65rem;display:grid}.karaoke-sample-verdict-controls.is-pass{border-color:var(--marker-green);background:color-mix(in srgb, var(--sticky-green) 26%, var(--paper))}.karaoke-sample-verdict-controls.is-fail{border-color:var(--marker-red);background:color-mix(in srgb, var(--sticky-pink) 30%, var(--paper))}.karaoke-sample-verdict-controls .verdict-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.55rem;display:flex}.karaoke-sample-verdict-controls .verdict-heading strong{font-family:var(--font-display)}.karaoke-sample-verdict-controls .verdict-heading span{color:var(--pencil-soft);font-family:var(--font-display);overflow-wrap:anywhere;font-size:.78rem}.karaoke-sample-verdict-controls .verdict-decision-group,.karaoke-sample-verdict-controls .verdict-reason-group{border:0;min-width:0;margin:0;padding:0}.karaoke-sample-verdict-controls .verdict-decision-group>legend,.karaoke-sample-verdict-controls .verdict-reason-group>legend{width:100%;color:var(--pencil);font-family:var(--font-display);margin:0 0 .42rem;padding:0;font-size:.82rem;font-weight:900;line-height:1.35}.karaoke-sample-verdict-controls .verdict-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.karaoke-sample-verdict-controls .verdict-actions button{background:var(--paper);width:100%;min-height:44px;color:var(--pencil);justify-content:center;align-items:center;gap:.32rem;font-size:.84rem;display:inline-flex}.karaoke-sample-verdict-controls .verdict-actions button:first-child[aria-pressed=true]{border-color:var(--marker-green);background:var(--sticky-green);box-shadow:3px 3px 0 color-mix(in srgb, var(--marker-green) 55%, var(--pencil))}.karaoke-sample-verdict-controls .verdict-actions button:last-child[aria-pressed=true]{border-color:var(--marker-red);background:var(--sticky-pink);box-shadow:3px 3px 0 color-mix(in srgb, var(--marker-red) 55%, var(--pencil))}.karaoke-sample-verdict-controls .verdict-follow-up-details{border-top:1.5px dashed var(--pencil-faded);gap:.55rem;min-width:0;padding-top:.58rem;display:grid}.karaoke-sample-verdict-controls .verdict-artifact-classes{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.38rem;display:grid}.karaoke-sample-verdict-controls .verdict-artifact-classes label{border:1.5px solid var(--pencil-faded);background:color-mix(in srgb, var(--paper) 72%, transparent);min-width:0;min-height:44px;color:var(--pencil);font-family:var(--font-display);cursor:pointer;border-radius:8px;align-items:center;gap:.38rem;padding:.38rem .48rem;font-size:.78rem;line-height:1.25;display:flex}.karaoke-sample-verdict-controls .verdict-artifact-classes label:has(input:checked){border-color:var(--marker-red);background:color-mix(in srgb, var(--sticky-pink) 44%, var(--paper))}.karaoke-sample-verdict-controls .verdict-artifact-classes input[type=checkbox]{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--marker-blue);flex:none;margin:0}.karaoke-sample-verdict-controls .verdict-note-field{gap:.3rem;min-width:0;display:grid}.karaoke-sample-verdict-controls .verdict-note-field>span{color:var(--pencil);font-family:var(--font-display);font-size:.78rem;font-weight:900}.karaoke-sample-verdict-controls textarea{border:1.5px solid var(--pencil-faded);background:var(--paper);width:100%;min-height:5rem;color:var(--pencil);font:inherit;resize:vertical;border-radius:8px;padding:.4rem .5rem;font-size:.86rem}.karaoke-sample-verdict-controls .verdict-save-details{justify-self:start;min-height:44px;font-size:.82rem}.karaoke-sample-verdict-controls .verdict-clear-action{min-height:44px;box-shadow:none;color:var(--pen-blue);-webkit-text-decoration:underline wavy var(--pen-blue-soft);text-decoration:underline wavy var(--pen-blue-soft);background:0 0;border:0;border-radius:0;justify-self:start;padding:.25rem .15rem;font-size:.76rem}.karaoke-sample-verdict-controls .verdict-clear-action:active{box-shadow:none;transform:none}.karaoke-sample-verdict-controls .verdict-clear-action:focus-visible{outline:3px solid var(--marker-blue);outline-offset:2px}.karaoke-verdict-scope-note,.karaoke-legacy-audio-verdict,.karaoke-verdict-unavailable{color:var(--pencil-soft);font-family:var(--font-display);margin:0;font-size:.76rem;line-height:1.4}.karaoke-verdict-scope-note{border-inline-start:3px solid var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 30%, transparent);padding:.38rem .5rem}.karaoke-legacy-audio-verdict{border-top:1px dashed var(--pencil-faded);padding-top:.45rem}.karaoke-verdict-unavailable{border:1.5px dashed var(--pencil-faded);background:var(--paper-soft);border-radius:8px;padding:.68rem .72rem}.karaoke-sample-verdict-controls .verdict-error{color:var(--marker-red);font-family:var(--font-display);margin:0;font-size:.78rem}@media (width<=600px){.karaoke-review-focus-options,.karaoke-word-policy-source-options,.karaoke-sample-verdict-controls .verdict-actions,.karaoke-sample-verdict-controls .verdict-artifact-classes{grid-template-columns:1fr}.karaoke-sample-verdict-controls .verdict-save-details{width:100%}.karaoke-word-policy-source-outcome.is-compact{grid-template-columns:1fr}.karaoke-word-policy-source-outcome .karaoke-word-policy-source-fidelity{justify-self:start}}.karaoke-sample-stage-list{gap:.55rem;margin:0;display:grid}.karaoke-sample-stage-list div{gap:.1rem;display:grid}.karaoke-sample-stage-list dt{color:var(--pencil-soft);font-family:var(--font-display);font-size:.78rem}.karaoke-sample-stage-list dd{overflow-wrap:anywhere;gap:.12rem;margin:0;font-weight:800;display:grid}.karaoke-sample-stage-list dd span{color:var(--pencil-soft);font-family:var(--font-display);font-size:.78rem;font-weight:600}.karaoke-sample-technical-details{border:1.5px dashed var(--pencil-faded);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:8px;min-width:0;padding:.45rem .55rem}.karaoke-sample-technical-details summary{cursor:pointer;color:var(--pencil-soft);font-family:var(--font-display);font-size:.78rem}.karaoke-sample-technical-details[open] summary{color:var(--pencil);margin-bottom:.45rem}.karaoke-sample-review-moments{gap:.38rem;min-width:0;display:grid}.karaoke-sample-review-moment{border:1.5px solid var(--pencil-faded);background:var(--paper);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.42rem;min-width:0;padding:.45rem .5rem;display:grid}.karaoke-sample-review-moment.is-fail{border-color:var(--marker-red);background:color-mix(in srgb, var(--sticky-pink) 32%, var(--paper))}.karaoke-sample-review-moment.is-soft{border-color:var(--marker-orange);background:color-mix(in srgb, var(--sticky-yellow) 32%, var(--paper))}.karaoke-sample-review-moment>div{gap:.06rem;min-width:0;display:grid}.karaoke-sample-review-moment strong,.karaoke-sample-review-moment span,.karaoke-sample-review-moment small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.karaoke-sample-review-moment strong{font-family:var(--font-display)}.karaoke-sample-review-moment span,.karaoke-sample-review-moment small{color:var(--pencil-soft);font-family:var(--font-display);font-size:.74rem}.karaoke-sample-review-moment-text{min-width:0}.karaoke-sample-review-moment-text summary{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--pencil-soft);font-family:var(--font-display);font-size:.74rem;overflow:hidden}.karaoke-sample-review-moment-text[open] summary{margin-bottom:.18rem}.karaoke-sample-review-moment-text small{white-space:normal;text-overflow:clip;line-height:1.25;display:block;overflow:visible}.karaoke-sample-review-moment button{border:1.5px solid var(--pencil);background:var(--paper);min-height:2rem;color:var(--pencil);font-family:var(--font-display);cursor:pointer;border-radius:7px;align-items:center;gap:.18rem;padding:.18rem .44rem;font-size:.76rem;display:inline-flex}.karaoke-sample-review-moment button.is-active{background:var(--sticky-blue);box-shadow:1px 1px 0 var(--pencil)}.karaoke-sample-review-moment button:disabled{border-color:var(--pencil-faded);background:color-mix(in srgb, var(--paper) 68%, transparent);color:var(--pencil-soft);cursor:not-allowed;opacity:.62}.karaoke-sample-section-rail{gap:.5rem;display:grid}.karaoke-sample-section-segment{border:2px solid var(--pencil-faded);background:var(--paper);min-height:0;color:var(--pencil);font:inherit;text-align:left;border-radius:10px;gap:.22rem;padding:.52rem .62rem;display:grid;position:relative;overflow:hidden}.karaoke-sample-section-segment.is-vocal{background:color-mix(in srgb, var(--sticky-blue) 36%, var(--paper))}.karaoke-sample-section-segment.is-instrumental{background:color-mix(in srgb, var(--sticky-yellow) 26%, var(--paper))}.karaoke-sample-section-segment.is-active{border-color:var(--marker-blue);box-shadow:2px 2px 0 var(--pencil)}.karaoke-sample-section-segment.is-pass{border-color:var(--marker-green)}.karaoke-sample-section-segment.is-soft{border-color:var(--marker-orange)}.karaoke-sample-section-segment.is-fail{border-color:var(--marker-red);background:color-mix(in srgb, var(--sticky-pink) 42%, var(--paper))}.karaoke-sample-section-segment .section-fill{width:var(--section-progress,0%);pointer-events:none;background:#2f699829;position:absolute;inset:0 auto 0 0}.karaoke-sample-section-segment strong,.karaoke-sample-section-segment span,.karaoke-sample-section-segment small{position:relative}.karaoke-sample-section-segment .section-heading{justify-content:space-between;align-items:center;gap:.45rem;min-width:0;display:flex}.karaoke-sample-section-segment strong{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display)}.karaoke-sample-section-segment .section-status{color:var(--pencil);border-radius:999px;flex:none;padding:.08rem .34rem;font-size:.7rem}.karaoke-sample-section-segment span,.karaoke-sample-section-segment small{color:var(--pencil-soft)}.karaoke-sample-section-segment .section-time{font-family:var(--font-display);font-size:.78rem}.karaoke-sample-section-segment .section-requirements{gap:.12rem;display:grid}.karaoke-sample-section-segment .section-requirements small{overflow-wrap:anywhere;font-family:var(--font-display);line-height:1.18}.karaoke-sample-section-segment.is-compact{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:.32rem .55rem}.karaoke-sample-section-segment .section-seek{min-width:0;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;gap:.22rem;margin:0;padding:0;display:grid;position:relative}.karaoke-sample-section-segment .section-seek:active{box-shadow:none;transform:none}.karaoke-sample-section-segment .section-reason{color:var(--pencil-soft);font-family:var(--font-display);overflow-wrap:anywhere;font-size:.76rem;line-height:1.22}.karaoke-sample-section-segment .section-clips{border-top:1.5px dashed var(--pencil-faded);gap:.38rem;min-width:0;padding-top:.3rem;display:grid}.karaoke-sample-strict-lists{border:1.5px dashed var(--pencil-faded);background:var(--paper);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.55rem .6rem;display:grid}.karaoke-sample-strict-lists ul{color:var(--pencil-soft);margin:.3rem 0 0;padding-left:1.15rem}.karaoke-sample-strict-lists li{overflow-wrap:anywhere;font-size:.88rem}.karaoke-sample-item-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.karaoke-sample-item-header.is-compact{align-items:center}.karaoke-sample-item-header.is-compact>.karaoke-sample-pill{flex:none}.karaoke-sample-item-header h2{margin:0;font-size:clamp(1.25rem,1rem + .7vw,1.85rem)}.karaoke-sample-item-header p{color:var(--pencil-soft);font-family:var(--font-display);margin:0 0 .2rem}.karaoke-sample-meta{max-width:100%;font-family:var(--font-display);color:var(--pencil-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.karaoke-sample-meta .karaoke-sample-pill,.karaoke-sample-meta .karaoke-sample-status-badge{overflow-wrap:anywhere;max-width:min(100%,38rem)}.karaoke-sample-meta .karaoke-sample-pill{background:var(--paper-soft);border-style:dashed;border-radius:8px}.karaoke-sample-player{gap:.35rem;display:grid}.karaoke-review-disclosures{gap:.5rem;min-width:0;margin-top:.15rem;display:grid}.karaoke-review-disclosure{border:1.5px solid var(--pencil-faded);background:color-mix(in srgb, var(--paper) 88%, var(--paper-soft));border-radius:10px;min-width:0;overflow:hidden}.karaoke-review-disclosure>summary{min-height:44px;color:var(--pencil);font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.48rem .62rem;list-style:none;display:flex}.karaoke-review-disclosure>summary::-webkit-details-marker{display:none}.karaoke-review-disclosure>summary>span{gap:.03rem;min-width:0;display:grid}.karaoke-review-disclosure>summary strong,.karaoke-review-disclosure>summary small{overflow-wrap:anywhere;min-width:0}.karaoke-review-disclosure>summary strong{font-size:.86rem}.karaoke-review-disclosure>summary small{color:var(--pencil-soft);font-size:.7rem}.karaoke-review-disclosure>summary svg{flex:none;transition:transform .16s}.karaoke-review-disclosure[open]{border-color:var(--pencil);box-shadow:2px 2px 0 color-mix(in srgb, var(--pencil) 25%, transparent)}.karaoke-review-disclosure[open]>summary{background:color-mix(in srgb, var(--sticky-yellow) 22%, var(--paper))}.karaoke-review-disclosure[open]>summary svg{transform:rotate(90deg)}.karaoke-review-disclosure>summary:focus-visible{outline:3px solid var(--marker-blue);outline-offset:-3px}.karaoke-review-disclosure-body{border-top:1px dashed var(--pencil-faded);gap:.65rem;min-width:0;padding:.65rem;display:grid}.karaoke-review-disclosure-body .karaoke-word-policy-evidence,.karaoke-review-disclosure-body .karaoke-timing-difference-evidence{padding:0}@media (prefers-reduced-motion:reduce){.karaoke-review-disclosure>summary svg{transition:none}}.karaoke-track-facts{border-top:1px dashed var(--pencil-faded);gap:.38rem;min-width:0;padding-top:.1rem;display:grid}.karaoke-track-facts h3{font-family:var(--font-display);margin:0;font-size:.82rem}.karaoke-track-facts .karaoke-sample-meta{justify-content:flex-start}.karaoke-sample-production-transport{width:100%}.karaoke-sample-playback-note{color:var(--pencil-soft);font-family:var(--font-display);margin:0;font-size:.78rem}.karaoke-sample-loop-note{min-width:0;color:var(--pencil-soft);font-family:var(--font-display);align-items:center;gap:.35rem;margin:.15rem 0 0;font-size:.82rem;display:flex}.karaoke-sample-loop-note span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.karaoke-sample-loop-note button{border:1.5px solid var(--pencil);background:var(--paper);min-height:1.85rem;color:var(--pencil);font-family:var(--font-display);cursor:pointer;border-radius:7px;flex:none;padding:.1rem .42rem}.karaoke-review-shell{max-width:min(1520px,100%);padding:.7rem clamp(.7rem,2vw,1.5rem)}.karaoke-review-shell .app-header{border-bottom-width:1px;gap:.65rem;margin-bottom:.7rem;padding-bottom:.55rem}.karaoke-review-shell .app-logo{height:2rem}.karaoke-review-shell .app-footer{padding-top:.75rem}.karaoke-sample-review-page.stack{gap:.68rem;font-size:.88rem}.karaoke-sample-review-page .karaoke-sample-review-hero{border-bottom-width:1px;align-items:flex-end;padding-bottom:.55rem}.karaoke-sample-review-page .karaoke-sample-review-hero>div:first-child{flex:38rem;min-width:min(100%,22rem)}.karaoke-sample-review-page .karaoke-sample-review-hero h1{margin:0;font-size:clamp(1.7rem,2.7vw,2.55rem);line-height:1.08}.karaoke-sample-review-page .share-kicker{border-width:1px;margin:0 0 .35rem;padding:.12rem .48rem;font-size:.78rem}.karaoke-sample-review-page .share-expiry,.karaoke-sample-review-page .karaoke-sample-pill,.karaoke-sample-review-page .karaoke-sample-status-badge,.karaoke-sample-review-page .karaoke-sample-filter-bar label,.karaoke-sample-review-page .karaoke-sample-filter-bar select,.karaoke-sample-review-page .karaoke-sample-filter-count,.karaoke-sample-review-page .karaoke-review-focus,.karaoke-sample-review-page .karaoke-timing-review-variant-selector,.karaoke-sample-review-page .karaoke-timing-difference-navigator,.karaoke-sample-review-page .karaoke-word-policy-navigator,.karaoke-sample-review-page .karaoke-word-policy-empty,.karaoke-sample-review-page .karaoke-word-policy-source-outcome,.karaoke-sample-review-page .karaoke-review-disclosure,.karaoke-sample-review-page .karaoke-sample-playback-note,.karaoke-sample-review-page .karaoke-sample-loop-note{font-family:var(--font-body)}.karaoke-sample-review-page .karaoke-sample-status-badge,.karaoke-sample-review-page .karaoke-sample-pill,.karaoke-sample-review-page .share-expiry{border-width:1px}.karaoke-sample-review-page .karaoke-review-focus{border:1px solid color-mix(in srgb, var(--pencil) 36%, transparent);background:color-mix(in srgb, var(--paper-soft) 78%, var(--paper));box-shadow:none;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:.38rem;padding:.48rem}.karaoke-sample-review-page .karaoke-review-focus-heading,.karaoke-sample-review-page .karaoke-word-policy-source-heading{display:none}.karaoke-sample-review-page .karaoke-review-focus-options{background:0 0;border:0;padding:0}.karaoke-sample-review-page .karaoke-review-focus-options button>small,.karaoke-sample-review-page .karaoke-word-policy-source-options button>em{display:none}.karaoke-sample-review-page .karaoke-review-focus-options button,.karaoke-sample-review-page .karaoke-word-policy-source-options button{min-height:2.35rem;font-family:var(--font-body);box-shadow:none;border-width:1px;grid-template-columns:minmax(0,1fr);padding:.34rem .52rem;font-size:.76rem}.karaoke-sample-review-page .karaoke-review-focus-options button.is-active,.karaoke-sample-review-page .karaoke-word-policy-source-options button.is-active,.karaoke-sample-review-page .karaoke-word-policy-source[data-word-policy-timing-source=mms-production-policy] .karaoke-word-policy-source-options button.is-active{border-color:color-mix(in srgb, var(--marker-blue) 70%, var(--pencil));background:color-mix(in srgb, var(--sticky-blue) 56%, var(--paper));box-shadow:none;transform:none}.karaoke-sample-review-page .karaoke-review-focus>p{grid-column:1;padding-inline:.12rem;font-size:.75rem;line-height:1.32}.karaoke-sample-review-page .karaoke-word-policy-source{border-top-width:1px;grid-column:1;grid-template-columns:minmax(0,1fr);gap:.35rem;padding-top:.38rem}.karaoke-sample-review-page .karaoke-word-policy-source-options button small{font-size:.68rem}.karaoke-sample-review-page .karaoke-review-focus-summary{color:var(--pencil-soft);font-family:var(--font-body);background:0 0;border:0;grid-column:1;padding:.15rem .12rem 0;font-size:.71rem;font-weight:700}.karaoke-sample-review-page .karaoke-sample-provider-tabs{gap:.4rem}.karaoke-sample-review-page .karaoke-sample-provider-tabs button{min-height:36px;font-family:var(--font-body);box-shadow:none;border-width:1px;padding:.3rem .55rem;font-size:.78rem}.karaoke-sample-review-page .karaoke-sample-provider-tabs button.is-active{border-color:var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 55%, var(--paper));box-shadow:none;transform:none}.karaoke-sample-review-page .karaoke-sample-provider-tabs strong{border-width:1px;min-width:1.4rem;min-height:1.4rem}.karaoke-sample-review-page .karaoke-sample-filter-bar{border:1px solid color-mix(in srgb, var(--pencil) 30%, transparent);background:color-mix(in srgb, var(--paper-soft) 72%, var(--paper));border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;padding:.42rem .5rem;display:grid}.karaoke-sample-filter-controls,.karaoke-sample-filter-actions{align-items:center;gap:.42rem;min-width:0;display:flex}.karaoke-sample-filter-controls{flex-wrap:wrap}.karaoke-sample-filter-actions{justify-content:flex-end}.karaoke-sample-review-page .karaoke-sample-filter-bar label{white-space:nowrap;gap:.25rem;font-size:.7rem}.karaoke-sample-review-page .karaoke-sample-filter-bar select{border-width:1px;min-height:1.9rem;padding:.08rem .3rem;font-size:.72rem}.karaoke-sample-review-page .karaoke-sample-filter-bar .sketch-btn{min-height:2rem;font-family:var(--font-body);box-shadow:none;white-space:nowrap;border-width:1px;margin:0;padding:.24rem .48rem;font-size:.72rem;transform:none}.karaoke-sample-review-page .karaoke-sample-filter-count+.sketch-btn{margin-inline-start:0}.karaoke-sample-review-page .karaoke-sample-filter-count{white-space:nowrap;font-size:.7rem}.karaoke-sample-review-page .karaoke-sample-review-layout{grid-template-columns:clamp(260px,21vw,305px) minmax(0,1fr);gap:.75rem}.karaoke-sample-review-page .karaoke-sample-case-list{gap:.32rem}.karaoke-sample-review-page .karaoke-sample-case-row{background:color-mix(in srgb, var(--paper) 92%, var(--paper-soft));box-shadow:none;border-width:1px;border-radius:8px;gap:.22rem;padding:.42rem .5rem}.karaoke-sample-review-page .karaoke-sample-case-row:hover{border-color:color-mix(in srgb, var(--marker-blue) 52%, var(--pencil-faded));background:color-mix(in srgb, var(--sticky-blue) 15%, var(--paper))}.karaoke-sample-review-page .karaoke-sample-case-row.is-selected{border-color:color-mix(in srgb, var(--marker-blue) 72%, var(--pencil));background:color-mix(in srgb, var(--sticky-blue) 32%, var(--paper));box-shadow:inset 3px 0 0 var(--marker-blue)}.karaoke-sample-review-page .karaoke-sample-case-row .case-row-kicker{font-family:var(--font-body);letter-spacing:.02em;text-transform:none;font-size:.62rem;font-weight:650}.karaoke-sample-review-page .karaoke-sample-case-row strong{font-size:.9rem;line-height:1.2}.karaoke-sample-review-page .karaoke-sample-case-row .case-row-badges{flex-wrap:nowrap;gap:.25rem}.karaoke-sample-review-page .karaoke-sample-case-row .karaoke-sample-status-badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:.18rem .36rem;font-size:.65rem;line-height:1.15;overflow:hidden}.karaoke-sample-review-page .karaoke-sample-case-row .karaoke-sample-status-badge:first-child{flex:auto}.karaoke-sample-review-page .karaoke-sample-detail{gap:.55rem}.karaoke-sample-review-page .karaoke-sample-item-header h2{font-size:clamp(1.15rem,1rem + .45vw,1.55rem)}.karaoke-sample-review-page .karaoke-sample-item-header p{font-family:var(--font-body);margin-bottom:.08rem;font-size:.68rem}.karaoke-sample-review-page .karaoke-timing-review-variant-selector{border:1px solid color-mix(in srgb, var(--pencil) 28%, transparent);background:color-mix(in srgb, var(--sticky-blue) 10%, var(--paper));padding:.35rem .4rem}.karaoke-sample-review-page .karaoke-timing-review-target{grid-template-columns:auto minmax(0,1fr);align-items:center}.karaoke-sample-review-page .karaoke-timing-review-target>span{font-family:var(--font-body);font-size:.62rem}.karaoke-sample-review-page .karaoke-timing-review-tabs{background:var(--paper);border-width:1px}.karaoke-sample-review-page .karaoke-timing-review-tabs button{min-height:2rem;font-family:var(--font-body);padding:.25rem .45rem;font-size:.72rem}.karaoke-sample-review-page .karaoke-timing-review-tabs button.is-active{border-width:1px;border-color:var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 56%, var(--paper));box-shadow:none;transform:none}.karaoke-sample-review-page .karaoke-timing-difference-navigator,.karaoke-sample-review-page .karaoke-timing-difference-empty,.karaoke-sample-review-page .karaoke-word-policy-navigator,.karaoke-sample-review-page .karaoke-word-policy-empty,.karaoke-sample-review-page .karaoke-word-policy-source-outcome.is-compact{box-shadow:none;border-width:1px;border-radius:9px}.karaoke-sample-review-page .karaoke-timing-difference-heading,.karaoke-sample-review-page .karaoke-word-policy-navigator-heading{padding:.44rem .52rem}.karaoke-sample-review-page .karaoke-timing-difference-heading span,.karaoke-sample-review-page .karaoke-timing-difference-heading strong,.karaoke-sample-review-page .karaoke-timing-difference-heading small,.karaoke-sample-review-page .karaoke-word-policy-navigator-heading span,.karaoke-sample-review-page .karaoke-word-policy-navigator-heading strong,.karaoke-sample-review-page .karaoke-word-policy-navigator-heading small{font-family:var(--font-body)}.karaoke-sample-review-page .karaoke-timing-difference-heading strong,.karaoke-sample-review-page .karaoke-word-policy-navigator-heading strong{font-size:.82rem}.karaoke-sample-review-page .karaoke-timing-difference-actions button,.karaoke-sample-review-page .karaoke-word-policy-actions button{min-height:1.9rem;font-family:var(--font-body);box-shadow:none;border-width:1px;padding:.2rem .4rem;font-size:.68rem}.karaoke-sample-review-page .karaoke-word-policy-actions button.is-active,.karaoke-sample-review-page .karaoke-timing-difference-actions button.is-active{box-shadow:none;transform:none}.karaoke-sample-review-page .karaoke-word-policy-source-outcome{grid-template-columns:minmax(0,1fr);padding:.35rem .45rem}.karaoke-sample-review-page .karaoke-word-policy-source-outcome.is-compact{border-inline-start-width:3px;grid-template-columns:minmax(0,1fr) auto}.karaoke-word-policy-source-outcome-copy{gap:.04rem;min-width:0;display:grid}.karaoke-sample-review-page .karaoke-word-policy-source-outcome-copy strong{font-size:.76rem}.karaoke-sample-review-page .karaoke-word-policy-source-outcome-copy>span{font-size:.68rem}.karaoke-sample-review-page .karaoke-sample-player{gap:.25rem}.karaoke-sample-review-page .karaoke-sample-track-preview.is-comparison{height:clamp(330px,42vh,460px);box-shadow:0 8px 22px color-mix(in srgb, var(--pencil) 12%, transparent);border-width:1px;border-radius:10px}.karaoke-sample-review-page .karaoke-timing-review-lanes,.karaoke-sample-review-page .karaoke-timing-review-headers,.karaoke-sample-review-page .karaoke-timing-review-stages,.karaoke-sample-review-page .karaoke-timing-review-scroll{background:color-mix(in srgb, var(--pencil) 64%, var(--paper))}.karaoke-sample-review-page .karaoke-timing-review-headers,.karaoke-sample-review-page .karaoke-timing-review-scroll{scrollbar-gutter:auto;scrollbar-width:thin}.karaoke-sample-review-page .karaoke-timing-review-lane-header{border-left-width:.3rem;padding:.34rem .5rem}.karaoke-sample-review-page .karaoke-timing-review-lane-header span,.karaoke-sample-review-page .karaoke-timing-review-lane-header time{font-family:var(--font-body)}.karaoke-sample-review-page .karaoke-timing-review-lane-header strong{font-size:.8rem}.karaoke-sample-review-page .karaoke-comparison-mobile-tabs button{min-height:2.1rem;font-family:var(--font-body);box-shadow:none;font-size:.7rem}.karaoke-sample-review-page .karaoke-comparison-mobile-tabs button.is-active{border-color:var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 55%, var(--paper));box-shadow:none}.karaoke-sample-review-page .karaoke-review-disclosures{gap:.38rem}.karaoke-sample-review-page .karaoke-review-disclosure{border-width:1px;border-radius:8px}.karaoke-sample-review-page .karaoke-review-disclosure>summary{min-height:40px;font-family:var(--font-body);padding:.38rem .5rem}.karaoke-sample-review-page .karaoke-review-disclosure[open]{border-color:color-mix(in srgb, var(--marker-blue) 55%, var(--pencil));box-shadow:none}.karaoke-sample-review-page .karaoke-review-disclosure-body{padding:.55rem}.karaoke-sample-review-page .karaoke-review-disclosure-body :is(.karaoke-word-policy-overview,.karaoke-word-policy-navigator,.karaoke-timing-difference-navigator,.karaoke-timing-review-switcher){box-shadow:none;border-width:1px}.karaoke-sample-review-page .karaoke-sample-playback-note{border-inline-start:2px solid var(--marker-blue);background:color-mix(in srgb, var(--sticky-blue) 16%, transparent);padding:.4rem .5rem;font-size:.72rem;line-height:1.38}.karaoke-sample-review-page .karaoke-sample-filter-actions .sketch-btn:last-child{border-color:color-mix(in srgb, var(--pen-blue) 48%, var(--pencil-faded));color:var(--pen-blue);background:0 0}.karaoke-sample-review-page :is(.share-expiry,.karaoke-sample-pill,.karaoke-sample-status-badge,.karaoke-review-focus,.karaoke-review-focus-options button,.karaoke-word-policy-source-options button,.karaoke-review-focus-summary,.karaoke-sample-provider-tabs button,.karaoke-sample-filter-bar,.karaoke-sample-filter-bar label,.karaoke-sample-filter-bar select,.karaoke-sample-filter-count,.karaoke-sample-filter-bar .sketch-btn,.karaoke-sample-case-row .case-row-kicker,.karaoke-sample-case-row .karaoke-sample-status-badge,.karaoke-sample-item-header p,.karaoke-timing-review-variant-selector,.karaoke-timing-review-target>span,.karaoke-timing-review-tabs button,.karaoke-timing-difference-navigator,.karaoke-timing-difference-heading span,.karaoke-timing-difference-heading strong,.karaoke-timing-difference-heading small,.karaoke-timing-difference-actions button,.karaoke-word-policy-navigator,.karaoke-word-policy-navigator-heading span,.karaoke-word-policy-navigator-heading strong,.karaoke-word-policy-navigator-heading small,.karaoke-word-policy-actions button,.karaoke-word-policy-empty,.karaoke-word-policy-source-outcome,.karaoke-timing-review-lane-header span,.karaoke-timing-review-lane-header time,.karaoke-comparison-mobile-tabs button,.karaoke-review-disclosure,.karaoke-review-disclosure>summary,.karaoke-sample-playback-note,.karaoke-sample-loop-note){font-family:var(--font-code)}@media (width<=600px){.karaoke-review-shell{padding:.5rem .55rem}.karaoke-review-shell .app-header{margin-bottom:.5rem;padding-bottom:.4rem}.karaoke-sample-review-page.stack{gap:.52rem}.karaoke-sample-review-page .karaoke-sample-review-hero{gap:.5rem}.karaoke-sample-review-page .karaoke-sample-review-hero h1{font-size:clamp(1.45rem,8vw,1.95rem)}.karaoke-sample-review-page .karaoke-sample-hero-meta{gap:.35rem}.karaoke-sample-review-page .karaoke-sample-hero-meta .share-expiry{display:none}.karaoke-sample-review-page .karaoke-review-focus{padding:.38rem}.karaoke-sample-review-page .karaoke-review-focus>p,.karaoke-sample-review-page .karaoke-review-focus-summary{display:none}.karaoke-sample-review-page .karaoke-review-focus-options,.karaoke-sample-review-page .karaoke-word-policy-source-options{grid-template-columns:repeat(2,minmax(0,1fr))}.karaoke-sample-review-page .karaoke-word-policy-source-options button small{display:none}.karaoke-sample-review-page .karaoke-review-focus-options button,.karaoke-sample-review-page .karaoke-word-policy-source-options button{padding:.3rem .4rem;font-size:.7rem}.karaoke-sample-review-page .karaoke-timing-review-target,.karaoke-sample-review-page .karaoke-word-policy-source-outcome.is-compact{grid-template-columns:minmax(0,1fr)}.karaoke-sample-review-page .karaoke-word-policy-source-fidelity{justify-self:start}.karaoke-sample-review-page .karaoke-sample-filter-count{display:none}.karaoke-sample-review-page .karaoke-sample-track-preview.is-comparison{height:min(420px,50vh);box-shadow:0 5px 14px color-mix(in srgb, var(--pencil) 10%, transparent)}.karaoke-sample-review-page .karaoke-timing-review-lane-header{padding:.3rem .42rem}.karaoke-sample-review-page .karaoke-review-disclosure>summary small{font-size:.68rem}}@media (width<=900px){.battle-round-status-card,.home-primary-layout,.karaoke-sample-review-layout,.mode-options{grid-template-columns:1fr}.karaoke-sample-detail-pane{order:-1}.karaoke-sample-review-page .karaoke-sample-review-layout{grid-template-columns:minmax(0,1fr)}.karaoke-sample-review-layout:not(.has-selection) .karaoke-sample-detail-pane{order:0}.karaoke-sample-case-list{max-height:50vh;position:static}.karaoke-sample-review-page .karaoke-sample-filter-bar{grid-template-columns:minmax(0,1fr)}.karaoke-sample-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.karaoke-sample-review-page .karaoke-sample-filter-controls label{white-space:normal;grid-template-columns:minmax(0,1fr);gap:.12rem;display:grid}.karaoke-sample-review-page .karaoke-sample-filter-controls select{width:100%}.karaoke-sample-filter-actions{flex-wrap:wrap;justify-content:stretch}.karaoke-sample-review-page .karaoke-sample-filter-count{flex:100%}.karaoke-sample-review-page .karaoke-sample-filter-actions .sketch-btn{flex:9rem;justify-content:center}.karaoke-sample-filter-bar .sketch-btn{margin-left:0}.battle-round-next-up{border-left:0;border-top:2px dashed var(--pencil-faded);padding-top:.65rem;padding-left:0}.public-room-listing{grid-template-columns:1fr}.public-room-join-button{justify-self:stretch;width:100%}.public-room-full-label{width:100%}.karaoke-sample-provider-summary,.karaoke-sample-strict-lists{grid-template-columns:1fr}.karaoke-sample-provider-summary-metrics{justify-content:flex-start}.karaoke-timing-review-meta{display:grid}.karaoke-timing-review-variant-selector{grid-template-columns:1fr;align-items:stretch}.karaoke-timing-review-variant-selector>.karaoke-sample-status-badge{justify-self:start}.karaoke-review-focus,.karaoke-word-policy-source{grid-template-columns:1fr}.karaoke-review-focus>p,.karaoke-review-focus-summary{grid-column:1}.karaoke-word-policy-overview-heading,.karaoke-word-policy-navigator-heading{display:grid}.karaoke-word-policy-overview-heading code{justify-self:start}.karaoke-word-policy-metrics{grid-template-columns:1fr}.karaoke-word-policy-actions{justify-content:flex-start}.karaoke-timing-difference-heading{display:grid}.karaoke-timing-difference-actions,.karaoke-timing-review-badges{justify-content:flex-start}.karaoke-timing-review-window-row{grid-template-columns:1fr;gap:.25rem}.karaoke-sample-track-preview{height:min(430px,58vh)}.karaoke-sample-track-preview.is-comparison{height:min(560px,62vh)}.karaoke-sample-review-page .karaoke-sample-track-preview.is-comparison{height:min(460px,52vh)}.karaoke-sample-review-moment{grid-template-columns:minmax(0,1fr) auto}.karaoke-sample-review-moment>div{grid-column:1/-1}.karaoke-sample-review-moment button:first-of-type{grid-column:1}.karaoke-sample-review-moment button:last-of-type{grid-area:2/2}.lobby-ready-card,.resume-room-card{grid-template-columns:1fr}.resume-room-actions{justify-content:stretch}.resume-room-actions button{flex:160px}.setup-card,.join-card{min-height:auto}.home-join-form,.home-join-button-row,.home-host-choice-grid{grid-template-columns:1fr}.home-join-primary h2{font-size:2.2rem}.stack.display-lobby--streamlined{flex-direction:column;align-items:stretch;gap:.45rem;display:flex}.display-lobby--streamlined .sketch-card{padding:.62rem .78rem}.display-session-card{gap:.45rem}.display-room-layout{grid-template-columns:1fr;gap:.45rem}.display-room-controls{border-top:2px dashed var(--line);border-left:0;gap:.45rem;padding-top:.45rem;padding-left:0}.display-session-invite{grid-template-columns:minmax(0,1fr);gap:.35rem}.display-session-code{width:min(100%,17.1rem)}.display-card-heading{text-align:center;justify-items:center;gap:.5rem;display:grid}.display-card-heading p{display:none}.display-code-actions{grid-template-columns:minmax(0,14rem) 44px;justify-content:center;gap:.35rem;margin-top:0}.display-code-actions .room-code-card{width:min(100%,14rem);font-size:clamp(1.9rem,8.8vw,2.55rem)}.display-code-actions .room-code-card.room-code-tiles{gap:.06em;width:min(100%,14rem);padding:.16em .3em .12em}.display-qr-panel{display:none}.display-session-players{gap:.35rem;padding-top:.42rem}.display-session-players h2{font-size:1.18rem}.display-players-card{width:100%}.display-player-list{grid-template-columns:1fr;gap:.28rem}.display-player-list li{padding:.25em .52em}.display-control-grid{gap:.42rem}.lobby-setup-panel{gap:.32rem;padding:0}.device-host-lobby .lobby-setup-meta{gap:.22rem .35rem}.device-host-lobby .lobby-mode-note{display:none}.lobby-mode-chip{min-height:1.55rem;padding:.14rem .48rem .1rem;font-size:.86rem}.lobby-mode-note{display:none}.lobby-setup-grid{gap:.34rem}.setup-picker{grid-column:span 1}.setup-time-control{grid-column:1/-1}.setup-family-control{grid-column:span 1}.setup-control{gap:.24rem;padding:.3rem}.setup-control-label{font-size:.92rem}.setup-stepper-controls{grid-template-columns:34px minmax(0,1fr) 34px;gap:.22rem}button.setup-step-button{width:34px;min-width:34px;height:34px;min-height:34px}.setup-step-value{min-height:34px;padding-inline:.18rem;font-size:1.22rem}.setup-static-value{min-height:34px;padding-inline:.18rem}.setup-static-value strong{font-size:1.22rem}.setup-step-value small,.setup-static-value small{font-size:.58rem}.setup-segmented-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.18rem}.setup-time-control .setup-segmented-options{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-toggle-heading{grid-template-columns:1fr;gap:.24rem}.setup-toggle{justify-self:start;min-width:6.6rem;font-size:.94rem}.setup-public-fields{grid-template-columns:minmax(0,1fr) minmax(136px,.54fr);gap:.42rem;padding-top:.42rem}button.setup-segment-option{min-height:32px;padding:.18rem .1rem;font-size:.78rem}.stack.device-host-lobby{flex-direction:column;align-items:stretch;gap:.45rem;display:flex}.device-host-lobby .sketch-card{padding:.56rem .72rem}.device-host-lobby h2{margin-bottom:.18rem;font-size:1.35rem;line-height:1}.device-host-lobby .icon-circle{flex:none;width:44px;height:44px}.device-host-lobby .game-language-select{min-height:38px;padding:.32rem .52rem;font-size:.95rem}.stack.device-host-lobby--streamlined{flex-direction:column;gap:.4rem;display:flex}.device-host-lobby--streamlined .host-room-card{order:1;gap:.45rem}.host-room-layout{grid-template-columns:1fr;gap:.45rem}.host-room-controls{border-top:2px dashed var(--line);border-left:0;gap:.32rem;padding-top:.42rem;padding-left:0}.device-host-lobby--streamlined .host-public-card{order:2}.device-host-lobby--streamlined .host-players-card{order:3;gap:.45rem}.device-host-lobby--has-public-control .host-public-card,.device-host-lobby--has-public-control .host-players-card{grid-area:auto}.host-session-heading{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.host-session-heading p{display:none}.host-code-actions{grid-template-columns:minmax(0,14rem) 44px;justify-content:start;gap:.35rem}.host-code-actions .room-code-card{letter-spacing:.14em;width:min(100%,14rem);padding:.16em .38em .12em;font-size:clamp(1.7rem,8.8vw,2.25rem)}.host-code-actions .room-code-card.room-code-tiles{letter-spacing:0;gap:.06em;width:min(100%,14rem);padding:.16em .3em .12em}.invite-public-control,.invite-public-main{gap:.26rem}.invite-public-label{font-size:.92rem}.invite-public-toggle{min-width:6.5rem}.invite-public-fields{grid-template-columns:1fr;gap:.34rem;padding-top:.34rem}.host-session-players{gap:.35rem;padding-top:.42rem}.host-session-players h2{font-size:1.18rem}.host-player-list{grid-template-columns:1fr;gap:.28rem}.host-player-list li{padding:.25em .52em}.device-host-lobby--streamlined .host-control-panel{order:2;gap:.32rem}.host-control-grid{grid-template-columns:1fr;gap:.42rem}.host-control-grid h2,.host-setting-label{font-size:1.12rem}.host-visibility-control{grid-template-columns:minmax(0,1fr) auto;padding-bottom:.42rem}.host-setting-heading p,.host-style-control .mode-option small{display:none}.host-visibility-toggle{grid-template-columns:repeat(2,minmax(48px,1fr));min-width:7.2rem}.host-visibility-choice{min-height:34px;padding:.22em .5em}.host-language-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem}.host-language-control .game-language-select{min-height:38px;padding:.32rem .52rem;font-size:.95rem}.host-style-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem}.host-style-control .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.host-style-control .mode-option{min-height:42px;padding:.32rem .45rem}.host-public-fields{grid-template-columns:minmax(0,1fr) minmax(136px,.54fr);gap:.42rem;padding-top:.42rem}.host-inline-reactions{gap:.32rem;padding-top:.35rem}.host-inline-reactions h3{font-size:1.06rem}.host-inline-reactions .reaction-button-grid{gap:.3rem}.host-inline-reactions .reaction-button{min-height:34px;padding:.24em .5em}.host-start-row{gap:.26rem;padding-top:.32rem}.host-start-button{min-height:44px;padding:.42em .75em;font-size:1.02rem}.host-leave-button{padding:.32em .54em}body.host-device-lobby-active .app-footer{display:none}.room-qr-panel{justify-self:stretch;max-width:none}.room-qr-frame{display:none}.feedback-round-card,.post-round-checkin-header{flex-direction:column;align-items:stretch}.post-round-checkin-header button{flex:auto}}@media (width<=900px) and (height<=520px) and (orientation:landscape){body.display-lobby-active .app-shell{padding-top:.45rem;padding-bottom:.45rem}body.display-lobby-active .app-header,body.display-lobby-active .app-footer{display:none}.stack.display-lobby--streamlined{grid-template-columns:minmax(0,1fr);align-items:start;gap:.45rem;display:grid}.display-lobby--streamlined .sketch-card{padding:.48rem .62rem}.display-session-card{gap:.38rem}.display-room-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:.42rem}.display-room-controls{border-top:0;border-left:2px dashed var(--line);gap:.32rem;padding-top:0;padding-left:.42rem}.display-session-invite{grid-template-columns:minmax(0,1fr);gap:.25rem}.display-session-code{width:min(100%,15rem)}.display-card-heading{text-align:center;justify-items:center;display:grid}.display-code-actions{grid-template-columns:minmax(0,12.2rem) 40px;gap:.3rem}.display-code-actions .room-code-card{width:100%;font-size:clamp(1.7rem,4.2vw,2.1rem)}.display-code-actions .room-code-card.room-code-tiles{gap:.06em;width:100%;padding:.14em .28em .1em}.display-lobby--streamlined .icon-circle{width:40px;min-width:40px;height:40px;min-height:40px}.display-session-players{padding-top:.34rem}.display-player-list li{padding-block:.2em}.display-control-grid{gap:.32rem}.lobby-setup-panel{gap:.28rem;padding:0}.lobby-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.24rem}.setup-language-control,.setup-family-control,.setup-stepper,.setup-picker{grid-column:span 2}.setup-control{gap:.2rem;padding:.26rem}.setup-control-label{font-size:.82rem}.setup-stepper-controls{grid-template-columns:28px minmax(0,1fr) 28px;gap:.16rem}button.setup-step-button{width:28px;min-width:28px;height:28px;min-height:28px}.setup-step-value{min-height:30px;font-size:1.02rem}.setup-static-value{min-height:30px}.setup-static-value strong{font-size:1.02rem}.setup-step-value small,.setup-static-value small{font-size:.5rem}button.setup-segment-option{min-height:28px;padding-inline:.08rem;font-size:.72rem}.setup-toggle{min-width:6.5rem;font-size:.88rem}.setup-public-fields{grid-template-columns:minmax(0,1fr) minmax(132px,.48fr);gap:.32rem;padding-top:.32rem}body.host-device-lobby-active .app-shell{padding-top:.45rem;padding-bottom:.45rem}body.host-device-lobby-active .app-header{display:none}.stack.device-host-lobby--streamlined{grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);align-items:start;gap:.45rem;display:grid}.device-host-lobby .sketch-card{padding:.48rem .62rem}.host-room-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:.42rem}.host-room-controls{border-top:0;border-left:2px dashed var(--line);gap:.32rem;padding-top:0;padding-left:.42rem}.device-host-lobby--streamlined .host-room-card,.device-host-lobby--streamlined .host-public-card,.device-host-lobby--streamlined .host-players-card{order:0;grid-row:auto}.device-host-lobby--streamlined .host-room-card{grid-column:1/-1}.device-host-lobby--streamlined .host-public-card{grid-column:1}.device-host-lobby--streamlined .host-players-card{grid-column:2}.host-control-grid{gap:.32rem}.host-control-grid h2,.host-setting-label{font-size:1.04rem}.host-code-actions{grid-template-columns:minmax(0,12.2rem) 40px;gap:.3rem}.host-code-actions .room-code-card{letter-spacing:.13em;width:100%;font-size:clamp(1.6rem,4vw,2rem)}.host-code-actions .room-code-card.room-code-tiles{letter-spacing:0;gap:.06em;width:100%;padding:.14em .28em .1em}.invite-public-control{gap:.22rem}.invite-public-label{font-size:.82rem}.invite-public-toggle{min-width:6.35rem;font-size:.86rem}.invite-public-fields{grid-template-columns:minmax(0,1fr);gap:.28rem;padding-top:.28rem}.device-host-lobby--streamlined .icon-circle{width:40px;min-width:40px;height:40px;min-height:40px}.host-session-players{padding-top:.34rem}.host-player-list li{padding-block:.2em}.host-visibility-control,.host-language-control{grid-template-columns:minmax(112px,auto) minmax(0,1fr)}.host-visibility-control{gap:.4rem;padding-bottom:.32rem}.host-language-control .game-language-select{min-height:36px;padding:.26rem .5rem}.host-style-control{grid-template-columns:1fr;gap:.26rem}.host-style-control .mode-option{text-align:center;align-items:center;min-height:38px;padding:.26rem .42rem}.host-style-control .mode-option span{flex-wrap:nowrap;justify-content:center}.host-public-fields{grid-template-columns:minmax(0,1fr);gap:.32rem;padding-top:.32rem}.host-public-fields label{margin-bottom:.2em}.host-public-fields input,.host-public-fields select{min-height:38px;padding:.36em .55em}.host-start-row{gap:.25rem;padding-top:.32rem}.host-start-button{min-height:44px;padding:.42em .72em}}@media (width<=960px) and (height<=520px) and (orientation:landscape){.setup-family-control .setup-toggle-heading,.setup-audience-control .setup-toggle-heading{grid-template-columns:1fr;gap:.24rem}.setup-family-control .setup-toggle,.setup-audience-control .setup-toggle{justify-self:start}}@media (width<=520px){.feedback-category-list,.feedback-inline-fields{grid-template-columns:1fr}.device-host-lobby .icon-circle{flex:none}}.swatch{border:1.5px solid var(--pencil);background:var(--sticky);border-radius:50% 48% 52% 50%/50% 52% 48% 50%;flex:0 0 14px;width:14px;height:14px;margin-right:.4em;display:inline-block}.swatch.online{background:var(--sticky-green)}.swatch.offline{background:var(--sticky-pink)}.battle-versus{font-family:var(--font-display);text-align:center;color:var(--marker-red);margin:.4em 0;font-size:2rem}.battle-card-stage{place-items:start center;min-height:clamp(360px,48vh,560px);display:grid}.battle-side-card{--karaoke-accent:var(--marker-red);min-width:0}.battle-side-card.is-side-a{--karaoke-accent:#d9352c}.battle-side-card.is-side-b{--karaoke-accent:#1d4ea1}.battle-feature-card{--battle-card-tilt:0deg;width:min(100%,780px);animation:.18s ease-out both battle-card-in}.battle-feature-card.tilt-left{--battle-card-tilt:-1deg}.battle-feature-card.tilt-right{--battle-card-tilt:1deg}.battle-feature-card.is-upcoming{border-style:dashed}.battle-feature-card .lyrics-card{margin-top:.9rem;font-size:clamp(1.25rem,3.2vw,2.05rem)}.battle-card-heading{border-bottom:2px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}.battle-card-heading h2{overflow-wrap:normal;flex-wrap:wrap;align-items:baseline;gap:.18rem .45rem;min-width:0;margin-bottom:0;display:flex}.battle-card-name{overflow-wrap:break-word;min-width:0}.battle-card-kicker{color:var(--pencil-faded);font-family:var(--font-display);margin-bottom:.12rem;line-height:1}.battle-card-opponent{max-width:42%;font-family:var(--font-display);text-align:right;flex:0 auto;justify-items:end;gap:.08rem;line-height:1.1;display:grid}.battle-card-opponent span{color:var(--marker-red);font-size:.95rem}.battle-card-opponent strong{overflow-wrap:anywhere}.animated-performer{--performer-mirror:1;--performer-emphasis:1;justify-items:center;gap:.3rem;min-width:0;max-width:100%;display:grid}.animated-performer.is-stage{--performer-size:clamp(140px, 18vw, 400px)}.animated-performer.is-strip{--performer-size:clamp(88px, 26vw, 128px)}.animated-performer.is-stamp{--performer-size:56px}.animated-performer.is-mirrored{--performer-mirror:-1}.animated-performer.is-idle{--performer-emphasis:.94}.animated-performer.is-idle .animated-performer-name{opacity:.6}.animated-performer-frames{width:min(var(--performer-size,160px), 100%);aspect-ratio:1;mix-blend-mode:multiply;transform:scaleX(var(--performer-mirror)) scale(var(--performer-emphasis));transition:transform .24s;display:block;position:relative}.animated-performer-frame{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.animated-performer.is-plain .animated-performer-frame{translate:0 -9%}.animated-performer[data-mouth-state=closed] .animated-performer-frame.is-closed,.animated-performer[data-mouth-state=small] .animated-performer-frame.is-small,.animated-performer[data-mouth-state=wide] .animated-performer-frame.is-wide{opacity:1}.animated-performer.is-idle .animated-performer-frame.is-closed{opacity:.55}.animated-performer-name{border-bottom:3px solid var(--karaoke-accent,var(--pencil));min-width:0;max-width:100%;font-family:var(--font-display);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.1rem .35rem;padding-bottom:.12rem;line-height:1.15;display:flex}.animated-performer.is-stage .animated-performer-name{font-size:clamp(1.1rem,1.6vw,1.6rem)}.animated-performer.is-strip .animated-performer-name{font-size:1.02rem}.animated-performer-name-text{overflow-wrap:anywhere;min-width:0}.battle-card-title{align-items:center;gap:.55rem;min-width:0;display:flex}.battle-card-stage.has-performers{grid-template-columns:minmax(0,1fr);align-items:center}.battle-stage-card{grid-template-columns:clamp(88px,15vw,210px) minmax(0,1fr) clamp(88px,15vw,210px);grid-template-areas:"side-a main side-b";align-items:center;column-gap:clamp(.8rem,2vw,1.6rem);width:min(100%,1280px);min-height:clamp(320px,42vh,520px);display:grid}.battle-stage-card .animated-performer.is-stage{--performer-size:100%;width:100%}.battle-stage-performer{align-self:center;justify-items:center;min-width:0;display:grid}.battle-stage-performer.is-side-a{--karaoke-accent:#d9352c;grid-area:side-a}.battle-stage-performer.is-side-b{--karaoke-accent:#1d4ea1;grid-area:side-b}.battle-stage-main{grid-area:main;place-items:center;min-width:0;display:grid}.battle-stage-verse,.battle-stage-main>.battle-stage-note{grid-area:1/1;width:100%;min-width:0}.battle-stage-verse{opacity:0;pointer-events:none;transition:opacity .18s}.battle-stage-verse.is-active{opacity:1;pointer-events:auto}.battle-stage-main>.battle-stage-note{place-self:center;width:auto}.battle-stage-card .lyrics-card{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.battle-stage-card.is-side-a-active{--karaoke-accent:#d9352c}.battle-stage-card.is-side-b-active{--karaoke-accent:#1d4ea1}.battle-stage-card.is-solo{grid-template-columns:clamp(88px,15vw,210px) minmax(0,1fr);grid-template-areas:"side-a main"}.battle-stage-card.is-solo .battle-stage-performer.is-side-a{--karaoke-accent:var(--marker-red)}.battle-stage-note{font-family:var(--font-display);color:var(--pencil-faded);text-align:center;justify-items:center;gap:.3rem;display:grid}.battle-stage-note strong{color:var(--pencil);font-size:1.15em}@media (width<=640px){.battle-stage-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"side-a side-b""main main";row-gap:.7rem;min-height:clamp(280px,46vh,460px)}.battle-stage-card.is-solo{grid-template-columns:minmax(0,1fr);grid-template-areas:"side-a""main"}.battle-stage-card .animated-performer.is-stage{--performer-size:clamp(80px, 24vw, 120px)}.battle-stage-card .animated-performer.is-stage .animated-performer-name{font-size:1.02rem}.karaoke-sample-track-preview.is-comparison .battle-stage-card{grid-template-columns:minmax(48px,.28fr) minmax(0,1fr) minmax(48px,.28fr);grid-template-areas:"side-a main side-b";gap:0 .3rem;min-height:100%}.karaoke-sample-track-preview.is-comparison .battle-stage-card .animated-performer.is-stage{--performer-size:clamp(48px, 14vw, 64px)}.karaoke-sample-track-preview.is-comparison .battle-stage-card .animated-performer.is-stage .animated-performer-name{font-size:.68rem}.karaoke-sample-track-preview.is-comparison .battle-stage-card .lyrics-card{font-size:.76rem;line-height:1.22}.karaoke-timing-review-lane-header.is-before strong,.karaoke-timing-review-lane-header.is-after strong{white-space:normal;font-size:.74rem}}@media (height<=520px) and (orientation:landscape){.battle-stage-card .animated-performer.is-stage{--performer-size:clamp(72px, min(26vh, 13vw), 130px)}.battle-stage-card .animated-performer.is-stage .animated-performer-name{font-size:.92rem}.battle-stage-card{grid-template-columns:minmax(96px,auto) minmax(0,1fr) minmax(96px,auto);min-height:0}.battle-stage-card .lyrics-card{font-size:1.02rem;line-height:1.35}}.battle-break-note{border:2px dashed var(--pencil-faded);background:var(--paper-soft);color:var(--pencil-faded);font-family:var(--font-display);box-shadow:2px 2px 0 var(--line);border-radius:999px;align-self:center;justify-items:center;gap:.24rem;margin-top:clamp(2rem,8vh,4rem);padding:.55rem 1rem;display:inline-grid}.battle-break-note strong{color:var(--pencil);font-size:1.08rem}.playback-up-next-compact{justify-items:center;gap:.6rem;display:grid}.phone-stage-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);place-items:end center;column-gap:.8rem;width:min(100%,420px);margin-inline:auto;display:grid}.phone-stage-card .animated-performer.is-strip{--performer-size:clamp(72px, 22vw, 110px);width:100%}.phone-stage-card .animated-performer.is-strip .animated-performer-name{font-size:.95rem}.playback-up-next-compact .battle-break-note{margin-top:0}@keyframes battle-card-in{0%{opacity:0;transform:translateY(10px) rotate(calc(var(--battle-card-tilt) - .6deg))}to{opacity:1;transform:translateY(0) rotate(var(--battle-card-tilt))}}.house-tag{border:1.5px solid var(--pencil);width:fit-content;max-width:100%;color:var(--pencil);font-family:var(--font-display);overflow-wrap:normal;vertical-align:baseline;white-space:nowrap;word-break:normal;background:0 0;border-radius:6px 12px 6px 14px/12px 6px 14px;align-items:center;margin-left:.08em;padding:.14em .3em 0;line-height:1.05;display:inline-flex}.battle-card-heading .house-tag{margin-left:0}.battle-opponent-strip{background:var(--sticky-blue);border:1.5px solid var(--pencil);min-width:0;box-shadow:2px 2px 0 var(--pencil);border-radius:12px 18px 12px 20px/18px 12px 20px 14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;max-width:100%;margin:.7rem 0 .8rem;padding:.55rem .7rem;display:grid;transform:rotate(.35deg)}.battle-opponent-icon{border:1.5px solid var(--pencil);background:var(--paper);width:2.2rem;height:2.2rem;color:var(--marker-red);border-radius:50% 48% 52% 50%/50% 52% 48% 50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.battle-opponent-copy{gap:.08rem;min-width:0;display:grid}.battle-opponent-kicker{font-family:var(--font-display);color:var(--pencil-faded);font-size:.86rem;line-height:1.05}.battle-opponent-matchup{min-width:0;font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:.25rem .45rem;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.12;display:flex}.battle-opponent-matchup span{overflow-wrap:anywhere}.battle-opponent-name-with-tag{min-width:0;overflow-wrap:normal;vertical-align:baseline;white-space:nowrap;align-items:baseline;gap:.35rem;max-inline-size:100%;display:inline-flex}.battle-opponent-name-with-tag>span:first-child{overflow-wrap:normal;text-overflow:ellipsis;min-width:0;overflow:hidden}.battle-opponent-name-with-tag .house-tag{flex:none}.battle-opponent-vs{color:var(--marker-red)}.battle-opponent-flair{background:var(--paper);border:1px solid var(--line);min-width:0;font-family:var(--font-body);border-radius:8px;gap:.08rem;margin-top:.28rem;padding:.35rem .45rem;font-size:.92rem;display:grid}.battle-opponent-flair-kicker,.battle-opponent-flair-label{color:var(--pencil-faded)}.battle-opponent-flair-kicker{font-family:var(--font-display);font-size:.84rem;line-height:1.05}.battle-opponent-flair-label{font-size:.86rem}.battle-opponent-flair strong{overflow-wrap:anywhere;min-width:0}.battle-opponent-strip .house-tag{justify-self:end;margin-left:0}.toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.field{flex-direction:column;margin-bottom:.8rem;display:flex}.field textarea{min-height:80px;font-size:1rem}.round-intro-screen{flex:1;place-items:center;width:min(680px,100%);margin-inline:auto;padding-block:clamp(1.5rem,8svh,5rem);display:grid}.round-intro-compact{justify-items:center;gap:.35rem;width:100%;padding:1.15rem 1.2rem;display:grid}.round-intro-start-line{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.08}.prompt-player-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;min-width:0;display:grid}.prompt-player-header .sketch-tag{overflow-wrap:anywhere;max-width:100%;margin-right:0}.prompt-player-header .timer{white-space:nowrap;justify-self:end}.prompt-lyric-preview{--prompt-fair-slot-max-inline:320px;--prompt-notebook-reserved-rows:8;--prompt-slot-block-size:28px;--preview-underline:#1d4ea16b;min-width:0;font-family:var(--font-display);isolation:isolate;background-color:#fffbe8eb;background-image:linear-gradient(90deg,#0000 0 .42rem,#d9352c4d .42rem .48rem,#0000 .48rem);border:1.5px solid #1f1b14b8;border-radius:8px 14px 8px 16px/14px 8px 16px 10px;gap:.2rem;margin:.4rem 0 .65rem;padding:.45rem .65rem;line-height:1.55;display:grid;position:relative;box-shadow:inset 0 1px #1f1b1414,0 1px #1f1b1414}.prompt-lyric-preview:before{content:"";inset-block:.58rem;opacity:.72;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#1f1b1447 0 .07rem,#0000 .08rem);background-repeat:repeat-y;background-size:100% 1.55rem;width:.22rem;position:absolute;left:.16rem}.prompt-notebook-header{z-index:1;min-width:0;position:relative}.battle-opponent-strip.notebook-battle-header{box-shadow:none;background:0 0;border:0;border-bottom:1.5px solid #1d4ea133;border-radius:0;grid-template-columns:auto minmax(0,1fr);gap:.45rem;margin:0 0 .14rem;padding:.1rem 0 .28rem;transform:none}.notebook-battle-header .battle-opponent-icon{background:0 0;border-color:#1f1b1494;width:1.65rem;height:1.65rem}.notebook-battle-header .battle-opponent-copy strong{font-size:clamp(1rem,2vw,1.22rem);line-height:1.08}.notebook-battle-header .house-tag{background:0 0}.prompt-writing-sheet.prompt-entry-form{max-width:100%;margin:.45rem 0 .9rem;overflow-x:clip}.prompt-kind-helper{z-index:1;width:fit-content;min-width:0;max-width:100%;color:var(--pencil-faded);font-family:var(--font-body);justify-self:start;align-items:flex-start;gap:.42rem;margin:.02rem 0 .2rem;display:inline-flex;position:relative}.prompt-kind-helper[data-expanded=true]{justify-self:stretch;width:100%}.prompt-kind-helper-trigger{appearance:none;min-width:0;min-height:24px;box-shadow:none;color:var(--pencil-faded);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:.24rem;padding:.04rem .1rem;font-size:.82rem;font-style:italic;line-height:1.2;display:inline-flex}.prompt-kind-helper-trigger svg{opacity:.74;flex:none}.prompt-kind-helper-trigger:hover,.prompt-kind-helper-trigger:focus-visible{color:var(--pencil-faded)}.prompt-kind-helper-trigger:focus-visible{outline-offset:3px;outline:2px solid #d9352c6b}.prompt-kind-helper[data-expanded=true] .prompt-kind-helper-trigger{padding-inline:.08rem}.prompt-kind-helper[data-expanded=true] .prompt-kind-helper-trigger-label{display:none}.prompt-kind-helper-list{min-width:0;color:var(--pencil-faded);flex:auto;gap:.14rem;margin:.07rem 0 0;padding:0;font-size:.8rem;font-style:italic;line-height:1.25;list-style:none;display:grid}.prompt-kind-helper-list li{overflow-wrap:anywhere;max-width:min(100%,42rem)}.prompt-kind-helper-list strong{font-weight:800}.prompt-submit-row{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:.65rem;margin-top:.1rem;display:grid}.prompt-submit-row.send-only{grid-template-columns:1fr}.prompt-send-button{justify-self:end}.prompt-reroll-button{flex-wrap:nowrap;justify-self:start;align-items:center;gap:.36rem;min-width:0;min-height:40px;padding:.44em .62em;font-size:.95rem;display:inline-flex}.prompt-reroll-label{white-space:nowrap}.prompt-reroll-count{min-inline-size:2.15em;color:var(--pencil-faded);white-space:nowrap;background:#fffbe89e;border:1px solid #1f1b143d;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:.1em .38em;font-size:.78em;line-height:1.2;display:inline-flex}.prompt-reroll-count-compact{min-inline-size:1.5em;padding-inline:.28em;display:none}.prompt-reroll-error{margin-top:.1rem;margin-bottom:.45rem}.prompt-notebook-lines{--prompt-notebook-row-gap:0px;z-index:1;gap:var(--prompt-notebook-row-gap);min-height:calc(var(--prompt-slot-block-size) * var(--prompt-notebook-reserved-rows));overflow-anchor:none;background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--prompt-slot-block-size) - .13em), #1d4ea138 calc(var(--prompt-slot-block-size) - .13em) calc(var(--prompt-slot-block-size) - .055em), transparent calc(var(--prompt-slot-block-size) - .055em) var(--prompt-slot-block-size));align-content:start;display:grid;position:relative}.prompt-preview-line.prompt-notebook-line{--prompt-prefix-text-indent:calc(var(--prompt-prefix-inline,0px) + .32rem);--prompt-line-rows:1;box-sizing:border-box;min-width:0;width:min(100%, var(--prompt-fair-slot-max-inline));height:calc(var(--prompt-slot-block-size) * var(--prompt-line-rows));min-height:calc(var(--prompt-slot-block-size) * var(--prompt-line-rows));max-height:calc(var(--prompt-slot-block-size) * var(--prompt-line-rows));line-height:var(--prompt-slot-block-size);overflow-anchor:none;overflow-wrap:normal;text-align:start;white-space:normal;background:0 0;position:relative;overflow:hidden}.prompt-preview-line.prompt-notebook-line[data-line-count="2"]{--prompt-line-rows:2}.prompt-preview-line.prompt-notebook-line[data-line-count="3"]{--prompt-line-rows:3}.prompt-preview-line.prompt-notebook-line[data-line-count="4"]{--prompt-line-rows:4}.prompt-preview-line.prompt-notebook-line[data-line-count="5"]{--prompt-line-rows:5}.prompt-preview-line.prompt-notebook-line.literal{color:var(--pencil);overflow-wrap:anywhere;white-space:normal;word-break:normal;padding-inline:.1rem}.prompt-preview-line.prompt-notebook-line.bar-line{margin-block:0}.prompt-line-prefix,.prompt-line-suffix{z-index:2;max-inline-size:calc(100% - 4rem);color:var(--pencil);font:inherit;line-height:var(--prompt-slot-block-size);pointer-events:none;text-overflow:clip;white-space:nowrap;display:block;position:absolute;inset-block-start:0;overflow:hidden}.prompt-line-prefix{max-inline-size:calc(100% - .85rem);inset-inline-start:.1rem}.prompt-preview-line.prompt-notebook-line.word-prefix-needs-full-line .prompt-line-prefix{max-inline-size:calc(100% - .85rem);overflow:visible}.prompt-line-suffix{inset-inline-end:.1rem}.preview-slot.prompt-sheet-slot{width:100%;height:100%;min-inline-size:0;color:inherit;font:inherit;letter-spacing:inherit;isolation:isolate;text-align:start;background:0 0;display:block;position:relative;overflow:hidden}.prompt-sheet-slot.empty:after{content:"";z-index:0;opacity:.42;pointer-events:none;background:#1f1b140b;border-radius:6px;animation:2.6s ease-in-out infinite prompt-slot-hint-glow;position:absolute;inset:.18rem .08rem .16rem}.prompt-sheet-control{appearance:none;z-index:2;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--pencil);caret-color:var(--pencil);font:inherit;font-family:var(--font-display);line-height:var(--prompt-slot-block-size);overflow-anchor:none;overflow-wrap:break-word;resize:none;text-align:start;white-space:pre-wrap;word-break:normal;background:0 0;border:0;border-radius:0;padding:0 .1rem;display:block;position:relative;overflow:hidden}.prompt-sheet-hint{z-index:1;color:#1f1b1470;font:inherit;line-height:var(--prompt-slot-block-size);overflow-wrap:anywhere;pointer-events:none;text-align:start;white-space:normal;word-break:normal;display:block;position:absolute;inset:0 .1rem;overflow:hidden}.prompt-sheet-slot.word .prompt-sheet-control{text-indent:var(--prompt-prefix-text-indent)}.prompt-sheet-control::placeholder{color:#1f1b1470;opacity:1}.prompt-sheet-slot.filled .prompt-sheet-control::placeholder,.prompt-sheet-slot.filled .prompt-sheet-hint{opacity:0}.prompt-sheet-control:focus{outline:none;box-shadow:inset 0 0 0 2px #d9352c57}.prompt-sheet-slot.rejected .prompt-sheet-control{animation:.18s ease-out prompt-input-limit}.prompt-sheet-control:disabled{color:var(--pencil-soft);opacity:.78}@keyframes prompt-slot-hint-glow{0%,to{opacity:.18}50%{opacity:.42}}@media (prefers-reduced-motion:reduce){.prompt-sheet-slot.empty:after{animation:none}}@keyframes prompt-input-limit{0%{box-shadow:inset 0 0 0 2px #d9352c57}50%{box-shadow:inset 0 0 0 3px #d9352c8c}to{box-shadow:inset 0 0 0 2px #d9352c57}}.prompt-entry-form{gap:.55rem;margin:.75rem 0 .85rem;display:grid}.prompt-field{margin-bottom:0}.prompt-field input,.prompt-field textarea{border-color:var(--pencil-faded);box-shadow:none;background:#fffbe8b8;border-radius:8px}.prompt-field input::placeholder,.prompt-field textarea::placeholder{color:var(--pencil-soft);opacity:.78}.prompt-field textarea{resize:vertical;min-height:70px}.generation-screen{gap:1.1rem}.generation-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:1.1rem;display:grid;overflow:hidden}.generation-hero>div{min-width:0}.generation-hero h1{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.generation-player-card{justify-items:center;gap:.65rem;padding-block:clamp(1.35rem,4vw,1.8rem);display:grid}.generation-player-card h2,.generation-player-card p{margin-bottom:0}.generation-beat-meter{justify-content:center;align-items:end;gap:.24rem;width:min(210px,100%);height:34px;margin-top:-.1rem;display:flex}.generation-beat-meter span{border:2px solid var(--pencil);background:var(--sticky-blue);width:12px;height:18px;box-shadow:1px 2px 0 var(--pencil);transform-origin:bottom;border-radius:8px 10px 7px 9px/10px 7px 9px 8px;animation:.92s ease-in-out infinite generation-meter-bounce}.generation-beat-meter span:first-child,.generation-beat-meter span:nth-child(7){background:var(--sticky);height:12px;animation-delay:-420ms}.generation-beat-meter span:nth-child(2),.generation-beat-meter span:nth-child(6){background:var(--sticky-green);height:22px;animation-delay:-260ms}.generation-beat-meter span:nth-child(3),.generation-beat-meter span:nth-child(5){height:28px;animation-delay:-120ms}.generation-beat-meter span:nth-child(4){background:var(--sticky-pink);height:34px}.generation-progress{gap:.45rem;min-width:0;display:grid}.generation-progress.compact{width:min(100%,420px)}.generation-progress-counts{font-family:var(--font-display);flex-wrap:wrap;justify-content:flex-start;gap:.45rem;display:flex}.generation-progress-counts span{border:1.5px dashed var(--pencil);background:#fffbe8b8;border-radius:999px;align-items:baseline;gap:.22rem;min-width:0;padding:.08rem .45rem;display:inline-flex}.generation-progress-counts strong{font-size:1.15rem}.generation-progress-rail{border:2px solid var(--pencil);background:repeating-linear-gradient(-45deg, #1f1b1414 0, #1f1b1414 6px, transparent 6px, transparent 12px), var(--paper-soft);border-radius:999px;min-height:20px;position:relative;overflow:hidden}.generation-progress-fill{background:var(--sticky-green);border-right:2px solid var(--pencil);transition:width .22s;position:absolute;inset:0 auto 0 0}.generation-progress-segments{z-index:1;min-height:20px;display:flex;position:relative}.generation-progress-segment{border-right:1px dashed #1f1b1457;flex:1}.generation-progress-segment:last-child{border-right:0}.generation-progress-segment.is-ready{background:#a7e1b37a}.generation-progress-segment.is-failed{background:#fbb6c4a6}.generation-spotlight{background:linear-gradient(90deg, #fde68a2e, transparent 55%), var(--paper);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid;overflow:hidden}.generation-spotlight-copy{min-width:0}.generation-spotlight-copy h2{overflow-wrap:anywhere;margin-top:0}.generation-spotlight-loader{justify-items:center;gap:.45rem;min-width:min(220px,100%);display:grid}.generation-spotlight-loader .generation-beat-meter{width:min(190px,100%);margin-top:-.2rem}.generation-glyph{aspect-ratio:1;width:min(178px,34vw);max-width:100%;color:var(--pencil);place-items:center;margin:0 auto;display:grid}.generation-glyph.compact{width:88px}.generation-glyph-paper{background:var(--paper-soft);border:2px solid var(--pencil);width:100%;height:100%;box-shadow:3px 4px 0 var(--pencil);border-radius:20px 28px 18px 26px/26px 18px 28px 20px;align-content:center;place-items:center;gap:.38rem;display:grid;position:relative;transform:rotate(-1.2deg)}.generation-glyph-paper:before,.generation-glyph-paper:after{content:"";pointer-events:none;position:absolute}.generation-glyph-paper:before{background:var(--tape);border:1px dashed #00000038;width:46%;height:14px;top:-9px;left:27%;transform:rotate(3deg)}.generation-glyph-paper:after{background:var(--pencil-faded);opacity:.3;width:62%;height:2px;bottom:18%;left:19%}.generation-glyph.compact .generation-glyph-paper{box-shadow:2px 3px 0 var(--pencil);border-radius:14px 20px 14px 19px/20px 14px;gap:.2rem}.generation-glyph-icon{border:2px solid var(--pencil);background:var(--sticky);border-radius:50% 48% 52% 50%/50% 52% 48% 50%;place-items:center;width:58px;height:58px;display:grid}.generation-glyph.compact .generation-glyph-icon{width:42px;height:42px}.generation-glyph.compact .generation-glyph-icon svg{width:23px;height:23px}.generation-glyph-label{max-width:100%;font-family:var(--font-display);text-align:center;font-size:.95rem;line-height:1.05}.generation-glyph.compact .generation-glyph-label{font-size:.74rem}.generation-glyph.phase-warming .generation-glyph-icon,.generation-glyph.phase-queued .generation-glyph-icon,.generation-glyph.phase-waiting-for-worker .generation-glyph-icon{animation:1.2s ease-in-out infinite generation-wobble}.generation-glyph.phase-routing .generation-glyph-icon,.generation-glyph.phase-uploading .generation-glyph-icon{animation:1.1s ease-in-out infinite generation-route}.generation-glyph.phase-writing-lyrics .generation-glyph-icon,.generation-glyph.phase-checking-lyrics .generation-glyph-icon{animation:.9s ease-in-out infinite generation-pencil}.generation-glyph.phase-generating-candidates .generation-glyph-icon,.generation-glyph.phase-rendering .generation-glyph-icon{background:var(--sticky-blue);animation:.76s ease-in-out infinite generation-pulse}.generation-glyph.phase-retrying-batch .generation-glyph-icon{background:var(--sticky-pink);animation:.85s ease-in-out infinite generation-retry}.generation-glyph.phase-selected .generation-glyph-icon,.generation-glyph.phase-ready .generation-glyph-icon{background:var(--sticky-green);animation:.32s ease-out both generation-stamp}.generation-glyph.phase-failed .generation-glyph-icon{background:var(--sticky-pink);color:var(--marker-red)}@keyframes generation-wobble{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-3px)}}@keyframes generation-route{0%,to{transform:translate(-3px)}50%{transform:translate(4px)}}@keyframes generation-pencil{0%,to{transform:rotate(-7deg)translate(-2px)}50%{transform:rotate(5deg)translate(3px)}}@keyframes generation-pulse{0%,to{transform:scale(.96)}50%{transform:scale(1.06)}}@keyframes generation-retry{0%,to{transform:rotate(-10deg)}50%{transform:rotate(16deg)}}@keyframes generation-stamp{0%{transform:scale(1.25)rotate(-8deg)}to{transform:scale(1)rotate(-2deg)}}@keyframes generation-meter-bounce{0%,to{transform:scaleY(.74)}50%{transform:scaleY(1)}}@keyframes generation-meter-bounce-mobile{0%,to{transform:scaleY(.62)}50%{transform:scaleY(1.04)}}@media (prefers-reduced-motion:reduce){.generation-progress-fill,.generation-glyph-icon{transition:none;animation:none}.generation-beat-meter span{transition:none}}.score-row{background:var(--paper-soft);border:1.5px dashed var(--pencil);font-family:var(--font-display);border-radius:12px 22px/22px 14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .65rem;margin-bottom:.4rem;padding:.4em .6em;display:flex}.score-row span{overflow-wrap:anywhere;min-width:0}.score-row strong{flex:none}@media (width<=600px){body{font-size:17px}.version-test-setting-row{grid-template-columns:1fr}button.version-test-switch{justify-self:start}.app-header{align-items:flex-start;gap:.65rem}.app-header-tools{margin-left:auto}.locale-menu{grid-template-columns:1fr;width:min(320px,100vw - 1.5rem);max-height:min(480px,68dvh)}.feedback-entry,.app-footer-tools .support-button,.app-footer-tools .version-trigger{flex:0 auto}.feedback-panel{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));width:auto;max-height:min(560px,76dvh);padding:.85rem}.feedback-panel-header{gap:.55rem;margin-bottom:.6rem;padding-bottom:.45rem}.feedback-panel-header h2{font-size:1.35rem}.feedback-close{width:40px;height:40px;min-height:40px}.feedback-form{gap:.55rem}.feedback-form textarea{min-height:5.5rem}.feedback-disclosure{font-size:.88rem}.feedback-category-list,.feedback-inline-fields{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.prompt-player-header{grid-template-columns:minmax(0,1fr)}.prompt-player-header .timer{justify-self:start}.generation-hero,.generation-spotlight{grid-template-columns:1fr}.generation-hero{text-align:center}.generation-hero h1,.generation-progress-counts{justify-content:center}.generation-spotlight-loader{justify-self:center;min-width:min(190px,100%)}.battle-round-status-card{grid-template-columns:1fr}.generation-glyph{width:min(150px,58vw)}.generation-glyph.compact{width:76px}.generation-beat-meter{width:min(180px,100%);height:30px}.generation-beat-meter span{width:10px;animation-name:generation-meter-bounce-mobile}.result-actions .button-group>*,.share-result button,.prompt-reroll-button{flex:auto}.prompt-submit-row.with-reroll{gap:.5rem}.prompt-submit-row .prompt-reroll-button{gap:.25rem;padding-inline:.48em}.prompt-submit-row .prompt-reroll-count-wide{display:none}.prompt-submit-row .prompt-reroll-count-compact{min-inline-size:1.35em;display:inline-flex}.prompt-writing-sheet{--prompt-notebook-reserved-rows:6}.battle-card-stage{min-height:330px}.battle-card-heading{display:grid}.battle-card-opponent{text-align:left;justify-items:start;max-width:none}.room-code-card{letter-spacing:.22em;justify-content:center;padding-inline:.55em}.battle-opponent-strip{grid-template-columns:auto minmax(0,1fr)}.battle-opponent-strip .house-tag{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.version-test-switch-thumb{transition:none}}@media (width<=520px){.feedback-category-list,.feedback-inline-fields{grid-template-columns:1fr}}@media (height<=520px){.prompt-writing-sheet{--prompt-notebook-reserved-rows:6}}body.player-tutorial-active .header-volume-control,body.player-tutorial-active .app-footer{display:none}body.player-tutorial-active .app-header{margin-bottom:.75rem;padding-bottom:.6rem}.home-tutorial-entry{min-height:40px;color:var(--pencil);background:var(--sticky);border:1.5px solid var(--pencil);box-shadow:2px 3px 0 var(--pencil-faded);font-family:var(--font-display);border-radius:9px 14px 8px 13px/13px 8px 14px 9px;justify-content:center;align-self:flex-end;align-items:center;gap:.45rem;padding:.35em .85em;font-size:1rem;display:inline-flex}.home-tutorial-entry:hover,.home-tutorial-entry:focus-visible{background:var(--highlight-yellow);transform:rotate(-.6deg)translateY(-1px)}.tutorial-screen{gap:.75rem;width:min(100%,1000px);margin:0 auto;display:grid}.tutorial-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tutorial-header>div{align-items:baseline;gap:.75rem;min-width:0;display:flex}.tutorial-kicker{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,2rem);font-weight:800}.tutorial-progress{color:var(--pencil-soft);white-space:nowrap;font-size:.95rem}.tutorial-close{flex:none}.tutorial-card-shell{background:var(--paper);border:2px solid var(--pencil);box-shadow:5px 6px 0 var(--pencil);border-radius:20px 30px 18px 27px/27px 18px 29px 20px;position:relative;overflow:hidden}.tutorial-card{--tutorial-swap-duration:5s;background:var(--paper);grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:stretch;min-height:330px;animation:.18s ease-out both tutorial-step-enter;display:grid;overflow:hidden}.tutorial-step-card{grid-template-rows:auto minmax(0,1fr)}@keyframes tutorial-step-enter{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-after-frame{0%,38%{opacity:0}44%,88%{opacity:1}94%,to{opacity:0}}@keyframes tutorial-before-frame{0%,38%{opacity:1}44%,88%{opacity:0}94%,to{opacity:1}}.tutorial-visual-wrap{background:var(--paper-soft);border-right:2px dashed var(--line);align-items:center;min-width:0;padding:clamp(.45rem,1.5vw,.8rem);display:flex}.tutorial-visual{aspect-ratio:16/9;border:1.5px solid var(--pencil-faded);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:11px 16px 10px 14px/15px 10px 16px 11px;width:100%;display:block;position:relative;overflow:hidden}.tutorial-visual-write{background:var(--paper-soft)}.tutorial-visual-listen{background-image:url(/tutorial/listen-v6.webp)}.tutorial-visual-vote{background-image:url(/tutorial/vote-before-v1.webp)}.tutorial-visual-listen:after,.tutorial-visual-vote:after{content:"";z-index:0;opacity:0;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.tutorial-visual-listen:after{background-image:url(/tutorial/listen-reaction-v2.webp)}.tutorial-visual-vote:after{background-image:url(/tutorial/vote-v7.webp)}.tutorial-write-stage{isolation:isolate;transform-origin:50%;background-image:url(/tutorial/write-before-v1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.12)}.tutorial-write-stage:after{content:"";z-index:0;opacity:0;pointer-events:none;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite;background-image:url(/tutorial/write-after-v1.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.tutorial-write-template{z-index:1;color:var(--pencil);font-family:var(--font-body);letter-spacing:-.04em;font-size:clamp(.43rem,.7vw,.58rem);font-weight:700;position:absolute;inset:0}.tutorial-write-line{white-space:nowrap;align-items:baseline;gap:.13em;width:22%;line-height:1;display:flex;position:absolute;left:40.2%}.tutorial-write-line-one{top:29.4%}.tutorial-write-line-two{top:34.1%}.tutorial-write-line-three{top:38.8%}.tutorial-write-line-four{top:43.5%}.tutorial-write-slot{border-bottom:1.35px dashed color-mix(in srgb, var(--pencil) 92%, transparent);align-items:baseline;min-width:0;height:auto;padding-bottom:.08em;line-height:1;display:inline-flex}.tutorial-write-completion{display:inline}.tutorial-write-slot-filled{padding-inline:.02em}.tutorial-write-slot-entire{border-bottom-width:1.15px;width:7.83em;min-height:.94em;padding:0 .02em .08em}.tutorial-write-line-four-copy{opacity:0;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite}.tutorial-karaoke-caption{z-index:1;width:60%;color:var(--pencil);background:color-mix(in srgb, var(--paper) 92%, transparent);border:1.5px solid color-mix(in srgb, var(--pencil-faded) 52%, transparent);box-shadow:1px 2px 0 color-mix(in srgb, var(--pencil) 22%, transparent);font-family:var(--font-display);text-align:center;white-space:normal;border-radius:7px 11px 6px 10px/10px 6px 11px 7px;flex-direction:column;justify-content:center;align-items:center;gap:.06em;padding:.28em .48em;font-size:clamp(.68rem,1.25vw,1.05rem);font-weight:700;line-height:1.1;display:flex;position:absolute;bottom:17.5%;left:20%}.tutorial-karaoke-line{transition:color .18s ease-in-out}.tutorial-karaoke-line-lead{color:var(--marker-red)}.tutorial-karaoke-line-tail{color:var(--pencil);animation:tutorial-karaoke-tail var(--tutorial-swap-duration) ease-in-out infinite}@keyframes tutorial-karaoke-tail{0%,38%{color:var(--pencil)}44%,88%{color:var(--marker-red)}94%,to{color:var(--pencil)}}.tutorial-copy{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:.7rem;padding:clamp(1rem,2.4vw,1.5rem);display:flex;position:relative}[dir=rtl] .tutorial-copy{text-align:right;align-items:flex-end}.tutorial-step-heading{text-align:center;grid-column:1/-1;padding:clamp(.7rem,1.8vw,1rem) 1rem clamp(.45rem,1vw,.65rem)}.tutorial-step-heading h1{margin:0;font-size:clamp(1.8rem,3.4vw,2.65rem);line-height:1}.tutorial-step-body{color:var(--pencil-soft);margin:0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.45}.tutorial-mode-card{grid-template-columns:1fr;align-content:center;gap:.8rem;padding:clamp(.8rem,2vw,1.15rem);display:grid}.tutorial-mode-heading{text-align:center}.tutorial-mode-heading h1{margin:0;font-size:clamp(1.8rem,3.4vw,2.65rem);line-height:1}.tutorial-mode-options{grid-template-columns:minmax(0,1fr);gap:clamp(.65rem,2vw,1rem);display:grid}.tutorial-mode-option{background:var(--paper);border:1.5px dashed var(--pencil-faded);border-radius:13px 19px 12px 17px/18px 12px 19px 13px;grid-template-columns:minmax(0,1.65fr) minmax(240px,.8fr);align-items:stretch;min-width:0;display:grid;overflow:hidden}.tutorial-mode-visual{aspect-ratio:16/9;border-right:1.5px dashed var(--line);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;position:relative;overflow:hidden}.tutorial-mode-visual-shared{isolation:isolate;background-image:url(/tutorial/mode-big-screen-v8.webp)}.tutorial-mode-visual-shared:after{content:"";z-index:0;opacity:0;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite;background-image:url(/tutorial/mode-big-screen-watching-v1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.tutorial-mode-visual-hosted{background-image:url(/tutorial/mode-hosted-v7.webp)}.tutorial-mode-visual-hosted:after{content:"";opacity:0;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite;background-image:url(/tutorial/mode-hosted-remote-v6.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.tutorial-tv-loading{z-index:2;width:42%;color:var(--pencil);font-family:var(--font-display);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:tutorial-after-frame var(--tutorial-swap-duration) ease-in-out infinite;font-size:clamp(.68rem,1.35vw,1.15rem);font-weight:700;line-height:1;position:absolute;top:30%;left:29%}.tutorial-tv-logo{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:30%;height:auto;animation:tutorial-before-frame var(--tutorial-swap-duration) ease-in-out infinite;position:absolute;top:26.7%;left:35%}.tutorial-b-mustache{z-index:2;fill:none;stroke:#10100f;stroke-width:5.2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;width:3%;height:auto;animation:tutorial-before-frame var(--tutorial-swap-duration) ease-in-out infinite;position:absolute;top:63.2%;left:49.65%;overflow:visible;transform:rotate(-1deg)}.tutorial-mode-note{background:var(--paper-soft);align-content:center;padding:.9rem 1rem;display:grid}.tutorial-mode-note h2{align-items:center;gap:.38rem;margin:0 0 .22rem;font-size:1.1rem;display:flex}.tutorial-mode-note p{color:var(--pencil-soft);margin:0;font-size:.94rem;line-height:1.3}.tutorial-actions{background:var(--paper-soft);border-top:2px dashed var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:.7rem 1rem .8rem;display:grid}.tutorial-actions button:first-child{justify-self:start}.tutorial-actions button:last-child{justify-self:end}.tutorial-start{background:var(--highlight-yellow)}@media (width<=760px){.home-tutorial-entry{align-self:stretch}.tutorial-screen{gap:.55rem}.tutorial-card{grid-template-columns:1fr;min-height:0}.tutorial-card-shell{box-shadow:3px 4px 0 var(--pencil)}.tutorial-visual-wrap{border-right:0;border-bottom:2px dashed var(--line)}.tutorial-copy{gap:.55rem;padding:.85rem 1rem 1rem}.tutorial-step-body{font-size:1.05rem}.tutorial-mode-card{padding:.7rem}.tutorial-mode-option{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.tutorial-mode-visual{border-right:0;border-bottom:1.5px dashed var(--line)}.tutorial-actions{padding:.55rem .65rem .65rem}}@media (width<=460px){.tutorial-header>div{gap:.05rem;display:grid}.tutorial-mode-options{gap:.5rem}.tutorial-mode-heading h1,.tutorial-step-heading h1{font-size:1.75rem}.tutorial-mode-note{padding:.55rem .58rem .62rem}.tutorial-mode-note h2{text-align:center;justify-content:center;align-items:center;min-height:2.45rem;font-size:.98rem}.tutorial-mode-note p{font-size:.82rem;line-height:1.25}.tutorial-visual-write{aspect-ratio:4/3}.tutorial-write-stage{width:133.333%;height:100%;left:-16.666%;right:auto;transform:none}.tutorial-write-template{font-size:.48rem}}@media (prefers-reduced-motion:reduce){.tutorial-card{animation:none}.tutorial-mode-visual-hosted:after,.tutorial-mode-visual-shared:after,.tutorial-tv-loading,.tutorial-visual-listen:after,.tutorial-visual-vote:after,.tutorial-write-line-four-copy,.tutorial-write-stage:after{animation:tutorial-after-frame var(--tutorial-swap-duration) step-end infinite}.tutorial-tv-logo,.tutorial-b-mustache{animation:tutorial-before-frame var(--tutorial-swap-duration) step-end infinite}.tutorial-karaoke-line-tail{animation:tutorial-karaoke-tail var(--tutorial-swap-duration) step-end infinite}}