@layer primitives {
.tooltip-target{position:relative}.game-tooltip{z-index:var(--tooltip-layer);border:var(--stroke-2) solid var(--tooltip-text);border-radius:var(--radius-2);background:var(--tooltip-surface);width:max-content;max-width:min(16rem,100vw - 2rem);color:var(--tooltip-text);font-family:var(--font-body);font-size:.75rem;font-weight:var(--weight-bold);pointer-events:none;text-align:center;overflow-wrap:anywhere;padding:.42rem .52rem;line-height:1.2;position:fixed;box-shadow:.16rem .16rem #00000047}.game-tooltip[hidden]{display:none}.modal-dialog{box-sizing:border-box}.drawing-confirmation{border:var(--stroke-3) solid var(--border-strong);background:var(--surface-paper);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text-primary);padding:var(--space-4);overflow:auto}.drawing-confirmation::backdrop{background:var(--scrim-medium)}.drawing-confirmation h2{font-size:var(--text-heading)}.drawing-confirmation>div{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.ui-button.ui-button,.ui-cta.ui-cta{box-sizing:border-box;isolation:isolate;min-height:var(--button-utility-height);height:auto;padding:var(--space-2) var(--space-3);border:var(--stroke-2) solid var(--button-ink);border-radius:var(--button-radius);background:var(--button-bg,var(--button-paper));color:var(--button-fg,var(--button-ink));font:var(--type-label);letter-spacing:normal;text-transform:none;text-align:center;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-press) var(--ease-linear);text-decoration:none;position:relative;transform:none}.ui-cta.ui-cta{min-height:var(--button-action-height);padding:.625rem var(--space-4);font:var(--type-action);box-shadow:0 4px 0 var(--button-base,var(--button-ink));transition:transform var(--motion-release) var(--motion-out), box-shadow var(--motion-release) var(--motion-out), background-color var(--motion-press) var(--ease-linear)}.button-primary{--button-bg:var(--action-primary);--button-fg:var(--text-inverse);--button-hover:var(--action-primary-hover);--button-base:var(--action-primary-base)}.button-red{--button-bg:var(--action-destructive);--button-fg:var(--text-inverse);--button-hover:var(--action-destructive-hover);--button-base:var(--action-destructive-base)}.button-ink{--button-bg:var(--surface-inverse);--button-fg:var(--text-inverse);--button-hover:var(--text-secondary);--button-base:var(--text-muted)}.button-yellow{--button-bg:var(--action-secondary);--button-fg:var(--text-primary);--button-hover:var(--action-secondary-hover)}.ui-button.ui-button:not(.button-primary):not(.button-red):not(.button-ink):not(.button-yellow){border-color:var(--border-default)}.ui-button.ui-button[aria-pressed=true]{border-color:var(--button-ink)}.ui-button.button-icon{width:var(--hit-target);min-width:var(--hit-target);min-height:var(--hit-target);padding:var(--space-2);aspect-ratio:1;place-items:center;display:inline-grid}@media (hover:hover) and (pointer:fine){.ui-button.ui-button:hover:not(:disabled):not([aria-busy=true]),.ui-cta.ui-cta:hover:not(:disabled):not([aria-busy=true]){background:var(--button-hover,var(--surface-muted))}}.ui-button.ui-button:active:not(:disabled):not([aria-busy=true]){background:var(--button-hover,var(--surface-pressed))}.ui-cta.ui-cta:active:not(:disabled):not([aria-busy=true]){box-shadow:0 1px 0 var(--button-base,var(--button-ink));transition-duration:var(--motion-press);transform:translateY(3px)}.ui-button.ui-button:disabled,.ui-cta.ui-cta:disabled{opacity:1;cursor:not-allowed;background:var(--surface-disabled);color:var(--text-muted);border-color:var(--border-default);box-shadow:none;animation:none;transform:none}.ui-button.ui-button:disabled:before,.ui-cta.ui-cta:disabled:before{animation:none}.ui-button.ui-button[aria-busy=true],.ui-cta.ui-cta[aria-busy=true]{cursor:progress}.ui-button.ui-button[aria-expanded=true]{background:var(--surface-muted);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--button-ink)}.ui-button.button-icon-global-utility{border-radius:var(--radius-round);box-shadow:none;background:0 0;border:0}.ui-button.button-icon-global-utility[aria-expanded=true],.ui-button.button-icon-global-utility[aria-pressed=true]{background:var(--surface-paper);box-shadow:inset 0 0 0 var(--stroke-1) #11100e2e}@media (hover:hover) and (pointer:fine){.ui-button.button-icon-global-utility:hover:not(:disabled):not([aria-busy=true]){background:#fffdf8d1}}.ui-status{min-height:var(--status-height);padding:var(--space-2) var(--space-3);border:var(--stroke-1) solid var(--status-border);border-radius:var(--radius-3);background:var(--status-surface);color:var(--status-text);font:var(--type-label);box-shadow:none;justify-content:center;align-items:center;margin:0;display:inline-flex}.segmented-choice-field{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.segmented-choice-field legend{margin-bottom:var(--space-2);color:var(--text-secondary);font:var(--type-label)}.segmented-choice{grid-template-columns:repeat(var(--segmented-count), minmax(0, 1fr));gap:var(--stroke-1);border:var(--stroke-1) solid var(--segmented-border);border-radius:var(--radius-round);background:var(--segmented-border);min-width:0;display:grid;overflow:hidden}.segmented-choice button{min-width:0;min-height:var(--hit-target);padding:var(--space-2);background:var(--segmented-surface);color:var(--text-primary);font:var(--type-label);letter-spacing:normal;overflow-wrap:anywhere;cursor:pointer;border:0;border-radius:0}.segmented-choice button[aria-pressed=true]{background:var(--segmented-selected)}.segmented-choice button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.62}.segmented-choice button:focus-visible{z-index:1;outline:var(--stroke-3) solid var(--focus-ring);outline-offset:-3px;position:relative}@media (hover:hover) and (pointer:fine){.segmented-choice button:hover:not(:disabled):not([aria-pressed=true]){background:var(--surface-muted)}}html[data-reduced-motion=true] :is(.ui-button.ui-button,.ui-cta.ui-cta){transition:none}.player-name{vertical-align:middle;align-items:center;gap:.35em;min-width:0;max-width:100%;display:inline-flex}.player-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-avatar{white-space:nowrap;border:var(--stroke-1) solid var(--border-strong);border-radius:var(--radius-round);width:2.4em;height:2.4em;color:var(--text-primary);font:700 .7em/1 var(--font-body);letter-spacing:0;flex:0 0 2.4em;place-items:center;display:inline-grid}.reaction-badge.reaction-badge{border:var(--stroke-2) solid var(--border-strong);border-radius:var(--radius-5);background:var(--surface-muted);min-width:3.1em;min-height:2.25em;color:var(--text-primary);font:700 .875rem/1 var(--font-body);letter-spacing:0;place-items:center;padding:.25em .4em;display:inline-grid}.reaction-badge.tone-negative{background:var(--red-100)}.reaction-badge.tone-celebrate{background:var(--action-secondary)}.reaction-badge.tone-question{background:var(--blue-100)}
}

@layer objects {
.flipbook-surface{background:var(--surface-paper);box-shadow:3px 3px 0 var(--ink)}.replay-preview>.flipbook-surface{border:2px solid var(--ink)}.flipbook-surface>canvas{display:block}.flipbook-cover{background:var(--action-secondary);border-bottom:2px solid var(--ink);align-items:center;gap:12px;padding:12px;display:flex}.flipbook-cover img{flex:none;width:74px;height:auto}.flipbook-cover>div{min-width:0}.flipbook-cover p{font:var(--type-caption);margin:0 0 4px}.flipbook-cover h3{font:var(--type-action);overflow-wrap:anywhere;margin:0}.flipbook-playback{min-height:var(--hit-target);justify-content:center;align-items:center;gap:8px;display:inline-flex}.flipbook-playback .ui-icon{font-size:1em}@media (max-width:480px){.flipbook-cover img{width:56px}.flipbook-cover{gap:8px}}
}

@layer objects {
.completed-replay-overlay{z-index:var(--layer-modal);inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));width:auto;max-width:none;height:auto;max-height:none;padding:var(--space-4);overscroll-behavior:contain;border:var(--stroke-4) solid var(--border-strong);background:var(--surface-paper);color:var(--text-primary);margin:0;position:fixed;overflow:auto}.completed-replay-overlay::backdrop{background:var(--scrim-strong)}.completed-replay-overlay>.viewer-heading{justify-content:space-between;align-items:start;gap:var(--space-4);flex-wrap:wrap;display:flex}.completed-replay-overlay>.viewer-heading h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.completed-replay-overlay>.viewer-heading button{flex-shrink:0}.completed-replay-overlay>canvas{object-fit:contain;width:min(100%,750px);max-height:65dvh;margin:var(--space-4) auto;display:block}.completed-replay-overlay button,.archive-download a{text-decoration:none}.completed-gallery-grid{gap:var(--space-4);padding-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.replay-collection-item{min-width:0;padding:var(--space-2);border:var(--stroke-3) solid var(--border-strong);background:var(--surface-paper);color:var(--text-primary);font:inherit;text-align:left;overflow-wrap:anywhere}.replay-collection-item:focus-visible{outline:var(--stroke-3) solid var(--focus-ring);outline-offset:var(--space-1)}.completed-gallery canvas{width:100%;height:auto}.replay-gallery-trigger{white-space:normal;text-decoration:none}.archive-download{align-items:center;gap:var(--space-3);margin-block:var(--space-4);flex-wrap:wrap;display:flex}.archive-download p{overflow-wrap:anywhere;flex-basis:100%;margin:0}.archive-download p:empty{display:none}.replay-download-panel{overscroll-behavior:contain}@media (max-width:520px){.completed-replay-overlay{padding:var(--space-3)}.completed-replay-overlay>.viewer-heading{gap:var(--space-2)}}
}

@layer objects {
.game-shell .guess-flight.guess-impact[data-feedback-intensity],.game-shell .player-feedback-card.guess-impact[data-feedback-intensity]{transform-origin:50% 80%;animation:none}.guess-impact .guess-feedback-label,.guess-impact [data-guess-outcome],.guess-impact .winning-guess-label{display:inline-block}
}

@layer objects {
.reaction-flights{z-index:35;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));pointer-events:none;justify-content:center;align-items:end;gap:8px;display:flex;position:fixed;bottom:84px}.reaction-flights .reaction-flight{border:2px solid var(--ink);border-radius:var(--radius-5);background:var(--surface-paper);max-width:min(30vw,160px);box-shadow:2px 2px var(--ink);font:var(--type-body);justify-items:center;margin:0;padding:5px 8px;display:grid}.reaction-flight .reaction-badge{font-size:22px}.reaction-flight .reaction-badge.has-custom{width:76px;min-width:76px;padding:3px}.reaction-flight small{min-width:0;max-width:100%;font:var(--type-caption)}.reaction-flight .player-name{max-width:100%}.reaction-flights.is-quiet{opacity:.65}.reaction-sheet .animotes-section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.reaction-sheet .animotes-section button{width:100%;min-width:var(--hit-target);min-height:var(--hit-target);margin:0;padding:4px}.reaction-sheet .animotes-section button small{font:12px/16px var(--font-body)}@media (orientation:landscape) and (max-height:500px){.reaction-flights{justify-content:flex-start;max-width:calc(100vw - 110px);bottom:12px}.reaction-sheet .animotes-section>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
}

@layer objects {
.remote-pen-cue{pointer-events:none;visibility:hidden;z-index:2;position:absolute;inset:0;overflow:hidden}.remote-pen-cue[data-active=true]{visibility:visible}.remote-pen-location{width:0;height:0;position:absolute;top:0;left:0}.remote-pen-tool{transform-origin:8px 1px;width:16px;height:31px;position:absolute;top:-1px;left:-8px;transform:rotate(135deg)}.remote-pen-tool .marker-icon{width:16px;height:31px;display:block}.remote-eraser-tool{width:20px;height:20px;display:none;position:absolute;top:-8px;left:-8px}.remote-eraser-tool svg{width:20px;height:20px}.remote-pen-cue[data-tool=eraser] .remote-pen-tool{display:none}.remote-pen-cue[data-tool=eraser] .remote-eraser-tool{display:block}html[data-reduced-motion=true] .remote-pen-cue{display:none}
}

