@layer scenes {
.floating-instrument-positioner{z-index:calc(var(--layer-feedback) - 1);opacity:0;pointer-events:none;will-change:transform;touch-action:none;width:min(52rem,100% - 16px);max-width:calc(100% - 16px);position:absolute;top:0;left:0}.floating-instrument-positioner[data-toolbar-role=guesser]{width:min(44rem,100% - 16px)}.floating-instrument-positioner[data-collapsed]{width:var(--instrument-chip)}.stage-viewport:has(>.floating-instrument-positioner){isolation:isolate;position:relative}.floating-instrument-positioner[data-positioned]{opacity:1;pointer-events:auto}.floating-instrument{grid-template-columns:var(--instrument-target) var(--instrument-target) minmax(0, 1fr) var(--instrument-target);border-radius:var(--instrument-radius);background:var(--instrument-surface-fallback);width:100%;max-width:100%;box-shadow:var(--instrument-shadow);color:var(--text-primary);isolation:isolate;will-change:transform;border:0;align-items:center;gap:2px;padding:4px;display:grid;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){.floating-instrument{background:var(--instrument-surface);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08)}}.floating-instrument-content-frame{align-self:stretch;min-width:0;position:relative;overflow:hidden}.floating-instrument-content-frame:before,.floating-instrument-content-frame:after{content:"";z-index:2;opacity:0;pointer-events:none;width:14px;transition:opacity var(--motion-quick) var(--motion-out);position:absolute;top:4px;bottom:4px}.floating-instrument-content-frame:before{background:linear-gradient(90deg,#fffdf8eb,#0000);left:0}.floating-instrument-content-frame:after{background:linear-gradient(270deg,#fffdf8eb,#0000);right:0}.floating-instrument-content-frame[data-overflow-start]:before,.floating-instrument-content-frame[data-overflow-end]:after{opacity:1}.floating-instrument-content{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;min-width:0;height:100%;overflow:auto hidden}.floating-instrument-content::-webkit-scrollbar{display:none}.floating-instrument-handle,.floating-instrument-mode,.floating-instrument-collapse,.floating-instrument-collapsed{color:var(--text-primary);cursor:pointer;touch-action:none;background:#fffdf880;border:0;place-items:center;display:grid}.floating-instrument-handle{width:var(--instrument-target);height:var(--instrument-target);cursor:grab;border-radius:18px;padding:0}.floating-instrument-handle:active{cursor:grabbing}.floating-instrument-handle>span{border-radius:var(--radius-round);background:repeating-linear-gradient(to bottom, var(--text-muted) 0 3px, transparent 3px 7px);width:5px;height:30px}.floating-instrument-mode,.floating-instrument-collapse{width:var(--instrument-target);min-width:var(--instrument-target);height:var(--instrument-target);border-radius:18px;padding:10px}.floating-instrument-mode svg{width:30px;height:30px}.floating-instrument-mode[aria-pressed=true]{background:var(--action-secondary)}.floating-instrument-collapse .ui-icon{font-size:18px}.floating-instrument :is(button,input):focus-visible,.floating-instrument-collapsed:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.floating-instrument-collapsed{width:var(--instrument-chip);min-width:var(--instrument-chip);height:var(--instrument-chip);background:var(--instrument-surface-fallback);box-shadow:var(--instrument-shadow);will-change:transform;border-radius:22px;padding:8px;position:relative;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){.floating-instrument-collapsed{background:var(--instrument-surface);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08)}}.floating-instrument-current{place-items:center;width:100%;height:100%;display:grid}.floating-instrument-current :is(.marker-icon,.tool-icon){width:32px;height:46px}.floating-instrument-current>svg:not(.marker-icon):not(.tool-icon){width:32px;height:32px}.instrument-collapsed-tool{place-items:center;width:100%;height:100%;display:grid;position:relative}.instrument-collapsed-tool>i{width:calc(5px + var(--collapsed-width,.012) * 180px);aspect-ratio:1;border:2px solid var(--surface-paper);background:var(--collapsed-color,var(--text-primary));border-radius:50%;max-width:15px;position:absolute;bottom:3px;right:4px}.floating-instrument-expand-mark{background:var(--action-primary);width:16px;height:16px;color:var(--text-inverse);border-radius:50%;font-size:9px;position:absolute;bottom:5px;right:5px}.floating-instrument-draft{border:2px solid var(--surface-paper);background:var(--action-destructive);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:8px}.instrument-primary{border:0;align-items:center;gap:2px;width:max-content;min-width:100%;margin:0;padding:0;display:flex}.instrument-primary:disabled{opacity:.5}.instrument-tools,.instrument-commands{align-items:center;gap:2px;min-width:0;display:flex}.instrument-tool,.instrument-action{flex:0 0 var(--instrument-target);width:var(--instrument-target);min-width:var(--instrument-target);height:var(--instrument-target);color:var(--text-primary);cursor:pointer;background:#fffdf88c;border:0;border-radius:16px;place-items:center;padding:5px;display:grid;position:relative}.instrument-tool[aria-pressed=true]{background:var(--action-secondary);box-shadow:inset 0 -3px #11100e26}.instrument-tool .marker-icon{width:33px;height:52px}.instrument-tool .tool-icon{width:39px;height:39px}.instrument-action .ui-icon{font-size:22px}.instrument-action:disabled{color:var(--text-muted);cursor:not-allowed;background:#e3dacb8f}.instrument-divider{background:#34211c2e;flex:0 0 1px;width:1px;height:38px;margin-inline:2px}.instrument-size{height:var(--instrument-target);background:#fffdf88c;border-radius:16px;grid-template-columns:12px minmax(72px,108px) 18px;align-items:center;gap:3px;min-width:116px;padding-inline:6px;display:grid}.instrument-size input{width:100%;min-height:44px;accent-color:var(--action-primary);margin:0}.instrument-size-dot{background:var(--text-primary);border-radius:50%;display:block}.instrument-size-dot.thin{width:6px;height:6px}.instrument-size-dot.bold{width:14px;height:14px}.floating-instrument .animotes-picker{width:max-content;min-width:100%;padding:0}.floating-instrument .animotes-section{border:0;padding:0}.floating-instrument .animotes-section>h3{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.floating-instrument .animotes-section>div{gap:2px;width:max-content;display:flex}.floating-instrument .animotes-section button{width:var(--instrument-target);min-width:var(--instrument-target);min-height:var(--instrument-target);color:var(--text-primary);cursor:pointer;background:#fffdf88c;border:0;border-radius:16px;place-items:center;gap:1px;padding:3px;display:grid}.floating-instrument .animotes-section button small{text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:9px;line-height:1;overflow:hidden}.floating-instrument .reaction-badge{min-width:42px;min-height:30px;font-size:11px}.instrument-guess{flex-wrap:nowrap;align-items:center;gap:3px;width:100%;min-width:0;margin:0;display:flex}.instrument-guess label{flex:1;min-width:8rem}.instrument-guess label>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.instrument-guess input{width:100%;height:var(--instrument-target);color:var(--text-primary);font:var(--type-body);background:#fffdf8c2;border:0;border-radius:16px;padding:10px 14px}.instrument-guess button{min-width:var(--instrument-target);min-height:var(--instrument-target);border-radius:16px}.progressive-frame-timeline .filmstrip-track{align-items:center}.filmstrip-track .frame-next-tile,.frame-capacity-ghost{aspect-ratio:5/4;border-radius:var(--radius-4);flex:0 0 4.75rem;width:4.75rem;position:relative}.filmstrip-track .frame-next-tile{border:2px solid var(--action-primary-base);background:var(--action-primary);color:var(--text-inverse);box-shadow:0 3px 0 var(--action-primary-base);cursor:pointer;place-items:center;padding:0;font-size:24px;display:grid}.filmstrip-track .frame-next-tile:disabled{background:var(--surface-disabled);color:var(--text-muted);border-color:var(--border-default);box-shadow:none}.frame-next-tile .action-time-label{place-items:center;gap:0;display:grid}.filmstrip-track .frame-next-tile>.action-time-label{width:100%;min-width:0;height:100%;color:inherit;background:0 0;border:0;border-radius:0;padding:0;position:static}.frame-next-tile .action-time-label>.ui-icon{width:auto;height:auto;color:inherit;background:0 0;border:0;padding:0;font-size:24px;position:static}.frame-next-tile .action-time-seconds{width:auto;color:inherit;font:700 10px/1 var(--font-body);position:absolute;bottom:2px;right:3px}.frame-capacity-ghost{pointer-events:none;background:#fffdf82e;border:1px dashed #34211c47;place-items:center;display:grid}.frame-capacity-ghost i{background:#34211c14;border-radius:2px;width:42%;height:42%}.game-shell.in-room:is(.active-drawer,.active-guesser) .stage-equipment:empty{padding:0;display:none}.game-shell.in-room.active-drawer:not(.etch-drawer) .drawing-view-actions{display:none}.game-shell.in-room.active-drawer:not(.etch-drawer) .stage-viewport{grid-template-rows:minmax(0,1fr)}.game-shell.in-room.active-drawer:not(.etch-drawer) .room-stage .canvas-stage{aspect-ratio:5/4;width:min(100cqw,125cqh);height:auto}.game-shell.in-room.active-drawer:not(.etch-drawer) .stage-viewport>.live-player-feedback{width:100%;height:auto;max-height:52px;padding:0;position:absolute;inset:auto 0 0;overflow:auto}@media (max-width:700px) and (orientation:portrait){.instrument-guess label{min-width:0}.filmstrip-track .frame-next-tile,.frame-capacity-ghost{flex-basis:3.5rem;width:3.5rem}}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.landscape-drawer .room-stage .canvas-column{grid-template-columns:var(--drawer-rail) minmax(0, 1fr)}.game-shell.in-room.landscape-drawer .stage-viewport{grid-column:2;margin-top:44px}.game-shell.in-room.landscape-drawer.still-drawing .room-stage .canvas-column{grid-template-columns:minmax(0,1fr)}.game-shell.in-room.landscape-drawer.still-drawing .stage-viewport{grid-column:1}.game-shell.in-room.landscape-drawer.still-drawing .landscape-frame-rail:empty,.game-shell.in-room.landscape-drawer .stage-equipment{display:none}.game-shell.in-room.landscape-drawer .game-status{right:calc(var(--drawer-right) + 112px)}.game-shell.in-room.landscape-drawer .stage-context{right:4px}.landscape-drawer .landscape-frame-rail .filmstrip-track{padding-top:52px}.landscape-drawer .landscape-frame-rail .filmstrip-track :is(button,.frame-capacity-ghost){flex:0 0 58px;width:76px;min-height:58px}.landscape-drawer .landscape-frame-rail .filmstrip-track .frame-next-tile{z-index:3;height:58px;position:sticky;bottom:0}}html[data-reduced-motion=true] :is(.floating-instrument-positioner,.floating-instrument,.floating-instrument-collapsed,.floating-instrument-content,.floating-instrument-content-frame):before,html[data-reduced-motion=true] :is(.floating-instrument-positioner,.floating-instrument,.floating-instrument-collapsed,.floating-instrument-content,.floating-instrument-content-frame):after,html[data-reduced-motion=true] :is(.floating-instrument-positioner,.floating-instrument,.floating-instrument-collapsed,.floating-instrument-content,.floating-instrument-content-frame){transition:none;animation:none}
}

@layer utilities {
.modal-sheet[data-utility-layout]>.game-sheet{border:2px solid var(--ink);border-radius:var(--button-radius,5px);box-shadow:none;overscroll-behavior:contain;background:var(--surface-paper);animation:utility-arrive var(--motion-quick) var(--motion-out);margin:0;padding:12px;position:fixed}.modal-sheet[data-utility-layout] .sheet-heading{z-index:1;background:var(--surface-paper);align-items:center;gap:12px;margin-bottom:12px;padding-block:4px;position:sticky;top:-12px}.modal-sheet[data-utility-layout] .sheet-heading h2{font:var(--type-heading);letter-spacing:normal;margin:0}.modal-sheet[data-utility-layout] :is(button,a,select,input){min-height:var(--hit-target)}.modal-sheet[data-utility-layout] .sheet-scrim{background:#11100e1f}.modal-sheet[data-utility-layout] .menu-group{border:0;border-top:1px solid var(--edge-shadow-color);box-shadow:none;border-radius:0;padding:8px 0 0}.modal-sheet[data-utility-layout] .menu-group:first-child{border-top:0;padding-top:0}.modal-sheet[data-utility-layout] .menu-group>.game-room-code{width:auto;font:var(--type-label);justify-self:start;padding:8px}.modal-sheet[data-utility-layout] .room-invite{border:0;border-top:1px solid var(--edge-shadow-color);box-shadow:none;padding-top:12px}.modal-sheet[data-utility-layout] .room-invite :is(svg,code){max-width:100%}.modal-sheet[data-utility-layout] .room-invite svg{height:auto}.modal-sheet[data-utility-layout] .drawer-reaction-picker{width:auto;max-height:none;box-shadow:none;border:0;padding:0;animation:none;position:static;inset:auto}.reaction-sheet .animotes-section{border:0;padding:0}.reaction-sheet .animotes-section h3{display:none}.reaction-sheet .animotes-picker.has-my-animotes{grid-template-columns:minmax(0,1fr)}.reaction-sheet .animotes-picker.has-my-animotes .animotes-section h3{margin-bottom:6px;display:block}.reaction-sheet .animotes-section>div{flex-wrap:wrap;gap:8px;display:flex}.reaction-sheet .animotes-section button{min-width:var(--hit-target)}.export-sheet .export-heading{margin:0}.export-sheet .replay-download-panel small{font:var(--type-caption)}@keyframes utility-arrive{0%{opacity:0}to{opacity:1}}html[data-reduced-motion=true] .modal-sheet[data-utility-layout]>.game-sheet{animation:none}
}

@layer utilities {
html[data-reduced-motion=true] :is(.departure-recap,.lobby-surface,.lobby-settings,.lobby-start,.game-shell:has(.room-back-notice) :is(.mobile-menu-trigger,.leave-button),.phase-final .round-clock,.round-cue,.countdown-number,.guess-ticker p,.emote-feed p,.game-sheet,.result-surface,.canvas-stage.etch-resetting,.etch-resetting+.etch-controls .etch-knob,.etch-resetting~.etch-mobile-controls .etch-thumb-knob,.canvas-stage .guess-ticker p,.game-shell.in-room .room-stage,.phase-drawing .frame-filmstrip,.phase-revealed .stage-context .prompt-card,.game-shell.in-room .stage-equipment .result-surface){animation:none}html[data-reduced-motion=true] .stage-flash{display:none}html[data-reduced-motion=true] :is(.etch-knob,.filmstrip-track button,.prompt-pack,.drawer-tools-dock,.room-entry :is(.start-room-surface,.join-room-surface)){transition:none}
}

@layer tokens,base,legacy,primitives,objects,scenes,utilities,overrides;