@layer legacy {
.etch-connection-notice{z-index:13;pointer-events:none;border:2px solid var(--ink);background:var(--action-secondary);border-radius:.5rem;padding:.35rem .65rem;font-weight:900;animation:1s both etch-connection-pop;position:absolute;top:.75rem;right:.75rem}@keyframes etch-connection-pop{0%{opacity:0;transform:translateY(.4rem)scale(.85)}15%,75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.3rem)}}html[data-reduced-motion=true] .etch-connection-notice{animation:none}.post-round-feedback{align-items:center;width:clamp(3rem,12vw,10rem);min-width:0;height:2.75rem;display:grid}.post-round-feedback>span{min-width:0;animation:.16s ease-out result-reaction-in;display:grid}.post-round-feedback strong,.post-round-feedback small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-status .post-round-feedback strong{color:var(--feedback-success);font-family:var(--font-body);font-size:.8rem}.phase-revealed .game-status{gap:.5rem}@keyframes result-reaction-in{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}html[data-reduced-motion=true] .post-round-feedback>span{animation:none}.etch-options{border:0;border-top:1px solid var(--border-default);flex-wrap:wrap;align-items:start;gap:.65rem 1rem;min-width:0;margin:.75rem 0 0;padding:.65rem 0 0;display:flex}.etch-options legend{padding:0 .5rem 0 0;font-size:.8rem;font-weight:800}.etch-options>small,.etch-line-summary small{color:var(--text-warm);flex-basis:100%;font-size:.75rem;display:block}.etch-line-summary{margin:0}.lasso-preview{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lasso-preview polygon{fill:#ed78a044;fill-rule:evenodd;stroke:#942454;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:5 4;animation:.6s linear infinite lasso-march}@keyframes lasso-march{to{stroke-dashoffset:-9px}}html[data-reduced-motion=true] .lasso-preview polygon{animation:none}.phase-lobby .game-bar{grid-template-columns:auto minmax(0,1fr)}.phase-lobby .game-utilities{justify-self:end}.game-actions [aria-label=Invite\ players]{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.game-actions [aria-label=Invite\ players] svg{flex:none;width:1.25rem;height:1.25rem}main{width:min(100%,104rem);min-height:100vh;margin:0 auto;padding:2rem}.entry-shell{align-content:start;gap:0;display:grid}.departure-recap{border:4px solid var(--ink);background:var(--surface-paper);width:min(100%,68rem);box-shadow:.5rem .5rem 0 var(--ink);gap:1.25rem;margin:clamp(2rem,8vh,6rem) auto;padding:clamp(1.1rem,3vw,2.25rem);animation:.18s cubic-bezier(.16,1,.3,1) result-in;display:grid}.departure-recap>header{max-width:38rem}.departure-recap h1{margin:.2rem 0 0;font-size:clamp(3rem,7vw,5.5rem);line-height:.82}.departure-recap>header>p:last-child{margin:.75rem 0 0;font-size:1rem;font-weight:600}.departure-recap-content{border-top:3px solid var(--ink);grid-template-columns:minmax(0,1.4fr) minmax(13rem,.6fr);gap:1.25rem;padding-top:1rem;display:grid}.departure-recap h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.8rem}.departure-round-list{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.departure-round-list article{border:3px solid var(--ink);background:var(--surface-page);box-shadow:.22rem .22rem 0 var(--ink);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.departure-round-list canvas{aspect-ratio:5/4;background:var(--surface-paper);width:100%;display:block}.departure-round-list article>div{border-top:2px solid var(--ink);padding:.6rem}.departure-round-list h3{margin:.15rem 0 0;font-size:1.1rem;line-height:1}.departure-scores{gap:.45rem;display:grid}.departure-scores .score-row{background:var(--action-secondary);padding:.55rem}.departure-return{justify-self:start}.room-entry{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.75fr);align-items:end;gap:2rem;display:grid}.start-room-surface,.join-room-surface{gap:.9rem;min-width:0;display:grid}.start-room-surface{border:4px solid var(--ink);background:var(--action-secondary);min-height:17rem;box-shadow:.5rem .5rem 0 var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;padding:2rem}.join-room-surface{border:4px solid var(--ink);background:var(--surface-paper);box-shadow:.32rem .32rem 0 var(--ink);align-self:end;padding:1.5rem}.solo-entry{text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lan-qr{border:3px solid var(--ink);background:var(--surface-paper);box-shadow:.3rem .3rem 0 var(--ink);grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.lan-qr h2{margin:.15rem 0 0;font-size:2rem;line-height:.85}.lan-qr p:not(.eyebrow){max-width:22rem;margin:.55rem 0 0;font-size:.85rem;font-weight:500;line-height:1.3}.lan-qr svg{border:2px solid var(--ink);flex:none}.entry-heading h2{margin:.28rem 0 0;font-size:5rem;line-height:.76}.join-room-surface .entry-heading h2{font-size:3.5rem}.entry-field{gap:.32rem;display:grid}.entry-field span,.round-rack>span{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.entry-field input{border:3px solid var(--ink);background:var(--surface-paper);width:100%;min-height:3.1rem;color:inherit;border-radius:.45rem;padding:.5rem .65rem;font-weight:800}.entry-field input:focus{outline:3px solid var(--focus-ring);outline-offset:2px}.round-rack{grid-column:1/-1;gap:.32rem;min-width:0;display:grid}.entry-shell{min-height:100svh;padding-top:clamp(2.5rem,9vh,7rem);position:relative}.entry-masthead{width:min(100%,58rem);margin:0 auto clamp(2.25rem,5vw,4.5rem);display:block}.entry-masthead h1{letter-spacing:-.07em;text-align:center;font-size:clamp(4.5rem,9vw,8rem);line-height:.9}.room-entry{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,3vw,3rem);width:min(100%,52rem);margin:0 auto;position:relative}.start-room-surface,.join-room-surface{border:4px solid var(--ink);min-height:clamp(17rem,28vw,22rem);box-shadow:.45rem .45rem 0 var(--ink);padding:clamp(1.5rem,3vw,2.4rem)}.start-room-surface{background:linear-gradient(135deg, #f8d94d, var(--action-secondary));grid-template-columns:1fr;align-content:space-between}.join-room-surface{background:var(--surface-paper);align-self:stretch}.entry-heading{grid-column:auto}.entry-heading h2,.join-room-surface .entry-heading h2{max-width:8ch;margin:.65rem 0 0;font-size:clamp(3.3rem,5.2vw,5.2rem);line-height:.82}.join-room-surface .entry-heading h2{max-width:7ch}.entry-field{align-self:end}.entry-field input{letter-spacing:.11em;text-transform:uppercase;border-radius:.2rem;min-height:3.45rem;font-size:1.25rem}.start-room-button,.join-room-button{justify-content:center;align-items:center;gap:1rem;display:flex}.start-room-button span,.join-room-button span{line-height:0}.solo-entry{grid-column:1/-1;justify-self:center;width:auto;margin-top:.5rem;text-decoration:none}.entry-mascot{pointer-events:none;width:clamp(6rem,12vw,9rem);height:auto;position:absolute;bottom:-5rem;left:max(-9rem,28rem - 50vw);transform:rotate(-8deg)}.lan-qr{z-index:1;text-align:center;box-shadow:none;color:var(--text-subtle);background:0 0;border:0;grid-template-columns:5rem;justify-items:center;gap:.4rem;padding:0;display:grid;position:fixed;top:1.5rem;right:1.75rem}.lan-qr svg{border:0;width:3.8rem;height:3.8rem}.lan-qr span{font-family:var(--font-body);gap:.1rem;font-size:.66rem;font-weight:600;line-height:1.15;display:grid}.lan-qr small{color:var(--text-subtle);font-size:.56rem;font-weight:500}.entry-version{z-index:2;align-items:center;gap:.45rem;display:flex;position:fixed;bottom:.85rem;right:1.2rem}.entry-build-id{color:var(--neutral-400);letter-spacing:.02em;margin:0;font-size:.48rem}.lobby-name-confirmation{border-top:2px solid var(--ink);align-items:end;gap:.35rem;margin-top:1rem;padding-top:.85rem;display:flex}.lobby-name-confirmation label{flex:1;gap:.25rem;min-width:0;display:grid}.lobby-name-confirmation label span{color:var(--text-warm);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:900}.lobby-name-confirmation input{border:2px solid var(--ink);background:var(--surface-paper);width:100%;min-height:2.25rem;color:var(--ink);font:inherit;border-radius:.2rem;padding:.35rem .45rem;font-size:.8rem;font-weight:700}.lobby-name-confirmation button{border:2px solid var(--ink);background:var(--ink);min-height:2.25rem;color:var(--surface-paper);cursor:pointer;border-radius:.2rem;padding:.35rem .5rem;font-size:.62rem;font-weight:900}.lobby-name-confirmation button:disabled{opacity:.4;cursor:default}.game-shell{grid-template-rows:auto auto;align-content:start;gap:.75rem;width:100%;max-width:none;min-height:100svh;padding:1rem;display:grid}.game-bar{border:3px solid var(--ink);background:var(--surface-paper);grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;min-width:0;padding:.45rem .65rem;display:grid}.game-wordmark{letter-spacing:-.06em;font-size:1.25rem;font-weight:900}.game-room-code{border:2px solid var(--ink);background:var(--action-secondary);letter-spacing:.1em;padding:.25rem .4rem;font-size:.72rem;font-weight:900}.game-bar .room-share-controls{align-items:center;gap:.35rem;display:flex}.room-share-controls button{min-height:var(--hit-target);cursor:pointer}.room-invite .large-room-code{min-height:var(--hit-target);cursor:pointer;font-size:2rem}.code-copy-feedback{z-index:var(--layer-toast);background:var(--ink);max-width:200px;color:var(--surface-paper);border-radius:.4rem;padding:.5rem .7rem;font-size:.85rem;animation:1.8s ease-out both code-copy-rise;position:fixed}.code-copy-feedback.failed{gap:.4rem;animation:none;display:grid}.code-copy-feedback input{width:100%;min-width:0}@keyframes code-copy-rise{0%{opacity:0;transform:translateY(6px)}15%,75%{opacity:1}to{opacity:0;transform:translateY(-8px)}}html[data-reduced-motion=true] .code-copy-feedback{animation:none}.game-hud{letter-spacing:.06em;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-width:0;font-size:.68rem;font-weight:900;display:flex}.hud-icon{flex:none;width:.9rem;height:.9rem}.game-actions{letter-spacing:.06em;white-space:nowrap;align-items:center;gap:.35rem;font-size:.65rem;font-weight:900;display:flex}.game-utilities{justify-content:end;align-items:center;gap:.35rem;display:flex}.replay-download{flex:none}.replay-download-trigger{place-items:center;width:2.75rem;display:grid;position:relative}.replay-download-trigger svg{width:1.25rem}.export-indicator{border:1px solid var(--ink);background:#f4cc3d;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.15rem;right:.15rem}.export-indicator.is-ready{background:var(--green-500)}.replay-download-panel{z-index:9;border:3px solid var(--ink);background:var(--surface-paper);width:min(20rem,100% - 1rem);max-height:calc(100dvh - 4.5rem);box-shadow:3px 3px 0 var(--ink);color:var(--ink);letter-spacing:normal;border-radius:.4rem;gap:.75rem;padding:.75rem;font-size:1rem;font-weight:500;line-height:1.3;display:grid;position:fixed;top:3.75rem;right:.5rem;overflow:auto}.export-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.replay-download-panel button,.replay-download-panel a{place-items:center;text-decoration:none;display:grid}.replay-download-panel .export-update-link{min-height:var(--hit-target);color:var(--link);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-self:start;padding:.35rem 0;font-size:.875rem;font-weight:500;text-decoration:underline}.export-update-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.export-update-link:disabled{opacity:.45;cursor:not-allowed}@media (hover:hover){.replay-download-panel .export-update-link:hover:not(:disabled){color:var(--link-hover)}}.replay-download-panel .export-update-link:active:not(:disabled){color:var(--link-hover)}.replay-download-panel small{overflow-wrap:anywhere;font-size:.8rem;font-weight:400}body>.replay-download-panel{z-index:var(--layer-modal)}.replay-download button:disabled{opacity:.45;cursor:not-allowed}.hud-chip,.frame-chip{border:2px solid var(--ink);background:var(--surface-paper);color:var(--ink);font:inherit;letter-spacing:inherit;cursor:pointer;font-weight:900}.hud-chip{border-radius:999px;min-height:2rem;padding:.3rem .45rem;font-size:.62rem}.hud-chip:hover,.frame-chip:hover{background:var(--action-secondary)}.game-actions .leave-button{margin-left:0}.game-actions .sound-button{align-items:center;gap:.25rem;min-height:2rem;padding:.3rem .45rem;font-size:.58rem;display:inline-flex}.sound-copy-short{display:none}.lobby-surface{border:4px solid var(--ink);background:var(--action-secondary);width:min(100%,72rem);min-height:0;box-shadow:.5rem .5rem 0 var(--ink);grid-template-columns:minmax(14rem,.58fr) minmax(31rem,1.42fr);grid-template-areas:"utility settings""utility start";align-items:stretch;gap:.9rem 1.2rem;margin:1.25rem auto 0;padding:1.25rem;display:grid}.lobby-surface h2{max-width:12rem;margin:.2rem 0 0;font-size:2.25rem}.lobby-surface{animation:.22s cubic-bezier(.16,1,.3,1) both lobby-board-in}.lobby-settings,.lobby-start{animation:.22s cubic-bezier(.16,1,.3,1) both lobby-piece-in}.lobby-settings{animation-delay:45ms}.lobby-start{animation-delay:.12s}.lobby-players{border-top:2px solid var(--ink);gap:.55rem;margin-top:1.55rem;padding-top:.8rem;display:grid}.lobby-players .eyebrow{font-size:.61rem}.lobby-players ul{gap:.48rem;margin:0;padding:0;list-style:none;display:grid}.lobby-players li{color:var(--text-secondary);font-family:var(--font-body);align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;line-height:1.1;display:flex}.lobby-players li.host{color:var(--ink);font-weight:900}.lobby-players li small{color:var(--text-warm);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:.61rem;font-weight:900}.lobby-settings{border:3px solid var(--ink);background:var(--surface-paper);grid-area:settings;gap:0;padding:1rem;display:grid}.lobby-choice-icon{flex:none;width:2.6rem;height:2.6rem}.pace-feedback{background:var(--ink);color:var(--surface-paper);font-family:var(--font-body);border-radius:.28rem;margin:0;padding:.26rem .45rem;font-size:.72rem;font-weight:800;line-height:1;animation:.12s cubic-bezier(.2,.8,.3,1) both pace-feedback-in;position:absolute;bottom:.2rem;left:2.55rem}.pace-feedback:before{border-right:.3rem solid #0000;border-bottom:.35rem solid var(--ink);content:"";border-left:.3rem solid #0000;position:absolute;top:-.3rem;left:.65rem}.lobby-start{grid-area:start;align-self:end;justify-items:center;gap:.65rem;width:100%;display:grid}.lobby-start>.ui-cta{white-space:normal;width:100%;min-height:52px}.lobby-start>.lobby-solo{background:0 0}@keyframes lobby-board-in{0%{opacity:0;transform:translateY(.8rem)}}@keyframes lobby-piece-in{0%{opacity:0;transform:translateY(.5rem)rotate(-.35deg)}}@keyframes pace-feedback-in{0%{opacity:0;transform:translateY(.25rem)scale(.9)}}@keyframes lobby-presence{50%{transform:scale(1.15);box-shadow:0 0 0 .35rem #2f7a5200}}.masthead{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.masthead-status{justify-items:end;gap:.35rem;display:grid}.build-id{color:var(--text-warm);letter-spacing:.04em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700}.offline-ready{border:2px solid var(--ink);background:var(--surface-success);color:var(--feedback-success);letter-spacing:.08em;margin:0;padding:.3rem .45rem;font-size:.58rem;font-weight:900}.masthead-actions{align-items:center;gap:.65rem;display:flex}.eyebrow,.corner-label{color:var(--text-warm);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}h1,h2,p{margin-top:0}h1{font:var(--type-display);letter-spacing:var(--tracking-ui);margin-bottom:0}h2{font:var(--type-heading);letter-spacing:var(--tracking-ui);margin:.35rem 0 0}.connection{align-items:center;gap:.55rem;margin:0 0 .25rem;font-size:.8rem;font-weight:800;display:flex}.connection span{aspect-ratio:1;background:#e7652d;border-radius:50%;width:.7rem}.connection.connected span{background:#2f7a52}.connection.disconnected span{background:var(--action-destructive)}.connection.reconnecting span{background:var(--action-secondary)}.sound-button{border:2px solid var(--ink);background:var(--surface-paper);min-height:2.2rem;color:var(--ink);letter-spacing:.05em;cursor:pointer;border-radius:999px;padding:.35rem .55rem;font-size:.66rem;font-weight:900}.sound-button[aria-pressed=true]{background:var(--ink);color:var(--surface-paper)}.room-bar{border:3px solid var(--ink);background:var(--surface-paper);flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-bottom:2.5rem;padding:.9rem;display:flex}.room-form{flex-wrap:wrap;flex:1;align-items:end;gap:.65rem;display:flex}.room-form label{gap:.3rem;display:grid}.room-form label span{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.room-form input{border:2px solid var(--ink);background:var(--surface-paper);width:9rem;min-height:2.7rem;color:inherit;border-radius:.45rem;padding:.5rem .65rem;font-weight:800}.room-form input:focus{outline:3px solid var(--focus-ring);outline-offset:2px}.room-form button{border:2px solid var(--ink);background:var(--ink);min-height:2.7rem;color:var(--surface-paper);cursor:pointer;border-radius:.45rem;padding:.55rem .85rem;font-size:.78rem;font-weight:900;transition:transform 70ms cubic-bezier(.2,.8,.3,1),background 70ms linear}.room-form button:hover{background:var(--text-secondary)}.room-form button:active,.canvas-toolbar button:active{transform:translateY(1px)}.room-divider{text-transform:uppercase;font-size:.75rem;font-weight:900}.room-code{align-items:baseline;gap:.55rem;display:flex}.room-code span{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.room-code strong{letter-spacing:.08em;font-size:1.5rem;font-weight:900}.round-status{margin:0;font-size:.8rem;font-weight:900}.player-list{flex-wrap:wrap;flex:1;gap:.45rem;display:flex}.player-list span{border:2px solid var(--ink);background:var(--surface-paper);border-radius:999px;padding:.45rem .55rem;font-size:.78rem;font-weight:800}.player-list span.host{background:var(--action-secondary)}.leave-button{margin-left:auto}.room-error{width:100%;color:var(--action-destructive);margin:0;font-size:.8rem;font-weight:800}.room-entry form .room-error{overflow-wrap:anywhere;align-self:start;line-height:1.4}body>.recovery-panel{z-index:var(--layer-modal);top:calc(var(--utility-top,0px) + 4rem);right:max(.5rem, env(safe-area-inset-right));max-height:calc(var(--utility-height,100dvh) - 5rem);position:fixed;bottom:auto;overflow:auto}.recovery-panel>div{flex-wrap:wrap;gap:.4rem;display:flex}.recovery-panel button{min-height:var(--hit-target)}.room-back-notice{z-index:110;top:calc(var(--utility-top,0px) + 4rem);border:3px solid var(--ink);background:var(--ink);width:min(18rem,100% - 1rem);color:var(--surface-paper);border-radius:.5rem;gap:.5rem;padding:.8rem;display:grid;position:fixed;right:.5rem}.room-back-notice button{min-height:var(--hit-target);cursor:pointer}:is(.game-shell:has(.room-back-notice) .mobile-menu-trigger,.game-shell:has(.room-back-notice) .leave-button){animation:.25s ease-out room-back-wiggle}@keyframes room-back-wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.drawing-area{gap:1rem;display:grid}.game-shell .drawing-area{grid-template-rows:auto auto;align-content:start;gap:.55rem}.game-shell .drawing-area.guesser-view{grid-template-rows:auto}.prompt-card{border:3px solid var(--ink);background:var(--action-secondary);justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem;transition:background .14s linear,transform .14s cubic-bezier(.2,.8,.3,1);display:flex}.game-shell .prompt-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;padding:.6rem .85rem}.game-shell .prompt-card h2{overflow-wrap:anywhere;text-align:left;width:100%;max-width:100%;margin:0;font-size:2.25rem;line-height:.92}.phase-final .prompt-card{background:var(--action-secondary)}.canvas-workbench{grid-template-columns:minmax(0,1fr) minmax(10rem,15rem);align-items:end;gap:1.25rem;display:grid}.game-shell .canvas-workbench{grid-template-columns:minmax(0,1fr);align-items:start}.canvas-column{min-width:0}.game-shell .canvas-column{position:relative}.canvas-stage{aspect-ratio:1.15;border:4px solid var(--ink);background:var(--surface-paper);width:100%;box-shadow:.5rem .5rem 0 var(--ink);position:relative;overflow:hidden}.game-shell .canvas-stage{aspect-ratio:16/10;height:auto}.phase-final .round-clock{animation:stage-piece-in var(--motion-shift) var(--motion-out)}.canvas-stage canvas,.preview-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-plane>canvas.drawing-canvas{z-index:2;cursor:none;touch-action:none}.onion-canvas{z-index:1;pointer-events:none}.corner-label{z-index:2;pointer-events:none;padding:.8rem;position:absolute}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-right{bottom:0;right:0}.canvas-countdown{z-index:3;width:2.2rem;height:2.2rem;color:var(--action-destructive);letter-spacing:-.04em;pointer-events:none;place-items:center;font-size:.64rem;font-weight:900;display:grid;position:absolute;top:.55rem;right:.55rem}.canvas-countdown svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.canvas-countdown circle{fill:var(--surface-paper);stroke-width:3px}.countdown-track{stroke:var(--border-muted)}.countdown-progress{stroke:var(--action-destructive);stroke-dasharray:1;transition:stroke-dashoffset .1s linear}.canvas-countdown strong{z-index:1;position:relative}.drawer-loop-preview{z-index:8;border:2px solid var(--ink);background:var(--surface-paper);box-shadow:2px 2px 0 var(--ink);-webkit-user-select:none;user-select:none;border-radius:.4rem;grid-template-rows:44px minmax(0,1fr);display:grid;position:absolute;overflow:hidden}.drawer-loop-preview.is-dragging{box-shadow:3px 3px 0 var(--text-warm)}.pip-bar{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;min-width:0;display:flex}.pip-bar strong{padding-inline:.65rem;font-size:.85rem}.drawer-loop-preview button{color:var(--ink);font-family:var(--font-body);cursor:pointer;font-size:.8rem;font-weight:800}.pip-bar button,.pip-restore{min-width:var(--hit-target);min-height:var(--hit-target);background:0 0;border:0;justify-content:center;align-items:center;gap:.3rem;padding:.3rem;display:flex}.pip-handle{touch-action:none;flex:1;cursor:grab!important}.pip-handle:active{cursor:grabbing!important}.pip-bar button:hover,.pip-restore:hover{background:var(--action-secondary)}.pip-bar .pip-close,.pip-bar .pip-minimize{flex:0 0 44px;font-size:1.2rem}.drawer-loop-preview button:focus-visible{outline:3px solid var(--focus-ring-strong);outline-offset:-3px}.drawer-loop-preview .pip-picture{aspect-ratio:5/4;background:var(--surface-paper);border:0;place-self:center;width:100%;min-height:0;padding:0;display:block;position:relative}.drawer-loop-preview .pip-picture[hidden]{display:none}.drawer-loop-preview canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pip-frame-progress,.pip-expand-mark{font-family:var(--font-body);pointer-events:none;background:#fffdf8e6;padding:.05rem .15rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.2rem}.pip-frame-progress{font-variant-numeric:tabular-nums;left:.2rem}.pip-expand-mark{font-size:1rem;right:.2rem}.drawer-loop-preview.pip-minimized{background:var(--action-secondary);display:block;overflow:visible}.pip-restore{width:100%;height:100%}.drawer-loop-preview.pip-expanded{z-index:12;box-shadow:0 0 0 8px #fffdf8cc}.pip-expanded .pip-picture{width:min(100%, calc((var(--pip-height) - 48px) * 1.25))}.guesser-loop-waiting{z-index:2;color:var(--text-warm);pointer-events:none;text-align:center;background:#fffdf8c7;place-content:center;justify-items:center;gap:.3rem;display:grid;position:absolute;inset:0}.guesser-loop-waiting span{letter-spacing:.12em;font-size:.62rem;font-weight:900}.guesser-loop-waiting strong{color:var(--ink);font-size:1.15rem}.brush-cursor{z-index:4;width:var(--cursor-size);height:var(--cursor-size);left:var(--cursor-x);top:var(--cursor-y);border:2px solid var(--ink);pointer-events:none;background:#fffdf840;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.brush-cursor.eraser{background:#ef7f9d29;border-style:dashed;border-color:#ef7f9d}.round-cue{z-index:8;background:var(--ink);max-width:calc(100% - 1.2rem);color:var(--surface-paper);font-family:var(--font-body);pointer-events:none;margin:0;padding:.3rem .5rem;font-size:.875rem;font-weight:700;line-height:1.25;animation:.16s ease-out stage-piece-in;position:absolute;bottom:.6rem;left:.6rem}.round-cue.cue-final{background:var(--action-destructive)}.round-cue.cue-frame{background:var(--action-secondary);color:var(--ink)}.stage-flash{z-index:7;pointer-events:none;box-shadow:inset 0 0 0 4px var(--action-secondary);animation:.22s ease-out both stage-edge-flash;position:absolute;inset:0}.stage-flash.cue-final{box-shadow:inset 0 0 0 4px var(--action-destructive)}.stage-flash.cue-replay{box-shadow:inset 0 0 0 4px var(--feedback-success)}.pre-round-stage{z-index:8;background:var(--surface-paper);color:var(--ink);pointer-events:none;text-align:center;place-content:center;justify-items:center;gap:.5rem;padding:.75rem;display:grid;position:absolute;inset:0}.countdown-number{border:3px solid var(--ink);background:var(--action-secondary);min-width:6rem;min-height:6rem;box-shadow:.25rem .25rem 0 var(--ink);place-items:center;padding:.3rem;font-size:5rem;line-height:1;animation:.18s cubic-bezier(.16,1,.3,1) countdown-thunk;display:grid}.pre-round-stage>span{font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.25}.countdown-prompt{max-width:30rem;margin:.25rem 0 0;font-size:1.5rem;line-height:1.15}@keyframes countdown-thunk{0%{opacity:.5;transform:translateY(-.5rem)scale(1.08)rotate(-3deg)}}@keyframes stage-piece-in{0%{opacity:0;transform:translateY(.4rem)}}@keyframes stage-edge-flash{0%{opacity:1}to{opacity:0}}.canvas-toolbar{border:3px solid var(--ink);background:var(--surface-paper);width:calc(100% + .5rem);box-shadow:inset 0 -3px 0 var(--border-muted), 0 .25rem 0 var(--ink);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1rem;padding:.55rem;display:flex}.game-shell .drawer-dock{z-index:4;border-radius:1rem;flex-wrap:nowrap;width:auto;margin:0;position:absolute;bottom:.7rem;left:.7rem;right:.7rem;overflow:visible}.game-shell .drawer-dock .toolbar-group,.game-shell .drawer-dock .toolbar-actions{flex:none}.game-shell .drawer-dock .toolbar-actions{margin-left:0}.toolbar-group,.toolbar-actions{align-items:center;gap:.35rem;display:flex}.toolbar-divider{background:var(--neutral-400);align-self:stretch;width:2px;margin:0 .1rem}.canvas-toolbar button{border:2px solid var(--ink);background:var(--surface-paper);min-width:2.8rem;min-height:2.8rem;color:var(--ink);letter-spacing:.04em;cursor:pointer;box-shadow:0 2px 0 var(--edge-shadow-color);transition:transform var(--motion-press) var(--motion-out), background var(--motion-press) linear;border-radius:.65rem;place-items:center;padding:.55rem .7rem;font-size:.7rem;font-weight:900;display:grid}.canvas-toolbar button:active{box-shadow:none}.canvas-toolbar button:hover{background:var(--surface-page)}.canvas-toolbar button.selected{background:var(--action-secondary);box-shadow:inset 0 0 0 2px var(--ink), 0 2px 0 var(--yellow-700)}.canvas-toolbar button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tool-group button{width:3.75rem;min-height:3.75rem;padding:.35rem}.tool-icon{width:2.45rem;height:2.45rem}.canvas-toolbar .tool-group .eraser-option{box-shadow:none;background:0 0;border:0;border-radius:0;transform:rotate(-10deg)}.canvas-toolbar .tool-group .eraser-option:hover{background:0 0;transform:translateY(-.2rem)rotate(-14deg)}.canvas-toolbar .tool-group .eraser-option.selected{box-shadow:none;filter:drop-shadow(0 .18rem 0 var(--ink));background:0 0;transform:translateY(-.45rem)rotate(-10deg)scale(1.16)}.color-options{align-self:end;gap:.1rem;padding:0 .15rem}.canvas-toolbar .color-options .marker-option{width:2.4rem;min-width:2.4rem;min-height:3.75rem;box-shadow:none;transform-origin:bottom;background:0 0;border:0;border-radius:0;padding:0}.canvas-toolbar .color-options .marker-option:hover{background:0 0;transform:translateY(-.2rem)rotate(-2deg)}.canvas-toolbar .color-options .marker-option.selected{box-shadow:none;background:0 0;transform:translateY(-.45rem)}.marker-icon{width:2rem;height:3.75rem;filter:drop-shadow(0 .15rem 0 var(--edge-shadow-color));overflow:visible}.marker-option.selected .marker-icon{filter:drop-shadow(0 .22rem 0 var(--ink))}.size-control{gap:.45rem;padding:0 .3rem}.size-control label{grid-template-columns:auto 5.5rem;align-items:center;gap:.35rem;display:grid}.size-control label span{color:var(--text-warm);letter-spacing:.1em;font-size:.52rem;font-weight:900}.size-control input{width:5.5rem;accent-color:var(--action-secondary);cursor:ew-resize}.size-control i{width:max(.5rem, var(--brush-dot-size));height:max(.5rem, var(--brush-dot-size));background:var(--ink);border-radius:50%;max-width:1.55rem;max-height:1.55rem;display:block}.free-frame-options{gap:.2rem}.canvas-toolbar .free-frame-options button{border-radius:50%;width:2rem;min-width:2rem;min-height:2rem;padding:0;font-size:.65rem}.untimed-filmstrip{gap:.24rem}.canvas-toolbar .untimed-filmstrip button{background:var(--surface-paper);border-radius:.35rem;width:3.15rem;min-width:3.15rem;min-height:2.4rem;padding:0;position:relative;overflow:hidden}.canvas-toolbar .untimed-filmstrip button.selected{background:var(--action-secondary)}.untimed-filmstrip canvas{opacity:.82;width:100%;height:100%;position:absolute;inset:0}.untimed-filmstrip span{border:1px solid var(--ink);background:var(--surface-paper);border-radius:50%;place-items:center;width:.8rem;height:.8rem;font-size:.48rem;font-weight:900;display:grid;position:absolute;bottom:.1rem;right:.16rem}.timer-controls{padding:0 .25rem}.timer-controls strong{min-width:2.3rem;color:var(--action-destructive);letter-spacing:-.06em;font-size:1.25rem;font-weight:900}.speed-picker{gap:.2rem;display:flex}.speed-picker button{border-radius:50%;min-width:2rem;min-height:2rem;padding:0;font-size:.7rem}.toolbar-actions{margin-left:auto}.canvas-toolbar .icon-action{width:2.8rem;min-width:2.8rem;min-height:2.8rem;padding:.35rem}.action-icon{width:1.35rem;height:1.35rem}.canvas-toolbar .commit-button{min-width:4.6rem}.canvas-toolbar .icon-action:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.drawer-edge-dock{z-index:6;border:3px solid var(--ink);background:var(--surface-paper);box-shadow:0 .22rem 0 var(--ink);border-radius:.8rem;align-items:center;gap:.35rem;padding:.45rem;display:flex;position:absolute}.drawer-tools-dock{align-items:flex-end;bottom:.7rem;left:.7rem}.drawer-actions-dock{flex-direction:column;bottom:.7rem;right:.7rem}.drawer-dock-content{align-items:center;gap:.35rem;display:flex}.drawer-tools-dock .drawer-dock-content{flex-direction:column;align-items:center}.drawer-actions-dock .toolbar-actions{flex-direction:column;margin:0}.drawer-edge-dock .toolbar-group{align-items:center;gap:.35rem;display:flex}.drawer-edge-dock button{border:2px solid var(--ink);background:var(--surface-paper);min-width:2.8rem;min-height:2.8rem;color:var(--ink);letter-spacing:.04em;cursor:pointer;box-shadow:0 2px 0 var(--edge-shadow-color);transition:transform var(--motion-press) var(--motion-out), background var(--motion-press) linear;border-radius:.65rem;place-items:center;padding:.55rem .7rem;font-size:.7rem;font-weight:900;display:grid}.drawer-edge-dock button:active{box-shadow:none;transform:translateY(1px)}.drawer-edge-dock button:hover{background:var(--surface-page)}.drawer-edge-dock button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.drawer-edge-dock button.selected{background:var(--action-secondary);box-shadow:inset 0 0 0 2px var(--ink), 0 2px 0 var(--yellow-700)}.drawer-edge-dock .tool-group button{width:3.45rem;min-height:3.45rem;padding:.3rem}.drawer-edge-dock .tool-group .eraser-option{box-shadow:none;background:0 0;border:0;border-radius:0;transform:rotate(-10deg)}.drawer-edge-dock .tool-group .eraser-option:hover{background:0 0;transform:translateY(-.2rem)rotate(-14deg)}.drawer-edge-dock .tool-group .eraser-option.selected{box-shadow:none;filter:drop-shadow(0 .18rem 0 var(--ink));background:0 0;transform:translateY(-.35rem)rotate(-10deg)scale(1.16)}.drawer-tools-dock .color-options{flex-direction:column;gap:.05rem;padding:.1rem 0}.drawer-edge-dock .color-options .marker-option{width:2.2rem;min-width:2.2rem;min-height:3.3rem;box-shadow:none;transform-origin:bottom;background:0 0;border:0;border-radius:0;padding:0}.drawer-edge-dock .color-options .marker-option:hover{background:0 0;transform:translateY(-.2rem)rotate(-2deg)}.drawer-edge-dock .color-options .marker-option.selected{box-shadow:none;background:0 0;transform:translateY(-.35rem)}.drawer-edge-dock .marker-icon{width:1.85rem;height:3.3rem;filter:drop-shadow(0 .15rem 0 var(--edge-shadow-color));overflow:visible}.drawer-edge-dock .marker-option.selected .marker-icon{filter:drop-shadow(0 .22rem 0 var(--ink))}.drawer-tools-dock .brush-size-option{width:2.55rem;min-width:2.55rem;min-height:2.55rem;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.drawer-tools-dock .brush-size-option:hover{background:var(--surface-highlight)}.drawer-tools-dock .brush-size-option.selected{background:var(--action-secondary);box-shadow:inset 0 0 0 2px var(--ink)}.drawer-tools-dock .brush-size-option i{width:var(--brush-dot-size);height:var(--brush-dot-size);background:var(--ink);border-radius:50%;min-width:.45rem;max-width:1.25rem;min-height:.45rem;max-height:1.25rem;display:block}.drawer-tools-dock .untimed-filmstrip{flex-direction:column;gap:.18rem}.drawer-edge-dock .untimed-filmstrip button{background:var(--surface-paper);border-radius:.35rem;width:2.7rem;min-width:2.7rem;min-height:2rem;padding:0;position:relative;overflow:hidden}.drawer-edge-dock .untimed-filmstrip button.selected{background:var(--action-secondary)}.drawer-edge-dock .untimed-filmstrip canvas{opacity:.82;width:100%;height:100%;position:absolute;inset:0}.drawer-edge-dock .untimed-filmstrip span{border:1px solid var(--ink);background:var(--surface-paper);border-radius:50%;place-items:center;width:.72rem;height:.72rem;font-size:.45rem;font-weight:900;display:grid;position:absolute;bottom:.08rem;right:.12rem}.drawer-tools-dock .free-frame-options{flex-direction:column;gap:.15rem}.drawer-edge-dock .free-frame-options button{border-radius:50%;width:2rem;min-width:2rem;min-height:2rem;padding:0;font-size:.65rem}.drawer-edge-dock .icon-action{width:2.8rem;min-width:2.8rem;min-height:2.8rem;padding:.35rem}.drawer-edge-dock .commit-button{min-width:4.3rem}.drawer-edge-dock .icon-action:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.mobile-dock-toggle{display:none!important}.watching-copy{border:3px solid var(--ink);background:var(--surface-paper);margin:1rem 0 0;padding:.85rem 1rem;font-weight:900}.guess-panel{gap:.55rem;margin-top:1rem;display:grid}.guess-panel .watching-copy{margin:0}.game-shell .guesser-composer{right:.7rem;bottom:calc(.7rem + var(--keyboard-offset,0px));z-index:4;border:3px solid var(--ink);background:var(--surface-paper);box-shadow:0 .25rem 0 var(--ink);border-radius:.9rem;gap:.45rem;margin:0;padding:.55rem;position:absolute;left:.7rem}.guess-form{gap:.45rem;display:flex}.guess-form label{flex:1;gap:.25rem;display:grid}.guess-form label span{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.guess-form input{border:2px solid var(--ink);background:var(--surface-paper);width:100%;min-height:2.8rem;color:inherit;border-radius:.45rem;padding:.45rem .6rem;font-weight:700}.guess-form button{border:2px solid var(--ink);background:var(--ink);min-height:2.8rem;color:var(--surface-paper);cursor:pointer;border-radius:.45rem;align-self:end;padding:.5rem .8rem;font-size:.75rem;font-weight:900}.chat-trigger{display:none}.guess-feed{border:2px solid var(--ink);background:var(--surface-paper);gap:.2rem;padding:.7rem .85rem;display:grid}.guess-feed p{margin:0;font-size:.78rem;font-weight:800}.guess-feed .correct{color:var(--feedback-success)}.guess-ticker{right:.7rem;bottom:calc(6.4rem + var(--keyboard-offset,0px));z-index:3;pointer-events:none;justify-items:start;gap:.25rem;display:grid;position:absolute;left:.7rem}.guess-ticker p{border:2px solid var(--ink);background:var(--surface-paper);border-radius:999px;margin:0;padding:.3rem .5rem;font-size:.72rem;font-weight:900;animation:1.35s cubic-bezier(.2,.8,.3,1) both guess-fly}.guess-ticker .correct{background:var(--surface-success);color:var(--feedback-success)}.emote-picker{flex-wrap:wrap;gap:.35rem;display:flex}.emote-picker button{border:2px solid var(--ink);background:var(--action-secondary);min-height:2.2rem;color:var(--ink);cursor:pointer;border-radius:999px;padding:.35rem .55rem;font-size:.7rem;font-weight:900}.emote-picker button:active{transform:translateY(1px)}.reaction-rail{flex:none;gap:.28rem;display:flex}.reaction-rail button{border:2px solid var(--ink);background:var(--action-secondary);min-width:2.8rem;min-height:2.8rem;color:var(--ink);letter-spacing:.02em;cursor:pointer;box-shadow:0 2px 0 var(--yellow-700);border-radius:.55rem;padding:.35rem .42rem;font-size:.64rem;font-weight:900}.reaction-rail button:hover{background:var(--surface-highlight);transform:translateY(-1px)}.reaction-rail button:active{box-shadow:none;transform:translateY(1px)}.emote-feed{z-index:3;pointer-events:none;height:0;margin:0;position:absolute;bottom:0;left:0;right:0}.emote-feed p{bottom:1rem;left:calc(50% + var(--emote-lane));color:var(--ink);justify-items:center;gap:.1rem;margin:0;font-weight:900;animation:1.15s cubic-bezier(.2,.8,.3,1) both emote-fly;display:grid;position:absolute}.emote-feed small{border:1px solid var(--ink);background:var(--surface-paper);letter-spacing:.04em;border-radius:999px;padding:.12rem .3rem;font-size:.55rem}@keyframes emote-fly{0%{opacity:0;transform:translate(-50%,1.4rem)scale(.55)rotate(-8deg)}14%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-9rem)scale(1.08)rotate(5deg)}}@keyframes guess-fly{0%{opacity:0;transform:translateY(1rem)scale(.92)}16%{opacity:1}68%{opacity:1}to{opacity:0;transform:translateY(-5.5rem)scale(1.02)}}.score-row{border-top:2px solid var(--border-muted);grid-template-columns:1fr auto;gap:.15rem .8rem;padding:.55rem 0;display:grid}.score-row strong{font-size:.95rem}.score-row>span{color:var(--action-destructive);font-size:1.05rem;font-weight:900}.score-row small{color:var(--text-warm);font-family:var(--font-body);letter-spacing:0;grid-column:1/-1;font-size:.78rem;font-weight:500;line-height:1.25}@keyframes timer-punch{50%{transform:scale(.995)}}.preview-stage{aspect-ratio:1;border:3px solid var(--ink);background:var(--surface-paper);width:100%;position:relative;overflow:hidden}.sheet-layer{z-index:10;align-items:end;display:grid;position:fixed;inset:0}.sheet-scrim{cursor:pointer;background:#11100e4d;border:0;position:absolute;inset:0}.sheet-layer{z-index:var(--layer-modal);top:var(--utility-top,0px);height:var(--utility-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);bottom:auto}.sheet-layer .game-sheet{max-height:calc(var(--utility-height,100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.game-sheet{border:3px solid var(--ink);background:var(--surface-paper);width:min(100%,48rem);max-height:min(82svh,44rem);box-shadow:0 -.3rem 0 var(--ink);border-bottom:0;border-radius:1rem 1rem 0 0;margin:0 auto;padding:1rem;animation:.15s cubic-bezier(.2,.8,.3,1) sheet-in;position:relative;overflow:auto}.sheet-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.8rem;display:flex}.sheet-heading h2{font-size:2.5rem}.room-invite{justify-items:start;gap:.75rem;display:grid}.room-invite svg{border:3px solid var(--ink)}.room-invite p{margin:0;font-size:.85rem;font-weight:500}.room-invite code{overflow-wrap:anywhere;border:2px solid var(--ink);background:var(--surface-page);max-width:100%;padding:.45rem;font-size:.72rem}.sheet-preview{aspect-ratio:1.35;max-height:52svh}.sheet-scores,.result-scores{display:grid}.guess-history{gap:.35rem;display:grid}.guess-history p{border-top:2px solid var(--border-muted);justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding:.7rem 0;font-size:.9rem;display:flex}.guess-history strong{font-weight:900}.guess-history span{text-align:right;font-weight:500}.guess-history .correct{color:var(--feedback-success)}.guess-history .empty-chat{color:var(--text-warm);font-weight:500;display:block}.result-surface{z-index:5;background:var(--surface-paper);align-content:center;gap:.7rem;padding:1.5rem;animation:.18s cubic-bezier(.16,1,.3,1) result-in;display:grid;position:absolute;inset:0;overflow:auto}.result-surface h2{font-size:3.5rem}.reveal-surface{grid-template:"copy preview"minmax(0,1fr)"scores preview"/minmax(12rem,.7fr) minmax(16rem,1.3fr);align-content:stretch}.reveal-copy{grid-area:copy;align-self:center}.reveal-copy .eyebrow{color:var(--text-danger)}.reveal-copy h2{margin:.25rem 0 0;font-size:3.5rem;line-height:.92}.reveal-copy>p:last-child{color:var(--text-warm);font-family:var(--font-body);margin:.8rem 0 0;font-size:.9rem;font-weight:600}.reveal-surface .result-scores{grid-area:scores;align-self:end}.result-preview{aspect-ratio:auto;grid-area:preview;height:100%;min-height:15rem}.match-surface{border:3px solid var(--ink);width:min(100%,38rem);box-shadow:.4rem .4rem 0 var(--ink);margin:auto}.result-action{justify-self:start;margin-top:.4rem}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes result-in{0%{opacity:0;transform:scale(.94)rotate(-.45deg)}65%{opacity:1;transform:scale(1.015)rotate(.1deg)}}@media (max-width:820px){.canvas-workbench{grid-template-columns:minmax(0,1fr)}.canvas-toolbar{width:100%}}@media (max-width:860px){.lobby-surface{grid-template-columns:minmax(0,1fr);grid-template-areas:"utility""settings""start"}.lobby-surface h2{max-width:none;font-size:2.9rem}.lobby-players{border-top:0;margin-top:0;padding-top:0}.lobby-players ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){main{padding:.8rem}.game-shell{gap:.45rem;min-height:100svh;padding:.45rem}.game-bar{grid-template-columns:auto auto 1fr auto;gap:.35rem;padding:.35rem .45rem}.game-wordmark{font-size:1.05rem}.game-room-code{padding:.2rem .3rem;font-size:.62rem}.game-hud{justify-content:flex-start;gap:.2rem;font-size:.58rem}.game-role{display:none}.game-actions{gap:.2rem}.game-actions .sound-button{min-height:1.75rem;padding:.2rem .3rem;font-size:.48rem}.sound-copy-long{display:none}.sound-copy-short{display:inline}.lobby-surface{grid-template-columns:1fr;grid-template-areas:"utility""settings""start";gap:.85rem;width:100%;min-height:0;margin-top:.7rem;padding:1.1rem}.lobby-surface h2{max-width:none;font-size:2.6rem}.lobby-players{border-top:0;margin-top:0;padding-top:0}.lobby-players ul{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-start{width:100%}.masthead{align-items:start;margin-bottom:1rem}.masthead-actions{flex-direction:column;align-items:end;gap:.15rem}.masthead-status{align-items:end}.build-id{font-size:.52rem}.connection{margin:0;font-size:.67rem}.sound-button{min-height:1.9rem;font-size:.58rem}.room-bar{align-items:stretch;gap:.65rem;margin-bottom:1.25rem;padding:.7rem}.room-entry{grid-template-columns:1fr;gap:1.4rem}.start-room-surface{grid-template-columns:1fr;min-height:0;padding:1.15rem}.join-room-surface{padding:1.1rem}.lan-qr{align-items:start}.entry-heading h2,.join-room-surface .entry-heading h2{font-size:3.25rem}.room-divider{display:none}.room-code,.round-status,.player-list{width:100%}.leave-button{margin-left:0}.prompt-card{align-items:start}h1{font-size:4.2rem}h2{font-size:3rem}.canvas-workbench{grid-template-columns:1fr}.game-shell .drawing-area{gap:.45rem}.game-shell .prompt-card{padding:.5rem .65rem}.game-shell .prompt-card h2{font-size:1.35rem}.game-shell .canvas-workbench{grid-template-columns:1fr}.canvas-stage{aspect-ratio:1}.game-shell .canvas-stage{aspect-ratio:16/10}.game-shell .drawer-dock{border-radius:.8rem;bottom:.4rem;left:.4rem;right:.4rem}.game-shell .guesser-composer{right:.4rem;bottom:calc(.4rem + var(--keyboard-offset,0px));border-radius:.75rem;left:.4rem}.guess-ticker{right:.4rem;bottom:calc(6rem + var(--keyboard-offset,0px));left:.4rem}.game-sheet{max-height:86svh}.reveal-surface{grid-template:"copy""preview"minmax(13rem,1fr)"scores"/1fr}.reveal-copy h2{font-size:2.2rem}.result-preview{min-height:13rem}.canvas-toolbar{border-radius:.85rem;gap:.4rem}.toolbar-divider{display:none}.toolbar-group{border-right:1px solid var(--neutral-400);padding-right:.35rem}.toolbar-actions{margin-left:0}.game-shell.active-guesser{grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:100svh;overflow:hidden}.game-shell.active-guesser .game-bar{grid-template-columns:auto auto minmax(0,1fr) auto;min-height:3rem}.game-shell.active-guesser .game-actions .hud-chip,.game-shell.active-guesser .game-actions .sound-button{display:none}.game-shell.active-guesser .drawing-area.guesser-view,.game-shell.active-guesser .canvas-workbench,.game-shell.active-guesser .canvas-column{height:100%;min-height:0}.game-shell.active-guesser .canvas-stage{aspect-ratio:auto;height:100%;box-shadow:none;border-width:3px}.game-shell.active-guesser .canvas-column{overflow:hidden}.game-shell.active-guesser .corner-label{padding:.55rem}.game-shell.active-guesser .frame-chip{top:2.7rem;right:.45rem}.game-shell.active-guesser .guesser-composer{right:0;bottom:var(--keyboard-offset,0px);border:0;border-top:3px solid var(--ink);box-shadow:none;border-radius:0;align-items:center;gap:.35rem;padding:.4rem;display:flex;left:0}.game-shell.active-guesser .emote-picker{display:none}.game-shell.active-guesser .guess-form{flex:1;gap:.3rem;min-width:0}.game-shell.active-guesser .reaction-rail{gap:.22rem;display:flex}.game-shell.active-guesser .reaction-rail button{min-width:2.3rem;min-height:2.7rem;padding:.32rem;font-size:.56rem}.game-shell.active-guesser .guess-form label span{display:none}.game-shell.active-guesser .guess-form input,.game-shell.active-guesser .guess-form button{min-height:2.7rem}.game-shell.active-guesser .guess-form button{padding:.45rem .55rem;font-size:.66rem}.game-shell.active-guesser .chat-trigger{border:2px solid var(--ink);background:var(--action-secondary);min-height:2.7rem;color:var(--ink);letter-spacing:.05em;border-radius:999px;flex:none;place-items:center;padding:.4rem .5rem;font-size:.6rem;font-weight:900;display:grid}.game-shell.active-guesser .guess-ticker{right:.55rem;bottom:calc(3.7rem + var(--keyboard-offset,0px));left:.55rem}.game-shell.active-guesser .guess-ticker p{max-width:min(88%,20rem);font-size:.68rem}.game-shell.active-guesser .emote-feed{bottom:calc(3.4rem + var(--keyboard-offset,0px))}.entry-shell{min-height:100svh;padding-top:2rem}.entry-masthead{margin-bottom:2rem}.entry-masthead h1{letter-spacing:-.1em;white-space:nowrap;max-width:100%;font-size:clamp(2.8rem,12vw,4rem)}.room-entry{gap:1rem}.start-room-surface,.join-room-surface{min-height:13rem;box-shadow:.3rem .3rem 0 var(--ink);padding:1.3rem}.entry-heading h2,.join-room-surface .entry-heading h2{max-width:none;font-size:3.4rem}.join-room-surface{min-height:14rem}.entry-mascot{width:5.2rem;bottom:-4.6rem;left:auto;right:.2rem}.lan-qr{display:none}.entry-version{bottom:.45rem;right:.65rem}.entry-build-id{font-size:.42rem}.lobby-name-confirmation{max-width:23rem}}@media (max-width:390px){.canvas-toolbar{padding:.4rem}.tool-group button{width:3.25rem;min-height:3.25rem}.color-options button{width:2.45rem;min-width:2.45rem}.size-control label{grid-template-columns:auto 4.25rem}.size-control input{width:4.25rem}.toolbar-actions{width:100%}.canvas-toolbar .undo-button,.canvas-toolbar .commit-button{flex:1}}.game-shell.phase-countdown,.game-shell.phase-drawing,.game-shell.phase-final{height:calc(100dvh - var(--keyboard-offset,0px));grid-template-rows:auto minmax(0,1fr);max-width:100%;min-height:0;overflow:clip}.game-shell.phase-countdown .drawing-area,.game-shell.phase-drawing .drawing-area,.game-shell.phase-final .drawing-area{align-content:stretch;height:100%;min-height:0}.game-shell.phase-countdown .drawing-area:not(.guesser-view),.game-shell.phase-drawing .drawing-area:not(.guesser-view),.game-shell.phase-final .drawing-area:not(.guesser-view){grid-template-rows:auto minmax(0,1fr)}.game-shell.phase-countdown .drawing-area.guesser-view,.game-shell.phase-drawing .drawing-area.guesser-view,.game-shell.phase-final .drawing-area.guesser-view{grid-template-rows:minmax(0,1fr)}.game-shell.phase-countdown .prompt-card,.game-shell.phase-drawing .prompt-card,.game-shell.phase-final .prompt-card{min-width:0}.game-shell.phase-countdown .prompt-card h2,.game-shell.phase-drawing .prompt-card h2,.game-shell.phase-final .prompt-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-shell.phase-countdown .canvas-workbench,.game-shell.phase-drawing .canvas-workbench,.game-shell.phase-final .canvas-workbench,.game-shell.phase-countdown .canvas-column,.game-shell.phase-drawing .canvas-column,.game-shell.phase-final .canvas-column{min-width:0;height:100%;min-height:0}.game-shell.phase-countdown .canvas-column,.game-shell.phase-drawing .canvas-column,.game-shell.phase-final .canvas-column{place-items:center;display:grid;overflow:hidden;container-type:size}:is(.game-shell.phase-countdown .canvas-column:has(.frame-filmstrip),.game-shell.phase-drawing .canvas-column:has(.frame-filmstrip),.game-shell.phase-final .canvas-column:has(.frame-filmstrip)){grid-template-rows:auto minmax(0,1fr);place-items:stretch center;gap:.45rem}.game-shell.phase-countdown .canvas-stage,.game-shell.phase-drawing .canvas-stage,.game-shell.phase-final .canvas-stage{aspect-ratio:16/10;width:min(100%,160cqh);max-width:none;height:auto;max-height:none;margin:0}:is(.game-shell.phase-countdown .canvas-column:has(.frame-filmstrip) .canvas-stage,.game-shell.phase-drawing .canvas-column:has(.frame-filmstrip) .canvas-stage,.game-shell.phase-final .canvas-column:has(.frame-filmstrip) .canvas-stage){align-self:center}@media (max-width:620px){.game-shell.phase-countdown,.game-shell.phase-drawing,.game-shell.phase-final{height:calc(100dvh - var(--keyboard-offset,0px));padding:.45rem}.drawer-edge-dock{border-radius:.7rem;gap:.25rem;padding:.32rem}.drawer-tools-dock{bottom:.4rem;left:.4rem}.drawer-actions-dock{bottom:.4rem;right:.4rem}.mobile-dock-toggle{min-width:2.7rem!important;min-height:2.7rem!important;padding:.35rem!important;font-size:.55rem!important;display:grid!important}.drawer-edge-dock .drawer-dock-content{display:none}.drawer-tools-dock.is-open{align-items:flex-end;max-width:calc(100vw - .8rem)}.drawer-tools-dock.is-open .drawer-dock-content{flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:flex-end;max-width:calc(100vw - 5.2rem);display:flex}.drawer-tools-dock.is-open .toolbar-group{flex-direction:row}.drawer-tools-dock.is-open .toolbar-divider{width:2px;height:2.5rem;margin:0 .08rem}.drawer-tools-dock.is-open .color-options,.drawer-tools-dock.is-open .untimed-filmstrip,.drawer-tools-dock.is-open .free-frame-options,.drawer-tools-dock.is-open .size-control{flex-direction:row}.drawer-actions-dock.is-open .drawer-dock-content{flex-direction:column;display:flex}.drawer-edge-dock .commit-button{min-width:3.7rem}}.mobile-menu-trigger{display:none}.game-shell.active-guesser .canvas-column{justify-content:center;align-items:center;padding-bottom:4.8rem;display:flex;position:relative}.game-shell.active-guesser .canvas-stage{height:auto}.game-shell.active-guesser .guesser-composer{grid-template-columns:auto minmax(14rem,1fr) auto;align-items:end;width:min(100% - 1.4rem,44rem);display:grid;bottom:0;left:auto;right:50%;transform:translate(50%)}.game-shell.active-guesser .emote-picker{display:block;position:relative}.reaction-trigger,.reaction-options button{border:2px solid var(--ink);min-height:2.8rem;color:var(--ink);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:.4rem .55rem;font-size:.65rem;font-weight:900}.reaction-trigger{background:var(--action-secondary)}.reaction-options{z-index:5;border:2px solid var(--ink);background:var(--surface-paper);box-shadow:.16rem .16rem 0 var(--ink);border-radius:.65rem;grid-auto-flow:column;gap:.3rem;padding:.35rem;display:none;position:absolute;bottom:calc(100% + .45rem);left:0}.emote-picker.is-open .reaction-options{display:grid}.reaction-options button{background:var(--surface-paper);min-width:2.7rem}.reaction-options button:hover,.reaction-trigger:hover{background:var(--surface-highlight)}.game-shell.active-guesser .guess-form{min-width:0}.game-shell.active-guesser .guess-ticker{bottom:5.6rem}.game-shell.active-guesser .emote-feed{bottom:4.8rem}.game-menu-actions button{text-align:left;gap:.12rem;width:100%;display:grid}.game-menu-actions button span{font-family:var(--font-body);letter-spacing:0;font-size:.78rem;font-weight:500;line-height:1.25}@media (max-width:620px){.game-hud{gap:.3rem;font-size:.66rem}.game-role{font-size:.66rem}.game-shell .prompt-card{gap:.16rem;padding:.5rem .65rem}.game-shell .prompt-card h2{font-size:1.5rem;line-height:.95}.game-shell.active-guesser .game-bar{grid-template-columns:auto auto minmax(0,1fr) auto}.game-shell.active-guesser .game-hud{justify-content:flex-end}.game-shell.active-guesser .game-actions{display:none}.game-shell.active-guesser .mobile-menu-trigger{place-items:center;display:grid}.game-shell.active-guesser .canvas-column{padding-bottom:3.85rem}.game-shell.phase-drawing.active-guesser .canvas-stage,.game-shell.phase-final.active-guesser .canvas-stage{height:auto}.game-shell.active-guesser .guesser-composer{width:auto;box-shadow:none;border-width:2px 0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr);padding:.35rem;bottom:0;left:0;right:0;transform:none}.game-shell.active-guesser .guess-form{gap:.28rem}.game-shell.active-guesser .guess-form label span{display:none}.game-shell.active-guesser .guess-form input,.game-shell.active-guesser .guess-form button,.reaction-rail button{min-height:2.55rem}.game-shell.active-guesser .guess-form button{padding:.35rem .5rem}.game-shell.active-guesser .reaction-rail{gap:.18rem}.game-shell.active-guesser .reaction-rail button{min-width:2rem;padding:.25rem;font-size:.52rem}.game-shell.active-guesser .guess-ticker{bottom:4.2rem;left:.45rem;right:.45rem}.game-shell.active-guesser .emote-feed{bottom:3.8rem}}@media (max-width:390px){.drawer-actions-dock .toolbar-actions{width:auto}}@media (min-width:621px){:is(.game-shell.phase-drawing .canvas-column:has(.drawer-edge-dock),.game-shell.phase-final .canvas-column:has(.drawer-edge-dock)){padding-inline:5.5rem}}.game-shell .canvas-stage{aspect-ratio:5/4}.game-shell.phase-countdown .canvas-stage,.game-shell.phase-drawing .canvas-stage,.game-shell.phase-final .canvas-stage{aspect-ratio:5/4;width:auto;max-width:100%;height:min(100%,80cqw);max-height:100%}.game-shell.phase-countdown.active-guesser .canvas-stage,.game-shell.phase-drawing.active-guesser .canvas-stage,.game-shell.phase-final.active-guesser .canvas-stage{aspect-ratio:5/4;height:min(100%,80cqw)}:is(.game-shell.phase-countdown .canvas-column:has(.frame-filmstrip),.game-shell.phase-drawing .canvas-column:has(.frame-filmstrip),.game-shell.phase-final .canvas-column:has(.frame-filmstrip)){grid-template-rows:auto minmax(0,1fr)}:is(.game-shell.phase-countdown .canvas-column:has(.canvas-command-rail),.game-shell.phase-drawing .canvas-column:has(.canvas-command-rail),.game-shell.phase-final .canvas-column:has(.canvas-command-rail)){grid-template-rows:auto auto minmax(0,1fr) auto}.game-shell.active-drawer .game-bar{grid-template-columns:auto minmax(0,1fr) auto}.game-shell.active-drawer .canvas-column:has(.drawer-frame-stage){grid-template-rows:minmax(0,1fr);overflow:visible}.drawer-frame-stage{overflow:visible;container:drawer-stage/inline-size}.frame-filmstrip{z-index:9;pointer-events:none;width:100%;min-width:0;position:absolute;top:-2rem;left:0}.filmstrip-track{overscroll-behavior-x:contain;scrollbar-color:var(--edge-shadow-color) transparent;scrollbar-width:thin;pointer-events:auto;gap:.6rem;width:max-content;max-width:100%;padding:.65rem .55rem .55rem;display:flex;position:relative;overflow-x:auto}.filmstrip-track button{aspect-ratio:5/4;border:3px solid var(--ink);background:var(--surface-paper);width:4.75rem;color:var(--ink);cursor:pointer;box-shadow:.18rem .22rem 0 var(--edge-shadow-color);transition:transform var(--motion-release) var(--motion-out), box-shadow var(--motion-release) linear, background var(--motion-release) linear;border-radius:.35rem;flex:0 0 4.75rem;padding:0;position:relative;overflow:hidden}.filmstrip-track button:not(:disabled):not(.selected):hover{background:var(--surface-highlight);transform:translateY(-.18rem)}.filmstrip-track button.selected{z-index:1;background:var(--action-secondary);box-shadow:.22rem .32rem 0 var(--ink);transform:translateY(-.3rem)scale(1.04)}.filmstrip-track button:disabled{cursor:default;opacity:1}.filmstrip-track button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.filmstrip-track canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.filmstrip-track>button>span{border:1px solid var(--ink);background:var(--surface-paper);min-width:1.1rem;height:1.1rem;font-family:var(--font-body);border-radius:50%;place-items:center;padding-inline:.12rem;font-size:.7rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:.12rem;right:.12rem}.frame-status{z-index:3;color:var(--ink);font-family:var(--font-body);pointer-events:none;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:3.3rem;right:.6rem}.frame-status>span:first-child{background:#fffdf8e6;padding:.12rem .2rem}.frame-status strong{font-variant-numeric:tabular-nums;font-weight:800}.frame-status .canvas-countdown{letter-spacing:0;flex:none;font-size:.75rem;position:relative;top:auto;right:auto}.frame-mark-count{z-index:3;color:var(--text-warm);font-family:var(--font-body);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem;left:.6rem}.drawer-frame-stage:has(.pip-bottom-left) .frame-mark-count{left:auto;right:.6rem}@container drawer-stage (min-width:38rem){.frame-filmstrip{width:calc(100% - 9rem)}.frame-status{top:.6rem}}@media (max-width:620px){.game-shell.active-drawer .game-bar{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:620px),(max-height:500px){.frame-filmstrip{top:-1.65rem}.filmstrip-track{gap:.45rem}.filmstrip-track button{border-width:2px;flex-basis:3.5rem;width:3.5rem}.frame-status{top:2.55rem}}html[data-reduced-motion=true] .filmstrip-track button{transition:none}.canvas-command-rail{z-index:6;border:3px solid var(--ink);background:var(--surface-paper);box-shadow:0 .18rem 0 var(--ink);border-radius:.55rem;justify-self:start;align-items:center;gap:.3rem;padding:.32rem;display:flex}.command-action{border:2px solid var(--ink);background:var(--surface-paper);width:2.7rem;min-width:2.7rem;min-height:2.7rem;color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--edge-shadow-color);border-radius:.4rem;place-items:center;padding:.32rem;display:grid}.command-action:hover{background:var(--surface-highlight);transform:translateY(-1px)}.command-action:active{box-shadow:none;transform:translateY(1px)}.command-action:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.clear-frame-action{color:var(--text-danger)}:is(.game-shell.phase-countdown .canvas-column:has(.drawer-controls),.game-shell.phase-drawing .canvas-column:has(.drawer-controls),.game-shell.phase-final .canvas-column:has(.drawer-controls)){grid-template-rows:minmax(0,1fr) auto}.drawer-controls{z-index:6;grid-template-columns:minmax(5.8rem,1fr) auto auto minmax(5.2rem,1fr);align-items:center;gap:.45rem;width:100%;max-width:100%;display:grid}.drawer-edge-dock{z-index:auto;border-radius:.65rem;min-width:0;padding:.45rem .6rem;position:static}:is(.game-shell.phase-drawing .canvas-column:has(.drawer-edge-dock),.game-shell.phase-final .canvas-column:has(.drawer-edge-dock)){padding-inline:0}.drawer-controls .canvas-command-rail{grid-column:1;justify-self:start}.drawer-tools-dock,.drawer-actions-dock{flex-direction:row;align-items:center;bottom:auto;left:auto;right:auto}.drawer-tools-dock{grid-column:2;justify-self:center}.drawer-tools-dock .drawer-dock-content,.drawer-actions-dock .toolbar-actions{flex-flow:wrap;min-width:0}.drawer-tools-dock .toolbar-divider{width:2px;height:3.2rem;margin:0 .18rem}.drawer-edge-dock .tool-group button{width:4.3rem;min-height:4.3rem}.drawer-edge-dock .tool-icon{width:3rem;height:3rem}.drawer-tools-dock .color-options{flex-direction:row;align-items:flex-end;gap:.12rem;padding:0}.drawer-edge-dock .color-options .marker-option{width:2.65rem;min-width:2.65rem;min-height:4.3rem}.drawer-edge-dock .marker-icon{width:2.25rem;height:4.3rem}.drawer-tools-dock .size-control{flex-direction:row;gap:.16rem;padding:0 .15rem}.drawer-tools-dock .brush-size-option{width:2.7rem;min-width:2.7rem;min-height:2.7rem}.drawer-clear-dock{grid-column:3;place-items:center;padding-left:.15rem;display:grid}.drawer-clear-dock .clear-frame-action{border-color:var(--text-danger);background:var(--surface-paper);box-shadow:0 2px 0 var(--border-muted)}.drawer-clear-dock .clear-frame-action:hover{background:var(--red-100)}.drawer-actions-dock{grid-column:4;justify-self:end;gap:.35rem}.drawer-actions-dock .toolbar-actions{margin:0}.drawer-edge-dock .icon-action{width:3.3rem;min-width:3.3rem;min-height:3.3rem}.etch-controls{z-index:6;border:3px solid var(--ink);background:var(--surface-paper);width:min(100%,34rem);box-shadow:0 .2rem 0 var(--ink);border-radius:.65rem;justify-self:center;gap:.35rem;padding:.45rem .6rem .6rem;display:grid}.etch-controls .eyebrow{font-size:.56rem}.etch-input-picker{border-bottom:2px solid var(--border-muted);align-items:center;gap:.28rem;min-width:0;padding-bottom:.35rem;display:flex}.etch-input-picker>span{color:var(--text-warm);letter-spacing:.08em;margin-right:.15rem;font-size:.55rem;font-weight:900}.etch-input-picker button{border:2px solid var(--ink);background:var(--surface-paper);min-height:1.9rem;color:var(--ink);font:inherit;letter-spacing:.03em;cursor:pointer;border-radius:.35rem;padding:.26rem .42rem;font-size:.56rem;font-weight:900;line-height:1}.etch-input-picker button:hover{background:var(--surface-highlight)}.etch-input-picker button.selected{background:var(--ink);color:var(--surface-paper)}.etch-input-picker button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.etch-knob-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.etch-knob-set{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;display:grid}.etch-knob{aspect-ratio:1;border:3px solid var(--ink);background:var(--action-secondary);width:4.15rem;box-shadow:.16rem .16rem 0 var(--text-warm);transform:rotate(var(--knob-turn));border-radius:50%;place-items:center;transition:transform 34ms linear;display:grid;position:relative}.etch-knob:before,.etch-knob:after,.etch-knob i{border:2px solid var(--ink);background:var(--surface-paper);content:"";border-radius:999px;width:.28rem;height:.7rem;position:absolute}.etch-knob:before{top:.25rem}.etch-knob:after{bottom:.25rem}.etch-knob i{width:.7rem;height:.28rem;left:.25rem}.etch-knob-set.is-turning .etch-knob{box-shadow:.1rem .1rem 0 var(--text-warm)}.etch-key-row{grid-template-columns:minmax(1.9rem,auto) minmax(0,1fr) minmax(1.9rem,auto) minmax(0,1fr);align-items:center;gap:.2rem;min-width:0;display:grid}.etch-key-row kbd{border:2px solid var(--ink);background:var(--surface-paper);min-height:2rem;box-shadow:0 .12rem 0 var(--edge-shadow-color);font:inherit;border-radius:.38rem;place-items:center;font-size:.72rem;font-weight:900;display:grid}.etch-key-row kbd.pressed{background:var(--ink);box-shadow:none;color:var(--surface-paper);transform:translateY(.12rem)}.etch-key-row span{min-width:0;color:var(--text-warm);letter-spacing:.04em;text-transform:uppercase;font-size:.55rem;font-weight:900;line-height:1}.etch-clear-hint{color:var(--text-warm);font-family:var(--font-body);text-align:center;margin:0;font-size:.62rem;font-weight:700}.etch-controls.is-arming .etch-clear-hint{color:var(--text-danger)}.canvas-stage.etch-resetting{animation:.62s cubic-bezier(.2,.8,.3,1) etch-reset}.etch-resetting+.etch-controls .etch-knob,.etch-resetting~.etch-mobile-controls .etch-thumb-knob{animation:.62s cubic-bezier(.2,.8,.3,1) etch-knob-rattle}@keyframes etch-reset{0%,to{filter:none;transform:translate(0)rotate(0)}10%{filter:brightness(1.28);transform:translate(-.7rem,.1rem)rotate(-1.4deg)}22%{transform:translate(.72rem,-.14rem)rotate(1.35deg)}34%{filter:brightness(1.48);transform:translate(-.58rem,.08rem)rotate(-1deg)}46%{transform:translate(.52rem,-.1rem)rotate(.9deg)}58%{filter:brightness(1.2);transform:translate(-.3rem,.04rem)rotate(-.5deg)}72%{transform:translate(.15rem)rotate(.2deg)}}@keyframes etch-knob-rattle{18%{transform:rotate(calc(var(--knob-turn) - 22deg)) scale(1.08)}36%{transform:rotate(calc(var(--knob-turn) + 28deg)) scale(.96)}54%{transform:rotate(calc(var(--knob-turn) - 15deg)) scale(1.04)}72%{transform:rotate(calc(var(--knob-turn) + 7deg))}}.etch-mobile-controls{display:none}.in-room.etch-drawer{touch-action:none;overscroll-behavior:none}.game-actions .sound-button{place-items:center;width:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0;display:grid}.game-actions .sound-button .hud-icon{width:1.1rem;height:1.1rem}.sound-copy-long,.sound-copy-short{display:none!important}.game-hud{letter-spacing:.04em;gap:.5rem;font-size:.78rem}.game-role{color:var(--ink);font-size:.78rem}.canvas-stage .guess-ticker{z-index:7;pointer-events:none;justify-items:center;gap:.3rem;height:0;margin:0;display:grid;position:absolute;bottom:12%;left:8%;right:8%}.canvas-stage .guess-ticker p{border:2px solid var(--ink);background:var(--surface-paper);box-shadow:.14rem .14rem 0 var(--ink);border-radius:.25rem;margin:0;padding:.35rem .58rem;font-size:.72rem;font-weight:900;animation:1.35s cubic-bezier(.2,.8,.3,1) both stage-feedback-fly}.canvas-stage .guess-ticker .correct{background:var(--surface-success);color:var(--feedback-success)}.canvas-stage .guess-ticker .incorrect{background:var(--red-100);color:var(--text-danger)}.canvas-stage .emote-feed{z-index:7;pointer-events:none;height:0;margin:0;position:absolute;inset:auto 0 14%}.canvas-stage .emote-feed p{animation-name:stage-feedback-fly}@keyframes stage-feedback-fly{0%{opacity:0;transform:translate(-50%,1.25rem)scale(.65)rotate(-5deg)}14%{opacity:1}68%{opacity:1}to{opacity:0;transform:translate(-50%,-10rem)scale(1.05)rotate(4deg)}}@media (max-width:620px){:is(.game-shell.phase-drawing .canvas-column:has(.drawer-edge-dock),.game-shell.phase-final .canvas-column:has(.drawer-edge-dock)){padding-inline:0}.drawer-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tools tools""commands clear""actions actions";justify-self:center;gap:.32rem;width:min(100%,28rem)}.canvas-command-rail{border-width:2px;gap:.22rem;padding:.25rem}.drawer-controls .canvas-command-rail{grid-area:commands}.command-action{width:2.55rem;min-width:2.55rem;min-height:2.55rem}.drawer-edge-dock{width:fit-content;max-width:100%;box-shadow:0 .16rem 0 var(--ink);border-width:2px;justify-content:center;padding:.32rem}.drawer-tools-dock{grid-area:tools}.drawer-tools-dock .drawer-dock-content{justify-content:center;gap:.18rem;width:100%;display:flex}.drawer-actions-dock .drawer-dock-content{display:flex}.drawer-tools-dock .toolbar-divider{height:2.8rem;margin:0 .08rem}.drawer-edge-dock .tool-group button{width:3.5rem;min-height:3.5rem}.drawer-edge-dock .tool-icon{width:2.45rem;height:2.45rem}.drawer-edge-dock .color-options .marker-option{width:2.05rem;min-width:2.05rem;min-height:3.5rem}.drawer-edge-dock .marker-icon{width:1.7rem;height:3.5rem}.drawer-tools-dock .brush-size-option{width:2.35rem;min-width:2.35rem;min-height:2.35rem}.drawer-clear-dock{grid-area:clear;justify-self:end;padding-left:0}.drawer-actions-dock{grid-area:actions;grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.drawer-actions-dock .toolbar-actions{justify-content:center}.drawer-edge-dock .icon-action{width:2.75rem;min-width:2.75rem;min-height:2.75rem}.drawer-edge-dock .commit-button{grid-column:1/-1;width:100%}.etch-controls{display:none}.etch-mobile-controls{z-index:6;border:2px solid var(--ink);background:var(--surface-paper);width:min(100%,18rem);box-shadow:0 .16rem 0 var(--ink);touch-action:none;border-radius:.75rem;justify-self:center;gap:.32rem;padding:.38rem .5rem .5rem;display:grid}.etch-mobile-controls .eyebrow{text-align:center;font-size:.53rem}.etch-thumb-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.etch-thumb-knob{aspect-ratio:1;border:3px solid var(--ink);background:var(--action-secondary);min-height:5.35rem;box-shadow:.18rem .18rem 0 var(--text-warm);color:var(--ink);cursor:grab;touch-action:none;transform:rotate(var(--knob-turn));-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:0;transition:transform 34ms linear;display:grid;position:relative}.etch-thumb-knob:active,.etch-thumb-knob.is-turning{cursor:grabbing;box-shadow:.08rem .08rem 0 var(--text-warm)}.etch-thumb-knob:before,.etch-thumb-knob:after,.etch-thumb-knob i{border:2px solid var(--ink);background:var(--surface-paper);content:"";border-radius:999px;width:.3rem;height:.82rem;position:absolute}.etch-thumb-knob:before{top:.34rem}.etch-thumb-knob:after{bottom:.34rem}.etch-thumb-knob i{width:.82rem;height:.3rem;left:.34rem}.etch-thumb-knob span{width:3.9rem;color:var(--text-warm);font-family:var(--font-body);letter-spacing:.04em;text-align:center;transform:rotate(calc(-1 * var(--knob-turn)));gap:.08rem;font-size:.5rem;font-weight:800;line-height:1.05;display:grid}.etch-thumb-knob b{color:var(--ink);font-size:.62rem}.etch-shake-clear{border:2px solid var(--ink);background:var(--surface-paper);min-height:2.25rem;color:var(--ink);font:inherit;font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;border-radius:.42rem;font-size:.58rem;font-weight:800}.etch-shake-clear:active,.etch-shake-clear.is-cleared{background:var(--action-secondary)}.etch-shake-clear:disabled{border-color:var(--edge-shadow-color);color:var(--text-subtle);cursor:not-allowed}.canvas-stage .guess-ticker{bottom:13%;left:5%;right:5%}.canvas-stage .emote-feed{bottom:15%}}.guesser-phrase-shell{display:none}.game-shell.active-guesser .canvas-column{grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:.5rem;padding-bottom:0;display:grid;overflow:hidden}.game-shell.active-guesser .guesser-phrase-shell{border:2px solid var(--ink);background:var(--action-secondary);width:min(100%,48rem);min-height:2.15rem;color:var(--ink);letter-spacing:.08em;align-items:center;gap:.5rem;padding:.32rem .5rem;font-size:.62rem;font-weight:900;display:flex}.phrase-label{flex:none}.phrase-slots{flex-wrap:wrap;flex:1;align-items:center;gap:.22rem;min-width:0;display:flex}.phrase-slot{border:2px solid var(--ink);background:var(--surface-paper);min-width:1.45rem;min-height:1.35rem;color:var(--text-warm);font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;place-items:center;padding:.08rem .3rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.phrase-slot.is-common{background:var(--surface-highlight);color:var(--ink)}.phrase-slot.is-revealed{background:var(--surface-success);color:var(--feedback-success)}.game-shell.active-guesser .canvas-stage{aspect-ratio:5/4;grid-row:2;align-self:center;width:auto;max-width:100%;height:min(100%,80cqw);max-height:100%}.game-shell.active-guesser .guesser-composer{border:2px solid var(--ink);background:var(--surface-paper);width:min(100%,48rem);box-shadow:0 .16rem 0 var(--ink);border-radius:.55rem;grid-row:3;align-items:center;gap:.4rem;margin:0;padding:.38rem;display:flex;position:static;transform:none}.game-shell.active-guesser .guess-form{flex:1;gap:.35rem;min-width:0;display:flex}.game-shell.active-guesser .guess-form label{min-width:0}.game-shell.active-guesser .guess-form label span{display:none}.game-shell.active-guesser .guess-form input,.game-shell.active-guesser .guess-form button{min-height:2.65rem}.game-shell.active-guesser .reaction-rail{gap:.22rem;display:flex}.game-shell.active-guesser .reaction-rail button{min-width:2.55rem;min-height:2.65rem;padding:.28rem}.game-shell.active-guesser .guesser-composer.is-typing .reaction-rail{display:none}.flying-guess-lanes{z-index:8;pointer-events:none;position:absolute;inset:0}.drawer-presence-feedback{z-index:12;pointer-events:none;gap:.3rem;max-width:min(17rem,56%);display:grid;position:absolute;bottom:.65rem;left:.65rem}.drawer-presence-feedback p{border:2px solid var(--ink);box-shadow:.12rem .12rem 0 var(--ink);font-family:var(--font-body);border-radius:.25rem;margin:0;padding:.28rem .45rem;font-size:.67rem;font-weight:800;line-height:1.15}.drawer-presence-feedback .departure-notice{background:var(--surface-paper);color:#573e32}.drawer-presence-feedback .empty-audience{background:var(--yellow-200);color:var(--text-warning)}.drawer-presence-feedback .typing-presence{background:var(--blue-100);color:var(--focus-ring-strong)}.canvas-stage>.flying-guess-lanes,.canvas-stage>.emote-feed{z-index:13}.pip-expanded~.emote-feed p{left:10%}.pip-expanded~.emote-feed p:nth-child(2n){left:90%}.guess-flight{border:2px solid var(--edge-shadow-color);max-width:24%;color:var(--text-warm);font-family:var(--font-body);overflow-wrap:anywhere;background:#fffdf8f0;border-radius:.3rem;gap:.04rem;margin:0;padding:.26rem .4rem;font-size:clamp(.56rem,1.1cqw,.78rem);font-weight:800;line-height:1.05;animation:1.5s cubic-bezier(.2,.8,.3,1) both guess-perimeter-flight;display:grid;position:absolute;box-shadow:.1rem .1rem #11100e40}.guess-flight small{color:inherit;opacity:.72;text-overflow:ellipsis;white-space:nowrap;font-size:.62em;font-weight:700;overflow:hidden}.guess-flight.is-correct{border-color:var(--feedback-success-strong);background:var(--surface-success);color:var(--text-success);box-shadow:.12rem .12rem 0 var(--feedback-success-strong);animation-duration:1.75s}.guess-flight.is-close{border-color:var(--feedback-warning);background:var(--yellow-200);color:var(--text-warning)}.guess-flight.is-miss{opacity:.8}.guess-flight.lane-0{top:21%;left:2%}.guess-flight.lane-1{top:35%;right:2%}.guess-flight.lane-2{top:58%;left:2%}.guess-flight.lane-3{top:68%;right:2%}@keyframes guess-perimeter-flight{0%{opacity:0;transform:translateY(1.4rem)scale(.72)rotate(-3deg)}16%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-3.8rem)scale(1.04)rotate(2deg)}}.drawer-guess-lanes{z-index:13;overflow:clip}.drawer-guess-lanes .guess-flight{border-color:var(--text-subtle);width:max-content;max-width:min(38%,13rem);color:var(--text-secondary);background:#fffdf8f5;padding:.34rem .5rem;font-size:clamp(.68rem,1.35cqw,.98rem)}.drawer-guess-lanes .guess-flight>span:not(.guess-feedback-label){font-weight:900}.drawer-guess-lanes .guess-flight.is-miss{color:#6d665e;opacity:.68;border-color:#8d877f8c;box-shadow:.08rem .08rem #11100e2e}.drawer-guess-lanes .guess-flight.is-close{border-color:var(--feedback-warning);background:var(--yellow-200);font-size:clamp(.72rem,1.45cqw,1.02rem)}.drawer-guess-lanes .guess-flight.is-correct{border-width:3px;font-size:clamp(.78rem,1.6cqw,1.12rem);animation-name:drawer-useful-guess-flight}.drawer-guess-lanes .guess-flight.lane-0{top:16%;left:1.5%}.drawer-guess-lanes .guess-flight.lane-1{top:18%;right:1.5%}.drawer-guess-lanes .guess-flight.lane-2{top:43%;left:1.5%}.drawer-guess-lanes .guess-flight.lane-3{top:45%;right:1.5%}.drawer-guess-lanes .guess-flight.lane-4{top:62%;left:1.5%}.drawer-guess-lanes.pip-top-left .guess-flight.lane-0{top:64%}.drawer-guess-lanes.pip-top-left .guess-flight.lane-2{top:78%}.drawer-guess-lanes.pip-top-right .guess-flight.lane-1{top:64%}.drawer-guess-lanes.pip-top-right .guess-flight.lane-3{top:78%}.drawer-guess-lanes.pip-bottom-left .guess-flight.lane-2,.drawer-guess-lanes.pip-bottom-right .guess-flight.lane-3{top:28%}.drawer-guess-lanes.has-presence .guess-flight.lane-2{top:32%}@keyframes drawer-useful-guess-flight{0%{opacity:0;transform:translateY(1.6rem)scale(.68)rotate(-4deg)}14%{opacity:1;transform:translateY(0)scale(1.06)rotate(1deg)}68%{opacity:1;transform:translateY(-.2rem)scale(1)rotate(-1deg)}to{opacity:0;transform:translateY(-4.5rem)scale(1.04)rotate(2deg)}}@media (max-width:620px){.game-shell.active-guesser .canvas-column{gap:.28rem}.game-shell.active-guesser .guesser-phrase-shell{width:100%;min-height:1.85rem;padding:.24rem .4rem;font-size:.52rem}.game-shell.active-guesser .canvas-stage{height:min(100%,80cqw)}.game-shell.active-guesser .guesser-composer{width:100%;box-shadow:none;border-width:2px 0 0;border-radius:0;padding:.28rem}.game-shell.active-guesser .guess-form input,.game-shell.active-guesser .guess-form button{min-height:2.55rem}.game-shell.active-guesser .reaction-rail button{min-width:2.15rem;min-height:2.55rem;font-size:.52rem}.phrase-slot{border-width:1px;min-height:1.18rem;padding:.05rem .22rem;font-size:.58rem}.guess-flight{max-width:34%;padding:.2rem .28rem;font-size:.58rem}.guess-flight.lane-0{top:18%;left:1.5%}.guess-flight.lane-1{top:32%;right:1.5%}.guess-flight.lane-2{top:56%;left:1.5%}.guess-flight.lane-3{top:67%;right:1.5%}.drawer-guess-lanes .guess-flight{max-width:42%;padding:.24rem .34rem;font-size:.64rem}.drawer-guess-lanes .guess-flight.is-close{font-size:.68rem}.drawer-guess-lanes .guess-flight.is-correct{border-width:2px;font-size:.74rem}}.guess-feedback-label{font-size:.65rem;font-weight:600}.guess-feedback-label:empty{display:none}.guesser-mode-toggle{border:2px solid var(--ink);background:var(--action-secondary);width:3.1rem;min-height:2.65rem;color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--yellow-700);border-radius:.45rem;flex:none;place-items:center;gap:.06rem;padding:.22rem;display:grid}.guesser-mode-toggle:hover{background:var(--surface-highlight);transform:translateY(-1px)}.guesser-mode-toggle:active,.guesser-mode-toggle[aria-pressed=true]{box-shadow:none;transform:translateY(1px)}.guesser-mode-toggle svg{width:1.15rem;height:1.15rem}.guesser-mode-toggle span{letter-spacing:.04em;font-size:.46rem;font-weight:900}.guesser-panel-content{flex:1;min-width:0}.guesser-panel-content .guess-form{width:100%}.animotes-picker{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.55rem;display:grid}.animotes-picker.has-my-animotes{grid-template-columns:minmax(0,1fr) minmax(8rem,.42fr)}.animotes-section{min-width:0}.animotes-section h3{color:var(--text-warm);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.56rem;font-weight:900}.animotes-section>div{scrollbar-width:thin;gap:.25rem;min-width:0;padding-bottom:.12rem;display:flex;overflow-x:auto}.animotes-section button{min-height:2.7rem;box-shadow:none;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.38rem;flex:0 0 2.8rem;place-items:center;gap:.04rem;padding:.2rem;display:grid}.animotes-section button:hover{background:var(--surface-highlight);transform:translateY(-1px)}.animotes-section button:active{transform:translateY(1px)}.animotes-section button span{min-height:1rem;font-size:1rem;line-height:1}.animotes-section button small{font-family:var(--font-body);font-size:.42rem;font-weight:800;line-height:1}.my-animotes{border-left:2px solid var(--border-muted);align-content:center;padding-left:.55rem}.game-shell.active-guesser .guesser-composer.showing-animotes{align-items:start}.game-shell.active-guesser .guesser-composer{position:relative;inset:auto}.game-shell.active-guesser .guesser-composer .animotes-picker{z-index:10;border:2px solid var(--ink);background:var(--surface-paper);max-height:min(12rem,40dvh);box-shadow:0 3px 0 var(--ink);border-radius:.5rem;padding:.65rem;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.game-shell.active-guesser.keyboard-open .animotes-picker{display:none}:is(html:has(.game-shell.in-room),body:has(.game-shell.in-room)){overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}.game-shell.in-room{--stage-context-height:5rem;--stage-equipment-height:7rem;width:100%;max-width:none;height:calc(100dvh - var(--keyboard-offset,0px));grid-template-rows:3.75rem minmax(0,1fr);gap:0;min-height:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.game-shell.in-room.etch-drawer{--stage-equipment-height:7rem}.game-shell.in-room .game-bar{border-width:0 0 3px;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;height:100%;padding:.4rem .75rem}.game-status{justify-content:center;align-items:center;gap:1.5rem;min-width:0;display:flex}.round-marker,.round-clock{flex:none;gap:.1rem;line-height:1;display:grid}.game-status small{color:var(--text-warm);font-size:.65rem;font-weight:600}.game-status strong{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.round-clock strong{min-width:3.1ch;color:var(--text-danger)}.role-marker{font-size:.82rem;font-weight:700}.game-shell.in-room .game-actions button{min-height:2.75rem}.game-shell.in-room .game-actions .sound-button{width:2.75rem;min-width:2.75rem}.game-shell.in-room .drawing-area.room-stage{grid-template-rows:var(--stage-context-height) minmax(0, 1fr);gap:0;height:100%;min-height:0;padding:0;display:grid;position:relative}.stage-context{min-width:0;min-height:0;display:grid}.game-shell.in-room .stage-context .prompt-card,.game-shell.in-room .stage-context .guesser-phrase-shell{border:0;border-bottom:3px solid var(--ink);background:var(--action-secondary);flex-direction:row;align-items:center;gap:.75rem;width:100%;min-width:0;height:100%;padding:.5rem .85rem;display:flex}.game-shell.in-room .stage-context .prompt-card .eyebrow{flex:none;font-size:.7rem}.game-shell.in-room .stage-context .prompt-card h2{-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;margin:0;font-size:1.8rem;line-height:1.05;display:-webkit-box;overflow:hidden}.drawer-prompt-word{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.18em;transition:background .16s linear,color .16s linear,box-shadow .16s linear}.drawer-prompt-word.is-discovered{background:var(--green-200);color:var(--text-success);box-shadow:0 0 0 .1em var(--green-200)}.stage-context.is-phrase-solved .drawer-prompt-word.is-discovered{color:inherit;box-shadow:none;background:0 0}.game-shell.in-room .room-stage .canvas-workbench{height:100%;min-height:0;display:block}.game-shell.in-room .room-stage .canvas-column{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--stage-equipment-height);justify-content:stretch;place-items:stretch stretch;gap:0;height:100%;min-height:0;padding:0;display:grid;overflow:visible;container-type:normal}.stage-viewport{place-items:center;min-width:0;min-height:0;margin:2rem .75rem .65rem;display:grid;container-type:size}.game-shell.in-room .room-stage .canvas-stage{aspect-ratio:5/4;outline:3px solid var(--ink);width:min(100cqw,125cqh);max-width:100%;height:auto;max-height:100%;box-shadow:.3rem .3rem 0 var(--ink);border:0;grid-row:auto;margin:0}.stage-equipment{place-items:center;min-width:0;min-height:0;padding:.4rem .75rem .6rem;display:grid}.game-shell.in-room.active-drawer .canvas-column{grid-template-rows:minmax(0, 1fr) var(--stage-equipment-height);align-content:stretch;justify-items:stretch;container-type:size}.game-shell.in-room.active-drawer .stage-viewport{width:auto;height:auto;margin:2rem .75rem .65rem;container-type:size}.game-shell.in-room.active-drawer .room-stage .canvas-stage{width:min(100cqw,125cqh);height:auto}.game-shell.in-room.active-drawer .stage-equipment{align-content:start;justify-self:center;width:min(100cqw - .5rem,52rem);padding:.4rem 0 .6rem}.stage-equipment .drawer-controls{grid-template-columns:auto auto auto;justify-content:center;gap:.65rem}.stage-equipment .canvas-command-rail{box-shadow:none;background:0 0;border:0;justify-self:end;gap:.35rem;padding:0}.stage-equipment .command-action{width:2.75rem;min-width:2.75rem;height:3.25rem;padding:.4rem}.stage-equipment .drawer-tools-dock{border-width:2px;padding:.5rem}.stage-equipment .drawer-dock-content{flex-wrap:nowrap;gap:0}.stage-equipment .drawer-tools-dock .toolbar-group{border:0;min-width:0;padding:0}.stage-equipment .drawer-tools-dock .toolbar-divider{width:1px;height:2.75rem;margin-inline:.25rem}.stage-equipment .drawer-tools-dock .tool-group button,.stage-equipment .drawer-tools-dock .color-options .marker-option{width:2.75rem;min-width:2.75rem;min-height:4.5rem}.stage-equipment .drawer-tools-dock .color-options{gap:0}.stage-equipment .drawer-tools-dock .marker-icon{width:2.5rem;height:4.5rem}.stage-equipment .drawer-tools-dock .marker-option.selected{background:var(--action-secondary);border-radius:.4rem}.stage-equipment .drawer-tools-dock .tool-icon{width:2.5rem;height:2.5rem}.stage-equipment .drawer-tools-dock .size-control{flex:0 0 8.25rem;gap:.35rem;width:8.25rem;padding:0}.brush-size-dot{background:var(--ink);border-radius:50%;flex:none;display:block}.brush-size-dot.thin{width:.4rem;height:.4rem}.brush-size-dot.bold{width:1.2rem;height:1.2rem}.size-control input.brush-size-slider{appearance:none;width:100%;min-width:0;height:2.75rem;box-shadow:none;cursor:ew-resize;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0}.brush-size-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) 0 3%, transparent 3% 48%, var(--ink) 48% 52%, transparent 52% 97%, var(--ink) 97%), var(--neutral-500);border-radius:1rem;height:.35rem}.brush-size-slider::-moz-range-track{background:linear-gradient(to right, var(--ink) 0 3%, transparent 3% 48%, var(--ink) 48% 52%, transparent 52% 97%, var(--ink) 97%), var(--neutral-500);border-radius:1rem;height:.35rem}.brush-size-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--action-secondary);border-radius:50%;width:1.65rem;height:1.65rem;margin-top:-.65rem}.brush-size-slider::-moz-range-thumb{border:2px solid var(--ink);background:var(--action-secondary);border-radius:50%;width:1.4rem;height:1.4rem}.brush-size-slider:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.stage-equipment .drawer-tools-dock .brush-size-option{width:2.75rem;min-width:2.75rem;min-height:2.75rem}.drawer-forward-controls{grid-column:3;justify-content:end;align-items:center;gap:.75rem;display:flex}.stage-equipment .drawer-clear-dock{padding:0}.stage-equipment .drawer-actions-dock{box-shadow:none;background:0 0;border:0;padding:0;display:block}.stage-equipment .drawer-actions-dock .commit-button{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-width:8rem;display:flex}.game-utilities{position:relative}.solo-mode-choice{min-height:var(--hit-target);border:2px solid var(--ink);background:var(--surface-paper);min-width:0;max-width:8rem;color:var(--ink);font:inherit;border-radius:.3rem;padding:.3rem;font-size:.75rem}.etch-difficulty-choice{justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.etch-difficulty-choice select{min-height:var(--hit-target);border:2px solid var(--ink);background:var(--surface-paper);max-width:10rem;color:var(--ink);font:inherit;padding:.35rem}@media (max-width:600px){.game-shell.in-room .game-bar:has(.solo-mode-choice){grid-template-columns:auto 1fr}.game-bar:has(.solo-mode-choice) .game-status{display:none}.solo-mode-choice{max-width:6rem}}.drawer-reactions summary{cursor:pointer;place-items:center;width:44px;height:44px;list-style:none;display:grid}.drawer-reactions summary::-webkit-details-marker{display:none}.drawer-reactions summary svg{width:26px;height:26px}.drawer-reaction-picker{z-index:90;background:var(--surface-paper);border:3px solid var(--ink);box-shadow:3px 3px var(--ink);border-radius:.5rem;padding:.65rem;position:fixed;overflow:auto}.drawer-surrender-dock{min-width:var(--hit-target);min-height:var(--hit-target);flex:none;position:relative}.prompt-card .surrender-confirmation{top:100%;bottom:auto}.game-shell.in-room .stage-context .prompt-card h2{flex:1;min-width:0}.surrender-label-short{display:none}.surrender-confirmation{z-index:12;border:2px solid var(--ink);background:var(--surface-paper);width:min(17rem,100vw - 1rem);box-shadow:.16rem .16rem 0 var(--ink);color:var(--ink);font-family:var(--font-body);border-radius:.4rem;gap:.4rem;padding:.55rem;font-size:.7rem;font-weight:700;line-height:1.15;display:grid;position:absolute;bottom:calc(100% + .45rem);right:0}.surrender-confirmation>div{justify-content:end;gap:.35rem;display:flex}.surrender-confirmation button{border:2px solid var(--ink);background:var(--surface-paper);min-height:2rem;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;border-radius:.32rem;padding:.3rem .4rem;font-size:.55rem;font-weight:900}.surrender-confirmation .surrender-final{background:var(--action-destructive);color:var(--surface-paper)}.etch-equipment-options .surrender-confirmation{right:50%;transform:translate(50%)}.etch-equipment{grid-template-columns:5.5rem minmax(0,12rem) 5.5rem;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,32rem);display:grid}.etch-horizontal{grid-area:1/1}.etch-vertical{grid-area:1/3}.etch-equipment-options{grid-area:1/2;grid-template-columns:1fr 1fr;justify-items:stretch;gap:.2rem;min-width:0;display:grid;position:relative}.etch-equipment-options .etch-layout-select{grid-column:1/-1}.etch-equipment-options .drawer-surrender-dock{justify-self:stretch}.etch-equipment-options .surrender-trigger{width:100%;min-height:var(--hit-target)}.etch-explicit-clear{min-height:var(--hit-target);border:2px solid var(--text-danger);background:var(--surface-paper);color:var(--text-danger);font:inherit;cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.etch-explicit-clear svg{width:1.2rem;height:1.2rem}.etch-reset-notice{z-index:6;background:var(--ink);color:var(--surface-paper);pointer-events:none;padding:.25rem .5rem;font-size:.8rem;position:absolute;bottom:.5rem;left:.5rem}.etch-dial{border:3px solid var(--ink);background:var(--action-secondary);width:5.5rem;height:5.5rem;color:var(--ink);box-shadow:.2rem .2rem 0 var(--text-warm);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.etch-dial i{border:2px solid var(--ink);transform:rotate(var(--knob-turn));pointer-events:none;border-radius:50%;position:absolute;inset:.35rem}.etch-dial i:before{border:2px solid var(--ink);background:var(--surface-paper);content:"";border-radius:.15rem;width:.4rem;height:.9rem;position:absolute;top:-.1rem;left:calc(50% - .2rem)}.etch-dial span:not(.ui-icon){font-family:var(--font-body);pointer-events:none;font-size:2rem}.etch-dial:active,.etch-dial.is-turning{box-shadow:.08rem .08rem 0 var(--text-warm);cursor:grabbing}.etch-dial:disabled{cursor:default}.etch-pad{background:var(--surface-paper)}.etch-pad i{background:var(--action-secondary);width:2.25rem;height:2.25rem;transform:translate(var(--pad-x), var(--pad-y));inset:auto}.etch-pad i:before{display:none}.etch-pad span{opacity:.65;position:relative}.etch-layout-select{min-width:0;font-family:var(--font-body);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.etch-layout-select select{border:2px solid var(--ink);background:var(--surface-paper);width:100%;min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;border-radius:.35rem;padding:.3rem;font-weight:700}.etch-reset-feedback{width:100%;color:var(--text-danger);font-family:var(--font-body);text-align:center;margin:0;font-size:.75rem;font-weight:600;position:absolute;bottom:100%}.canvas-column:has(.etch-resetting) .etch-dial i{animation:.62s ease-out etch-knob-rattle}@media (pointer:coarse),(max-width:620px){.etch-equipment-options .drawer-surrender-dock{grid-column:1/-1}.etch-layout-select{display:none}}@media (max-width:900px){.stage-equipment .drawer-tools-dock{padding:.25rem}.stage-equipment .drawer-actions-dock .commit-button{gap:.25rem;min-width:7rem}.drawer-forward-controls{gap:.5rem}}@media (max-width:740px){.departure-recap{box-shadow:.3rem .3rem 0 var(--ink);margin:1rem auto}.departure-recap-content{grid-template-columns:1fr}}@media (max-width:900px){.game-shell.in-room.active-drawer{--stage-equipment-height:10rem}.stage-equipment .drawer-controls{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tools tools""commands forward";gap:.6rem}.stage-equipment .drawer-tools-dock{grid-area:tools}.stage-equipment .canvas-command-rail{grid-area:commands;justify-self:start}.drawer-forward-controls{grid-area:forward}.stage-equipment .drawer-actions-dock .commit-button{min-width:6.5rem}.surrender-label-long{display:none}.surrender-label-short{display:inline}.stage-equipment .drawer-tools-dock .toolbar-divider{margin-inline:.125rem}.stage-equipment .drawer-tools-dock .marker-icon{height:4rem}.stage-equipment .drawer-tools-dock .tool-group button,.stage-equipment .drawer-tools-dock .color-options .marker-option{min-height:4rem}.etch-equipment{gap:.6rem}}@media (max-width:380px){.game-shell.in-room.active-drawer{--stage-equipment-height:12rem}.stage-equipment .drawer-tools-dock .drawer-dock-content{grid-template-columns:2.75rem 1px 11rem;gap:.25rem;width:auto;display:grid}.stage-equipment .drawer-tools-dock .toolbar-divider{margin:0}.stage-equipment .drawer-tools-dock .toolbar-divider:nth-of-type(4){display:none}.stage-equipment .drawer-tools-dock .size-control{grid-column:1/-1;justify-self:center}.etch-equipment{grid-template-columns:5rem minmax(0,1fr) 5rem}.etch-dial{width:5rem;height:5rem}}html[data-reduced-motion=true] .canvas-column:has(.etch-resetting) .etch-dial i{animation:none}.game-shell.in-room .stage-equipment .guesser-composer{grid-row:auto}.game-shell.in-room .stage-equipment .result-surface{width:min(100%,48rem);max-height:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:0 .5rem;display:block;position:static;overflow:auto}.stage-equipment .result-surface h2{font-size:1.15rem;line-height:1.2}.stage-equipment .reveal-copy{display:none}.stage-equipment .score-row{padding-block:.35rem}.game-shell.in-room .stage-equipment .reveal-surface{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;height:100%;display:grid;overflow:hidden}.result-summary{min-width:0;min-height:0;overflow:auto}.result-ready{font-family:var(--font-body);align-content:start;justify-items:center;gap:.15rem;display:grid}.result-ready button{max-width:9rem}.result-ready span,.result-ready small{font-size:.75rem;line-height:1.25}.game-shell.in-room .room-stage{animation:stage-piece-in var(--motion-shift) var(--motion-out)}.active-drawer .stage-context{z-index:10;position:relative}.game-shell.in-room.active-drawer .stage-context .prompt-card{transition:background .14s linear;position:absolute;inset:0}.phase-countdown.active-drawer .stage-context .prompt-card{pointer-events:none}.phase-countdown .frame-filmstrip,.phase-countdown .frame-status,.phase-countdown .frame-mark-count,.phase-countdown .drawer-loop-preview,.phase-countdown .role-marker{visibility:hidden}.phase-drawing.active-guesser .stage-context>*,.stage-equipment>.drawer-controls,.stage-equipment>.etch-equipment,.stage-equipment>.guesser-composer,.phase-drawing .frame-filmstrip{animation:stage-piece-in var(--motion-shift) var(--motion-out)}.phase-revealed .stage-context .prompt-card{animation:stage-piece-in var(--motion-shift) var(--motion-release) var(--motion-out) both}.game-shell.in-room .stage-equipment .result-surface{animation:stage-piece-in var(--motion-shift) var(--motion-arrive) var(--motion-out) both}.result-discoverers,.equipment-status{color:var(--feedback-success);font-family:var(--font-body);margin:.2rem 0;font-size:.875rem;font-weight:600;line-height:1.25}.equipment-status{color:var(--text-warm);text-align:center}@media (max-width:620px){.countdown-number{min-width:4rem;min-height:4rem;font-size:3rem}.countdown-prompt{font-size:1.1rem}}@media (max-height:500px) and (orientation:landscape){.countdown-number{min-width:3.5rem;min-height:3.5rem;font-size:2.75rem}.countdown-prompt{display:none}.pre-round-stage{gap:.25rem;padding:.25rem}}html[data-reduced-motion=true] :is(.game-shell.in-room .room-stage,.phase-drawing .stage-context>*,.phase-drawing .frame-filmstrip,.phase-revealed .stage-context .prompt-card,.game-shell.in-room .stage-equipment>*,.game-shell.in-room .stage-equipment .result-surface,.countdown-number,.round-cue,.phase-final .round-clock){animation:none}html[data-reduced-motion=true] .stage-flash{display:none}html[data-reduced-motion=true] .game-shell.in-room.active-drawer .stage-context .prompt-card{transition:none;transform:none}html[data-reduced-motion=true] :is(.drawer-guess-lanes .guess-flight,.drawer-guess-lanes .guess-flight.is-correct,.drawer-prompt-word){transition:none;animation:none}@media (max-width:1000px){.game-shell.in-room .game-bar{gap:.6rem}.game-shell.in-room .game-actions{display:none}.game-shell.in-room .mobile-menu-trigger{place-items:center;min-width:2.75rem;display:grid}}@media (max-width:620px){.game-shell.in-room{--stage-context-height:4.5rem;grid-template-rows:3.5rem minmax(0,1fr)}.game-shell.in-room.etch-drawer{--stage-equipment-height:7rem}.game-shell.in-room .game-bar{gap:.4rem;padding:.3rem .4rem}.game-status{gap:.6rem}.role-marker{display:none}.game-shell.in-room .stage-context .prompt-card{gap:.35rem;padding:.4rem}.game-shell.in-room .stage-context .prompt-card .eyebrow{max-width:3rem;font-size:.6rem}.game-shell.in-room .stage-context .prompt-card h2{font-size:1.35rem}.stage-viewport{margin:1.65rem .5rem .4rem}.stage-equipment{padding-inline:.35rem}}@media (max-height:500px) and (min-width:480px){.game-shell.in-room{--stage-context-height:3.5rem;--stage-equipment-height:6rem;grid-template-rows:3.25rem minmax(0,1fr)}.game-shell.in-room.active-drawer{--stage-equipment-height:6rem}.game-shell.in-room.etch-drawer{--stage-equipment-height:7rem}.stage-equipment .drawer-controls{grid-template-columns:auto auto auto;grid-template-areas:"commands tools forward";justify-content:center;gap:.25rem}.stage-equipment .canvas-command-rail,.drawer-forward-controls{gap:.25rem}.stage-equipment .drawer-actions-dock .commit-button{min-width:5.5rem}.game-shell.in-room.active-drawer .stage-viewport{margin-block:1.5rem .35rem}.stage-equipment .drawer-tools-dock .tool-group button,.stage-equipment .drawer-tools-dock .color-options .marker-option{min-height:3.5rem}.stage-equipment .drawer-tools-dock .marker-icon{height:3.5rem}.stage-equipment .drawer-tools-dock{padding-block:.25rem}.etch-equipment{grid-template-columns:4.75rem minmax(0,12rem) 4.75rem}.etch-dial{width:4.75rem;height:4.75rem}.game-shell.in-room .stage-context .prompt-card h2{font-size:1.35rem}.stage-viewport{margin-block:1.5rem .35rem}}@media (max-height:500px) and (min-width:480px) and (max-width:620px){.game-shell.in-room.active-drawer{--stage-equipment-height:8.5rem}.game-shell.in-room.etch-drawer{--stage-equipment-height:7rem}.stage-equipment .drawer-controls{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tools tools""commands forward"}}@media (max-width:620px){.guesser-mode-toggle{border-radius:.4rem;width:2.55rem;min-height:2.55rem}.guesser-mode-toggle span{display:none}.animotes-picker.has-my-animotes{grid-template-columns:minmax(0,1fr) minmax(6.4rem,.38fr);gap:.35rem}.animotes-section h3{margin-bottom:.16rem;font-size:.48rem}.animotes-section button{flex-basis:2.45rem;min-height:2.4rem}.animotes-section button span{font-size:.86rem}.animotes-section button small{display:none}.my-animotes{padding-left:.35rem}.my-animotes p{font-size:.52rem}}.game-shell.in-room.active-guesser{--stage-context-height:5rem;--stage-equipment-height:6rem;--watch-feedback-height:3.75rem;--watch-gutters:1rem;--watch-width:min(calc(100cqw - var(--watch-gutters)), calc((100cqh - var(--stage-context-height) - var(--stage-equipment-height) - var(--watch-feedback-height) - 1rem) * 1.25));--watch-rail-width:min(calc(100cqw - 1rem), max(var(--watch-width), 38rem))}.game-shell.in-room.active-guesser .room-stage{grid-template-rows:var(--stage-context-height) max-content var(--stage-equipment-height);align-content:center;justify-items:center;container-type:size}.game-shell.in-room.active-guesser .room-stage .canvas-workbench,.game-shell.in-room.active-guesser .room-stage .canvas-column{display:contents}.game-shell.in-room.active-guesser .stage-context{width:var(--watch-rail-width);padding-bottom:.5rem}.game-shell.in-room.active-guesser .stage-context .guesser-phrase-shell{background:var(--action-secondary);border:0;border-radius:.5rem;justify-content:center;width:100%;min-height:0;padding:.4rem}.active-guesser .phrase-slots{justify-content:center;gap:.3rem}.active-guesser .phrase-slot{border:1px solid var(--edge-shadow-color);letter-spacing:0;border-radius:.3rem;min-height:1.75rem;padding:.2rem .4rem;font-size:1rem;font-weight:600;line-height:1.15}.active-guesser .phrase-slot.is-revealed{border-color:var(--feedback-success)}.active-guesser .phrase-slot.is-placeholder{color:var(--text-muted);font-family:var(--font-body), sans-serif;font-weight:700}.game-shell.in-room.active-guesser .stage-context .guesser-phrase-shell{align-items:center;gap:8px;display:flex}.guesser-phrase-shell .phrase-slots{flex:1;min-width:0}.phrase-hints-toggle{min-width:var(--hit-target);min-height:var(--hit-target);flex:none;padding:4px 8px;font-size:12px}.game-shell.in-room.active-guesser .stage-viewport{width:var(--watch-rail-width);height:calc(var(--watch-width) / 1.25 + var(--watch-feedback-height));align-items:start;margin:0;position:relative;container-type:normal}.game-shell.in-room.active-guesser .room-stage .canvas-stage{width:var(--watch-width);height:calc(var(--watch-width) / 1.25);align-self:start}.game-shell.in-room.active-guesser .stage-equipment{width:var(--watch-rail-width);padding:.5rem 0 env(safe-area-inset-bottom,0px);align-content:start}.game-shell.in-room.active-guesser .guesser-composer{width:100%;box-shadow:none;background:0 0;border:0;grid-row:auto;align-items:start;gap:.4rem;padding:0}.active-guesser .guesser-mode-toggle{width:3rem;min-height:3rem}.active-guesser .guesser-mode-toggle svg{width:1.65rem;height:1.65rem}.active-guesser .guesser-mode-toggle span{display:none}.game-shell.active-guesser .guess-form input,.game-shell.active-guesser .guess-form button{border:2px solid var(--ink);height:3rem;min-height:3rem;font-family:var(--font-body);letter-spacing:0;border-radius:.5rem;padding:.5rem;font-size:1rem;font-weight:600}.game-shell.active-guesser .guess-form button{min-width:3.25rem}.active-guesser .animotes-picker{gap:.75rem}.animotes-section h3{color:var(--ink);font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:600;line-height:1.25}.animotes-section>div{flex-wrap:wrap;gap:.25rem;overflow:visible}.animotes-section button{flex-basis:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}.animotes-section button span{font-size:1rem}.animotes-section button:nth-child(-n+3) span{font-size:.875rem}.animotes-section button small{display:none}.active-guesser .my-animotes p{font-size:.75rem;font-weight:500;line-height:1.25}.active-guesser .flying-guess-lanes{height:var(--watch-feedback-height);inset:auto 0 0;overflow:clip}.active-guesser .guess-flight{width:max-content;max-width:calc(50% - .5rem);max-height:100%;padding:.2rem .35rem;font-size:.8rem;line-height:1.2;animation-name:guess-edge-rise;inset:auto auto .2rem 0;overflow:hidden}.active-guesser .guess-flight.lane-1,.active-guesser .guess-flight.lane-3{left:auto;right:0}@keyframes guess-edge-rise{0%{opacity:0;transform:translateY(1.2rem)}18%,70%{opacity:1}to{opacity:0;transform:translateY(-.5rem)}}@media (min-width:1000px),(orientation:landscape){.game-shell.in-room.active-guesser{--watch-gutters:18rem;--watch-feedback-height:0rem}.game-shell.in-room.active-guesser .stage-viewport{width:calc(var(--watch-width) + 17rem)}.active-guesser .flying-guess-lanes{height:100%;inset:0}.active-guesser .guess-flight{max-width:7.5rem;max-height:40%;bottom:8%}.active-guesser .guess-flight.lane-2,.active-guesser .guess-flight.lane-3{bottom:52%}.active-guesser .guess-flight.is-correct{animation-name:useful-guess-edge-rise}}@keyframes useful-guess-edge-rise{0%{opacity:0;transform:translateY(2rem)}18%,70%{opacity:1}to{opacity:0;transform:translateY(-2rem)}}@media (max-width:620px){.game-shell.in-room.active-guesser{--stage-equipment-height:9rem}.active-guesser .phrase-slot{padding-inline:.25rem;font-size:.875rem}.active-guesser .animotes-picker.has-my-animotes{grid-template-columns:minmax(0,1fr);gap:.4rem}.active-guesser .my-animotes{border:0;padding:0}.active-guesser .my-animotes h3{margin:0}}.game-shell.in-room.active-guesser.keyboard-open{--stage-equipment-height:3.75rem;grid-template-rows:0 minmax(0,1fr);gap:0}.game-shell.in-room.active-guesser.keyboard-open .game-bar{visibility:hidden;border:0;padding:0;overflow:hidden}.game-shell.in-room.active-guesser.keyboard-open .room-stage{align-content:end}.game-shell.in-room.active-guesser.keyboard-open .stage-viewport{margin:0}.game-shell.in-room.active-guesser.keyboard-open .emote-feed,.game-shell.in-room.active-guesser.keyboard-open .corner-label,.game-shell.in-room.active-guesser.keyboard-open .guess-flight small{display:none}@media (max-height:500px) and (min-width:621px){.game-shell.in-room.active-guesser{--stage-context-height:3.5rem;--stage-equipment-height:4.75rem}.game-shell.in-room.active-guesser.keyboard-open{--stage-context-height:3.5rem;--stage-equipment-height:3.75rem}}html[data-reduced-motion=true] :is(.active-guesser .guess-flight,.active-guesser .guess-flight.is-correct,.active-guesser .phrase-slot.is-revealed){animation:none}.lobby-surface{background:var(--surface-page)}.pace-feedback{white-space:nowrap;pointer-events:none;animation:.22s ease-out both pace-burst;transform:translate(-50%)}.pace-feedback:before{left:calc(50% - .3rem)}.pace-feedback:after{content:"!";color:var(--action-destructive);font-size:1.3rem;position:absolute;top:-.25rem;right:-.7rem;transform:rotate(18deg)}@keyframes pace-burst{0%{opacity:0;transform:translate(-50%,.6rem)scale(.6)rotate(-7deg)}65%{opacity:1;transform:translate(-50%,-.1rem)scale(1.08)rotate(2deg)}to{opacity:1;transform:translate(-50%)}}html[data-reduced-motion=true] .pace-feedback{animation:none}.game-shell.in-room{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-shell.in-room :is(input,textarea,[contenteditable]:not([contenteditable=false])){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.etch-clear-confirmation{z-index:30;background:var(--scrim-light);touch-action:none;place-items:center;display:grid;position:absolute;inset:0}.etch-clear-confirmation button{border:3px solid var(--ink);background:var(--surface-paper);color:#aa2c1c;font:inherit;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:.4rem;padding:.8rem 1.3rem;font-weight:800}.etch-clear-confirmation button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.canvas-confirm-choice{text-align:center;justify-items:center;gap:.75rem;padding:1rem;display:grid}.canvas-confirm-choice p{background:var(--surface-paper);color:var(--text-secondary);font:var(--type-body);border-radius:.25rem;margin:0;padding:.5rem .75rem}.drawer-tool-cluster{grid-column:2;justify-content:center;align-items:center;gap:.3rem;min-width:0;display:flex}.drawer-reactions{flex:0 0 44px}.drawer-reactions summary{border:2px solid var(--ink);background:var(--surface-paper);border-radius:.4rem}.drawer-reactions summary:hover{background:var(--surface-highlight)}.drawer-reactions[open] summary{background:var(--action-secondary)}.drawer-reactions summary:focus-visible,.animotes-section button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.drawer-reaction-picker .animotes-picker{grid-template-columns:minmax(0,1fr);gap:.75rem}.drawer-reaction-picker .animotes-section button{min-width:var(--hit-target);flex-basis:auto;padding-inline:.5rem}.drawer-reaction-picker .animotes-section button span{font-size:.875rem}.etch-tool-cluster,.drawer-finished-tools{justify-content:center;align-items:center;gap:.3rem;width:min(100%,36rem);display:flex}.etch-tool-cluster .etch-equipment{flex:1;min-width:0}@media (max-width:1000px){.drawer-tool-cluster{grid-area:tools}}@media (max-width:380px){.etch-tool-cluster .etch-equipment{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;gap:.25rem}.etch-tool-cluster .etch-dial{width:3.25rem;height:3.25rem}}.game-shell.in-room .stage-context.is-phrase-solved>:is(.prompt-card,.guesser-phrase-shell){background:var(--green-200);color:var(--ink)}.phrase-solved-cue{color:var(--text-success);flex:none;font-size:.75rem;font-weight:800}.drawer-reaction-picker{-webkit-user-select:none;user-select:none}@media (max-width:1024px),(pointer:coarse){.etch-tool-cluster{--etch-dial-size:clamp(4.25rem, 12vw, 6.5rem)}.etch-tool-cluster .etch-equipment{grid-template-columns:var(--etch-dial-size) minmax(0, 1fr) var(--etch-dial-size)}.etch-tool-cluster .etch-dial{width:var(--etch-dial-size);height:var(--etch-dial-size)}}.recap-shell{min-height:100dvh;padding:clamp(.75rem,2vw,1.5rem)}.recap-shell .departure-recap{margin:0 auto}.departure-recap-content>section{min-width:0}.departure-round-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr))}.departure-recap :is(h3,.score-row strong){overflow-wrap:anywhere}.entry-aside{color:var(--text-muted);text-align:center;grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.4}.entry-version{text-align:center;flex-wrap:wrap;grid-column:1/-1;justify-content:center;margin-top:.75rem;position:static}.entry-build-id{color:var(--text-subtle);font-size:.65rem}.drawing-limit-notice{z-index:110;border:2px solid var(--ink);background:var(--surface-paper);width:min(28rem,100% - 2rem);padding:.75rem;font-size:.85rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.drawing-limit-notice button{min-height:var(--hit-target);border:2px solid var(--ink);background:var(--action-secondary);cursor:pointer;margin-left:.5rem}.live-player-feedback{z-index:14;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid;position:absolute;inset:auto .65rem .65rem}.player-feedback-slot{min-width:0}.player-feedback-card{border:2px solid var(--text-muted);background:var(--surface-paper);width:fit-content;max-width:100%;color:var(--text-secondary);font:1rem/1.25 var(--font-body);overflow-wrap:anywhere;border-radius:.35rem;margin:0;padding:.4rem .6rem;display:grid}.player-feedback-card small,.player-feedback-card>span{font-size:.8rem}.player-feedback-card.submitted{animation:4s ease-out both readable-guess-flight}.player-feedback-card.is-correct{background:var(--surface-success);color:var(--text-success)}.player-feedback-card.is-close{background:var(--yellow-200);color:var(--text-warning)}.typing-dots{gap:.15rem;margin-left:.3rem;display:inline-flex}.typing-dots i{font-style:normal;animation:.9s ease-in-out infinite alternate typing-dot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{to{opacity:.35;transform:translateY(-2px)}}@keyframes readable-guess-flight{0%,45%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3rem)}}.guess-flight,.drawer-guess-lanes .guess-flight{background:var(--surface-paper);opacity:1;max-width:45%;font-size:1rem;animation-duration:4s}.guess-flight small,.guess-feedback-label{opacity:1;font-size:.8rem}.guess-flight.is-close{color:var(--text-warning)}.guess-flight.is-correct{color:var(--text-success)}.stage-status{min-height:1.1rem;font:.85rem/1.2 var(--font-body);color:var(--text-secondary)}.empty-audience{animation:2.6s linear both audience-fade}@keyframes audience-fade{0%,75%{opacity:1}to{opacity:0}}.guesser-composer>.drawer-reactions{align-self:center}html[data-reduced-motion=true] :is(.typing-dots i,.player-feedback-card.submitted,.guess-flight,.empty-audience){animation:none}.game-shell.in-room.results-room{height:auto;min-height:100dvh;display:block;overflow:visible}.results-room .game-bar{margin-bottom:1rem}.results-room .shared-results{margin:1rem auto}.shared-results .departure-round-list{grid-template-columns:minmax(0,1fr)}.shared-results .departure-round-list article{grid-template-rows:auto auto}.shared-results .departure-round-list canvas{aspect-ratio:5/4;object-fit:contain;width:100%;height:auto}.round-results{width:min(100%,80rem)}.round-replay-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.75rem;display:flex}.completed-guesses{font:1rem/1.4 var(--font-body);margin-top:1rem}.completed-guesses summary{cursor:pointer;padding:.5rem 0;font-weight:800}.completed-guesses ol{margin:.5rem 0;padding-left:1.5rem}.completed-guesses li{border-top:1px solid var(--text-subtle);overflow-wrap:anywhere;padding:.6rem 0}.completed-guesses li>strong{display:block}.guess-word-stream{flex-wrap:wrap;gap:.3rem;display:flex}.saved-word{border:1px solid var(--text-muted);background:var(--surface-paper);color:var(--text-secondary);padding:.25rem .4rem;display:inline-grid}.saved-word small{font-size:.75rem}.saved-word.is-correct{background:var(--surface-success);color:var(--text-success)}.saved-word.is-misplaced{background:var(--yellow-200);color:var(--text-warning)}@media (max-width:700px){.shared-results .departure-recap-content{grid-template-columns:minmax(0,1fr)}.shared-results{box-shadow:none;padding:.75rem}}:is(html:has(.game-shell.in-room.results-room),body:has(.game-shell.in-room.results-room)){overscroll-behavior:auto;height:auto;min-height:100%;overflow:auto}.game-shell.in-room.results-room{position:static;inset:auto}.live-player-feedback.pip-bottom-left,.live-player-feedback.pip-bottom-right{top:15%;bottom:auto}.shared-results>.result-ready{z-index:20;border:2px solid var(--ink);background:var(--surface-paper);box-shadow:0 -.2rem .5rem var(--shadow-ink-soft);border-radius:.4rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem;display:flex;position:sticky;bottom:.5rem}.shared-results>.result-ready>small{white-space:nowrap}.game-shell.in-room.active-drawer .stage-viewport{grid-template-rows:minmax(0,1fr) 7rem}.game-shell.in-room.active-drawer .room-stage .canvas-stage{width:min(100cqw,1.25*max(1px,100cqh - 7rem))}.stage-viewport>.live-player-feedback{pointer-events:auto;grid-row:2;grid-template-columns:none;grid-auto-columns:minmax(10rem,1fr);grid-auto-flow:column;align-items:start;width:100%;height:7rem;padding:.5rem .2rem;position:static;inset:auto;overflow:auto hidden}.live-player-feedback .player-feedback-card{font-size:1rem}.results-room .shared-results>.result-ready{width:min(64rem,100% - 1rem);position:fixed;bottom:.5rem;left:50%;transform:translate(-50%)}.stage-viewport>.live-player-feedback{overflow-y:auto}.live-player-feedback:focus-visible{outline:3px solid var(--focus-ring-strong);outline-offset:2px}.ui-cta:disabled .action-time-fill{display:none}.ui-cta:disabled .action-time-seconds{color:inherit}.game-menu-actions{gap:.375rem;display:grid}.game-menu-actions .ui-button{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.game-menu-actions .menu-count{font:inherit;font-weight:500}.game-menu-actions .menu-leave,.game-menu-actions .menu-leave:hover{color:var(--text-danger)}.action-time-fill{border-radius:inherit;pointer-events:none;z-index:-1;background:#fffdf82e;position:absolute;inset:0}.action-time-label{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.ui-cta .action-time-seconds{width:4ch;font:inherit;font-variant-numeric:tabular-nums;color:var(--red-50);font-size:.875rem;font-weight:600;display:inline-block}.frame-filmstrip .frame-time-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frame-time-path rect{fill:none;stroke:var(--text-danger);stroke-width:3px;vector-effect:non-scaling-stroke}.game-status .round-clock{border:2px solid var(--text-subtle);border-radius:var(--radius-3);background:var(--surface-paper);color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-items:center;padding:.15rem .6rem;display:grid}.game-status .round-clock strong{color:inherit}.game-status .round-clock.is-urgent{border-color:var(--action-destructive);color:var(--text-danger);background:var(--surface-danger);animation:1s ease-in-out infinite round-urgency}@keyframes round-urgency{50%{transform:scale(1.06)}}html[data-reduced-motion=true] .game-status .round-clock.is-urgent{animation:none}.preparation-label{font-size:clamp(1.5rem,5vw,3rem);line-height:1.1}.ready-details{min-width:0;max-width:40rem}.ready-details p{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.2rem 0;display:flex}.ready-details small{font-size:.8rem}.round-points{margin-block:.7rem}.round-points h4{margin:0}.round-points p{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.3rem 0;display:flex}.round-points small{font-size:.8rem}.results-room .shared-results{padding-bottom:12rem}.frame-just-saved{box-shadow:inset 0 0 0 2px #327154}@media (max-width:620px),(max-height:500px) and (orientation:landscape){.etch-drawer .etch-tool-cluster{width:100%;padding-inline:max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right));position:relative}.etch-drawer .etch-tool-cluster .etch-equipment{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem;width:100%}.etch-drawer .etch-tool-cluster .etch-dial{width:4.75rem;height:4.75rem}.etch-drawer .etch-tool-cluster>.drawer-reactions{z-index:2;position:absolute;bottom:0;left:calc(50% - 4rem)}.etch-drawer .etch-equipment-options{justify-content:center;padding-left:3rem;display:flex}.etch-drawer .etch-layout-select,.etch-drawer .etch-reset-feedback{display:none}.etch-drawer .etch-explicit-clear{min-height:var(--hit-target)}}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.etch-drawer:not(.landscape-etch){--stage-equipment-height:3.5rem}.game-shell.in-room.etch-drawer:not(.landscape-etch) .stage-viewport{margin:.5rem max(6rem, env(safe-area-inset-right)) .25rem max(6rem, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) 4rem}.game-shell.in-room.etch-drawer:not(.landscape-etch) .room-stage .canvas-stage{width:min(100cqw,1.25*max(1px,100cqh - 4rem))}.etch-drawer:not(.landscape-etch) .stage-viewport>.live-player-feedback{height:4rem}.etch-drawer:not(.landscape-etch) .etch-tool-cluster .etch-horizontal,.etch-drawer:not(.landscape-etch) .etch-tool-cluster .etch-vertical{bottom:max(4rem, env(safe-area-inset-bottom));position:fixed}.etch-drawer:not(.landscape-etch) .etch-tool-cluster .etch-horizontal{left:max(.6rem, env(safe-area-inset-left))}.etch-drawer:not(.landscape-etch) .etch-tool-cluster .etch-vertical{right:max(.6rem, env(safe-area-inset-right))}.etch-drawer:not(.landscape-etch) .etch-tool-cluster .etch-equipment{justify-content:center;display:flex}}.round-results .departure-round-list article{grid-template-rows:auto;grid-template-columns:minmax(8rem,.7fr) minmax(0,1fr);align-items:start}.round-results .departure-round-list article>div{border-top:0}.round-results>header h1{font-size:clamp(1.5rem,4vw,2.5rem)}.shared-results .result-ready .ui-cta{max-width:none}@media (max-width:620px){.round-results .departure-round-list article{grid-template-columns:1fr}.round-results .departure-round-list article>div{grid-row:1}}@media (max-height:500px) and (orientation:landscape){.results-room .shared-results>.result-ready{width:100%;margin-top:1rem;position:static;transform:none}.results-room .shared-results{padding-bottom:1rem}}.lobby-surface small{font-size:max(.8rem,12px)}.lobby-surface :is(.eyebrow,label,small){color:var(--text-secondary)}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room{--stage-context-height:3.25rem;grid-template-rows:3rem minmax(0,1fr)}.game-shell.in-room .game-bar{padding:.1rem max(.5rem,env(safe-area-inset-right)) .1rem max(.5rem,env(safe-area-inset-left))}.game-shell.in-room .stage-context .prompt-card{gap:.5rem;padding:.25rem .5rem}.game-shell.in-room .stage-context .prompt-card h2{-webkit-line-clamp:unset;max-height:100%;font-size:1.1rem;line-height:1.15;overflow:auto}.game-shell.in-room.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .canvas-column{grid-template-rows:minmax(0,1fr)}.game-shell.in-room.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .stage-viewport{margin:.5rem max(10rem,env(safe-area-inset-right)) .5rem max(8rem,env(safe-area-inset-left));grid-template-rows:minmax(0,1fr)}.game-shell.in-room.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .canvas-stage{width:min(100cqw,125cqh)}.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .stage-viewport>.live-player-feedback{width:auto;height:3.5rem;position:fixed;bottom:.5rem;left:8rem;right:10rem}.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .stage-viewport{padding-bottom:4rem}.game-shell.in-room.fitted-stage.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .stage-equipment{top:6.5rem;left:max(.4rem,env(safe-area-inset-left));align-content:start;width:7.1rem;padding:0;position:fixed;bottom:.4rem}.stage-equipment .drawer-controls{flex-direction:column;gap:.3rem;width:100%;display:flex}.stage-equipment .canvas-command-rail{justify-content:center;gap:.3rem;display:flex}.stage-equipment .drawer-tool-cluster{width:100%;display:block}.stage-equipment .drawer-tools-dock{width:100%;padding:.25rem}.stage-equipment .drawer-tools-dock .drawer-dock-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;width:100%;display:grid}.stage-equipment .drawer-tools-dock .toolbar-divider{display:none}.stage-equipment .drawer-tools-dock .tool-group{grid-column:1/-1;justify-content:center}.stage-equipment .drawer-tools-dock .color-options{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.15rem;display:grid}.stage-equipment .drawer-tools-dock .tool-group button,.stage-equipment .drawer-tools-dock .color-options .marker-option{width:44px;height:44px;min-height:var(--hit-target);padding:0}.stage-equipment .drawer-tools-dock .marker-icon{height:42px}.stage-equipment .drawer-tools-dock .size-control{width:100%;min-height:var(--hit-target);grid-column:1/-1}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-tool-cluster>.drawer-reactions{position:fixed;bottom:4.25rem;right:6.2rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-clear-dock{position:fixed;bottom:4.25rem;right:2.8rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-actions-dock{width:9rem;position:fixed;bottom:.5rem;right:.5rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-actions-dock .commit-button{width:100%;padding-inline:.4rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .frame-filmstrip{width:9rem;position:fixed;top:6.3rem;left:auto;right:.5rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .filmstrip-track{gap:.35rem;width:100%;max-height:5.5rem;padding:.4rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .filmstrip-track button{flex-basis:3.25rem;width:3.25rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-loop-preview:not(.movable-loop):not(.pip-expanded){position:fixed;right:1rem;width:8rem!important;height:3rem!important;top:12rem!important;left:auto!important}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-loop-preview:not(.movable-loop):not(.pip-expanded) .pip-picture{display:none}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-loop-preview:not(.movable-loop):not(.pip-expanded) .pip-bar{height:44px}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .canvas-stage:has(.pip-expanded) .drawing-canvas{pointer-events:none}.game-shell.in-room.active-guesser{--stage-equipment-height:3.5rem}.game-shell.in-room.active-guesser .stage-viewport{margin:.4rem .6rem}.game-shell.in-room.active-guesser.keyboard-open .stage-context{max-height:2.5rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-actions-dock .commit-button{font-size:.875rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .commit-button .action-time-label{gap:.2rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-tool-cluster>.drawer-reactions,.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .drawer-clear-dock{bottom:5.5rem}body:has(.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room)) .drawer-reaction-picker{right:.5rem;overflow:auto;width:9rem!important;max-height:calc(100dvh - 15rem)!important;top:6.3rem!important;left:auto!important}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .stage-viewport>.live-player-feedback:not(.round-result-feedback):not(:has(.player-feedback-slot)){display:none}}.brush-cursor.is-lasso{background:0 0;border:0;border-radius:0;width:40px;height:40px}.brush-cursor.is-lasso .tool-icon{width:100%;height:100%}.export-format{gap:.3rem;font-weight:700;display:grid}.export-format select{width:100%;min-height:var(--hit-target);border:2px solid var(--ink);border-radius:var(--radius-3);background:var(--surface-paper);color:var(--ink);font:inherit;padding:.5rem}.export-format select:focus-visible{outline:3px solid var(--link);outline-offset:3px}.players-trigger{flex:none;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.players-trigger svg{width:20px;height:20px}.players-panel{gap:1rem;display:grid}.players-panel .room-invite{border-top:2px solid var(--ink,var(--ink));padding-top:1rem}.canvas-view-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-plane{transform-origin:0 0;position:absolute;inset:0}.canvas-input{z-index:2;touch-action:none;position:absolute;inset:-16px}.canvas-input.can-draw{cursor:none}.canvas-stage:has(.pip-expanded) .canvas-input{pointer-events:none}.drawing-view-actions{z-index:21;align-items:center;gap:.35rem;display:flex;position:absolute;top:.25rem;right:.75rem}.room-stage:has(.drawing-view-actions) .stage-context{background:var(--action-secondary);padding-right:14rem}.drawing-view-actions .drawer-surrender-dock{margin:0;padding:0;position:static}.drawing-view-actions .drawing-new-action{min-height:var(--hit-target);letter-spacing:normal;text-transform:none;padding:.5rem .75rem;font-size:16px;font-weight:700}.drawer-tools-dock{transition:transform var(--motion-quick) var(--motion-out), opacity var(--motion-quick) var(--motion-out), visibility .14s}.tools-collapsed .drawer-tools-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.tools-toggle{flex:none}.tools-toggle span{font:inherit}@media (max-height:500px) and (orientation:landscape){.stage-equipment .drawer-tool-cluster{position:relative}.drawer-tool-cluster>.tools-toggle{z-index:3;position:absolute;top:.3rem;left:.3rem}.stage-equipment .drawer-tools-dock .tool-group{justify-content:flex-end}.tools-collapsed .drawer-tools-dock{transform:translate(-12px)}}html[data-reduced-motion=true] .drawer-tools-dock{transition:none!important}@font-face{font-family:Animationary Icons;src:url(/fonts/fontawesome/fa-solid-900.woff2)format("woff2");font-style:normal;font-weight:900;font-display:block}.ui-icon{letter-spacing:0;text-transform:none;font-variant:normal;-webkit-font-smoothing:antialiased;pointer-events:none;flex:none;place-items:center;width:1.25em;height:1.25em;font-family:Animationary Icons;font-size:1em;font-style:normal;font-weight:900;line-height:1;display:inline-grid}.ui-icon.action-icon,.ui-icon.hud-icon{font-size:20px}.tools-toggle .ui-icon{font-size:18px}.frame-filmstrip .ui-icon{font-size:inherit}.etch-dial .ui-icon{font-size:2rem}.solve-crown{color:var(--action-secondary);-webkit-text-stroke:.6px var(--ink)}.round-stage-results{gap:.3rem;min-width:0;max-height:100%;padding:.25rem;display:grid;overflow:auto}.round-stage-results>strong{font-size:1rem}.round-stage-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.round-stage-results .ready-details p{margin:0}.round-stage-details>summary{cursor:pointer;list-style:none}.round-stage-details>summary::-webkit-details-marker{display:none}.round-stage-details[open]>summary{background:var(--action-secondary)}.round-stage-details>div{z-index:45;border:3px solid var(--ink);border-radius:var(--radius-5);background:var(--surface-paper);box-shadow:var(--shadow-action);position:fixed;inset:5rem 1rem 9rem;overflow:auto}.round-stage-details .shared-results{margin:0}@media (orientation:landscape) and (max-height:600px){.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .round-stage-results .ui-cta{white-space:normal;font-size:.8rem}.active-drawer:not(.etch-drawer):not(.landscape-drawer):not(.hot-pen-room) .round-stage-results .round-stage-actions{display:grid}.round-stage-details>div{inset:5rem 1rem 1rem 8rem}}.round-result-feedback{font-size:.85rem;line-height:1.2}.round-result-feedback p{align-content:center;gap:.2rem;margin:0;display:grid}.round-result-feedback small{display:block}.phase-revealed .stage-equipment{overflow:auto}.round-result-feedback .round-result-note{animation:none}.round-result-feedback .round-result-note small{white-space:normal;text-overflow:clip;overflow:visible}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.active-guesser.phase-revealed .stage-equipment,.game-shell.in-room.etch-drawer.phase-revealed .stage-equipment{padding:0;transform:translateY(-.75rem)}}.winning-guess-label{color:var(--text-success);align-items:center;gap:.25rem;margin-left:.4rem;display:inline-flex}.round-closing .player-feedback-card small,.round-closing .guess-flight small{white-space:normal;overflow:visible}.round-closing .live-player-feedback{padding-block:0}.round-closing .live-player-feedback .player-feedback-card{padding:.15rem .3rem;font-size:.8rem}.round-closing .player-feedback-card small{font-size:.7rem}.round-closing .guess-flight{max-height:none;animation:none}@media (max-width:999px) and (orientation:portrait){.round-closing .guess-flight{width:100%;max-width:100%}}.hot-pen-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-size:13px;display:flex}.hot-pen-status .pen-holder{align-items:center;gap:5px;display:inline-flex}.pen-badge{vertical-align:middle;width:18px;height:27px;display:inline-flex}.pen-badge svg{width:100%;height:100%}.hot-pen-room .prompt-card.hot-pen-prompt{flex-wrap:wrap;gap:2px 8px;padding:6px 10px;display:flex}.hot-pen-room .hot-pen-prompt h2{font-size:clamp(14px,1.8vw,23px)}.hot-pen-twist{flex-basis:100%;margin:0;font-size:clamp(13px,1.5vw,18px);font-weight:700}.hot-pen-social{align-items:flex-end;gap:8px;width:min(560px,100%);margin:0 auto;display:flex}.hot-pen-room.phase-drawing .hot-pen-social{z-index:7;position:relative}.hot-pen-comments{flex:1;min-width:0}.hot-pen-comment-feed{height:44px;font-size:12px;overflow:auto}.hot-pen-comment-feed p{overflow-wrap:anywhere;margin:2px 0}.hot-pen-comment-feed .player-avatar{width:18px;height:18px;font-size:9px}.hot-pen-comments .guess-form{gap:6px;display:flex}.hot-pen-comments .guess-form label{flex:1;min-width:0}.hot-pen-comments input{width:100%;min-height:var(--hit-target)}.hot-pen-room .stage-equipment{flex-direction:column;gap:6px;display:flex}.hot-pen-room .hot-pen-social{order:2}.hot-pen-completion{justify-content:center}@media (orientation:landscape) and (max-height:600px){.game-shell.in-room.hot-pen-room.phase-revealed.active-drawer .stage-equipment{flex-direction:row;justify-content:center;align-items:end;gap:12px;width:calc(100% - 16px);position:fixed;top:auto;bottom:4px;left:8px}.hot-pen-room.phase-revealed .hot-pen-social{width:min(360px,55vw);margin:0;position:static}.hot-pen-room.phase-revealed .hot-pen-completion{max-width:240px}.hot-pen-room.phase-revealed .hot-pen-completion .ui-button{font-size:13px}}.game-shell.in-room.hot-pen-room.active-drawer{--stage-equipment-height:13rem}.hot-pen-comments .guess-form label>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (orientation:landscape) and (max-height:600px){.game-shell.in-room.hot-pen-room.active-drawer{--stage-equipment-height:6rem}.hot-pen-room.active-drawer .hot-pen-social{width:auto;position:fixed;bottom:4px;left:8rem;right:10rem}.hot-pen-room .hot-pen-comments input{min-height:var(--hit-target)}}.hot-pen-notice{pointer-events:none;text-align:center;z-index:5;margin:0;font-size:13px;position:absolute;bottom:8px;left:8px;right:8px}fieldset.drawer-controls{border:0;min-width:0;margin:0;padding:0}fieldset.drawer-controls:disabled{opacity:.45}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.hot-pen-room.active-guesser{--stage-equipment-height:5.5rem}.hot-pen-status{gap:2px 6px;font-size:11px}.hot-pen-status small{font-size:10px}.hot-pen-room .hot-pen-social{width:min(400px,60vw)}.hot-pen-room .hot-pen-comment-feed{height:20px}.hot-pen-room .hot-pen-prompt .eyebrow{display:none}}@media (orientation:landscape) and (max-height:600px){.game-shell.in-room.hot-pen-room.phase-revealed .hot-pen-social{width:min(340px,51vw);margin:0;position:static}.game-shell.in-room.hot-pen-room.phase-revealed .hot-pen-completion{flex:1;max-width:270px}}.lobby-surface{grid-template-rows:minmax(0,1fr) 7.5rem;height:max(38rem,100svh - 8.5rem)}.simple-setup{grid-template-rows:max-content max-content minmax(0,1fr);gap:1rem;min-width:0;min-height:0;overflow:hidden}.lobby-surface .simple-setup h2{max-width:none;font-size:clamp(1.65rem,3vw,2.4rem)}.setup-disclosures{overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(var(--surface-paper) 30%, transparent) center top / 100% 28px local, linear-gradient(transparent, var(--surface-paper) 70%) center bottom / 100% 28px local, radial-gradient(farthest-side at 50% 0, #34211c26, transparent) center top / 100% 12px scroll, radial-gradient(farthest-side at 50% 100%, #34211c26, transparent) center bottom / 100% 12px scroll;background-repeat:no-repeat;min-height:0;padding:3px 4px;overflow-y:auto}.setup-disclosures:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.three-game-cards{grid-template-columns:repeat(3,minmax(0,12rem));justify-content:center;align-items:start;gap:.65rem;padding-block:.35rem .5rem;display:grid}.setup-disclosures summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (hover:hover) and (pointer:fine){.setup-disclosures summary{transition:background-color .12s}.setup-disclosures summary:hover{background:var(--surface-highlight)}}.setup-disclosures details{border-top:2px solid var(--text-secondary)}.setup-disclosures summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;min-height:52px;padding:.65rem 0;display:flex}.setup-disclosures summary:after{content:"+";margin-left:auto;font-size:1.4rem;font-weight:900}.setup-disclosures details[open] summary:after{content:"−"}.setup-disclosures summary span{font-size:.9rem}.setup-disclosures details>div{padding-bottom:1rem}.setup-disclosures p,.setup-duration{margin:.4rem 0;font-size:.9rem;line-height:1.45}.setup-unavailable{border-left:4px solid var(--border-danger);padding:.6rem;font-weight:700}.lobby-name-details summary{cursor:pointer;min-height:var(--hit-target);padding:.5rem 0}.lobby-players li{min-width:0;min-height:var(--hit-target)}.lobby-name-details{flex:1;min-width:0}.lobby-name-details summary{align-items:center;gap:.4rem;list-style:none;display:flex}.lobby-name-details summary::-webkit-details-marker{display:none}.lobby-name-details summary:after{content:"Edit";text-underline-offset:3px;font-size:.75rem;text-decoration:underline}.lobby-name-details summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.lobby-name-details .lobby-name-confirmation{border:0;margin:.25rem 0 .5rem;padding:0}.lobby-name-details .lobby-name-confirmation input,.lobby-name-details .lobby-name-confirmation button{min-height:var(--hit-target)}@media (max-width:900px){.lobby-surface{grid-template:"tabs"44px"panel""start"/minmax(0,1fr);height:auto}.lobby-surface .simple-setup{grid-template-rows:auto auto auto;overflow:visible}.lobby-surface .setup-disclosures{overscroll-behavior:auto;overflow:visible}.lobby-surface .lobby-start{align-content:start;position:static}.lobby-surface .simple-setup{grid-area:panel}}@media (max-width:520px){.lobby-surface{gap:.65rem;padding:.75rem}.simple-setup{padding:.75rem}.three-game-cards{scroll-snap-type:x proximity;grid-template-columns:repeat(3,9.75rem);justify-content:start;padding-inline:.25rem;overflow-x:auto}}html[data-reduced-motion=true] .setup-disclosures summary{transition:none!important}.phase-lobby{--lobby-ink:var(--text-secondary);--lobby-muted:var(--text-muted);--lobby-rule:var(--border-default)}.phase-lobby .game-bar{background:0 0;border-width:2px;padding:.5rem .75rem}.lobby-surface{border:2px solid var(--lobby-ink);box-shadow:0 4px 0 var(--lobby-ink);background:var(--surface-paper);gap:1rem 1.5rem;padding:1.25rem}.lobby-surface :is(button,legend,summary,p,small,input){font-family:var(--font-body);letter-spacing:normal}.lobby-surface .simple-setup{border:0;gap:.75rem;padding:0}.lobby-surface .simple-setup h2{margin:0;font-size:1.5rem;line-height:1.2}.lobby-surface .three-game-cards{grid-template-columns:repeat(3,minmax(0,10.5rem));justify-content:start;gap:.75rem}.lobby-surface .game-type-card{border-radius:var(--radius-5);border-width:2px;gap:.625rem;padding:.875rem;position:relative}.lobby-surface .game-type-card strong{font-family:var(--font-body);font-size:1.0625rem;font-weight:750;line-height:1.2}.lobby-surface .game-type-card small{min-height:2.8em;font-size:.8125rem;font-weight:500;line-height:1.4}.lobby-surface .game-type-card.selected{box-shadow:0 3px 0 var(--lobby-ink)}.lobby-surface .game-type-card.selected:after{content:"✓";font:800 .875rem/1 var(--font-body);position:absolute;top:.5rem;right:.625rem}.lobby-surface .game-type-card:disabled{opacity:1}.lobby-surface .game-card-art{height:58px;margin-block:.5rem}.lobby-surface .game-card-art svg{width:54px;height:54px}.lobby-surface .setup-disclosures{padding:3px 8px 12px 3px;scroll-padding-block:8px}.lobby-surface .setup-disclosures details{border-top:1px solid var(--lobby-rule)}.lobby-surface .setup-disclosures summary{grid-template-columns:6.5rem minmax(0,1fr) 20px;gap:.5rem;min-height:52px;padding:.625rem .25rem;display:grid}.lobby-surface .setup-disclosures summary strong{font-family:inherit;font-size:.9375rem;font-weight:700}.lobby-surface .setup-disclosures summary span{color:var(--lobby-muted);font-size:.8125rem;line-height:1.35}.lobby-surface .setup-disclosures summary:after{justify-self:center;margin:0;font-size:1.125rem}.lobby-surface .setup-disclosures details[open] summary{background:var(--surface-page)}.lobby-surface .setup-disclosures details>div{padding:.25rem .25rem .875rem}.lobby-surface .setup-disclosures p{color:var(--lobby-muted);font-size:.8125rem}.lobby-surface .lobby-players{border-top:0;margin-top:1.25rem;padding-top:0}.lobby-surface .lobby-players ul{grid-template-columns:1fr;gap:.25rem}.lobby-surface .lobby-players li{border-bottom:1px solid var(--lobby-rule);padding:.5rem 0;font-size:.9375rem}.lobby-surface .lobby-players li small{color:var(--lobby-muted);text-transform:none;font-size:.75rem;font-weight:500}.lobby-surface .lobby-start{border-top:1px solid var(--lobby-rule);align-content:end;align-self:stretch;gap:.5rem;padding-top:.75rem}.lobby-surface .lobby-start>.ui-cta{font-size:.9375rem}.lobby-surface .lobby-start>.lobby-solo{text-underline-offset:3px;border-color:#0000;font-size:.875rem;text-decoration:underline}@media (max-width:900px){.lobby-surface .lobby-players .eyebrow{display:none}}@media (max-width:520px){.phase-lobby{padding:.625rem}.lobby-surface{gap:.875rem;height:auto;margin-top:.5rem;padding:.875rem}.lobby-surface .three-game-cards{grid-template-columns:repeat(3,8.75rem);gap:.625rem}.lobby-surface .game-type-card{padding:.75rem}.lobby-surface .game-type-card strong{font-size:1rem}.lobby-surface .game-card-art{height:44px;margin-block:.375rem}.lobby-surface .game-card-art svg{width:44px;height:44px}.lobby-surface .simple-setup h2{font-size:1.5rem}}h1,h2,.game-wordmark,.ui-cta.ui-cta,.lobby-surface .game-type-card strong{font-family:var(--font-display);font-synthesis:none;font-weight:400}.lobby-surface .game-type-card strong{font-size:1rem;line-height:1.3}.lobby-surface .lobby-start>.ui-cta{font-family:var(--font-display);font-weight:400}.entry-masthead h1{letter-spacing:-.035em;line-height:1.05}.entry-heading h2,.join-room-surface .entry-heading h2{letter-spacing:var(--tracking-ui);line-height:1.2}.entry-masthead{grid-template-columns:minmax(0,1fr);justify-content:center;justify-self:center;place-items:center;display:grid}.entry-logo{object-fit:contain;width:clamp(18rem,36vw,28rem);height:auto;max-height:15rem;margin-inline:auto;display:block}.entry-logo,.entry-logo:hover,.entry-logo:active{min-height:0;box-shadow:none;color:#000;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;transition:none;transform:none}.entry-logo svg{width:100%;height:auto;max-height:inherit;display:block;overflow:visible}.entry-logo [data-letter]{transform-box:fill-box;transform-origin:50%}.entry-logo[data-logo-motion=entrance],.entry-logo [data-letter-motion]{will-change:transform}.entry-logo:focus-visible{outline:3px solid var(--link);outline-offset:8px}.entry-shell[data-entering] .entry-masthead{z-index:2;position:relative}@media (max-width:520px){.entry-logo{width:min(19rem,78vw);max-height:12rem}}.lobby-surface{padding:var(--space-4);gap:var(--space-4) var(--space-6)}.lobby-surface .simple-setup{gap:var(--space-3)}.lobby-surface .simple-setup h2{font:var(--type-heading)}.lobby-surface .game-type-card{padding:var(--space-3);gap:var(--space-2)}.lobby-surface .game-type-card strong{font:var(--type-action)}.lobby-surface .game-type-card small,.lobby-surface .setup-disclosures summary span,.lobby-surface .setup-disclosures p,.lobby-surface .lobby-players li small,.lobby-surface .setup-disclosures summary strong,.lobby-surface .lobby-players li,.lobby-surface .lobby-start>.lobby-solo{font-weight:var(--weight-bold)}.lobby-surface .lobby-start>.ui-cta{font:var(--type-action);min-height:var(--action-height)}.lobby-surface .lobby-solo{min-height:var(--control-height)}.phase-lobby{gap:0}.phase-lobby .game-bar{background:var(--surface-page);border-bottom:0;width:min(100%,72rem);margin:0 auto}.phase-lobby .lobby-surface{background:var(--surface-page);margin-top:0}.lobby-surface .simple-setup{background:var(--surface-paper);padding:var(--space-4);border-radius:var(--radius-4)}.lobby-surface .game-type-card{text-align:center;align-items:center}.lobby-surface .game-type-card small{min-height:5.7em;line-height:1.4}.lobby-surface .setup-disclosures summary{column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) 20px}.lobby-surface .setup-disclosures summary span{text-align:right}.lobby-surface .setup-disclosures summary{border-radius:var(--radius-2)}.lobby-surface .setup-disclosures details[open]{padding-bottom:var(--space-2)}.entry-shell{padding:var(--space-8) var(--space-4)}.entry-masthead{width:min(100%,52rem);margin-bottom:var(--space-8)}.entry-masthead h1{letter-spacing:-.04em;font-size:clamp(2rem,8vw,5.5rem);line-height:1.1}.room-entry{gap:var(--space-6)}.room-entry .start-room-surface,.room-entry .join-room-surface{align-content:stretch;gap:var(--space-3);height:25rem;min-height:0;padding:var(--space-6);box-shadow:0 4px 0 var(--text-secondary);border-width:2px;grid-template-rows:1fr 56px 56px 32px;grid-template-columns:minmax(0,1fr);display:grid}.room-entry .entry-heading{align-self:end}.room-entry .entry-heading h2{font:var(--type-display);max-width:9ch;margin:0 0 var(--space-3);font-size:2.75rem;line-height:1.05}.room-entry .start-room-surface .entry-heading{padding-bottom:var(--space-2);grid-row:1/3}.entry-heading p{font:var(--type-body);max-width:26ch;margin:0}.room-entry .entry-field{grid-row:2}.room-entry .entry-field input{height:56px;min-height:0;font:var(--type-label);letter-spacing:.12em;border-width:2px}.room-entry .start-room-button,.room-entry .join-room-button{font:var(--type-action);grid-row:3}.room-entry .room-error{font:var(--type-caption);grid-row:4;margin:0}.entry-support{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-6);border-block:1px solid var(--border-default);grid-column:1/-1;display:flex}.entry-practice .solo-entry{font:var(--type-label);margin:0}.entry-practice{align-items:center;gap:var(--space-4);display:flex}.entry-practice .solo-entry{flex:none}.entry-practice p{font:var(--type-caption);color:var(--text-muted);margin:0}.entry-footer .lan-qr{align-items:center;gap:var(--space-2);background:0 0;flex:none;display:flex;position:static}.entry-footer .lan-qr span{max-width:8rem;font:var(--type-caption);color:var(--text-muted);text-align:left}@media (max-width:620px){.entry-footer .lan-qr{flex-direction:column;gap:0;width:88px}.entry-footer .lan-qr span{text-align:center}}.entry-footer .lan-qr svg{width:88px;height:88px;display:block}.entry-footer{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-muted);grid-column:1/-1;display:flex}.entry-footer .entry-mascot{flex:none;width:112px;height:auto;position:static;transform:rotate(-6deg)}.entry-footer p{font:var(--type-caption);max-width:40ch;margin:0}.entry-version{margin:0}@media (max-width:520px){.lobby-surface .three-game-cards{grid-template-columns:repeat(3,10.5rem)}.lobby-surface .simple-setup{padding:var(--space-3)}.room-entry{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.room-entry .start-room-surface,.room-entry .join-room-surface{height:19rem;padding:var(--space-4);gap:var(--space-2);grid-template-rows:1fr 48px 56px 24px}.room-entry .entry-heading h2{max-width:none;font-size:2.25rem}.room-entry .entry-heading p{font:var(--type-caption)}.room-entry .entry-field input{height:48px}.entry-shell{padding-top:var(--space-6)}.entry-masthead{margin-bottom:var(--space-6)}.entry-support{padding-block:var(--space-4)}.entry-footer .entry-mascot{width:88px}.entry-support{gap:var(--space-3)}}.entry-shell{isolation:isolate}.entry-ink{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.entry-shell>.entry-masthead,.entry-shell>.room-entry{z-index:1;position:relative}.room-entry .start-room-surface,.room-entry .join-room-surface{transition:transform var(--motion-shift) var(--motion-out), box-shadow var(--motion-shift) var(--motion-out);transform-origin:50%}.room-entry [data-lifted=true]{transform:perspective(900px) translateY(-4px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));box-shadow:0 8px 0 var(--text-secondary)}.room-entry [data-lifted=true]:active{transform:perspective(900px) translateY(-1px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))}html[data-reduced-motion=true] .room-entry :is(.start-room-surface,.join-room-surface){transition:none}.room-entry .start-room-surface,.room-entry .join-room-surface{height:auto;min-height:19rem;padding:var(--space-8) var(--space-6) var(--space-6);align-content:center;gap:var(--space-3);grid-template-rows:minmax(3.5rem,auto) 6.25rem 3.5rem}.room-entry .entry-heading h2{margin-bottom:var(--space-2)}.room-entry .start-room-surface .entry-heading,.room-entry .join-room-surface .entry-heading{grid-row:1;align-self:start;padding-bottom:0}.room-entry .start-room-button,.room-entry .join-room-button{border:2px solid var(--ink);height:3.5rem;box-shadow:0 4px 0 var(--text-muted);grid-row:3;align-self:stretch}.room-entry .room-error{background:var(--surface-paper);z-index:1;position:relative}.room-code-label{font:var(--type-caption);color:var(--text-muted);text-align:center;grid-column:1/-1}.entry-footer{justify-content:space-between;gap:var(--space-8)}.entry-ad-joke{align-items:center;gap:var(--space-4);min-width:0;display:flex}.entry-support-copy{gap:var(--space-2);min-width:0;display:grid}.entry-support-copy p{max-width:48ch}.entry-support-link{justify-self:start;text-decoration:none}.entry-support,.entry-footer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f3eee540}.room-code-slots{justify-content:center;align-self:center;gap:var(--space-2);grid-row:2;grid-template-columns:repeat(4,2.75rem);min-width:0;display:grid}.room-code-slots input{border:2px solid var(--text-secondary);border-radius:var(--radius-4);background:var(--surface-paper);width:100%;min-width:0;height:4.5rem;color:var(--ink);font:var(--type-display);text-align:center;caret-color:var(--link)}.room-code-slots input::placeholder{color:var(--text-subtle)}.room-code-slots input:focus{outline:3px solid var(--link);outline-offset:2px;background:var(--yellow-100)}.room-code-slots input:placeholder-shown{background-image:linear-gradient(var(--text-subtle), var(--text-subtle));background-position:center bottom 12px;background-repeat:no-repeat;background-size:16px 1px}.room-code-slots input[aria-invalid=true]{border-color:var(--action-destructive)}@media (max-width:520px){.entry-shell{padding:var(--space-3) var(--space-3) var(--space-6)}.entry-masthead{width:100%;margin:0 auto var(--space-3)}.entry-logo{width:min(16rem,70vw);max-height:8.5rem}.room-entry{gap:var(--space-3)}.room-entry .start-room-surface,.room-entry .join-room-surface{min-height:0;padding:var(--space-6) var(--space-4) var(--space-4);gap:var(--space-2);grid-template-rows:auto auto auto}.room-entry .start-room-surface{height:10.5rem}.room-entry .start-room-button{grid-row:2}.room-entry .join-room-surface{height:15rem}.entry-footer{gap:var(--space-3)}.entry-ad-joke{gap:var(--space-2)}.room-entry .entry-heading h2{font-size:2rem}.room-code-slots{grid-template-columns:repeat(4,2.75rem)}.room-code-slots input{height:4rem}}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage{grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:stretch;display:grid;container-type:normal}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-context{background:var(--action-secondary);width:auto;max-height:7rem;padding:0;overflow:auto}.results-phrase{flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;padding:.5rem;display:flex}.results-phrase .result-word{color:var(--ink);background:0 0;border:0;justify-items:center;gap:.15rem;padding:0;font-size:clamp(.85rem,2vw,1.35rem);display:grid}.result-word>small{min-height:1.1rem;font:.75rem/1.2 var(--font-body);color:var(--feedback-success)}.result-word.was-missed>small{color:var(--text-warm)}.result-word .player-avatar{flex-basis:1.5em;width:1.5em;height:1.5em}.result-word.has-arrived{animation:.24s ease-out both result-word-arrival}@keyframes result-word-arrival{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-workbench{min-height:0;display:block}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-column{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(12rem,28%);gap:.5rem;padding:.6rem;display:grid;container-type:normal}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-viewport{grid-area:1/1;grid-template-rows:minmax(0,1fr);place-items:center;width:auto;height:auto;margin:.25rem;padding:0;display:grid;container-type:size}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-stage{aspect-ratio:5/4;align-self:center;width:min(100cqw,125cqh);height:auto}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-equipment{grid-area:2/1/auto/-1;justify-self:stretch;width:100%;padding:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions{justify-content:center;display:flex}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions :is(button,summary){min-height:var(--hit-target);font-size:.875rem}.round-ranking{min-width:0;min-height:0;font-family:var(--font-body);flex-direction:column;grid-area:1/2;gap:.4rem;display:flex}.round-ranking h2{margin:0;font-size:1.2rem}.results-next-drawer{margin:0;font-size:.875rem}.results-next-drawer.is-you{background:var(--action-secondary);padding:.3rem;font-weight:700}.ranking-scroll{flex:1;min-height:56px;overflow:auto}.ranking-scroll ol{margin:0;padding:0;list-style:none;position:relative}.ranking-scroll li{height:var(--ranking-row-height,56px);border-bottom:1px solid #bcb5a8;align-items:center;gap:.4rem;transition:transform .6s cubic-bezier(.2,.8,.3,1);display:flex;position:absolute;top:0;left:0;right:0}.ranking-scroll .player-name{min-width:0;font-size:.875rem}.ranking-scroll .player-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-number{min-width:1.5rem;font-size:1.7rem}.rank-points{font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}.rank-points small{color:var(--feedback-success);display:block}.results-ready-players{gap:.5rem;max-height:4rem;padding-bottom:.2rem;font-size:.75rem;display:flex;overflow:auto}.results-ready-players>span{flex:none;gap:.15rem;display:grid}.results-ready-players .is-ready{color:var(--feedback-success)}.ready-details{text-align:center}.lobby-doodle{background:#eee9df;min-width:0;padding:.75rem;position:relative}.doodle-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.doodle-heading h2{margin:0;font-size:1rem}.doodle-heading span{font:.875rem/1.2 var(--font-body)}.lobby-doodle canvas{aspect-ratio:5/3;border:2px solid var(--ink);border-radius:var(--radius-4);background:var(--surface-paper);touch-action:none;width:100%;max-height:300px;display:block}.doodle-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.doodle-actions button,.doodle-confirm button{min-height:var(--hit-target)}.doodle-confirm{border:2px solid var(--ink);border-radius:var(--radius-4);background:var(--surface-paper);box-shadow:3px 3px 0 var(--ink);z-index:3;padding:.75rem;position:absolute;inset:auto .5rem .5rem}.doodle-confirm p{margin-top:0}.doodle-confirm button{margin-right:.5rem}.lobby-reaction{align-items:center;gap:.25rem;font-size:.875rem;display:flex}@media (max-width:600px) and (orientation:portrait){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-column{grid-template-rows:minmax(100px,1fr) minmax(100px,.7fr) auto;grid-template-columns:minmax(0,1fr)}.round-ranking{grid-area:2/1}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-equipment{grid-row:3}.round-ranking h2{display:none}}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-context{max-height:5rem}.results-phrase{padding:.25rem}.results-ready-players .player-name-text{display:none}.round-ranking h2{font-size:1rem}.round-ranking{--ranking-row-height:44px;gap:.25rem}.round-ranking:not(.is-clean-sweep) h2{display:none}}html[data-reduced-motion=true] .result-word.has-arrived{animation:none}html[data-reduced-motion=true] .ranking-scroll li{transition:none}
}