@layer objects {
.room-action-error{z-index:var(--layer-modal);background:var(--surface-paper);border:2px solid #ad3021;max-width:min(90vw,36rem);padding:.75rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.pack-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem;margin:.5rem 0;display:flex}.pack-heading h2{font:var(--type-action);margin:0}.pack-heading>span{font:var(--type-caption);min-width:9em;min-height:1.25em}.prompt-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:.5rem .2rem;display:grid}.prompt-pack{--foil:#f4cf43;min-width:0;color:var(--ink);background:linear-gradient(105deg,transparent 12%,#ffffff38 13%,transparent 17%,#0000000b 33%,transparent 36%,#ffffff36 55%,transparent 61%,#00000014 88%,transparent 91%),var(--foil);cursor:pointer;transition:transform var(--motion-quick) var(--motion-out),box-shadow var(--motion-quick) var(--motion-out);border:0;border-radius:2px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;display:flex;position:relative;transform:rotate(-1deg);box-shadow:2px 4px 1px #11100e40}.prompt-pack:before,.prompt-pack:after{content:"";background:repeating-linear-gradient(0deg,#11100e18 0 1px,#fff5 1px 2px,#0000 2px 3px);height:9px;position:absolute;left:0;right:0}.prompt-pack:before{top:0}.prompt-pack:after{bottom:0}.pack-art-0{--foil:#72cdeb}.pack-art-2{--foil:#ef8774;transform:rotate(1deg)}.prompt-pack strong{text-transform:uppercase;overflow-wrap:anywhere;text-align:center;max-width:100%;font:400 clamp(1.1rem,2.2vw,1.9rem)/1.15 Dela Gothic One,sans-serif}.pack-brand{font:700 .6rem/1 var(--font-body);text-align:center;border:2px solid;padding:.15rem}.prompt-pack svg{width:100%;height:auto;max-height:110px}.pack-note{font:var(--type-caption);text-align:center;flex:1}.pack-selection{font:700 .875rem/1.3 var(--font-body);background:var(--surface-paper);border:2px solid var(--ink);border-radius:var(--radius-2);padding:.2rem .4rem}.prompt-pack[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;transform:translateY(-3px)}.prompt-pack[aria-pressed=true] .pack-selection{background:var(--ink);color:var(--surface-paper)}.prompt-pack:disabled{opacity:1;cursor:default}.prompt-pack:focus-visible{outline:3px solid var(--link);outline-offset:4px}html[data-reduced-motion=true] .prompt-pack{transition:none}.pack-rail-shell{min-width:0;padding:0 48px 24px;position:relative}.selected-packs .pack-rail-shell{padding:0}.pack-browser .prompt-packs{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;align-items:center;gap:12px;min-width:0;padding:8px 4px 12px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.pack-browser :is(.prompt-pack,.prompt-pack-coming){aspect-ratio:2/3;scroll-snap-align:center;flex:0 0 clamp(7rem,28%,12rem);width:clamp(7rem,28%,12rem);min-width:0}.prompt-pack-coming{color:var(--text-muted);border:2px dashed var(--border-default);border-radius:var(--radius-2);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface-paper));box-shadow:2px 3px 0 var(--scrim-light);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:16px 8px;display:flex;position:relative;transform:rotate(.6deg)}.prompt-pack-coming:before,.prompt-pack-coming:after{content:"";background:repeating-linear-gradient(0deg,var(--scrim-light) 0 1px,transparent 1px 3px);opacity:.5;height:6px;position:absolute;left:4px;right:4px}.prompt-pack-coming:before{top:4px}.prompt-pack-coming:after{bottom:4px}.prompt-pack-coming strong{font:var(--type-label);text-transform:uppercase}.prompt-pack-coming .pack-brand{opacity:.65}.prompt-pack-coming .pack-note{flex:0;display:block}.pack-coming-art{aspect-ratio:1;border-radius:var(--radius-round);width:68%;font:var(--type-display);opacity:.55;border:3px solid;flex:1;place-items:center;display:grid;transform:rotate(-5deg)}.prompt-pack-coming .pack-selection{color:var(--text-muted);border-style:dashed}.pack-rail-control{z-index:2;width:var(--hit-target);min-width:var(--hit-target);height:var(--hit-target);border-radius:var(--radius-round);background:#fffdf8e0;padding:0;position:absolute;top:calc(50% - 34px)}.pack-rail-previous{left:0}.pack-rail-next{right:0}.pack-rail-control:disabled{opacity:.35}.pack-rail-position{min-width:5rem;font:var(--type-caption);color:var(--text-muted);text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%)}html[data-reduced-motion=true] .prompt-pack-coming{transform:none}.invite-scanner{border:3px solid var(--ink);border-radius:var(--radius-5);background:var(--surface-paper);width:min(92vw,28rem);max-height:90dvh;padding:1rem;overflow:auto}.invite-scanner::backdrop{background:#11100e88}.invite-scanner video{background:var(--ink);width:100%;max-height:50dvh;display:block}.invite-scanner h2{font:var(--type-heading);margin-top:0}.invite-scanner button{min-height:var(--hit-target);margin-top:1rem}.preview-lobby .scan-invite{margin:.25rem 0 0 .5rem}
}

@layer scenes {
.game-shell.in-room:is(.landscape-drawer,.landscape-etch){--drawer-rail:104px;--drawer-gap:8px;--drawer-left:max(8px, env(safe-area-inset-left));--drawer-right:max(8px, env(safe-area-inset-right));--drawer-top:max(8px, env(safe-area-inset-top));--drawer-bottom:max(8px, env(safe-area-inset-bottom));background:var(--surface-page);padding:var(--drawer-top) var(--drawer-right) var(--drawer-bottom) var(--drawer-left);display:block}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .room-stage{display:block}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .room-stage .canvas-column{grid-template-columns:var(--drawer-rail) minmax(0, 1fr) var(--drawer-rail);gap:var(--drawer-gap);grid-template-rows:minmax(0,1fr);display:grid;container-type:normal}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .stage-viewport{grid-area:1/2;grid-template-rows:minmax(0,1fr);margin:0;padding:4px}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .room-stage .canvas-stage{width:min(100cqw,125cqh);box-shadow:none;outline:2px solid var(--ink)}:is(.landscape-drawer,.landscape-etch) .canvas-input{inset:0}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .game-bar{display:contents}:is(.landscape-drawer,.landscape-etch) .game-bar>.room-share-controls,:is(.landscape-drawer,.landscape-etch) .game-bar .round-marker,:is(.landscape-drawer,.landscape-etch) .game-bar .role-marker:empty,:is(.landscape-drawer,.landscape-etch) .game-bar .game-actions,:is(.landscape-drawer,.landscape-etch) .game-bar .replay-download{display:none}:is(.landscape-drawer,.landscape-etch) .game-status{z-index:22;top:var(--drawer-top);left:calc(var(--drawer-left) + var(--drawer-rail) + var(--drawer-gap));right:calc(var(--drawer-right) + var(--drawer-rail) + var(--drawer-gap));pointer-events:none;justify-content:flex-start;gap:8px;position:absolute}:is(.landscape-drawer,.landscape-etch) .game-status>*{background:var(--surface-paper);border-radius:var(--radius-3);padding:4px 8px}:is(.landscape-drawer,.landscape-etch) .game-status .round-clock{align-items:center;gap:4px;display:flex}:is(.landscape-drawer,.landscape-etch) .game-status .round-clock small{display:none}:is(.landscape-drawer,.landscape-etch) .game-status .round-clock strong{color:var(--ink);font-size:16px}:is(.landscape-drawer,.landscape-etch) .game-status .round-clock.is-urgent strong{color:var(--text-danger)}:is(.landscape-drawer,.landscape-etch) .game-utilities{z-index:23;top:var(--drawer-top);right:var(--drawer-right);width:var(--drawer-rail);justify-content:flex-end;gap:4px;display:flex;position:absolute}:is(.landscape-drawer,.landscape-etch) .game-utilities .players-trigger{min-width:var(--hit-target);gap:2px;padding:4px}:is(.landscape-drawer,.landscape-etch) .game-utilities .mobile-menu-trigger{min-width:52px;padding:4px;display:block}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .stage-context{z-index:21;top:0;left:calc(var(--drawer-rail) + var(--drawer-gap) + 68px);right:calc(var(--drawer-rail) + var(--drawer-gap) + 4px);pointer-events:none;background:0 0;justify-content:center;height:auto;padding:0;display:flex;position:absolute}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .stage-context .prompt-card{pointer-events:auto;border:0;border-radius:0 0 12px 12px;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:0;padding:0;display:block;position:static;inset:auto;overflow:hidden}:is(.landscape-drawer,.landscape-etch) .stage-context .prompt-card>.eyebrow{display:none}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .stage-context .prompt-card h2{max-height:none;font-size:18px;line-height:1.15;display:block;overflow:visible}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .prompt-card:has([aria-expanded=false]){width:44px;max-width:44px}.landscape-prompt-toggle{width:100%;min-width:var(--hit-target);min-height:var(--hit-target);max-height:min(40dvh,2.3em + 16px);color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-weight:900;line-height:1.15;display:block;overflow:auto}.landscape-prompt-toggle:focus-visible{outline:3px solid var(--focus-ring-strong);outline-offset:-3px}:is(.landscape-drawer,.landscape-etch):has(.pip-expanded) :is(.stage-context,.game-status,.drawing-view-actions){visibility:hidden}:is(.landscape-drawer,.landscape-etch) .drawing-view-actions{top:auto;bottom:4px;right:auto;left:calc(var(--drawer-rail) + var(--drawer-gap) + 4px);pointer-events:none}:is(.landscape-drawer,.landscape-etch) .drawing-view-actions button{pointer-events:auto}.landscape-frame-rail{grid-area:1/1;min-width:0;min-height:0;display:flex}.landscape-drawer .drawer-loop-preview:not(.pip-expanded){border-radius:var(--radius-3);box-shadow:none}.landscape-drawer .drawer-loop-preview:not(.pip-expanded) .pip-frame-progress{display:none}.landscape-drawer .pip-expand-mark{font-size:12px}.landscape-drawer .landscape-frame-rail .frame-filmstrip{width:100%;min-height:0;position:static;overflow:hidden}.landscape-drawer .landscape-frame-rail .filmstrip-track{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;max-height:none;padding:6px;overflow:hidden auto}.landscape-drawer .landscape-frame-rail .filmstrip-track button{flex:0 0 58px;width:76px;min-height:58px}.landscape-drawer .landscape-frame-rail .filmstrip-track .landscape-next-frame{z-index:3;border:2px solid var(--ink);border-radius:var(--radius-4);height:58px;box-shadow:2px 3px var(--edge-shadow-color);padding:0;font-size:24px;position:sticky;bottom:0}.landscape-drawer .filmstrip-track .landscape-next-frame>.ui-icon{background:0 0;border:0;border-radius:0;width:auto;height:auto;padding:0;font-family:Animationary Icons;font-size:24px;position:static}.game-shell.in-room.landscape-drawer .stage-equipment{flex-direction:column;grid-area:1/3;justify-content:flex-start;align-items:stretch;gap:2px;width:100%;height:100%;min-height:0;padding:44px 0 0;display:flex;position:static}.landscape-drawer .stage-equipment .drawer-controls{flex-direction:column;flex:0 314px;gap:2px;min-height:0;display:flex;position:relative}.landscape-drawer .stage-equipment .drawer-tool-cluster{flex:1;order:0;width:100%;min-height:0;display:block;position:relative}.landscape-drawer .stage-equipment .drawer-tools-dock{border:2px solid var(--ink);width:100%;height:100%;box-shadow:none;padding:0 2px}.landscape-drawer .stage-equipment .drawer-dock-content{grid-template-rows:44px minmax(0,1fr) 44px;grid-template-columns:1fr 1fr;gap:0;height:100%;display:grid}.landscape-drawer .stage-equipment .drawer-tools-dock .size-control{min-height:var(--hit-target);flex:none;order:0;grid-column:1/-1;gap:3px;width:100%}.landscape-drawer .stage-equipment .drawer-tools-dock .color-options{overscroll-behavior:contain;order:1;grid-column:1/-1;grid-template-columns:1fr;grid-auto-rows:44px;gap:0;min-height:0;display:grid;overflow-y:auto}.landscape-drawer .stage-equipment .drawer-tools-dock .tool-group{order:2;grid-column:1;justify-content:center}.landscape-drawer .stage-equipment .drawer-tools-dock .tool-group button,.landscape-drawer .stage-equipment .drawer-tools-dock .color-options .marker-option{width:44px;min-width:var(--hit-target);height:44px;min-height:var(--hit-target)}.landscape-drawer .stage-equipment .drawer-tools-dock .color-options .marker-option{width:100%}.landscape-drawer .stage-equipment .drawer-tools-dock .marker-icon{flex-shrink:0;width:34px;height:64px;transform:rotate(-90deg)}.landscape-drawer .stage-equipment .drawer-tools-dock .tool-icon{width:32px;height:32px}.landscape-drawer .stage-equipment .drawer-tools-dock .toolbar-divider{display:none}.landscape-drawer .stage-equipment .tools-toggle{width:44px;height:44px;position:absolute;inset:auto 2px 2px auto}.landscape-drawer .stage-equipment .canvas-command-rail{flex:0 0 44px;order:1;justify-content:space-between;gap:4px;width:100%;display:flex}.landscape-drawer .stage-equipment .canvas-command-rail .command-action{width:48px;min-width:var(--hit-target);height:44px}.landscape-drawer .stage-equipment .drawer-reactions{position:static}.landscape-drawer .tools-collapsed .drawer-tools-dock{transform:translate(12px)}.landscape-feedback{flex:1;order:2;min-height:0;overflow:auto}.landscape-feedback .live-player-feedback{pointer-events:auto;gap:4px;width:100%;height:auto;padding:0;display:grid;position:static}.landscape-feedback .player-feedback-card{overflow-wrap:anywhere;padding:4px;font-size:12px}.landscape-feedback .player-feedback-card small{white-space:normal}.landscape-feedback .player-feedback-slot{grid-area:auto/1!important}.landscape-drawer .drawer-controls:has(.drawer-reactions[open]) .drawer-tool-cluster{visibility:hidden}.landscape-drawer .inline-reaction-picker{width:100%;max-height:none;box-shadow:none;margin:0;padding:4px;animation:.18s cubic-bezier(.22,1,.36,1) drawer-tray-in;position:absolute;inset:0 0 46px;overflow:auto}.landscape-drawer .inline-reaction-picker .animotes-picker{padding:0;display:block}.landscape-drawer .inline-reaction-picker .animotes-section{border:0;padding:0}.landscape-drawer .inline-reaction-picker .animotes-section>div{grid-template-columns:1fr;gap:4px;display:grid}.landscape-drawer .inline-reaction-picker button{width:100%;min-height:var(--hit-target);padding:4px}.landscape-drawer .inline-reaction-picker h3{font-size:12px}.landscape-drawer .inline-reaction-picker .my-animotes{border-top:1px solid var(--border-muted);margin-top:8px;padding-top:8px}.landscape-drawer .drawer-controls:not(:has(.drawer-reactions[open])) .drawer-tool-cluster{animation:.18s cubic-bezier(.22,1,.36,1) drawer-tray-in}@keyframes drawer-tray-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}html[data-reduced-motion=true] .landscape-drawer :is(.inline-reaction-picker,.drawer-tool-cluster){animation:none!important}.landscape-drawer .game-menu-actions label{gap:6px;display:grid}.landscape-drawer .game-menu-actions .solo-mode-choice{width:100%}.contextual-frame-actions{z-index:9;pointer-events:none;grid-template-columns:132px 44px;gap:8px;display:grid;position:absolute;bottom:4px;left:4px}.contextual-copy{grid-column:1;position:relative}.contextual-clear{grid-column:2}.contextual-frame-actions .command-action{width:44px;height:44px;min-height:var(--hit-target);border:2px solid var(--ink);border-radius:var(--radius-3);background:var(--surface-paper);pointer-events:auto;justify-content:center;align-items:center;padding:8px;display:flex}.contextual-frame-actions .contextual-copy button{justify-content:flex-start;width:132px}.contextual-frame-actions svg{width:20px;height:20px}.contextual-copy>span{color:var(--ink);font-size:12px;font-weight:800;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.contextual-frame-actions .clear-frame-action{color:var(--text-danger);border-color:var(--text-danger)}.contextual-frame-actions button:disabled{opacity:.4}.landscape-drawer:has(.contextual-frame-actions>*) .drawing-view-actions{bottom:54px}.landscape-drawer .stage-equipment .tools-toggle{box-shadow:none;background:0 0;border:0}.landscape-drawer :is(.tools-toggle,.landscape-prompt-toggle) .ui-icon{font-size:14px}.game-shell.in-room .movable-loop.pip-docked{z-index:var(--layer-feedback);position:fixed}.movable-loop .pip-restore{touch-action:none}.movable-loop.pip-docked:not(.is-dragging):is(.dock-top,.dock-bottom){right:auto;left:calc(50% - var(--pip-width) / 2)!important}.movable-loop.pip-docked:not(.is-dragging).dock-top{bottom:auto;top:max(8px, env(safe-area-inset-top))!important}.movable-loop.pip-docked:not(.is-dragging).dock-bottom{bottom:max(8px, env(safe-area-inset-bottom));top:auto!important}.movable-loop.pip-docked:not(.is-dragging):is(.dock-left,.dock-right){bottom:auto;top:calc(50% - var(--pip-height) / 2)!important}.movable-loop.pip-docked:not(.is-dragging).dock-left{right:auto;left:max(8px, env(safe-area-inset-left))!important}.movable-loop.pip-docked:not(.is-dragging).dock-right{right:max(8px, env(safe-area-inset-right));left:auto!important}.game-shell.in-room.landscape-etch .stage-equipment,.landscape-etch .etch-tool-cluster,.landscape-etch .etch-tool-cluster .etch-equipment,.landscape-etch .etch-equipment-options{display:contents}.landscape-etch .etch-tool-cluster .etch-dial{z-index:10;bottom:calc(var(--drawer-bottom) + 56px);width:88px;height:88px;position:fixed}.landscape-etch .etch-tool-cluster .etch-horizontal{left:calc(var(--drawer-left) + 8px)}.landscape-etch .etch-tool-cluster .etch-vertical{right:calc(var(--drawer-right) + 8px)}.landscape-etch .etch-equipment .etch-explicit-clear{z-index:10;bottom:var(--drawer-bottom);right:var(--drawer-right);width:var(--drawer-rail);min-height:var(--hit-target);position:fixed}.landscape-etch .etch-tool-cluster>.drawer-reactions{z-index:11;left:var(--drawer-left);bottom:var(--drawer-bottom);position:fixed}.landscape-etch .drawing-view-actions{left:var(--drawer-left);top:var(--drawer-top);max-width:var(--drawer-rail);position:fixed;bottom:auto}.landscape-etch .drawing-view-actions button{min-height:var(--hit-target)}.landscape-etch .stage-viewport>.live-player-feedback{top:calc(var(--drawer-top) + 52px);left:var(--drawer-left);width:var(--drawer-rail);height:auto;max-height:calc(100dvh - var(--drawer-top) - var(--drawer-bottom) - 212px);flex-direction:column;padding:0;display:flex;position:fixed;overflow:auto}.landscape-etch .player-feedback-card{overflow-wrap:anywhere}.landscape-etch .etch-layout-select,.landscape-etch .etch-reset-feedback{display:none}
}

@layer scenes {
.opening-selection{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(160px,24%) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:auto}.opening-identity{align-self:center;min-width:0;min-height:0;max-height:100%;padding:12px;overflow:auto}.opening-identity h2{font:var(--type-label);letter-spacing:normal;margin:0}.opening-object{min-width:0}.opening-content .opening-object h2{font:var(--type-heading);letter-spacing:normal;margin:8px 0}.opening-progress{width:100%}.opening-progress [role=progressbar]{background:var(--border-muted);height:6px;overflow:hidden}.opening-progress [role=progressbar] span{background:var(--action-primary);transform-origin:0;width:100%;height:100%;display:block}.opening-content summary{min-height:var(--hit-target);cursor:pointer;padding:12px 0}html[data-reduced-motion=true] .opening-progress [role=progressbar]{display:none}.opening-identity summary{min-height:var(--hit-target);cursor:pointer;padding:12px 0}.opening-selection .opening-identity .prompt-packs{flex-wrap:wrap;gap:8px}.opening-selection .opening-identity .prompt-pack{width:min(100%,100px);min-width:0}.opening-selection .opening-identity .pack-brand,.opening-selection .opening-identity .pack-selection{display:none}@media (max-width:600px) and (orientation:portrait){.opening-selection{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.opening-identity{flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.opening-identity h2{flex:1}.opening-identity .opening-object{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.opening-identity .selected-packs{flex:1;min-width:0}.opening-selection .opening-identity .prompt-packs{flex-wrap:nowrap;justify-content:start;overflow-x:auto}.opening-selection .opening-identity .prompt-pack{flex:0 0 100px;width:100px;padding:4px}.opening-selection .opening-identity .prompt-pack svg{height:32px}.opening-selection .opening-identity .prompt-pack strong{font:var(--type-caption)}.opening-selection .roulette-board{aspect-ratio:1;width:auto;max-width:80vw;height:100%;max-height:280px}}.match-opening{text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:16px;display:grid;overflow:auto}.opening-content{width:min(100%,640px);min-width:0}.match-opening h1{font:var(--type-display);margin:8px 0 16px}.match-opening p{font:var(--type-body);margin:8px 0}.opening-content>strong{font:var(--type-label);display:block}.match-opening .opening-next{font:var(--type-caption);margin-top:16px}.selected-packs .prompt-packs{justify-content:center;gap:16px;padding:8px;display:flex}.selected-packs .prompt-pack{width:min(30%,144px);padding:12px 8px}.opening-content .prompt-packs{justify-content:start;overflow-x:auto}.opening-content .prompt-pack{flex-shrink:0}.selected-packs .prompt-pack strong{font:var(--type-action)}.selected-packs .prompt-pack svg{height:64px}.selected-packs .pack-note{display:none}.selected-packs .pack-selection{font:var(--type-caption);align-items:center;gap:4px;display:flex}@media (max-height:500px) and (orientation:landscape){.match-opening{padding:8px 16px}.opening-content{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.opening-content>.opening-object{grid-area:1/1/3}.opening-content>details,.opening-content>.opening-progress{grid-column:2;margin:4px 0}.opening-selection{grid-template-columns:140px minmax(0,1fr)}.opening-selection .opening-identity{padding:8px}.opening-selection .opening-identity .prompt-pack{width:48px;padding:4px}.opening-selection .opening-identity .prompt-pack svg{height:24px}.opening-selection .opening-identity .prompt-pack strong{font:var(--type-caption)}.opening-selection .roulette-board{width:min(220px,30vw,100dvh - 150px)}.match-opening h1{font:var(--type-heading)}.match-opening p,.opening-content>strong{font:var(--type-caption)}.selected-packs .prompt-packs{gap:8px;padding:6px}.selected-packs .prompt-pack{flex:1;width:auto;min-width:0;padding:12px 4px}.selected-packs .prompt-pack strong{font:var(--type-caption)}.selected-packs .pack-brand{font-size:8px}.selected-packs .pack-selection{padding:2px;font-size:11px}}.phase-selecting{background:var(--color-neutral,var(--surface-page))}.phase-selecting .game-bar{position:relative}.phase-selecting .game-status{visibility:hidden}.first-drawer{min-height:0;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));text-align:center;flex:1;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:12px;display:grid;overflow:hidden}.first-drawer header{align-self:end}.first-drawer h1{font:var(--type-display);margin:0}.first-drawer .eyebrow{margin:0 0 4px}.roulette-board{aspect-ratio:1;align-self:center;width:min(440px,90vw,100dvh - 240px);position:relative}.roulette-wheel{border:3px solid var(--ink);background:var(--surface-paper);width:100%;height:100%;box-shadow:0 5px 0 var(--ink);border-radius:50%;position:relative}.roulette-position{width:0;height:0;position:absolute}.roulette-person{flex-direction:column;align-items:center;gap:3px;width:90px;height:64px;display:flex;position:absolute;top:-32px;left:-45px}.roulette-person .player-avatar{border-width:2px;flex:0 0 42px;width:42px;height:42px;font-size:18px}.roulette-name{max-width:90px;font:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;background:var(--surface-paper);border-radius:3px;padding:1px 3px;line-height:16px;overflow:hidden}.roulette-person.is-selected .player-avatar{outline:5px solid var(--action-secondary)}.roulette-pointer{z-index:2;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:24px;height:28px;position:absolute;top:-10px;left:calc(50% - 12px)}.roulette-hub{border:3px solid var(--ink);background:var(--action-secondary);width:54px;height:54px;font:var(--type-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-announcement{place-items:center;width:100%;min-width:0;max-width:440px;min-height:64px;display:grid;position:relative}.roulette-waiting{font:var(--type-label);margin:0}.roulette-result{background:var(--action-secondary);border:2px solid var(--ink);border-radius:var(--radius-3);font:var(--type-heading);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:8px 16px;display:flex}.roulette-announcement:not(:has(.roulette-waiting[hidden])) .roulette-result{position:absolute}.roulette-result .player-name{min-width:0;max-width:100%}.roulette-result .player-name-text{white-space:normal;overflow-wrap:anywhere;min-width:0}html[data-reduced-motion=true] .roulette-pointer{display:none}@media (orientation:landscape) and (max-height:500px){.first-drawer{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:8px 24px}.first-drawer header{grid-column:1}.roulette-board{grid-area:1/2/3;width:min(280px,40vw,100dvh - 88px)}.roulette-announcement{grid-area:2/1;align-self:start}.roulette-person{width:72px;height:52px;top:-26px;left:-36px}.roulette-person .player-avatar{flex-basis:32px;width:32px;height:32px;font-size:14px}.roulette-name{max-width:72px;font-size:12px}}
}

@layer scenes {
.game-shell.in-room.fitted-stage:not(.landscape-drawer) .room-stage{grid-template-rows:var(--stage-context-height) minmax(0, 1fr);align-content:stretch;justify-items:stretch;container-type:normal}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .stage-context{width:100%;padding-bottom:0}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .room-stage .canvas-workbench{height:100%;min-height:0;display:block}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .room-stage .canvas-column{grid-template:minmax(0,1fr) auto/minmax(0,1fr);height:100%;min-height:0;padding:0;display:grid;container-type:normal}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .stage-viewport{width:auto;height:auto;margin:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);place-items:center;padding:0;display:grid;position:relative;container-type:size}.game-shell.in-room.fitted-stage.active-drawer:not(.landscape-drawer) .stage-viewport{margin-top:38px}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .room-stage .canvas-stage{aspect-ratio:5/4;align-self:center;width:min(100cqw,125cqh);height:auto}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .stage-equipment{width:100%;height:auto;min-height:0;padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));justify-self:stretch;position:static}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .stage-viewport>.live-player-feedback{width:100%;height:auto;max-height:52px;padding:0;position:absolute;inset:auto 0 0}.game-shell.in-room.fitted-stage.active-guesser .guesser-composer{max-width:760px;margin-inline:auto}.game-shell.in-room.fitted-stage.active-guesser .flying-guess-lanes{height:100%;inset:0}.guesser-mode-toggle .ui-icon{font-size:24px;display:inline-grid}.pen-palette{min-width:0;position:relative}.compact-pen{display:none!important}.pen-palette-cue{font:12px var(--font-body);letter-spacing:2px;position:absolute;bottom:0}.landscape-drawer .pen-palette{order:1;grid-column:1/-1;min-height:0;overflow-y:auto}@media (max-width:620px) and (orientation:portrait){.game-shell.in-room.fitted-stage .stage-equipment .drawer-controls{grid-template:"tools tools""commands forward"/auto minmax(0,1fr);gap:4px;display:grid}.game-shell.in-room.fitted-stage .drawer-tool-cluster{grid-area:tools;justify-self:center;gap:4px}.game-shell.in-room.fitted-stage .stage-equipment .drawer-tools-dock .drawer-dock-content{flex-flow:row;gap:4px;width:auto;display:flex}.game-shell.in-room.fitted-stage .stage-equipment .drawer-tools-dock .toolbar-divider{display:none}.game-shell.in-room.fitted-stage .stage-equipment .drawer-tools-dock .size-control{width:88px;min-height:var(--hit-target);flex:0 0 88px}.game-shell.in-room.fitted-stage .pen-palette .compact-pen{position:relative;display:grid!important}.game-shell.in-room.fitted-stage .pen-palette .color-options{display:none}.game-shell.in-room.fitted-stage .pen-palette.is-open .color-options{z-index:30;border:2px solid var(--ink,var(--ink));border-radius:var(--radius-3);background:var(--surface-paper);gap:2px;width:max-content;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);left:-44px}.game-shell.in-room.fitted-stage .stage-equipment .drawer-tools-dock :is(.tool-group button,.marker-option){width:44px;min-width:var(--hit-target);height:48px;min-height:48px;padding:0;transform:none}.game-shell.in-room.fitted-stage .stage-equipment .drawer-tools-dock .marker-icon{width:28px;height:42px}}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.fitted-stage.active-guesser{--stage-context-height:48px}.game-shell.in-room.fitted-stage.active-guesser .room-stage{grid-template:auto minmax(0,1fr) auto/minmax(0,1fr) 216px}.game-shell.in-room.fitted-stage.active-guesser .room-stage :is(.canvas-workbench,.canvas-column){display:contents}.game-shell.in-room.fitted-stage.active-guesser .stage-context{grid-area:1/2;max-height:160px;overflow:auto}.game-shell.in-room.fitted-stage.active-guesser .stage-context .guesser-phrase-shell{flex-wrap:wrap}.game-shell.in-room.fitted-stage.active-guesser .stage-context .phrase-slots{flex-basis:100%}.game-shell.in-room.fitted-stage.active-guesser .stage-viewport{grid-area:1/1/4}.game-shell.in-room.fitted-stage.active-guesser .stage-equipment{grid-area:3/2}.game-shell.in-room.fitted-stage.active-guesser .guess-form{flex-wrap:wrap}.game-shell.in-room.fitted-stage.active-guesser .guess-form label{flex-basis:100%}.game-shell.in-room.fitted-stage.active-guesser .stage-equipment{padding-block:4px}}.modal-sheet{width:100%;max-width:none;max-height:none;color:inherit;background:0 0;border:0;margin:0}.modal-sheet::backdrop{background:0 0}.game-menu-actions .menu-group{border-bottom:1px solid var(--border-default);gap:8px;padding-bottom:12px;display:grid}.game-menu-actions .menu-group:empty{display:none}.game-menu-actions .menu-leave{margin-top:8px}.game-shell.in-room.active-drawer:not(.hot-pen-room):not(.landscape-etch) .drawing-view-actions{pointer-events:none;top:auto;bottom:4px}.game-shell.in-room.active-drawer:not(.hot-pen-room):not(.landscape-etch) .drawing-view-actions button{pointer-events:auto}
}

