: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;--pen-blue:#1d4ea1;--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%)}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{min-height:38px;padding:.35em .75em}.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-yellow);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}.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{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-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}.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-away-note{margin-left:.05rem}.player-flair-chip{background:var(--sticky-blue);border:1.5px dashed var(--pencil);min-width:0;max-width:min(100%,14rem);color:var(--pencil);font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:0 auto;align-items:center;padding:.16rem .5rem;font-size:.82rem;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden}button.player-flair-chip{width:auto;min-height:28px;box-shadow:1.5px 1.5px 0 var(--pencil);cursor:pointer}.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}.room-qr-copy{font-family:var(--font-display);margin:0;line-height:1.12}.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-card-heading{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;align-items:center;gap:.6rem;width:min(100%,24rem);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:start;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-qr-panel .room-qr-copy{font-size:.98rem}.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-control-panel{gap:.68rem;display:grid}.display-control-grid{gap:.62rem;min-width:0;display:grid}.display-setting-group{gap:.4rem;min-width:0;display:grid}.display-language-control{border-bottom:2px dashed var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding-bottom:.58rem}.display-language-control .game-language-select{min-height:42px;padding:.38rem .62rem}.display-style-control h2{font-family:var(--font-display);align-items:center;gap:.35rem;margin-bottom:0;font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1;display:flex}.display-style-control .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.display-style-control .mode-option{min-height:56px;padding:.42rem .55rem}.display-style-control .mode-option small{font-size:.8rem}.display-family-filter-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding-top:.2rem}.display-family-filter-control h2{font-family:var(--font-display);align-items:center;gap:.35rem;margin-bottom:0;font-size:clamp(1.12rem,1.7vw,1.35rem);line-height:1;display:flex}.display-start-row{border-top:2px solid var(--pencil);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;padding-top:.62rem;display:grid}.display-start-button{white-space:nowrap;width:100%;min-height:52px;padding:.55em .9em;font-size:1.12rem}.display-leave-button{white-space:nowrap;min-height:44px;padding:.42em .72em}.display-start-status{grid-column:1/-1;min-height:1.2rem}.display-start-status p{margin-bottom:0;line-height:1.2}.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,.audience-vote-note,.setup-control-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-chip,.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}.setup-select{min-height:38px;padding:.32rem .54rem;font-size:.96rem}.setup-style-control .setup-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.setup-style-control,.setup-time-control{grid-column:1/-1}.setup-style-control .mode-option{min-height:42px;padding:.3rem .42rem}.setup-style-control .mode-option span{flex-wrap:wrap}.setup-style-control .mode-option small{display:none}.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-public-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.28rem;min-width:0;display:flex}.setup-control-note{margin:0;line-height:1.12}.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}.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}}.timer{font-family:var(--font-display);align-items:baseline;gap:.3em;font-size:1.1rem;display:inline-flex}.timer .seconds{background:var(--sticky);border:1.5px solid var(--pencil);border-radius:8px;padding:.1em .5em;font-size:1.6rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.home-screen{gap:1rem}.home-intro{max-width:640px}.home-intro h1{margin-bottom:.12rem}.home-intro p{max-width:520px}.home-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:stretch;gap:1rem;display:grid}.setup-card-solo .setup-kicker{background:var(--sticky-green)}.home-card-grid .setup-kicker{white-space:nowrap;flex-wrap:nowrap;gap:.28rem;padding-inline:.45rem;font-size:.88rem}.home-card-grid .setup-card button,.home-card-grid .join-card button{flex-wrap:nowrap;padding-inline:.72em;font-size:.94rem}.public-room-browser-shell{align-items:flex-start;display:flex}.public-room-browser-trigger{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.home-lobby-action-strip{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.home-lobby-action-strip .public-room-browser-trigger{white-space:nowrap;min-height:44px}.public-room-browser{background:var(--paper-soft);width:100%}.public-room-browser-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.public-room-browser-header>div{min-width:0}.public-room-browser-actions{flex:none;gap:.45rem;display:inline-flex}.public-room-browser-tools{grid-template-columns:minmax(180px,320px);gap:.75rem;margin:.3rem 0 .85rem;display:grid}.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-meta{flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;display:flex}.public-room-join-button{justify-content:center;justify-self:end;align-items:center;gap:.35rem;min-width:96px;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}.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)}.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}.scroll{max-height:60vh;overflow-y:auto}.button-group{flex-wrap:wrap;gap:.6rem;min-width:0;display:flex}.vote-reason-picker{flex-wrap:wrap;gap:.45rem;display:flex}.vote-reason-picker button{min-height:36px;padding:.35em .65em;font-size:.86rem}.battle-ladder-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.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-auto-progress{background:linear-gradient(90deg, #fde68a66, transparent 72%), var(--sticky);justify-content:space-between;align-items:center;gap:1rem;display:flex}.battle-auto-progress.is-held{background:var(--paper-soft)}.battle-auto-progress-copy{min-width:0}.battle-auto-progress h2{margin-bottom:.2rem}.battle-auto-progress-actions{flex:0 auto;justify-content:flex-end}.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{border-top:1.5px dashed var(--pencil);min-width:0;padding-top:.65rem}.next-pairing strong{overflow-wrap:anywhere}.next-pairing:first-child{border-top:0;padding-top:0}.tag-row{flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .65rem;display:flex}.tag-row .house-tag{margin-left:0}.battle-reason-row{flex-wrap:wrap;gap:.45rem;margin:.45rem 0 .65rem;display:flex}.battle-reason-chip{background:var(--sticky-green);border:1.5px solid var(--pencil);max-width:100%;box-shadow:1.5px 1.5px 0 var(--pencil);font-family:var(--font-display);border-radius:8px 12px 8px 14px/12px 8px 14px;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.2rem .45rem;line-height:1.1;display:inline-grid}.battle-reason-label,.battle-reason-side{overflow-wrap:anywhere;min-width:0}.battle-reason-label{color:var(--pencil)}.battle-reason-side{color:var(--pen-blue);border-left:1.5px dashed #1f1b1473;padding-left:.35rem}.battle-reason-count{background:var(--paper);border:1.5px solid var(--pen-blue);min-width:1.55rem;color:var(--pen-blue);text-align:center;white-space:nowrap;border-radius:999px;padding:.05rem .25rem;font-size:.82rem}.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}.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-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;min-width:0;display:flex}.feedback-round-actions button{white-space:nowrap;min-height:38px;padding:.35rem .7rem;font-size:.92rem}.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 audio,.share-player audio{width:100%}.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-player{gap:.65rem;display:grid}.share-media-error{color:var(--marker-red);font-family:var(--font-display);margin:0}@media (width<=900px){.battle-ladder-layout,.home-card-grid,.mode-options,.public-room-browser-tools,.public-room-listing{grid-template-columns:1fr}.public-room-join-button{justify-self:stretch;width:100%}.lobby-ready-card{grid-template-columns:1fr}.home-intro{max-width:none}.home-intro h1{font-size:1.85rem;line-height:1.08}.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-lobby-action-strip{grid-template-columns:1fr;display:grid}.home-lobby-action-strip .public-room-browser-trigger{width:100%}.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-card-heading{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.display-card-heading p{display:none}.display-code-actions{grid-template-columns:minmax(0,14rem) 44px;justify-content:start;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-panel{gap:.45rem}.display-control-grid{gap:.42rem}.display-language-control{grid-template-columns:auto minmax(0,1fr);gap:.45rem;padding-bottom:.42rem}.display-language-control .game-language-select{min-height:38px;padding:.32rem .52rem;font-size:.95rem}.display-style-control h2,.display-language-control .host-setting-label{font-size:1.12rem}.display-style-control .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.display-style-control .mode-option{min-height:42px;padding:.32rem .45rem}.display-style-control .mode-option small{display:none}.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-style-control{grid-column:1/-1}.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-style-control .setup-mode-options{gap:.3rem}.setup-toggle-heading{grid-template-columns:1fr;gap:.24rem}.setup-toggle{justify-self:start;min-width:6.6rem;font-size:.94rem}.setup-public-actions{justify-content:flex-start}.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}.display-start-row{gap:.32rem;padding-top:.45rem}.display-start-button{min-height:48px;padding:.48em .8em;font-size:1.02rem}.display-leave-button{padding:.36em .58em}.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,.room-qr-copy{display:none}.feedback-round-card,.post-round-checkin-header{flex-direction:column;align-items:stretch}.post-round-checkin-header button{flex:auto}.feedback-round-actions{justify-content:flex-start}}@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-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-panel,.display-control-grid{gap:.32rem}.display-language-control{grid-template-columns:minmax(112px,auto) minmax(0,1fr);gap:.4rem;padding-bottom:.32rem}.display-language-control .game-language-select{min-height:36px;padding:.26rem .5rem}.display-style-control{gap:.26rem}.display-style-control h2,.display-language-control .host-setting-label{font-size:1.04rem}.display-style-control .mode-option{text-align:center;align-items:center;min-height:38px;padding:.26rem .42rem}.display-style-control .mode-option span{flex-wrap:nowrap;justify-content:center}.lobby-setup-panel{gap:.28rem;padding:0}.lobby-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.24rem}.setup-language-control,.setup-style-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}.display-start-row{gap:.25rem;padding-top:.32rem}.display-start-button{min-height:44px;padding:.42em .72em}.display-start-status{display:none}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<=520px){.feedback-category-list,.feedback-inline-fields{grid-template-columns:1fr}.display-start-row{grid-template-columns:minmax(0,1fr) auto}.display-start-button{white-space:nowrap}.display-leave-button{justify-self:auto}.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}.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}@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{background:var(--sticky-blue);border:1.5px solid var(--pen-blue);width:fit-content;max-width:100%;color:var(--pen-blue);font-family:var(--font-display);overflow-wrap:normal;vertical-align:baseline;white-space:nowrap;word-break:normal;border-radius:6px 12px 6px 14px/12px 6px 14px;align-items:center;margin-left:.4em;padding:.1em .5em;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}.scribble-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='14' viewBox='0 0 200 14'><path d='M2 8 Q20 0 40 8 T80 8 T120 8 T160 8 T198 8' fill='none' stroke='%231f1b14' stroke-width='2'/></svg>");background-repeat:repeat-x;width:100%;height:14px;margin:.6rem 0;display:block}.toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.center-stage{text-align:center;flex:1;place-items:center;padding:1rem;display:grid}.field{flex-direction:column;margin-bottom:.8rem;display:flex}.field textarea{min-height:80px;font-size:1rem}.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-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:.75rem;display:grid}.generation-player-card h2,.generation-player-card p{margin-bottom:0}.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-player-card .generation-progress-counts{justify-content:center}.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:.2rem}.generation-status-line{overflow-wrap:anywhere}.generation-track-grid{align-items:stretch}.generation-track-card{flex-direction:column;gap:.75rem;min-width:0;min-height:228px;display:flex;overflow:hidden}.generation-track-card.is-ready{background:linear-gradient(150deg, #a7e1b34d, transparent 60%), var(--paper)}.generation-track-card.is-failed{background:linear-gradient(150deg, #fbb6c45c, transparent 62%), var(--paper)}.generation-track-card.phase-generating-candidates,.generation-track-card.phase-rendering{background:linear-gradient(150deg, #b9cdee38, transparent 62%), var(--paper)}.generation-track-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.55rem;display:grid}.generation-track-heading strong{overflow-wrap:anywhere;min-width:0}.generation-track-heading .sketch-tag{overflow-wrap:anywhere;justify-self:end;min-width:0}.generation-track-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.generation-track-copy{min-width:0}.generation-track-copy p{margin-bottom:.45rem}.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-candidate-dots{justify-content:center;gap:.2rem;display:flex}.generation-candidate-dots span{border:1.5px solid var(--pencil);background:0 0;border-radius:50%;width:7px;height:7px}.generation-candidate-dots span.filled{background:var(--marker-red)}.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)}.generation-detail{flex-wrap:wrap;gap:.35rem;min-width:0;margin-top:.5rem;display:flex}.generation-detail span{background:var(--paper-soft);border:1.5px dashed var(--pencil);min-width:0;max-width:100%;font-family:var(--font-display);overflow-wrap:anywhere;border-radius:999px;padding:.1rem .45rem;font-size:.9rem}@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)}}@media (prefers-reduced-motion:reduce){.generation-progress-fill,.generation-glyph-icon{transition:none;animation: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}.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 .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,.generation-hero,.generation-spotlight,.generation-track-body,.generation-track-heading{grid-template-columns:1fr}.generation-track-heading .sketch-tag{justify-self:start}.generation-hero{text-align:center}.generation-hero h1,.generation-progress-counts{justify-content:center}.battle-auto-progress{flex-direction:column;align-items:stretch}.battle-auto-progress-actions{justify-content:stretch}.generation-glyph{width:min(150px,58vw)}.generation-glyph.compact{width:76px}.feedback-round-actions button,.battle-auto-progress-actions button,.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 (width<=520px){.feedback-category-list,.feedback-inline-fields{grid-template-columns:1fr}}@media (height<=520px){.prompt-writing-sheet{--prompt-notebook-reserved-rows:6}}