@layer scenes {
.game-shell .prompt-card h2{letter-spacing:normal;word-spacing:.08em}.result-word>small{min-height:18px;font:var(--type-caption)}.results-ready-players>span>small,.rank-points small,.ready-details{font:var(--type-caption)}.results-ready-players{font-size:var(--text-caption)}.etch-reset-feedback{font:var(--type-caption)}.game-shell.in-room.hot-pen-room .game-status{display:none}.game-shell.in-room.fitted-stage.hot-pen-room .room-stage{grid-template-rows:max-content minmax(0,1fr)}.game-shell.in-room.hot-pen-room .stage-context{padding:0}.game-shell.in-room.hot-pen-room .stage-context .hot-pen-prompt{gap:4px;padding:6px 8px;display:grid;position:static}.hot-pen-room .hot-pen-status{font:var(--type-caption);justify-content:center;gap:4px 12px;display:flex}.hot-pen-room .hot-pen-status small{font:inherit}.game-shell.in-room.hot-pen-room .stage-equipment .hot-pen-social{order:2;width:100%;margin:0;position:static}.hot-pen-comments .hot-pen-comment-feed{height:44px;max-height:44px;font:var(--type-caption);overflow:auto}.hot-pen-comments .hot-pen-comment-feed:empty{visibility:hidden}.hot-pen-watcher-tools{font:var(--type-caption);justify-content:center;align-items:center;gap:8px;display:flex}.hot-pen-watcher-tools .marker-icon{width:20px;height:32px}.game-shell.in-room.hot-pen-room.phase-revealed .stage-equipment{gap:8px;width:100%;height:auto;padding:8px;display:flex;position:static}.game-shell.in-room.hot-pen-room.phase-revealed .hot-pen-completion{max-width:none}body .drawer-reaction-picker:not(.inline-reaction-picker){padding:8px;width:min(272px,100vw - 16px)!important;max-height:min(240px,100dvh - 16px)!important;right:auto!important}body:has(.active-drawer:not(.etch-drawer):not(.landscape-drawer)) .drawer-reaction-picker:not(.inline-reaction-picker){top:var(--reaction-top)!important;left:var(--reaction-left)!important}.drawer-reaction-picker .animotes-section h3{font:var(--type-caption);margin:0 0 4px}.drawer-reaction-picker .animotes-section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.drawer-reaction-picker .animotes-section button{width:100%;min-width:0;min-height:var(--hit-target);padding:4px}.drawer-reaction-picker .animotes-section button small{display:none}.drawer-reaction-picker .animotes-section button span{font-size:14px}.game-shell .flying-guess-lanes{z-index:var(--layer-feedback);pointer-events:none;overflow:visible}.game-shell .guess-flight{font-size:18px}.game-shell .guess-flight small{font-size:14px}.game-shell .live-player-feedback{pointer-events:none;z-index:var(--layer-feedback)}.game-shell.in-room.fitted-stage:not(.landscape-drawer) .stage-viewport>.live-player-feedback{max-height:none;inset:8px 0 auto;overflow:visible}.game-shell .player-feedback-card{font-size:18px}.game-shell .player-feedback-card small,.game-shell .player-feedback-card>span{font-size:14px}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.hot-pen-room .room-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 232px;display:grid;container-type:normal}.game-shell.in-room.hot-pen-room .stage-context{grid-area:1/2;min-width:0;max-height:110px;overflow:auto}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .canvas-workbench,.game-shell.in-room.hot-pen-room.active-drawer .room-stage .canvas-column{display:contents}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .stage-viewport{grid-area:1/1/3;place-items:center;width:auto;height:auto;margin:54px 8px 4px;padding:0;display:grid;container-type:size}.game-shell.in-room.hot-pen-room .room-stage .canvas-stage{aspect-ratio:5/4;width:min(100cqw,125cqh);height:auto}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .stage-equipment{grid-area:2/2;width:100%;height:auto;min-height:0;padding:4px;position:static;inset:auto;overflow:auto}.game-shell.in-room.hot-pen-room.active-drawer .room-stage :is(.drawer-edge-dock,.canvas-command-rail,.drawer-forward-controls,.drawer-tool-cluster,.drawer-clear-dock){width:auto;max-width:none;position:static;inset:auto;transform:none}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .frame-filmstrip{width:100%;position:absolute;inset:-54px 0 auto}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .filmstrip-track{justify-content:start}.hot-pen-room .stage-equipment .drawer-controls{flex-flow:wrap;justify-content:center;gap:4px;display:flex}.hot-pen-room .stage-equipment .drawer-tool-cluster{order:-1;align-items:center;gap:4px;display:flex}.hot-pen-room .stage-equipment .drawer-tools-dock{padding:2px}.hot-pen-room .stage-equipment .drawer-tools-dock .drawer-dock-content{gap:4px;padding:0;display:flex}.hot-pen-room .toolbar-divider{display:none}.hot-pen-room .stage-equipment .drawer-tools-dock .size-control{flex:0 0 72px;width:72px;min-width:0}.hot-pen-room .brush-size-slider{width:48px}.hot-pen-room .compact-pen{display:flex!important}.hot-pen-room .stage-equipment .pen-palette .color-options{display:none}.hot-pen-room .stage-equipment .pen-palette.is-open .color-options{background:var(--surface-paper);border:2px solid var(--ink);z-index:30;padding:4px;display:flex;position:absolute;bottom:100%;right:0}.hot-pen-room :is(.marker-option,.eraser-option){width:44px;min-height:var(--hit-target);padding:0}.hot-pen-room .drawer-tools-dock .marker-icon{width:26px;height:38px}.hot-pen-room .drawer-forward-controls{display:contents}.hot-pen-room .stage-equipment .drawer-actions-dock{flex-basis:100%}.hot-pen-room .stage-equipment .drawer-tool-cluster>.tools-toggle{flex:0 0 44px;position:static}.hot-pen-room .stage-equipment .commit-button{width:100%;min-height:var(--hit-target);padding:4px;font-size:14px}.hot-pen-room .stage-equipment .action-time-label{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.hot-pen-room .stage-equipment .command-action{width:44px;min-width:var(--hit-target);height:44px;min-height:var(--hit-target)}.hot-pen-room .hot-pen-comments .guess-form{flex-wrap:nowrap}.hot-pen-room .hot-pen-comments .guess-form label{flex:1;min-width:0}.game-shell.in-room.hot-pen-room.active-drawer.phase-drawing .stage-equipment .hot-pen-social{min-height:var(--hit-target);flex:1}.hot-pen-room.active-drawer.phase-drawing .hot-pen-comments{flex-direction:column;max-height:100%;display:flex}.hot-pen-room.active-drawer.phase-drawing .hot-pen-comment-feed{flex:0 auto;min-height:0}.hot-pen-room.active-drawer.phase-drawing .hot-pen-comments .guess-form{flex:none}}.results-followup{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions{gap:6px}.clean-sweep-stamp{background:var(--action-secondary);border:2px solid var(--ink);border-radius:var(--radius-3);padding:8px}.round-ranking .clean-sweep-stamp{font:var(--type-action);display:block}.clean-sweep-stamp>span:not(.ui-icon){font:var(--type-caption);margin-top:4px;display:block}.rank-points{font:var(--type-caption)}.round-stage-details .departure-recap-content,.round-stage-details .departure-round-list,.round-stage-details .departure-scores,.round-stage-details .shared-results{max-height:none;overflow:visible}@media (max-width:620px) and (orientation:portrait){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-column{grid-template-rows:minmax(0,.4fr) minmax(0,1fr) auto;height:100%;min-height:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage[data-results-beat=replay] .canvas-column{grid-template-rows:minmax(0,1fr) 0 auto}.room-stage[data-results-beat=replay] .round-ranking{visibility:hidden;pointer-events:none;overflow:hidden}.round-ranking{min-height:0;overflow:hidden}.round-ranking .ranking-scroll{min-height:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions .results-followup{flex-basis:100%}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions .ui-cta{max-width:none}.round-ranking .results-ready-players{max-height:56px;font-size:var(--text-caption);flex-shrink:0}.round-ranking .results-next-drawer{font-size:14px}.round-ranking .clean-sweep-stamp{margin:0;padding:4px}.round-ranking .clean-sweep-stamp>span:not(.ui-icon){margin-left:4px;display:inline}.game-shell.phase-revealed .game-bar .post-round-feedback{display:none}}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage[data-results-beat=replay] .canvas-column{grid-template-columns:minmax(0,1fr) 0}.room-stage[data-results-beat=replay] .round-ranking{visibility:hidden;pointer-events:none;overflow:hidden}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions .results-followup{flex-wrap:nowrap}.round-ranking .clean-sweep-stamp{padding:4px;font-size:14px}}
}

@layer scenes {
.match-payoff{border-left:5px solid var(--action-secondary);min-width:0;padding-left:12px}.match-payoff h2{font:var(--type-heading);letter-spacing:normal;margin:0 0 8px}.match-winners{font:var(--type-action);flex-wrap:wrap;gap:8px 16px;display:flex}.match-winners .player-name-text{white-space:normal;overflow-wrap:anywhere}.match-payoff p{font:var(--type-body);margin:8px 0 0}.recap-actions{align-items:center}.recap-actions .recap-leave{box-shadow:none;background:0 0;border-color:#0000;text-decoration:underline}.shared-results:is(.match-results,.departure-results){gap:1rem;padding:clamp(.75rem,2vw,1.5rem)}.shared-results:is(.match-results,.departure-results) h1{font:var(--type-display);margin:.25rem 0 0}.shared-results:is(.match-results,.departure-results) .departure-recap-content{min-width:0;display:block}.shared-results:is(.match-results,.departure-results) .departure-round-list{scroll-snap-type:x proximity;align-items:start;gap:1rem;padding:.25rem .25rem .75rem;scroll-padding-inline:.25rem;display:flex;overflow-x:auto}.shared-results:is(.match-results,.departure-results) .departure-round-list article{scroll-snap-align:start;flex:0 0 min(31rem,85%);min-width:0}.shared-results .departure-round-list article{box-shadow:none;background:0 0;border:0;padding:0;display:block;overflow:visible}.replay-card-preview,.replay-collection-item{position:relative}.replay-card-preview .flipbook-cover,.replay-collection-item .flipbook-cover{padding-inline-end:calc(var(--hit-target) + var(--space-3))}.shared-results .flipbook-cover h3{font:var(--type-label);letter-spacing:var(--tracking-ui);margin:0}.shared-results .departure-round-list article>.replay-card-preview{border:0;padding:0}.replay-preview canvas{aspect-ratio:5/4;opacity:1;width:100%;height:auto;transition:opacity var(--motion-quick) var(--motion-out);display:block}.replay-preview.is-resetting canvas{opacity:0}.replay-preview[data-preview-on-intent=true]{cursor:pointer}.replay-preview>button{margin:.5rem}.replay-open-corner{z-index:2;inset:var(--space-2) var(--space-2) auto auto;width:var(--hit-target);min-width:var(--hit-target);height:var(--hit-target);min-height:var(--hit-target);margin:0;position:absolute}.completed-replay-overlay>.replay-preview{width:min(100%,50rem);margin-inline:auto}.recap-replay-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.recap-replay-heading h2{margin:0}.shared-results :is(.recap-ranking,.recap-replay-heading) h2{font:var(--type-label);letter-spacing:var(--tracking-ui);text-transform:none}.recap-replay-heading nav,.recap-actions{flex-wrap:wrap;gap:.5rem;display:flex}.recap-ranking .departure-scores{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:8px 16px}.recap-ranking .score-row{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.recap-ranking .score-row strong{align-items:center;gap:.4rem;min-width:0;display:flex}.recap-ranking .score-row>span{flex:none}.shared-results .recap-ranking .score-row{border-bottom:1px solid var(--edge-shadow-color);font:var(--type-label);background:0 0}.shared-results .recap-ranking .score-row:first-child{border-top:3px solid var(--action-secondary)}.shared-results .recap-ranking .score-row>span{color:var(--ink);font:var(--type-caption);font-variant-numeric:tabular-nums}.recap-score-details{margin-top:.5rem}.recap-score-details summary,.recap-card-details summary{cursor:pointer;min-height:var(--hit-target);font:var(--type-label);padding-block:.75rem}.recap-score-details p{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.shared-results .recap-card-details{background:0 0;padding:0 4px}.shared-results .completed-guesses{margin-top:0}.shared-results .departure-round-list:focus-visible{outline:3px solid var(--action-primary);outline-offset:2px}@media (max-width:480px){.shared-results:is(.match-results,.departure-results) .departure-round-list article{flex-basis:94%}.recap-ranking .departure-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-results .recap-ranking .score-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 0;display:grid}.recap-ranking .score-row strong{grid-template-columns:16px minmax(0,1fr);display:grid}.recap-ranking .score-row>span{padding-left:20px}}body:has(.game-shell.in-room.results-room){overflow:visible}html:has(.game-shell.in-room.results-room){scroll-padding-block-start:calc(var(--document-utility-inset,0px) + env(safe-area-inset-top,0px) + 8px)}.game-shell.results-room .shared-results :is(h1,h2,h3,article,summary,button,[tabindex]){scroll-margin-block-start:calc(var(--document-utility-inset,0px) + env(safe-area-inset-top,0px) + 8px)}.game-shell.results-room>.game-bar{top:env(safe-area-inset-top,0px);z-index:30;box-shadow:none;pointer-events:none;background:0 0;border:0;align-self:start;position:sticky}.results-room>.game-bar>*{pointer-events:auto}.game-shell.results-room>.game-bar,.results-room>.game-bar .game-utilities{flex-wrap:wrap;min-width:0;height:auto;display:flex}.game-shell.results-room>.game-bar .game-status{display:none}[data-document-utility]{transition:translate var(--motion-quick) var(--motion-out), opacity var(--motion-quick) var(--motion-out)}html[data-utilities-tucked] [data-document-utility]:not(:focus-within){translate:0 calc(-100% - env(safe-area-inset-top,0px) - 16px);opacity:0}html[data-utilities-tucked] [data-document-utility]:not(:focus-within),html[data-utilities-tucked] [data-document-utility]:not(:focus-within) *{pointer-events:none}[data-document-utility]:focus-within,html[data-reduced-motion=true] [data-document-utility]{opacity:1;transition:none;translate:none}html[data-reduced-motion=true] .replay-preview canvas{transition:none}
}

@layer scenes {
.room-entry :is(.start-room-surface,.join-room-surface){grid-template-rows:auto;align-content:start;gap:12px;height:auto;min-height:0;position:relative}.room-entry{align-items:start}.room-entry :is(.entry-heading,.entry-field,.start-room-button,.join-room-button,.room-error),.room-entry .start-room-surface .entry-heading{grid-row:auto}.room-entry .room-error{overflow-wrap:anywhere;min-height:0;margin:8px 0 0;position:static}.room-entry .join-room-button.button-ink{background:var(--ink);color:var(--surface-paper);box-shadow:0 4px 0 var(--text-muted)}.room-entry .join-room-button.button-ink:hover{background:var(--text-secondary)}.room-entry .compact-scanner{position:absolute;top:8px;right:8px}.room-entry .join-room-surface:has(.compact-scanner) .entry-heading{padding-right:44px}.entry-practice .solo-entry{box-shadow:none;background:0 0;border-color:#0000}.entry-practice .solo-entry:hover{border-color:currentColor}.game-shell.phase-lobby .mode-lobby{min-height:0;box-shadow:none;border:0;grid-template:minmax(0,1fr)/minmax(0,1fr);padding:clamp(12px,3vw,32px);display:grid;overflow:auto}.mode-lobby>:not(.mode-selection){display:none!important}.game-shell.phase-lobby .mode-lobby .mode-selection{background:0 0;grid-area:1/1;align-content:safe center;justify-items:stretch;gap:24px;padding:0;animation:none;overflow:visible;display:grid!important}.mode-choice-heading{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:relative}.mode-choice-heading h2{grid-column:2}.mode-choice-back{min-height:var(--hit-target);grid-area:1/1;justify-self:start}.mode-choice-heading p{font:var(--type-caption);margin:0 0 8px}.mode-lobby .mode-selection h2{font:var(--type-display);margin:0}@media (max-width:900px) and (orientation:portrait){.game-shell.phase-lobby .mode-lobby .mode-selection{align-content:start;gap:12px}.mode-choice-heading p{display:none}.mode-lobby .mode-selection h2{font:var(--type-heading)}}@media (max-height:500px) and (orientation:landscape){.entry-shell{padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.entry-masthead{width:min(34vw,220px);margin:0 auto 8px}.entry-masthead .entry-logo{width:100%;max-height:64px}.room-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;width:min(100%,52rem)}.room-entry :is(.start-room-surface,.join-room-surface){gap:8px;height:auto;min-height:0;padding:12px}.room-entry .entry-heading h2{font:var(--type-heading);margin:0}.room-entry .start-room-surface{align-content:space-between;align-self:stretch}.room-entry :is(.start-room-button,.join-room-button){height:auto;min-height:var(--hit-target)}.room-entry .room-code-slots input{height:44px;min-height:var(--hit-target)}.entry-support{grid-column:1/-1}.entry-practice{justify-content:center;gap:8px}.entry-footer{margin-top:8px}.game-shell.phase-lobby .mode-lobby{padding:8px}.game-shell.phase-lobby .mode-lobby .mode-selection{align-content:start;gap:8px}.mode-choice-heading p{display:none}.mode-lobby .mode-selection h2{font:var(--type-heading)}}.entry-lab-link{border:1px solid var(--ink);background:var(--surface-paper);min-height:34px;font:var(--type-caption);color:inherit;text-underline-offset:.2em;align-items:center;padding:4px 8px;display:inline-flex}.entry-lab-links{top:max(66px,calc(env(safe-area-inset-top) + 58px));right:max(8px,env(safe-area-inset-right));z-index:10;background:#eeeae1;border:1px solid #8e8579;align-items:center;gap:4px;padding:3px;display:flex;position:fixed}.entry-mode-backdrop{z-index:-1;pointer-events:none;background:var(--surface-page);position:fixed;inset:0;overflow:hidden}.entry-mode-layer{--mode-wash:var(--blue-100);--mode-accent:var(--blue-500);--mode-secondary:var(--pink-300);opacity:0;visibility:hidden;background:radial-gradient(ellipse at 84% 14%,color-mix(in srgb,var(--mode-accent) 24%,transparent) 0 10%,transparent 44%), radial-gradient(ellipse at 12% 82%,color-mix(in srgb,var(--mode-secondary) 20%,transparent) 0 9%,transparent 42%), radial-gradient(ellipse at 50% 52%,color-mix(in srgb,var(--mode-wash) 34%,transparent),transparent 58%), linear-gradient(128deg,color-mix(in srgb,var(--mode-wash) 72%,var(--surface-page)),var(--surface-page) 64%);transform-origin:50%;will-change:transform,opacity;position:absolute;inset:-7%}.entry-mode-layer[data-active=true]{opacity:1;visibility:visible}.entry-mode-animate-and-guess{--mode-wash:var(--blue-100);--mode-accent:var(--blue-500);--mode-secondary:var(--red-100)}.entry-mode-hot-pen-tato{--mode-wash:var(--red-100);--mode-accent:var(--red-500);--mode-secondary:var(--yellow-100)}.entry-mode-classic{--mode-wash:var(--yellow-100);--mode-accent:var(--blue-500);--mode-secondary:var(--yellow-300)}.entry-mode-etch-and-guess{--mode-wash:var(--red-100);--mode-accent:var(--red-500);--mode-secondary:var(--green-50)}.entry-mode-disappearing-ink{--mode-wash:var(--neutral-100);--mode-accent:var(--pink-500);--mode-secondary:var(--pink-300)}.entry-shell .room-entry{grid-template-columns:minmax(0,2.35fr) minmax(16rem,.8fr);gap:clamp(12px,2vw,24px);width:min(100%,76rem)}.room-entry :is(.start-room-surface,.join-room-surface){border:2px solid var(--border-strong);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf8e6}.room-entry .start-room-surface{padding:clamp(14px,2vw,24px)}.room-entry .join-room-surface{align-self:start;padding:18px}.room-entry .entry-heading{min-width:0}.room-entry .entry-heading h2{max-width:none;font:var(--type-heading);margin:0}.room-entry .entry-heading p{font:var(--type-caption);color:var(--text-muted);margin:4px 0 0}.room-entry .start-room-button{min-height:var(--action-height);width:100%}@media (max-width:900px){.entry-shell .room-entry{grid-template-columns:minmax(0,1fr);width:min(100%,46rem)}.room-entry .join-room-surface{width:100%}}@media (max-width:520px){.room-entry .start-room-surface,.room-entry .join-room-surface{padding:12px}}@media (max-height:500px) and (orientation:landscape){.entry-shell .room-entry{grid-template-columns:minmax(0,2.3fr) minmax(14rem,.85fr);width:min(100%,76rem)}.room-entry .start-room-surface,.room-entry .join-room-surface{padding:8px}.room-entry .entry-heading p{display:none}.room-entry .start-room-button{min-height:var(--hit-target)}}html[data-reduced-motion=true] :is(.entry-mode-layer,.game-mode-selector .game-type-card,.game-mode-selector .game-card-art){will-change:auto}.entry-shell{-webkit-user-select:none;user-select:none;overflow-x:clip}.entry-shell :is(input,textarea,select,[contenteditable=true],[contenteditable=""]){-webkit-user-select:text;user-select:text}.entry-shell .surface-focus:focus-visible{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.entry-shell .room-entry{--mode-card-size:clamp(292px,23vw,356px);grid-template-columns:minmax(0,1fr);place-items:stretch center;width:min(100%,76rem)}.room-entry .start-room-surface{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;align-content:start;justify-items:center;gap:12px;padding:0;display:grid}.entry-play-toggle{isolation:isolate;transform-origin:50%;will-change:transform;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:#fffdf87a;border:1px solid #11100e2e;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,370px);margin:0;padding:4px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb8,0 7px 24px #2f2b2514}.entry-play-toggle-indicator{z-index:-1;will-change:transform;background:#fffdf8e0;border:1px solid #11100e38;border-radius:999px;width:calc(50% - 4px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #2f2b251f}.entry-play-toggle-tear{z-index:1;pointer-events:none;opacity:0;width:1rem;height:1rem;font-size:1rem;line-height:1;display:block;position:absolute;top:-.45rem;left:27%}.entry-play-toggle button{min-width:0;min-height:42px;box-shadow:none;color:var(--text-secondary);font:var(--type-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px}.entry-play-toggle button[aria-pressed=true]{color:var(--text-primary)}.entry-play-toggle button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.game-mode-selector,.entry-mode-slider{width:100%;min-width:0;max-width:100%}.entry-mode-slider{--entry-card-size:var(--mode-card-size);--entry-card-gap:clamp(16px,1.8vw,22px);place-items:center;display:grid}.entry-mode-rail{justify-content:flex-start;align-items:stretch;gap:var(--entry-card-gap);width:min(100%,calc(var(--entry-card-size) + var(--entry-card-size) + var(--entry-card-size) + var(--entry-card-gap) + var(--entry-card-gap) + clamp(72px,10vw,150px)));overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pinch-zoom;grid-area:rail;min-width:0;padding:18px 0 20px;display:flex;overflow:auto clip;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%)}.entry-mode-rail[data-rail-phase=dragging]{cursor:grabbing}.entry-mode-rail::-webkit-scrollbar{display:none}.entry-mode-cycle{align-items:stretch;gap:var(--entry-card-gap);flex:none;display:flex;position:relative}.entry-mode-copy-card{cursor:pointer}.game-mode-selector .entry-mode-rail .game-type-card{box-sizing:border-box;flex:0 0 var(--entry-card-size);width:var(--entry-card-size);min-width:var(--entry-card-size);aspect-ratio:auto;scroll-snap-align:center;scroll-snap-stop:always;border:2px solid var(--border-default);border-radius:var(--radius-4);background:var(--surface-paper);min-height:420px;color:var(--text-primary);text-align:left;opacity:1;box-shadow:none;transform-origin:50%;will-change:transform;grid-template:auto minmax(0,190px) auto 3rem/minmax(0,1fr);place-items:start stretch;gap:10px;padding:20px;display:grid}.game-mode-selector .entry-mode-rail .game-type-card:not(:disabled){cursor:pointer;touch-action:manipulation}.game-mode-selector .entry-mode-rail .game-type-card:disabled,.game-mode-selector .entry-mode-rail .game-type-card[data-available=false]{opacity:.72;cursor:not-allowed}.game-mode-selector .entry-mode-rail .game-type-card:disabled.selected{opacity:1}.game-mode-selector .entry-mode-rail .game-type-card.selected{border-color:var(--border-strong);background:var(--surface-paper);box-shadow:0 5px 0 var(--border-strong)}.game-mode-selector .entry-mode-rail button.game-type-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.entry-mode-rail .mode-card-family{min-height:25px;font:var(--type-caption);font-weight:var(--weight-bold);letter-spacing:.02em;border:1.5px solid;border-radius:999px;justify-self:start;padding:2px 10px;line-height:19px}.entry-mode-rail .mode-family-animation{border-color:var(--blue-700);background:var(--blue-700);color:var(--surface-paper)}.entry-mode-rail .mode-family-drawing{border-color:var(--red-500);background:var(--red-100);color:color-mix(in srgb,var(--red-600) 72%,var(--ink))}.game-mode-selector .entry-mode-rail .game-card-art{will-change:transform;grid-row:auto;place-items:center;width:100%;min-width:0;height:190px;display:grid;overflow:hidden}.game-mode-selector .entry-mode-rail .game-card-art img{object-fit:contain;width:100%;height:100%;display:block}.game-mode-selector .entry-mode-rail .game-card-art :is(svg,.lobby-choice-icon){width:100%;height:100%}.game-mode-selector .entry-mode-rail .game-type-card strong{min-width:0;max-width:100%;font:var(--type-heading);overflow-wrap:anywhere;text-wrap:balance;align-self:end;line-height:1.08}.game-mode-selector .entry-mode-rail .mode-card-description{min-height:3rem;font:var(--type-body);color:var(--text-secondary);visibility:hidden;opacity:0;will-change:transform,opacity;align-self:start;margin:0;transform:translateY(12px)}.game-mode-selector .entry-mode-rail .game-type-card.selected .mode-card-description,.game-mode-selector .entry-mode-rail .mode-card-description[data-visible=true]{visibility:visible;opacity:1;transform:none}.entry-mode-actions{width:min(100%,var(--mode-card-size));justify-items:center;gap:8px;display:grid}.room-entry .start-room-button{white-space:normal;justify-self:center;width:100%;min-width:0}.entry-cta-label-stack{place-items:center;min-width:7.8em;display:grid}.entry-cta-label{white-space:nowrap;grid-area:1/1;justify-content:center;display:inline-flex}.entry-cta-label[data-cta-label=solo]{visibility:hidden;opacity:0}.start-room-button[aria-label=Start\ drawing] .entry-cta-label[data-cta-label=solo]{visibility:visible;opacity:1}.start-room-button[aria-label=Start\ drawing] .entry-cta-label[data-cta-label=friends]{visibility:hidden;opacity:0}.entry-cta-letter{transform-origin:bottom;will-change:transform,opacity;display:inline-block}.entry-shell>.join-room-trigger{z-index:100;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));min-height:var(--hit-target);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8a3;border:1px solid #11100e38;border-radius:999px;padding-inline:16px;position:fixed;box-shadow:inset 0 1px #ffffffb3}.entry-shell>.join-room-trigger:hover{border-color:var(--border-strong);background:#fffdf8db}.entry-utility-controls{z-index:100;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:#fffdf894;border:1px solid #11100e2e;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;box-shadow:inset 0 1px #ffffffb8,0 7px 24px #2f2b2512}.entry-join-panel .join-room-surface{width:100%;height:auto;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template:auto/minmax(0,1fr);align-content:start;gap:12px;padding:0;display:grid}.entry-join-panel .join-room-surface>*{grid-row:auto}.entry-join-panel .compact-scanner{justify-self:end;position:static}.entry-join-panel .join-room-button{min-height:var(--action-height)}@media (max-width:1100px){.entry-shell .room-entry{--mode-card-size:clamp(260px,28vw,310px)}.entry-mode-slider{--entry-card-gap:16px}.entry-mode-rail{width:min(100%,calc(var(--entry-card-size) + var(--entry-card-size) + var(--entry-card-size) + var(--entry-card-gap) + var(--entry-card-gap) + clamp(52px,8vw,88px)))}.game-mode-selector .entry-mode-rail .game-type-card{grid-template-rows:auto 160px auto 3rem;min-height:382px;padding:18px}.game-mode-selector .entry-mode-rail .game-card-art{height:160px}}@media (max-width:700px) and (orientation:portrait){.entry-masthead{width:min(100%,15rem);margin-bottom:8px}.entry-logo{width:min(15rem,64vw);max-height:7.5rem}.entry-shell .room-entry{--mode-card-size:min(80vw,340px)}.entry-mode-slider{--entry-card-gap:12px;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.entry-mode-rail{width:100%;max-width:none;padding:8px 0 10px;overflow:scroll hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.game-mode-selector .entry-mode-rail .game-type-card{grid-template:auto 156px auto 3rem/minmax(0,1fr);min-height:382px;padding:18px}.game-mode-selector .entry-mode-rail .game-card-art{grid-row:auto;width:100%;height:156px}.game-mode-selector .entry-mode-rail .game-type-card strong{font:var(--type-heading);line-height:1.08}}@media (max-height:500px) and (orientation:landscape){.entry-shell{padding:max(4px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.entry-masthead{width:min(30vw,180px);margin:0 auto 2px}.entry-masthead .entry-logo{max-height:48px}.entry-shell .room-entry{--mode-card-size:184px;grid-template-columns:minmax(0,1fr);width:min(100%,52rem)}.room-entry .start-room-surface{gap:4px}.entry-play-toggle{padding:2px}.entry-play-toggle-indicator{width:calc(50% - 2px);height:calc(100% - 4px);top:2px;left:2px}.entry-play-toggle button{min-height:var(--hit-target);padding-block:4px;font-size:clamp(12px,.78rem,16px);line-height:1}.entry-mode-slider{--entry-card-gap:8px}.entry-mode-rail{gap:var(--entry-card-gap);width:min(100%,612px);padding:2px 0 4px}.game-mode-selector .entry-mode-rail .game-type-card{grid-template:auto 48px auto 32px/minmax(0,1fr);gap:3px;min-height:160px;padding:6px 8px}.entry-mode-rail .mode-card-family{min-height:16px;padding:0 6px;font-size:clamp(12px,.75rem,14px);line-height:16px}.game-mode-selector .entry-mode-rail .game-card-art{height:48px}.game-mode-selector .entry-mode-rail .game-type-card strong{font:var(--type-caption);font-size:clamp(13px,.875rem,16px);font-weight:var(--weight-bold);line-height:1}.game-mode-selector .entry-mode-rail .mode-card-description{min-height:32px;font-size:clamp(12px,.75rem,14px);line-height:16px}.entry-mode-actions{gap:0}.room-entry .start-room-button{min-height:var(--hit-target);padding-block:4px}.room-entry .start-room-button .entry-cta-label-stack{font-size:clamp(14px,1rem,18px);line-height:1}}@media (hover:hover) and (pointer:fine){html[data-reduced-motion=false] .game-mode-selector .entry-mode-rail .game-type-card:not(:disabled){transition:transform .15s,box-shadow .15s,border-color .15s}html[data-reduced-motion=false] .game-mode-selector .entry-mode-rail .game-type-card:not(.selected):hover{border-color:var(--border-strong);background:var(--surface-paper);box-shadow:0 5px 0 var(--border-strong);transform:translateY(-3px)}}.game-mode-selector .entry-mode-rail .game-type-card:not(:disabled):active{box-shadow:0 2px 0 var(--border-strong);transform:translateY(2px)}html[data-reduced-motion=true] .entry-mode-rail{scroll-behavior:auto}html[data-reduced-motion=true] .game-mode-selector .entry-mode-rail .game-type-card{transition:none}html[data-reduced-motion=true] .game-mode-selector .entry-mode-rail .mode-card-description{transform:none}html[data-reduced-motion=true] :is(.entry-play-toggle-indicator,.entry-play-toggle button){will-change:auto}.entry-settings-panel{gap:0;display:grid}.entry-settings-content{gap:18px;display:grid}.entry-settings-group{border-top:1px solid var(--border-default);gap:10px;padding-top:16px;display:grid}.entry-settings-group:first-child{border-top:0;padding-top:0}.entry-settings-group h3,.entry-settings-group p{margin:0}.entry-settings-group h3{font:var(--type-label)}.entry-settings-group p,.entry-settings-group small{color:var(--text-secondary);font:var(--type-caption)}.entry-motion-choice{--segmented-count:3;border:0;margin:0;padding:0}.entry-settings-switch,.entry-settings-volume{min-height:var(--hit-target);font:var(--type-label);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.entry-settings-switch input{width:22px;height:22px;accent-color:var(--action-primary);cursor:pointer}.entry-settings-volume{grid-template-columns:minmax(0,1fr)}.entry-settings-volume>span{justify-content:space-between;gap:12px;display:flex}.entry-settings-volume input{width:100%;min-height:var(--hit-target);cursor:pointer;accent-color:var(--action-primary)}.entry-device-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center}.entry-device-qr{justify-items:center;gap:4px;display:grid}.entry-device-setting svg{border:2px solid var(--ink);border-radius:var(--radius-2);width:132px;height:132px}.entry-settings-build-id{color:var(--text-subtle);font:var(--type-caption);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.entry-shell .entry-support{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:min(100%,52rem);padding:0;display:block}.entry-shell .entry-practice{border-radius:var(--radius-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf86b;border:1px solid #11100e29;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 18px;padding:8px;display:grid}.entry-shell .entry-practice .solo-entry{min-height:var(--hit-target);border-radius:var(--radius-3);background:#fffdf8bd;border:1px solid #11100e33;grid-column:auto;justify-self:start;padding-inline:16px;text-decoration:none}.entry-shell .entry-practice p{font:var(--type-body);color:var(--text-secondary)}.entry-shell .entry-footer{border-radius:var(--radius-4);width:min(100%,52rem);color:var(--text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf86b;border:1px solid #11100e29;grid-template-columns:minmax(0,1fr);align-items:center;gap:18px;margin:0;padding:14px 16px;display:grid;box-shadow:inset 0 1px #ffffff94}.entry-shell .entry-ad-joke{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;display:grid}.entry-shell .entry-footer .entry-mascot{width:92px;transform:rotate(-3deg)}.entry-shell .entry-footer p{max-width:none;font:var(--type-body);color:var(--text-secondary)}.entry-shell .entry-version{width:min(100%,52rem)}@media (max-width:620px){.entry-shell>.join-room-trigger{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));min-height:var(--hit-target);font:var(--type-caption);font-weight:var(--weight-bold);padding-inline:12px}.entry-utility-controls{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));padding:2px}.entry-shell .entry-practice{gap:6px 10px}.entry-shell .entry-practice .solo-entry{padding-inline:10px}.entry-shell .entry-practice p{font:var(--type-caption)}.entry-shell .entry-footer{gap:10px;padding:10px}.entry-shell .entry-ad-joke{grid-template-columns:62px minmax(0,1fr);gap:8px}.entry-shell .entry-footer .entry-mascot{width:62px}.entry-shell .entry-footer p{font:var(--type-caption)}}@media (max-width:380px){.entry-play-toggle button{padding-inline:8px;font-size:.78rem}.entry-device-setting{grid-template-columns:minmax(0,1fr)}.entry-device-setting svg{justify-self:center}}
}

@layer scenes {
.account-sheet,.account-delete-sheet{gap:12px;display:grid}.account-sheet p,.account-delete-sheet p{color:var(--text-secondary);margin:0}.account-summary{gap:18px;display:grid}.account-summary>div{gap:3px;display:grid}.account-summary span{color:var(--text-secondary);font:var(--type-caption)}.account-summary strong{overflow-wrap:anywhere;font:var(--type-heading)}.account-summary .ui-cta{text-align:center;width:100%}.account-sign-in,.account-sign-in form{gap:12px;display:grid}.account-sign-in label,.account-profile label{font:var(--type-label);gap:4px;display:grid}.account-sign-in input,.account-profile input{width:100%;min-height:var(--hit-target);border:2px solid var(--border-strong);border-radius:var(--radius-2);background:var(--surface-paper);color:var(--text-primary);font:var(--type-body);padding:10px 12px}.account-sign-in input:focus-visible,.account-profile input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.account-sign-in .ui-cta{width:100%}.account-help,.account-code-sent{color:var(--text-secondary);font:var(--type-caption);margin:0}.account-code-sent strong{overflow-wrap:anywhere;color:var(--text-primary)}.account-form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.account-error{color:var(--red-600);font:var(--type-caption);margin:0}.my-stuff-page{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--yellow-100) 72%,transparent),transparent 34%), radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--blue-100) 58%,transparent),transparent 38%), var(--surface-page);align-content:start;gap:clamp(18px,3vw,32px);display:grid}.my-stuff-page>*{width:min(100%,62rem);margin-inline:auto}.my-stuff-header{gap:clamp(24px,6vw,72px);display:grid}.my-stuff-header>a{color:var(--text-primary);font:var(--type-label);text-underline-offset:.2em;justify-self:start}.my-stuff-header h1{font:var(--type-display);margin:2px 0 6px}.my-stuff-header p,.account-state p,.account-profile p,.account-actions p,.my-stuff-future p,.my-animotes-library p{color:var(--text-secondary);margin:0}.my-stuff-page .eyebrow{color:var(--text-muted);font:var(--type-caption);text-transform:uppercase;letter-spacing:.08em;margin:0}.account-state,.account-profile,.account-actions,.my-stuff-future article,.my-animotes-library{border:2px solid var(--border-strong);border-radius:var(--radius-4);box-shadow:0 5px 0 var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e0}.account-state{gap:14px;max-width:34rem;padding:clamp(18px,4vw,32px);display:grid}.account-state h2,.account-profile h2,.account-actions h2,.my-stuff-future h2,.my-animotes-library h2{font:var(--type-heading);margin:0}.account-profile{grid-template-columns:minmax(13rem,.65fr) minmax(17rem,1fr);gap:clamp(20px,4vw,48px);padding:clamp(18px,4vw,32px);display:grid}.account-profile form{align-content:start;gap:12px;display:grid}.account-profile label small{color:var(--text-secondary);font:var(--type-caption);font-weight:400}.account-profile form .ui-button{justify-self:start}.my-stuff-future{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.my-stuff-future article{border-color:var(--border-default);min-height:180px;box-shadow:none;align-content:start;gap:8px;padding:clamp(18px,3vw,28px);display:grid}.my-stuff-future article>span{color:var(--blue-700);font:var(--type-caption);font-weight:var(--weight-bold);border:1px solid;border-radius:999px;justify-self:start;padding:3px 9px}.my-animotes-library{gap:18px;padding:clamp(18px,4vw,32px);display:grid}.my-animotes-library>header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;display:flex}.my-animotes-library>header>p{max-width:30rem;font:var(--type-caption)}.animote-loadout{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.animote-loadout>button{border:2px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-paper);min-height:92px;color:var(--text-primary);cursor:pointer;place-items:center;gap:5px;padding:9px;display:grid}.animote-loadout>button[aria-pressed=true]{border-color:var(--action-primary);box-shadow:inset 0 0 0 1px var(--action-primary)}.animote-loadout small{color:var(--text-secondary);font:var(--type-caption)}.animote-loadout strong{font:var(--type-caption)}.animote-loadout .reaction-badge{font-size:1.6rem}.custom-animote-artwork{aspect-ratio:5/4;width:100%;height:auto;display:block}.reaction-badge.has-custom{background:var(--surface-paper);width:64px;min-width:64px;padding:3px;overflow:hidden}.animote-loadout .reaction-badge.has-custom{width:58px;min-width:58px}.animote-empty{border:1px dashed var(--border-default);width:34px;height:34px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:24px;display:grid}.animote-catalog{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:10px;display:grid}.animote-catalog article{border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-paper);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.animote-catalog article.is-equipped{border-color:var(--action-primary)}.animote-catalog article>.reaction-badge{min-width:48px;font-size:1.5rem}.animote-catalog h3{font:var(--type-label);margin:0}.animote-catalog p{font:var(--type-caption)}.animote-card-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.animote-card-actions .ui-button{min-height:38px;padding-block:6px}.animote-custom-library{border-top:1px solid var(--border-default);gap:10px;padding-top:16px;display:grid}.animote-custom-library>h3{font:var(--type-label);margin:0}.account-actions{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.account-actions>div:last-child{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.account-delete-sheet>.ui-cta{width:100%;margin-top:6px}.creation-library{gap:16px;display:grid}.creation-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.creation-library-heading h2{font:var(--type-heading);margin:2px 0 0}.creation-library-heading a{color:var(--text-primary);font:var(--type-label);text-underline-offset:.2em}.my-stuff-tabs{gap:8px;padding:3px 3px 7px;display:flex;overflow-x:auto}.my-stuff-tabs .ui-button{flex:none}.my-stuff-tabs .ui-button[aria-pressed=true]{background:var(--action-primary);color:var(--text-inverse)}.recent-match-list,.recent-match{gap:16px;display:grid}.recent-match{border-top:2px solid var(--border-default);padding-top:16px}.recent-match h3,.recent-match p{margin:0}.recent-match header{gap:4px;display:grid}.recent-match header p{color:var(--text-secondary);font:var(--type-caption)}.creation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;gap:18px;display:grid}.creation-card{border:2px solid var(--border-strong);border-radius:var(--radius-4);min-width:0;box-shadow:0 5px 0 var(--border-strong);background:#fffdf8eb;display:grid;overflow:hidden}.creation-card .replay-preview{min-width:0}.creation-card .flipbook-surface{border:0;border-bottom:2px solid var(--border-strong);box-shadow:none;border-radius:0}.creation-card-body{gap:12px;padding:14px;display:grid}.creation-card-body h2,.creation-card-body h3{font:var(--type-label);overflow-wrap:anywhere;margin:3px 0 0}.creation-kind{color:var(--text-secondary);font:var(--type-caption)}.creation-actions,.creation-manage{flex-wrap:wrap;gap:8px;display:flex}.creation-actions small{color:var(--text-secondary);flex-basis:100%}.creation-card-body>.replay-download{justify-self:start}.creation-sign-in-sheet{gap:12px;display:grid}.public-gallery-page{align-content:start}@media (max-width:620px){.account-form-actions,.account-profile,.my-stuff-future{grid-template-columns:minmax(0,1fr)}.my-stuff-header{gap:22px}.my-stuff-header h1{font:var(--type-heading)}.account-actions{display:grid}.account-actions>div:last-child{justify-content:start}.creation-grid{grid-template-columns:minmax(0,1fr)}.animote-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}}
}

@layer scenes {
.game-shell.phase-lobby{height:auto;min-height:100dvh;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));grid-template-rows:auto 1fr;gap:8px;overflow:visible}.game-shell.phase-lobby .game-bar{grid-template-columns:1fr auto 1fr;grid-template-areas:"back summary utilities""share summary utilities";gap:4px 12px;width:100%;max-width:none;padding:8px;display:grid}.phase-lobby .lobby-back{grid-area:back;justify-self:start}.phase-lobby .room-share-controls{grid-area:share}.phase-lobby .game-bar:not(:has(.lobby-back)){grid-template-areas:"share summary utilities"}.lobby-game-summary{text-align:center;grid-area:summary;align-content:center;gap:2px;min-width:0;display:grid}.lobby-timing{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:flex}.lobby-game-summary strong{font:var(--type-label)}.lobby-game-summary span{font:var(--type-caption)}.game-shell.phase-lobby .game-utilities{grid-area:utilities;place-self:start end;gap:4px;margin:0;display:flex}.game-shell.phase-lobby .mobile-menu-trigger{min-height:var(--hit-target);display:inline-flex}.game-shell.phase-lobby .players-trigger{min-width:var(--hit-target);min-height:var(--hit-target);display:inline-flex}.game-shell.phase-lobby .preview-lobby.preview-room{width:min(100%,max(336px,125dvh - 287.5px));height:auto;min-height:0;box-shadow:none;border:0;grid-template:auto auto/minmax(0,1fr);align-content:center;gap:12px;margin:auto;padding:8px;animation:none;display:grid;position:relative;overflow:visible}.preview-lobby.preview-room .lobby-doodle{background:0 0;grid-area:1/1;gap:8px;min-width:0;margin:0;padding:0;display:grid}.preview-room .doodle-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.preview-room .doodle-heading h2{font:var(--type-label);letter-spacing:normal;margin:0}.preview-room .doodle-heading span{font:var(--type-caption)}.preview-room .doodle-plane{aspect-ratio:5/4;width:100%;display:block}.preview-lobby.preview-room .lobby-doodle canvas{aspect-ratio:5/4;touch-action:none;width:100%;height:auto;max-height:none;display:block}.preview-room.lobby-host .doodle-plane{pointer-events:none;opacity:.18}.preview-room.lobby-host .lobby-doodle{align-content:start;align-self:center}.preview-room.lobby-host .doodle-plane canvas{box-shadow:none;background:0 0;border-color:#0000}.preview-room.lobby-host .doodle-heading{display:none}.preview-room .doodle-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.doodle-undo .ui-icon,.preview-room .doodle-actions>.lobby-reaction:empty{display:none}.preview-room .lobby-reaction{max-width:100%;font:var(--type-caption)}.preview-room .lobby-doodle>p[role=status]{font:var(--type-caption);margin:4px}.preview-lobby.preview-room .lobby-pack-workbench{z-index:2;background:0 0;border:0;grid-area:1/1;align-self:center;margin:0;padding:0}.preview-room .pack-heading{justify-content:center;margin:0;position:relative}.preview-room .pack-heading h2{display:none}.preview-room .pack-heading span{font:var(--type-caption);min-width:0;min-height:0}.preview-room .pack-heading span:empty{display:none}.preview-room .prompt-packs{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));align-items:center;gap:clamp(8px,2vw,24px);padding:8px 4px;display:grid}.preview-room .prompt-pack{aspect-ratio:2/3;justify-self:center;gap:4px;width:100%;max-width:240px;min-height:0;padding:14px 6px}.preview-room .prompt-pack strong{font:var(--type-action)}.preview-room .prompt-pack svg{flex:1;width:100%;height:auto;min-height:0;max-height:none}.preview-room .pack-note,.preview-room .pack-brand{display:none}.preview-room .pack-browser .prompt-pack .pack-note{flex:none;display:block}.preview-room .pack-selection{max-width:100%;font:var(--type-caption);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:4px 2px;display:flex}.preview-room .pack-browser .pack-rail-shell{padding-inline:44px}.preview-room .pack-browser .prompt-packs{grid-template-columns:none;justify-content:start;gap:clamp(8px,1.4vw,16px);padding:8px 4px 12px;display:flex}.preview-room .pack-browser :is(.prompt-pack,.prompt-pack-coming){flex:0 0 clamp(8.75rem,30%,12rem);justify-self:auto;width:clamp(8.75rem,30%,12rem);max-width:192px}.preview-room .prompt-pack-coming .pack-brand{font-size:.5rem;display:block}.preview-room .prompt-pack-coming .pack-note{display:none}.preview-room .prompt-pack-coming .pack-selection{padding:4px;display:flex}.lobby-selected-packs{z-index:3;pointer-events:auto;width:min(64%,24rem);position:absolute;top:38px;right:0}.preview-room .lobby-selected-packs .prompt-packs{justify-content:start;gap:8px;padding:6px;display:flex;overflow-x:auto}.preview-room .lobby-selected-packs .prompt-pack{width:clamp(7rem,14vw,9rem);box-shadow:2px 3px 0 var(--scrim-light);flex:none;margin-left:0}.preview-room .lobby-selected-packs .prompt-pack strong{font:var(--type-label);overflow-wrap:anywhere;max-width:100%}.preview-room .lobby-selected-packs .pack-selection{display:none}.preview-lobby.preview-room .lobby-start{border-top:2px solid var(--ink);background:0 0;flex-wrap:wrap;grid-area:2/1;justify-content:center;align-items:center;gap:12px;min-width:0;margin:0;padding:8px 0;display:flex;position:static}.preview-lobby.preview-room .lobby-start>.ui-cta{width:min(100%,24rem);min-height:48px}.preview-room .lobby-solo{background:0 0}.lobby-status{max-width:36ch;font:var(--type-label);text-align:center;margin:0}.phase-lobby .room-share-controls .ui-cta{min-height:var(--hit-target)}.preview-room .lobby-start>.lobby-solo{font:var(--type-caption);padding:4px 8px}.game-sheet .doodle-confirm{box-shadow:none;border:0;padding:8px;position:static}.lobby-settings-sheet .editing-settings{background:0 0;border:0;padding:0;display:block}.lobby-settings-sheet .setup-disclosures{max-height:none;padding:0;overflow:visible}.lobby-settings-sheet .setup-disclosures summary{min-height:var(--hit-target);gap:4px;padding:12px 28px 12px 0;display:grid}.lobby-settings-sheet .setup-disclosures summary>span{font:var(--type-caption)}.game-sheet .lobby-players ul{gap:8px;max-height:none;margin:0;padding:0;display:grid;overflow:visible}.game-sheet .lobby-players li{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.game-sheet .lobby-name-details{flex:1;min-width:0}.game-sheet .lobby-name-confirmation{flex-wrap:wrap;gap:8px;display:flex}.game-sheet .lobby-name-confirmation label{flex:1;min-width:0}.game-sheet .lobby-name-confirmation input{width:100%;min-height:var(--hit-target)}@media (max-width:700px){.game-shell.phase-lobby .game-bar{grid-template-columns:1fr auto;grid-template-areas:"back utilities""share share""summary summary";padding:4px}.game-shell.phase-lobby .game-bar:not(:has(.lobby-back)){flex-wrap:wrap;display:flex}.game-shell.phase-lobby .game-bar:not(:has(.lobby-back)) .room-share-controls{flex-wrap:wrap;max-width:100%}.game-shell.phase-lobby .game-bar:not(:has(.lobby-back)) .game-utilities{margin-left:auto}.game-shell.phase-lobby .game-bar:not(:has(.lobby-back)) .lobby-game-summary{flex-basis:100%;order:1}.lobby-game-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;display:flex}.game-shell.phase-lobby .game-bar .ui-button{padding:4px 8px}.game-shell.phase-lobby .leave-button{font:var(--type-caption)}.preview-room .doodle-heading span{display:none}.preview-room .prompt-pack strong{font:var(--type-label)}}@media (max-height:500px) and (min-width:600px){.game-shell.phase-lobby .game-bar{grid-template-columns:auto 1fr auto;grid-template-areas:"back share utilities""summary summary summary"}.game-shell.phase-lobby .game-bar:not(:has(.lobby-back)){grid-template-columns:1fr auto;grid-template-areas:"share utilities""summary summary"}.phase-lobby .room-share-controls{justify-self:center}.lobby-game-summary{justify-content:center;align-items:center;gap:12px;display:flex}.game-shell.phase-lobby .preview-lobby.preview-room.lobby-host{width:min(100%,700px)}.preview-room.lobby-host .doodle-plane{max-height:180px;overflow:hidden}.preview-room.lobby-host .prompt-pack,.preview-room.lobby-host .prompt-pack-coming{max-width:max(140px,8.75rem)}}
}

@layer scenes {
.game-shell.in-room.phase-revealed:not(.hot-pen-room){grid-template-rows:auto minmax(0,1fr)}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .game-bar{height:auto;min-height:var(--hit-target);flex-wrap:wrap;display:flex}.phase-revealed:not(.hot-pen-room) .game-utilities{flex-wrap:wrap;max-width:100%}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage{overscroll-behavior:contain;min-height:0;padding:0 12px calc(12px + var(--results-bottom-inset,0px));scroll-padding-block-end:calc(12px + var(--results-bottom-inset,0px));display:block;overflow:auto}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .stage-context{background:0 0;height:auto;max-height:none;margin-bottom:12px;padding:0;position:static;overflow:visible}.results-answer-band{background:var(--action-secondary);border-radius:var(--radius-2);width:100%;max-width:72rem;height:auto;margin:0 auto;padding:12px}.results-phrase{flex-wrap:wrap;justify-content:center;align-items:start;gap:16px 12px;padding:0;display:flex}.results-phrase .result-word{min-width:0;max-width:100%;font:700 clamp(1.5rem,3.6vw,3rem)/1.35 var(--font-body);letter-spacing:normal;color:var(--color-ink,var(--ink));overflow-wrap:anywhere;animation:none;display:inline}.result-credit-group{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:inline-flex}.result-credit-group:has(.result-credit-words>.result-word:only-child){width:max-content;min-width:min(6rem,100%)}.result-credit-group:has(.result-credit-words>.result-word:only-child) .word-credit{max-width:12ch}.result-credit-words{text-align:center}.result-word-text{max-width:100%;display:inline-block}.results-phrase .word-credit{width:100%;max-width:none;height:auto;min-height:1.3em;font:400 1rem/1.3 var(--font-body);text-align:center;color:var(--text-secondary);overflow-wrap:anywhere;display:block}.room-stage:is([data-results-beat=answer],[data-results-beat=credit]) .results-answer-band{align-content:center;min-height:min(54dvh,32rem);display:grid}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-workbench{height:auto}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-column{grid-template-rows:auto;grid-template-columns:minmax(240px,1fr) minmax(280px,.85fr);align-items:start;gap:16px;height:auto;min-height:0;padding:0;display:grid}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .stage-viewport{flex-direction:column;grid-area:1/1/3/2;justify-content:start;align-items:center;height:auto;min-height:0;margin:0;padding:0;display:flex;container-type:normal}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-stage{aspect-ratio:5/4;flex:none;width:min(100%,40rem);height:auto;margin:0}.results-replay-tools{justify-content:center;gap:8px;padding-top:8px;display:flex}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .round-ranking{visibility:visible;pointer-events:auto;grid-area:2/2;gap:8px;display:flex;overflow:visible}.round-ranking h2{font:var(--type-label);letter-spacing:normal;display:block}.round-ranking h2.clean-sweep-stamp{font:var(--type-action)}.round-ranking .rank-number{font-family:var(--font-body);letter-spacing:normal;font-weight:700}.round-ranking .ranking-scroll{flex:none;min-height:0;overflow:visible}.ranking-scroll ol{height:auto}.ranking-scroll li{height:auto;min-height:64px;padding:8px 0;transition:none;position:relative;inset:auto}.rank-identity{flex:1;min-width:0}.ranking-scroll .player-name{font:var(--type-label)}.ranking-scroll .player-name-text{white-space:normal;overflow-wrap:anywhere;overflow:visible}.rank-points{font:var(--type-label);font-variant-numeric:tabular-nums}.rank-readiness,.rank-breakdown,.results-new-player small{font:var(--type-caption);display:block}.rank-readiness.is-ready{color:var(--feedback-success)}.results-new-player{margin:0}.round-contribution{width:100%;font:var(--type-caption);overflow-wrap:anywhere;text-align:center;grid-area:1/2;justify-items:center;gap:2px;padding:4px;display:grid}.word-credit-ledger{border-top:2px solid var(--ink);grid-column:1/-1;min-width:0;padding-block:12px}.word-credit-ledger h2{font:var(--type-action);margin:0 0 12px}.word-credit-ledger ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.word-credit-ledger li{border-bottom:1px solid var(--shadow-ink-medium);font:var(--type-body);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;padding:8px 0;display:grid}.word-credit-ledger li span{font:var(--type-caption)}.results-point-token{z-index:var(--layer-overlay);pointer-events:none;border:2px solid var(--ink);background:var(--action-secondary);font:var(--type-label);border-radius:50%;padding:6px;position:fixed;top:0;left:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .stage-equipment{z-index:18;height:auto;min-height:0;padding:4px 0 max(4px,env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:#f1ede4;order:10;grid-area:auto/1/auto/-1;width:100%;position:sticky;bottom:0;overflow:visible}.round-stage-results{justify-content:center;align-items:center;gap:8px;width:100%;max-height:none;padding:0;display:flex;overflow:visible}.results-followup .action-time-seconds{display:none}.round-stage-results .ready-details{text-align:left;flex:0 12rem;min-width:0;margin:0}.round-stage-results .ready-details small{font:inherit}.round-stage-results .round-stage-actions{min-width:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .results-followup .ui-cta{min-height:var(--hit-target);font:var(--type-label);box-shadow:none;max-width:none;padding:4px 8px}.room-stage .canvas-column>.round-stage-details{grid-area:auto/1/auto/-1;min-width:0}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .round-stage-actions{flex-wrap:wrap}.results-followup{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.ready-details{font:var(--type-caption);margin:8px 0}.round-stage-details>div{max-height:none;box-shadow:none;margin-top:12px;position:static;overflow:visible}.round-stage-details[open]{flex-basis:100%}.round-stage-details .shared-results{width:100%}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage:is([data-results-beat=answer],[data-results-beat=credit]) .canvas-column{display:block}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage:is([data-results-beat=answer],[data-results-beat=credit]) :is(.stage-viewport,.round-ranking,.round-contribution,.word-credit-ledger,.round-stage-details){display:none}.room-stage:is([data-results-beat=points],[data-results-beat=ranking]) .results-phrase{gap:4px 6px}.room-stage:is([data-results-beat=points],[data-results-beat=ranking]) .result-credit-group{display:contents}.room-stage:is([data-results-beat=points],[data-results-beat=ranking]) .result-word{min-width:0;font:700 clamp(1.125rem,2vw,1.5rem)/1.3 var(--font-body)}.room-stage:is([data-results-beat=points],[data-results-beat=ranking]) .word-credit{display:none}@media (max-width:700px),(max-height:500px){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-column{grid-template:auto/minmax(0,1fr);gap:8px}.round-contribution{grid-area:1/1}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .stage-viewport{grid-area:2/1}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .round-ranking{grid-area:3/1}.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-stage{width:min(100%,24rem)}}@media (max-height:500px){.game-shell.in-room.phase-revealed:not(.hot-pen-room) .room-stage .canvas-stage{width:min(100%,260px)}}.recap-ranking .score-row{align-items:start}.recap-ranking .score-row strong{flex:1;align-items:start}.recap-ranking .player-name-text{white-space:normal;overflow-wrap:anywhere;overflow:visible}.recap-ranking .score-row>span{font:var(--type-caption)}
}

@layer scenes {
.game-shell.fitted-stage:not(.hot-pen-room){--stage-context-height:64px}.game-shell.in-room.active-guesser{--stage-context-height:112px}.game-shell.in-room.active-guesser .stage-context{height:var(--stage-context-height);min-height:0;overflow:visible}.game-shell.in-room.active-guesser .stage-context .guesser-phrase-shell{border-radius:0;grid-template-columns:minmax(0,1fr) 52px;align-items:stretch;gap:4px;height:100%;max-height:100%;padding:6px;display:grid}.game-shell.in-room.active-guesser .guesser-phrase-shell .phrase-slots{scrollbar-width:thin;place-content:start center;min-height:0;max-height:100%;overflow:auto}.game-shell.in-room.active-guesser .phrase-slot{width:var(--clue-width);min-width:0;max-width:100%;font:var(--type-body);overflow-wrap:anywhere;flex:none}.clue-reader-trigger{width:52px;min-height:var(--hit-target);font:var(--type-caption);align-content:center;justify-items:center;gap:4px;padding:4px;display:grid}.full-clue-reader{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.full-clue-reader .phrase-slot{font:var(--type-body);overflow-wrap:anywhere;max-width:100%}.game-shell.in-room.active-guesser.keyboard-open{--stage-context-height:72px}.game-shell.fitted-stage:not(.hot-pen-room) .stage-context{background:0 0}.game-shell.in-room.fitted-stage.active-drawer:not(.landscape-drawer):not(.hot-pen-room) .stage-context .prompt-card.dynamic-prompt{margin-inline:auto;position:absolute;inset:0 0 auto;translate:none}.game-shell.fitted-stage:not(.hot-pen-room):not(.landscape-drawer) .stage-viewport{margin-inline:max(6px,env(safe-area-inset-left))}.game-shell.fitted-stage:not(.hot-pen-room) .stage-equipment .drawer-tools-dock{box-shadow:none;background:0 0;border:0;padding:4px}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-controls .canvas-command-rail{flex-wrap:nowrap;gap:4px;display:flex}.frame-context-slot{flex:none;width:44px;height:44px;display:block}.game-shell.fitted-stage:not(.hot-pen-room) .canvas-command-rail .command-action{width:44px;min-width:var(--hit-target);height:44px}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tool-cluster{position:relative}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock .drawer-dock-content{flex-wrap:nowrap;gap:4px;display:flex;position:relative}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock .toolbar-divider{display:none}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock .pen-palette{order:-1;overflow:visible}.game-shell.fitted-stage:not(.hot-pen-room) .pen-palette .compact-pen{position:relative;display:grid!important}.game-shell.fitted-stage:not(.hot-pen-room) .pen-palette .color-options{display:none}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock :is(.tool-group button,.marker-option){width:44px;min-width:var(--hit-target);height:48px;min-height:48px;padding:0;transform:none}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock .marker-icon{width:28px;height:42px;transform:none}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tools-dock .size-control{flex:0 0 116px;width:116px;min-height:48px}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-dock-content:has(.pen-palette.is-open)>:not(.pen-palette){visibility:hidden}.game-shell.fitted-stage:not(.hot-pen-room) .pen-palette.is-open .color-options{background:var(--surface-paper);border-radius:var(--radius-3);z-index:12;border:0;flex-direction:row;align-items:center;gap:0;width:max-content;padding:0;display:flex;position:absolute;bottom:0;left:48px}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-controls:has(.drawer-reactions[open]) .drawer-tools-dock{visibility:hidden;pointer-events:none}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker{width:auto;max-height:none;box-shadow:none;background:var(--surface-paper);padding:4px;animation:none;position:absolute;inset:0 48px 0 0;overflow:auto}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker .animotes-section{border:0;padding:0}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker h3{clip-path:inset(100%);width:1px;height:1px;position:absolute;overflow:hidden}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker .animotes-section>div{flex-wrap:nowrap;gap:4px;display:flex}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker button{min-width:var(--hit-target);min-height:var(--hit-target);flex:none}.game-shell.fitted-stage:not(.hot-pen-room) .inline-reaction-picker .animotes-picker{padding:0}@media (max-width:700px) and (orientation:portrait){.game-shell.fitted-stage:not(.hot-pen-room) .stage-equipment .drawer-controls{grid-template:"tools tools""commands forward"/auto minmax(0,1fr);gap:4px}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-tool-cluster{grid-area:tools;justify-self:center}.game-shell.fitted-stage:not(.hot-pen-room) .drawer-forward-controls{grid-area:forward;justify-self:end}.game-shell.fitted-stage:not(.hot-pen-room) .stage-equipment{padding-block:4px max(4px,env(safe-area-inset-bottom))}}.game-shell.in-room.landscape-drawer{--drawer-rail:96px}.game-shell.in-room.landscape-drawer .game-status{justify-content:center}.game-shell.in-room.landscape-drawer .stage-context{top:36px;left:calc(var(--drawer-rail) + var(--drawer-gap));right:calc(var(--drawer-rail) + var(--drawer-gap))}.game-shell.in-room.landscape-drawer .stage-context .prompt-card.dynamic-prompt{position:static;inset:auto;translate:none}.game-shell.in-room.landscape-drawer .stage-viewport{margin-top:88px}.game-shell.in-room.landscape-drawer .stage-equipment .drawer-controls{flex:0 0 288px}.game-shell.in-room.landscape-drawer .stage-equipment .drawer-tool-cluster{visibility:visible}.game-shell.in-room.landscape-drawer .drawer-tools-dock .drawer-dock-content{grid-template:48px 48px 48px/1fr;align-content:start;display:grid}.game-shell.in-room.landscape-drawer .drawer-tools-dock .pen-palette{order:0;grid-column:1;justify-items:center;display:grid}.game-shell.in-room.landscape-drawer .drawer-tools-dock .size-control{order:1;grid-column:1;width:88px}.game-shell.in-room.landscape-drawer .drawer-tools-dock .tool-group{order:2;grid-column:1;justify-content:start}.game-shell.in-room.landscape-drawer .stage-equipment .tools-toggle{top:100px;bottom:auto}.game-shell.in-room.landscape-drawer .pen-palette.is-open .color-options{grid-template-columns:1fr;justify-items:center;width:100%;display:grid;top:48px;bottom:auto;left:0}.game-shell.in-room.landscape-drawer .stage-equipment .canvas-command-rail{flex-wrap:wrap;flex-basis:92px;justify-content:space-between}.game-shell.in-room.landscape-drawer .inline-reaction-picker{inset:0 0 96px}.game-shell.in-room.landscape-drawer .inline-reaction-picker .animotes-section>div{flex-wrap:wrap}.game-shell.in-room.landscape-drawer .inline-reaction-picker button{width:100%}.game-shell.in-room.landscape-drawer.still-drawing .room-stage .canvas-column{grid-template-columns:0 minmax(0,1fr) var(--drawer-rail)}.game-shell.in-room.landscape-drawer.still-drawing .stage-context,.game-shell.in-room.landscape-drawer.still-drawing .game-status{left:var(--drawer-left)}.open-room-watcher{justify-content:center;align-items:center;gap:12px;min-height:48px;display:flex}.shared-frame-controls{gap:8px;display:grid}.shared-frame-controls :is(h3,p){margin:0}.shared-frame-controls>div,.shared-frame-controls label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shared-frame-controls select{min-height:var(--hit-target);max-width:100%}.frame-contributors{font:var(--type-caption)}.game-shell :is(.landscape-prompt-toggle,.filmstrip-track button):focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.surface-focus:focus-visible{z-index:90;inset:max(8px,env(safe-area-inset-top)) auto auto 8px;clip:auto;white-space:normal;background:var(--surface-paper);border:2px solid var(--focus-ring);width:auto;max-width:calc(100% - 16px);height:auto;font:var(--type-label);pointer-events:none;margin:0;padding:8px;position:fixed}.game-shell .tools-toggle.ui-button{font:var(--type-caption);width:44px;min-width:var(--hit-target);flex-direction:column;justify-content:center;gap:0;padding:0;display:flex}.game-shell.in-room .multiplayer-menu{min-width:var(--hit-target);min-height:var(--hit-target);place-items:center;display:inline-grid}.game-shell.in-room.hot-pen-room .stage-context .hot-pen-prompt{width:100%;height:auto;min-height:0;max-height:none}.hot-pen-room .hot-pen-status{flex-wrap:wrap;min-width:0}.etch-confirm-modal .game-sheet{border-radius:var(--radius-5);place-self:center;width:min(90vw,28rem);max-height:90dvh}.etch-confirm-modal .canvas-confirm-choice{gap:var(--space-3);flex-wrap:wrap;display:flex}.etch-confirm-modal .canvas-confirm-choice :is(h2,p){flex-basis:100%;margin:0}.etch-confirm-modal h2{font:var(--type-heading)}@media (max-height:500px) and (orientation:landscape){.game-shell.in-room.hot-pen-room.active-drawer .room-stage .frame-thumb{width:52px;min-width:52px;height:var(--hit-target);min-height:var(--hit-target)}.game-shell.in-room.hot-pen-room.active-drawer .room-stage .frame-thumb.active{transform:translateY(-4px)}}
}

@layer scenes {
.game-shell.in-room.active-drawer:not(.hot-pen-room) .stage-context{background:0 0;padding-right:0;overflow:visible}.game-shell.in-room .stage-context .prompt-card.dynamic-prompt{background:var(--surface-prompt);perspective:600px;border-radius:0 0 12px 12px;width:max-content;min-width:0;max-width:100%;height:auto;padding:0;display:block;inset:0 auto auto 50%;overflow:hidden;translate:-50%}.game-shell.in-room:is(.landscape-drawer,.landscape-etch) .stage-context .prompt-card.dynamic-prompt{translate:none}.game-shell.in-room .stage-context .prompt-card.dynamic-prompt.is-prompt-collapsed{width:44px;max-width:44px}.game-shell.in-room .stage-context .prompt-card.dynamic-prompt.is-prompt-collapsed:has(.prompt-options-trigger){width:88px;max-width:88px}.prompt-surface-face{align-items:stretch;min-width:0;display:flex}.game-shell.in-room .stage-context .dynamic-prompt h2{min-width:0;max-height:none;font:var(--type-body);flex:1;margin:0;display:block;overflow:hidden}.prompt-read-trigger{width:100%;min-height:var(--hit-target);height:56px;color:inherit;font:inherit;letter-spacing:normal;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.prompt-read-trigger>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-height:48px;display:-webkit-box;overflow:hidden}.prompt-read-trigger>.ui-icon{flex:none}.prompt-options-trigger.ui-button{width:44px;height:auto;min-height:var(--hit-target);box-shadow:none;color:inherit;background:0 0;border:0;flex:0 0 44px;padding:4px}.prompt-collapse.landscape-prompt-toggle{width:44px;min-height:var(--hit-target);flex:0 0 44px;max-height:none;padding:4px}.prompt-reverse{flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.full-hot-prompt{font:var(--type-body);overflow-wrap:anywhere}.prompt-reverse>.ui-button{min-height:var(--hit-target);padding:4px 8px;font-size:14px}.prompt-reverse>:is(small,p){font:14px/1.2 var(--font-body);text-align:center;flex-basis:100%;margin:0}.game-shell.in-room .stage-context[data-prompt-variant=public] h2{max-height:none;font:var(--type-body);margin:0;display:block;overflow:visible}.game-shell.in-room .stage-context .hot-prompt-expand{white-space:normal;height:56px;padding:4px 8px;display:flex}.game-shell.in-room .stage-context .hot-prompt-expand .ui-icon{font-size:inherit;position:static}
}