.grove-intro{--intro-bg:#19181899;--intro-blur:10px;--intro-ink:#eadcc4;--intro-muted:#baa98f;--intro-width:40rem;--intro-art-shadow:drop-shadow(0 .75rem 1.5rem #00000059);--intro-inset:1.5rem;--intro-gap:1.5rem;--intro-enter:1s;--intro-unlit:brightness(.4) saturate(.7);--intro-wake:2.6s;--intro-wake-delay:.9s;--intro-wake-ease:cubic-bezier(.45, 0, .25, 1);--intro-aura-color:#ffb0609e;--intro-aura-mid:#ffa85a3d;--intro-aura-spread:-45% -20%;--intro-aura-rest:.75;--intro-aura-dim:.5;--intro-aura-breathe:5.2s;--intro-flicker:.9s;--intro-flicker-delay:2.3s;--intro-lantern-x:90.7%;--intro-lantern-y:72.4%;--intro-glow-size:22%;--intro-glow-color:#ffc47899;--intro-mote-color:#ffe6af;--intro-mote-halo:#ffc87873;--intro-leaf-shadow:drop-shadow(0 .25rem .35rem #0000004d);--intro-hint-fade:.9s;--intro-hint-breathe:2.8s;--intro-hint-dim:.45;--intro-hint-type:.95rem;--intro-exit:1.2s;--intro-exit-fade:.7s;--intro-exit-fade-delay:.5s;--intro-exit-lift:-3rem;--intro-exit-scale:.94;--intro-bg-clear:#19181800;--intro-reduced-fade:.18s;--intro-type:1rem;--intro-name:3rem;--intro-button-edge:#eadcc452;--intro-button-bg:#eadcc414;--intro-button-hover:#eadcc429;--intro-layer:30;z-index:var(--intro-layer);padding:var(--intro-inset);justify-content:center;align-items:center;gap:var(--intro-gap);background:var(--intro-bg);color:var(--intro-ink);-webkit-backdrop-filter:blur(var(--intro-blur));backdrop-filter:blur(var(--intro-blur));cursor:pointer;opacity:1;transition:opacity var(--intro-exit-fade) var(--intro-exit-fade-delay) ease-in, backdrop-filter var(--intro-exit) ease-out, -webkit-backdrop-filter var(--intro-exit) ease-out, background-color var(--intro-exit) ease-out;flex-direction:column;display:flex;position:fixed;inset:0}.grove-intro-sign{width:min(100%, var(--intro-width));animation:grove-arrive var(--intro-enter) ease-out both;position:relative;container-type:inline-size}.grove-intro img{width:100%;height:auto;filter:var(--intro-art-shadow);display:block}.grove-intro-sign>[hidden]{display:none}.grove-intro-sign:before{content:"";inset:var(--intro-aura-spread);z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side, var(--intro-aura-color), var(--intro-aura-mid) 45%, transparent);opacity:0;animation:grove-aura-bloom var(--intro-wake) var(--intro-wake-delay) var(--intro-wake-ease) forwards, grove-aura-breathe var(--intro-aura-breathe) calc(var(--intro-wake-delay) + var(--intro-wake)) ease-in-out infinite;position:absolute}.grove-intro-shade{filter:var(--intro-unlit);animation:grove-wake var(--intro-wake) var(--intro-wake-delay) var(--intro-wake-ease) both;background:50%/100% 100% no-repeat;position:absolute;inset:0}.grove-intro-vine{left:var(--vine-x);top:var(--vine-y);width:var(--vine-width);aspect-ratio:var(--vine-aspect);pointer-events:none;position:absolute}.grove-intro-vine-part{background:var(--vine-art) center / 100% 100% no-repeat;clip-path:var(--clip);position:absolute;inset:0}.grove-intro-vine-part:not(.is-run){transform-origin:var(--hang);animation:grove-vine-breeze var(--breeze-time) var(--breeze-delay) ease-in-out infinite}.grove-intro-vine-part:after{content:"";background:inherit;filter:var(--intro-unlit);animation:grove-wake var(--intro-wake) var(--intro-wake-delay) var(--intro-wake-ease) both;position:absolute;inset:0}.grove-intro-glow{left:var(--intro-lantern-x);top:var(--intro-lantern-y);width:var(--intro-glow-size);aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle, var(--intro-glow-color), transparent 65%);animation:grove-flicker var(--intro-flicker) var(--intro-flicker-delay) linear both;border-radius:50%;position:absolute;translate:-50% -50%}.grove-intro-air{pointer-events:none;position:absolute;inset:0}.grove-intro-mote{left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;background:radial-gradient(circle, var(--intro-mote-color) 0 30%, transparent 70%);opacity:0;mix-blend-mode:screen;box-shadow:0 0 var(--size) var(--intro-mote-halo);animation:grove-mote var(--duration) var(--delay) ease-in-out infinite;border-radius:50%;position:absolute}.grove-intro-leaf{left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;background:var(--art) center / contain no-repeat;filter:var(--intro-leaf-shadow);opacity:0;animation:grove-leaf var(--duration) var(--delay) ease-in-out infinite;position:absolute}.grove-intro-name{text-align:center;font:var(--weight-strong) var(--intro-name) / var(--line-heading) var(--font-body)}.grove-intro-status{text-align:center;font:var(--intro-type) / var(--line-body) var(--font-body);color:var(--intro-ink);margin:0}.grove-intro-status[hidden],.grove-intro-hint[hidden]{display:none}.grove-intro-hint{text-align:center;font:var(--intro-hint-type) / var(--line-body) var(--font-body);color:var(--intro-muted);animation:grove-arrive var(--intro-hint-fade) ease-out both, grove-breathe var(--intro-hint-breathe) ease-in-out infinite;margin:0}.grove-intro button{min-height:var(--tap-min);padding:var(--space-2) var(--space-5);border:var(--border-width) solid var(--intro-button-edge);border-radius:var(--chip-radius);background:var(--intro-button-bg);color:inherit;font:var(--weight-strong) var(--controls-tab-size) / var(--line-body) var(--font-body);cursor:pointer}.grove-intro button:hover{background:var(--intro-button-hover)}.grove-intro button:focus-visible{outline:var(--focus-width) solid var(--intro-ink);outline-offset:var(--focus-offset)}.grove-intro.is-leaving{opacity:0;background-color:var(--intro-bg-clear);-webkit-backdrop-filter:blur();backdrop-filter:blur();cursor:default}.grove-intro.is-leaving .grove-intro-sign{opacity:0;transform:translateY(var(--intro-exit-lift)) scale(var(--intro-exit-scale));transition:transform var(--intro-exit) cubic-bezier(.3, 0, .2, 1), opacity var(--intro-exit-fade) ease-in;animation:none}.grove-intro.is-leaving .grove-intro-hint{opacity:0;transition:opacity var(--intro-reduced-fade) ease-out;animation:none}.grove-intro.is-still .grove-intro-sign,.grove-intro.is-still .grove-intro-glow,.grove-intro.is-still .grove-intro-hint,.grove-intro.is-still .grove-intro-vine-part{animation:none}.grove-intro.is-still :is(.grove-intro-shade,.grove-intro-air),.grove-intro.is-still .grove-intro-vine-part:after{display:none}.grove-intro.is-still .grove-intro-sign:before{opacity:var(--intro-aura-rest);animation:none}@keyframes grove-arrive{0%{opacity:0}to{opacity:1}}@keyframes grove-wake{0%{opacity:1}to{opacity:0}}@keyframes grove-aura-bloom{0%{opacity:0}to{opacity:var(--intro-aura-rest)}}@keyframes grove-aura-breathe{0%,to{opacity:var(--intro-aura-rest)}50%{opacity:var(--intro-aura-dim)}}@keyframes grove-flicker{0%{opacity:0}12%{opacity:.8}20%{opacity:.1}34%{opacity:.9}42%{opacity:.3}58%{opacity:1}68%{opacity:.6}to{opacity:1}}@keyframes grove-mote{0%{opacity:0;translate:0}25%{opacity:var(--peak)}75%{opacity:calc(var(--peak) * .6)}to{opacity:0;translate:var(--dx) var(--dy)}}@keyframes grove-leaf{0%{opacity:0;transform:translate(0)rotate(0)}6%{opacity:.95}20%{transform:translate(var(--sway), 7cqw) rotate(40deg)}38%{transform:translate(calc(var(--sway) * -1), 15cqw) rotate(-25deg)}52%{opacity:.85;transform:translate(var(--sway), 23cqw) rotate(30deg)}62%,to{opacity:0;transform:translateY(30cqw)rotate(-10deg)}}@keyframes grove-vine-breeze{0%{rotate:0deg}18%{rotate:var(--breeze)}34%{rotate:calc(var(--breeze) * .35)}46%{rotate:calc(var(--breeze) * .6)}62%{rotate:calc(var(--breeze) * -.2)}78%,to{rotate:0deg}}@keyframes grove-breathe{50%{opacity:var(--intro-hint-dim)}}@media (prefers-reduced-motion:reduce){.grove-intro,.grove-intro.is-leaving .grove-intro-sign{transition-duration:var(--intro-reduced-fade);transition-delay:0s}.grove-intro.is-leaving .grove-intro-sign{transform:none}.grove-intro-sign,.grove-intro-glow,.grove-intro-hint,.grove-intro .grove-intro-vine-part{animation:none}.grove-intro-shade,.grove-intro-air,.grove-intro-vine-part:after{display:none}.grove-intro-sign:before{opacity:var(--intro-aura-rest);animation:none}}:root{--color-bg:#15151c;--color-surface:#1e1d27;--color-surface-raised:#292733;--color-surface-sunk:#111117;--color-border:#3b3846;--color-border-strong:#57526a;--color-text:#f1e9df;--color-text-muted:#bdb3ab;--color-accent:#e9b872;--color-accent-strong:#f3c98a;--color-accent-ink:#231c10;--color-accent-line:#7a6240;--color-focus:#ffd98f;--color-demo-bg:#3a2f1e;--color-demo-text:#ffd98f;--color-link:#e7c999;--color-selection-bg:#6b5530;--color-selection-text:#fff6e8;--color-scrollbar-thumb:#4a4658;--color-scrollbar-track:#15151c;--color-card-bg:#1e1d27;--color-card-border:#57526a;--color-card-glow:#e9b87259;--color-scene-scrim:#15151c8c;--color-positive:#5de7c6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--font-body:"Segoe UI", "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif;--font-heading:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--line-body:1.5;--line-tight:1.3;--line-heading:1.2;--weight-normal:400;--weight-strong:600;--tracking-label:.04em;--underline-offset:.2em;--radius-1:.5rem;--radius-2:.875rem;--card-radius:1.25rem;--chip-radius:62.5rem;--card-shadow:0 .5rem 1.5rem #00000059;--card-shadow-lamp:0 0 1.25rem var(--color-card-glow);--card-padding:var(--space-5);--border-width:1px;--focus-width:3px;--focus-offset:2px;--focus-offset-inset:-3px;--tap-min:2.75rem;--measure:42rem;--shell-wide:76rem;--column-side:24rem;--nav-bar-height:4.25rem;--layer-bar:10;--notice-width:28rem;--scrollbar-size:.625rem;--breakpoint-note:600px;--breakpoint-wide-note:960px;--motion-fast:.12s;--motion-ease:cubic-bezier(.2, .7, .3, 1);--motion-gentle:.2s;--motion-ui:.18s;--motion-flicker:6.5s;--motion-rain:1.4s;--motion-idle-step:20s;--motion-idle-cycle:120s;--motion-idle-first:6s;--motion-react:.42s;--motion-ease-hop:cubic-bezier(.3, 1.8, .5, 1);--motion-idle-lift:.1875rem;--motion-press-scale:1.08 .92;--rain-spacing:.8rem;--rain-gap:2rem;--rain-period:3rem;--color-rain:#bfe2ff47;--color-lamp-glow:#ffc76638;--settings-width:22rem;--switch-width:2.75rem;--switch-height:1.5rem;--switch-knob:1.125rem}[data-mode=lock-in]{--color-bg:#0f1626;--color-surface:#17213a;--color-surface-raised:#202c4a;--color-surface-sunk:#0a101d;--color-border:#2f3d63;--color-border-strong:#4d5f94;--color-text:#eaf1fb;--color-text-muted:#a9b8d4;--color-accent:#74c9ff;--color-accent-strong:#9cdcff;--color-accent-ink:#0b1a2e;--color-accent-line:#3d6c94;--color-focus:#bfe8ff;--color-demo-bg:#1d3350;--color-demo-text:#bfe8ff;--color-link:#9cdcff;--color-selection-bg:#2f5a86;--color-selection-text:#f4faff;--color-scrollbar-thumb:#36456b;--color-scrollbar-track:#0f1626;--color-card-bg:#17213a;--color-card-border:#4d5f94;--color-card-glow:#74c9ff4d;--color-scene-scrim:#0a101da6;--color-positive:#5de7c6;--color-lamp-glow:#bfe8ff1f}@font-face{font-family:Nunito;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/nunito-latin.woff2)format("woff2")}:root{--font-body:"Nunito", "Segoe UI", sans-serif;--grove-shadow:#1c0f0a;--grove-tint-front:#fff1e2;--grove-tint-back:#e6c8b4;--grove-rain:#cfe6ff;--grove-mote:#ffd79a;--grove-glow:#ffbf66;--grove-letter:var(--paper);--grove-letter-edge:#b98a52;--grove-letter-seal:#c4473b;--paper:#fbf1de;--paper-sunk:#f2e2c4;--paper-edge:#d9bf94;--ink:#2a1d14;--ink-muted:#6b5544;--ink-focus:#8a4b12;--seal-size:2.5rem;--seal-rim:inset 0 0 0 .3rem #0000001f;--bubble-bg:#f9ecd4;--bubble-text:#533b2a;--bubble-stroke:#c9ac80;--bubble-radius:48% 52% 47% 53% / 44% 48% 52% 56%;--bubble-padding:1.125rem 1.75rem;--bubble-font-size:1.0625rem;--bubble-leading:1.45;--bubble-gutter:12px;--bubble-gap:16px;--bubble-tail-width:1.5rem;--bubble-tail-height:1.125rem;--bubble-tail-overlap:2px;--bubble-rim:inset 0 2px 2px #fffcf0d9, inset 0 -3px 5px #a06f391f;--bubble-lift:drop-shadow(0 3px 2px #341c0d2e) drop-shadow(0 7px 10px #341c0d2b);--bubble-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23785832' opacity='.075' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E");--bubble-tail-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M0 0H24C14 3 12 9 17 18C6 15 3 10 0 0Z'/%3E%3C/svg%3E");--bubble-width:15rem;--bubble-shadow:0 .375rem 1rem #1c0f0a59;--meter-bg:#111117b8;--font-mono:ui-monospace, Consolas, monospace;--panel-width:40rem;--scrim-motion:.22s;--scene-actions-bg:#261c15f0;--scene-actions-ink:#f5e7cb;--scene-actions-edge:#f5e7cb33;--scene-actions-hover:#f5e7cb1f;--scene-actions-shadow:0 2px 8px #1c0f0a33;--controls-bg:#fbf4e6;--controls-ink:#392e24;--controls-edge:#d7c8af;--audio-width:17rem;--controls-width:23rem;--controls-height:37rem;--controls-muted:#756451;--controls-accent:#526343;--controls-on-accent:#fffaf0;--controls-hover:#f1e8d8;--controls-selected:#e5eadc;--controls-divider:#e3d8c6;--controls-scroll:#c0b296;--controls-surface:#fffbf3;--controls-track:#d8cbb6;--controls-thumb:1rem;--controls-track-height:.25rem;--controls-mode-height:4rem;--controls-panel-radius:1.25rem;--controls-panel-shadow:0 1rem 3rem #1c0f0a47;--controls-title-size:1.125rem;--controls-label-size:.8125rem;--controls-tab-size:.875rem;--controls-switch-width:2.25rem;--controls-switch-height:1.375rem;--controls-switch-dot:.875rem;--controls-switch-inset:.1875rem;--controls-switch-travel:.875rem;--controls-scroll-width:4px;--postcard-width:64rem;--postcard-image-height:78dvh;--postcard-chrome-height:10rem;--postcard-mobile-chrome:13rem;--postcard-aspect:1.6;--postcard-red:#a84336;--postcard-blue:#436b7b;--postcard-leaf:#66754e;--postcard-thread:#a46261;--controls-layer:20;--controls-icon:1.25rem;--controls-rest-opacity:.7}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-body);margin:0;overflow:hidden}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}.grove{position:fixed;inset:0}.stage{pointer-events:none;position:absolute;inset:0}.scroller{isolation:isolate;scrollbar-width:none;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto hidden}.scroller::-webkit-scrollbar{display:none}.world{position:relative}.scroller{cursor:grab}.scroller.looking{cursor:grabbing}.hit{border-radius:var(--card-radius);cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.hit:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.hit-cue{border-radius:var(--chip-radius)}.bubble{max-width:min(var(--bubble-width), calc(100vw - 2 * var(--bubble-gutter)));width:max-content;padding:var(--bubble-padding);color:var(--bubble-text);background-color:var(--bubble-bg);background-image:var(--bubble-grain);font-family:var(--font-heading);font-size:var(--bubble-font-size);line-height:var(--bubble-leading);text-align:center;text-wrap:balance;overflow-wrap:anywhere;border:var(--border-width) solid var(--bubble-stroke);border-radius:var(--bubble-radius);box-shadow:var(--bubble-rim);filter:var(--bubble-lift);pointer-events:none;margin:0;position:absolute;top:0;left:0}.bubble:after{content:"";left:var(--bubble-tail-x,50%);top:calc(100% - var(--bubble-tail-overlap));width:var(--bubble-tail-width);height:var(--bubble-tail-height);background-color:var(--bubble-bg);background-image:var(--bubble-grain);-webkit-mask:var(--bubble-tail-mask) center / contain no-repeat;mask:var(--bubble-tail-mask) center / contain no-repeat;position:absolute;transform:translate(-50%)}.bubble[hidden]{display:none}.meter{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--meter-bg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--line-tight);border-radius:var(--chip-radius);pointer-events:none;font-variant-numeric:tabular-nums;position:fixed}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{width:min(var(--panel-width), calc(100% - 2 * var(--space-4)));border:var(--border-width) solid var(--paper-edge);border-radius:var(--radius-2);background:var(--paper);max-width:none;color:var(--ink);box-shadow:var(--card-shadow);padding:0;overflow:visible}.panel:before{content:"";top:calc(-1 * var(--seal-size) / 2);width:var(--seal-size);height:var(--seal-size);background:var(--grove-letter-seal);box-shadow:var(--seal-rim);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.panel::backdrop{background:var(--color-scene-scrim)}.panel-body{padding:var(--card-padding)}.panel-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-normal);line-height:var(--line-heading);margin:0}.panel-summary{margin:var(--space-2) 0 var(--space-5);color:var(--ink-muted);line-height:var(--line-body)}.panel-cards{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.choice{padding:var(--space-4);border:var(--border-width) solid var(--paper-edge);border-radius:var(--radius-1);background:var(--paper-sunk)}.choice-name{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-normal)}.choice-gain,.choice-cost{margin:var(--space-2) 0 0;line-height:var(--line-body)}.choice-cost{color:var(--ink-muted)}.panel-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.btn{min-height:var(--tap-min);padding:0 var(--space-5);border:var(--border-width) solid var(--ink-muted);border-radius:var(--chip-radius);color:var(--ink);font:inherit;font-weight:var(--weight-strong);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);background:0 0}.btn:hover{background:var(--paper-sunk)}.btn-primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-muted)}.btn:focus-visible{outline:var(--focus-width) solid var(--ink-focus);outline-offset:var(--focus-offset)}@media (width<=600px){.panel{border-radius:var(--card-radius) var(--card-radius) 0 0;border-bottom:0;width:100%;max-height:92dvh;margin:auto 0 0}.panel-cards{gap:var(--space-3);grid-template-columns:1fr}.panel-actions{flex-direction:column-reverse}.btn{width:100%}.bubble{max-width:var(--bubble-width)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.scene-actions{bottom:max(var(--space-4), env(safe-area-inset-bottom));right:max(var(--space-4), env(safe-area-inset-right));z-index:var(--controls-layer);align-items:center;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--scene-actions-edge);border-radius:var(--chip-radius);background:var(--scene-actions-bg);color:var(--scene-actions-ink);box-shadow:var(--scene-actions-shadow);display:flex;position:fixed}.scene-settings{margin-left:var(--space-2);padding-left:var(--space-2);border-left:var(--border-width) solid var(--scene-actions-edge);position:relative}.room-action{width:var(--tap-min);height:var(--tap-min);border-radius:var(--chip-radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.room-action:hover,.room-action:focus-visible,.scene-settings[open]>summary{background:var(--scene-actions-hover)}.room-action:focus-visible{outline:var(--focus-width) solid var(--scene-actions-ink);outline-offset:var(--focus-offset)}.room-action:disabled{opacity:var(--controls-rest-opacity);cursor:wait}.room-action:after{content:attr(aria-label);bottom:calc(100% + var(--space-3));width:max-content;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--scene-actions-edge);border-radius:var(--radius-1);background:var(--scene-actions-bg);color:var(--scene-actions-ink);font:var(--text-sm) / var(--line-body) var(--font-body);pointer-events:none;visibility:hidden;position:absolute;right:0}.room-action:hover:after,.room-action:focus-visible:after{visibility:visible}.scene-settings[open]>summary:after{visibility:hidden}.scene-settings>summary{list-style:none}.scene-settings>summary::-webkit-details-marker{display:none}.control-icon,.scene-settings>summary svg{width:var(--controls-icon);height:var(--controls-icon);vertical-align:middle;flex-shrink:0}.scene-controls{bottom:calc(100% + var(--space-2));width:min(var(--controls-width), calc(100vw - 2 * var(--space-4)));height:min(var(--controls-height), calc(100dvh - 2 * var(--space-4) - var(--tap-min) - var(--space-2)));overscroll-behavior:contain;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--controls-edge);border-radius:var(--controls-panel-radius);background:var(--controls-bg);color:var(--controls-ink);box-shadow:var(--controls-panel-shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.settings-heading{font:var(--weight-strong) var(--controls-title-size) / var(--line-heading) var(--font-body);margin:0}.settings-tabs{gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--controls-divider);flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.scene-controls button{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-1);color:inherit;font:inherit;font-size:var(--controls-tab-size);cursor:pointer;text-align:left;background:0 0}.scene-controls button:hover{background:var(--controls-hover)}.scene-controls button:disabled{opacity:var(--controls-rest-opacity);cursor:default}.scene-controls .settings-tabs button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1);display:flex}.scene-controls .settings-tabs button[aria-selected=true]{background:var(--controls-selected);color:var(--controls-accent)}.scene-controls :is(button,summary,select,input):focus-visible,.scene-settings>summary:focus-visible{outline:var(--focus-width) solid var(--controls-accent);outline-offset:var(--focus-offset)}.scene-tab-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--controls-scroll) transparent;align-content:start;gap:var(--space-3);min-height:0;padding:var(--space-1);flex:1;display:grid;overflow-y:auto}.scene-tab-panel::-webkit-scrollbar{width:var(--controls-scroll-width)}.scene-tab-panel::-webkit-scrollbar-track{background:0 0}.scene-tab-panel::-webkit-scrollbar-thumb{background:var(--controls-scroll);border-radius:var(--chip-radius)}.scene-tab-panel[hidden]{display:none}.room-motion,.room-resident-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;align-items:start;display:grid}.room-motion button{text-align:center;background:var(--controls-hover);border-color:var(--controls-divider)}.scene-controls button[aria-pressed=true]{color:var(--controls-accent);background:var(--controls-selected);border-color:var(--controls-edge)}.settings-group{border-bottom:var(--border-width) solid var(--controls-divider);padding-bottom:var(--space-3)}.room-lighting{gap:var(--space-2);display:grid}.room-lighting h3{font:var(--text-lg) / var(--line-heading) var(--font-heading);margin:0}.lighting-choices{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.scene-controls .lighting-choices button{min-width:0;min-height:var(--controls-mode-height);padding:var(--space-2) var(--space-1);justify-content:center;align-items:center;gap:var(--space-1);text-align:center;border-color:var(--controls-divider);background:var(--controls-surface);flex-direction:column;display:flex}.settings-hint{color:var(--controls-muted);font-size:var(--controls-label-size);line-height:var(--line-body);margin:0}.cue-control{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-block:var(--space-2);font-size:var(--controls-tab-size);cursor:pointer;display:flex}.cue-control input{appearance:none;width:var(--controls-switch-width);height:var(--controls-switch-height);border:var(--border-width) solid var(--controls-edge);border-radius:var(--chip-radius);background:var(--controls-hover);cursor:pointer;flex-shrink:0;margin:0;position:relative}.cue-control input:after{content:"";top:var(--controls-switch-inset);left:var(--controls-switch-inset);width:var(--controls-switch-dot);height:var(--controls-switch-dot);border-radius:var(--chip-radius);background:var(--controls-muted);position:absolute}.cue-control input:checked{background:var(--controls-accent);border-color:var(--controls-accent)}.cue-control input:checked:after{transform:translateX(var(--controls-switch-travel));background:var(--controls-on-accent)}.scene-residents summary{cursor:pointer;min-height:var(--tap-min);padding:var(--space-3) 0;font-size:var(--controls-tab-size)}.resident-panel{font-size:var(--controls-label-size);line-height:var(--line-body);color:var(--controls-muted)}.resident-panel p{margin:0}.room-resident-actions>button{border-color:var(--controls-divider);text-align:center}.scene-audio h3,.scene-rain h3{align-items:center;gap:var(--space-2);font-size:var(--controls-tab-size);font-weight:600;line-height:var(--tap-min);margin:0;display:flex}.effect-panel{gap:var(--space-3);display:grid}.effect-panel p{color:var(--controls-muted);font-size:var(--controls-label-size);line-height:var(--line-body);margin:0}.effect-heading{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--controls-tab-size);display:flex}.effect-heading output{font-variant-numeric:tabular-nums;color:var(--controls-accent)}.effect-control input,.audio-panel input{width:100%;min-height:var(--tap-min);accent-color:var(--controls-accent);cursor:pointer;margin:0}.scene-controls .effect-panel>button{border-color:var(--controls-divider);text-align:center}.scene-audio,.scene-rain{position:relative}.scene-rain{padding-top:var(--space-3);border-top:var(--border-width) solid var(--controls-divider)}.audio-panel{gap:var(--space-2);font-size:var(--controls-label-size);display:grid}.audio-panel label{gap:var(--space-1);color:var(--controls-muted);display:grid}.audio-panel>button{border-color:var(--controls-edge);position:absolute;top:0;right:0}.scene-rain .audio-panel>button{top:var(--space-3)}.audio-panel p{color:var(--controls-muted);font-size:var(--controls-label-size);line-height:var(--line-body);margin:0}.audio-panel select{width:100%;min-width:0;min-height:var(--tap-min);padding:var(--space-2);border:var(--border-width) solid var(--controls-edge);border-radius:var(--radius-1);background:var(--controls-hover);color:var(--controls-ink);font:inherit;font-size:var(--controls-tab-size)}.audio-panel option{background:var(--controls-bg);color:var(--controls-ink)}.postcard-controls{border-top:var(--border-width) solid var(--controls-divider);padding-top:var(--space-3);flex-shrink:0}.scene-controls .postcard-controls button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--controls-accent);width:100%;color:var(--controls-on-accent);display:flex}.postcard-controls .settings-hint,.postcard-status:empty{display:none}.hit.resident-hit{touch-action:none;cursor:grab}.resident-hit[data-held=true]{cursor:grabbing}.resident-hit[data-input=pointer]:focus-visible{outline:none}@media (forced-colors:active){.cue-control input{appearance:auto}.cue-control input:after{display:none}}.settings-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.scene-controls .settings-close{width:var(--tap-min);flex-shrink:0;place-items:center;padding:0;display:grid}.settings-group>h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);color:var(--controls-muted);font:600 var(--controls-tab-size) / var(--line-heading) var(--font-body);display:flex}.setting-copy{gap:var(--space-1);flex:1;display:grid}.setting-copy small{color:var(--controls-muted);font-size:var(--controls-label-size);line-height:var(--line-body)}.cue-control>svg{color:var(--controls-muted)}.cue-control input{margin-left:auto}.room-resident-actions{padding-top:var(--space-1);grid-template-columns:minmax(0,1fr) auto;align-items:start}.scene-controls .room-resident-actions>button{gap:var(--space-1);padding-inline:var(--space-2);white-space:nowrap}.room-resident-actions>button,.room-letter>button{justify-content:center;align-items:center;gap:var(--space-2);border-color:var(--controls-edge);font-size:var(--controls-label-size);display:flex}.scene-residents summary{padding:var(--space-2) 0;color:var(--controls-muted);font-size:var(--controls-label-size)}.room-letter{gap:var(--space-1);border-bottom:none;padding-bottom:0;display:grid}.room-motion button,.effect-panel>button,.audio-panel>button{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.effect-heading label{align-items:center;gap:var(--space-2);display:flex}.effect-heading label svg{color:var(--controls-muted)}.effect-control{padding-top:var(--space-1);border-top:var(--border-width) solid var(--controls-divider)}.effect-panel{gap:var(--space-1)}.effect-heading output{min-width:var(--tap-min);text-align:right;font-size:var(--controls-label-size)}.scene-controls input[type=range]{appearance:none;background:0 0}.scene-controls input[type=range]::-webkit-slider-runnable-track{height:var(--controls-track-height);background:var(--controls-track);border-radius:var(--chip-radius)}.scene-controls input[type=range]::-moz-range-track{height:var(--controls-track-height);background:var(--controls-track);border-radius:var(--chip-radius)}.scene-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--controls-thumb);height:var(--controls-thumb);margin-top:calc((var(--controls-track-height) - var(--controls-thumb)) / 2);border:var(--border-width) solid var(--controls-bg);border-radius:var(--chip-radius);background:var(--controls-accent)}.scene-controls input[type=range]::-moz-range-thumb{width:var(--controls-thumb);height:var(--controls-thumb);border:var(--border-width) solid var(--controls-bg);border-radius:var(--chip-radius);background:var(--controls-accent)}@media (forced-colors:active){.scene-controls input[type=range]{appearance:auto}}.postcard-preview{width:min(var(--postcard-width), calc(100vw - 2 * var(--space-3)));max-height:calc(100dvh - 2 * var(--space-3));padding:var(--space-3);border:var(--border-width) solid var(--controls-edge);border-radius:var(--controls-panel-radius);background:var(--controls-bg);color:var(--controls-ink);box-shadow:var(--controls-panel-shadow);font-family:var(--font-body);scrollbar-width:thin;scrollbar-color:var(--controls-scroll) var(--controls-bg);overflow-y:auto}.postcard-preview[open]{gap:var(--space-2);flex-direction:column;display:flex}.postcard-preview::backdrop{background:var(--color-scene-scrim)}.postcard-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-left:var(--space-2);display:flex}.postcard-header h2{font:var(--weight-strong) var(--text-base) / var(--line-heading) var(--font-body);margin:0}.postcard-preview .btn{justify-content:center;align-items:center;gap:var(--space-2);font:var(--weight-strong) var(--controls-tab-size) / var(--line-tight) var(--font-body);display:inline-flex}.postcard-preview .postcard-close{width:var(--tap-min);height:var(--tap-min);background:0 0;border-color:#0000;flex-shrink:0;padding:0}.postcard-viewport{width:100%;aspect-ratio:var(--postcard-aspect);max-height:min(var(--postcard-image-height), calc(100dvh - var(--postcard-chrome-height)));flex-shrink:0;position:relative}.postcard-image{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.postcard-toolbar{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex;position:relative}.postcard-choices{align-items:center;gap:var(--space-3);display:flex}.postcard-choice{align-items:center;gap:0;min-width:0;display:flex}.postcard-choice>div{justify-content:center;align-items:baseline;gap:var(--space-1);white-space:nowrap;display:flex}.postcard-choice-label{display:none}.postcard-choice output{font:var(--controls-label-size) / var(--line-body) var(--font-body);font-variant-numeric:tabular-nums}.postcard-preview .postcard-cycle{width:var(--tap-min);height:var(--tap-min);background:0 0;border-color:#0000;flex-shrink:0;padding:0}.postcard-cycle:hover,.postcard-close:hover{background:var(--controls-hover)}.postcard-cycle:disabled{opacity:var(--controls-rest-opacity)}.postcard-words{justify-content:flex-start;gap:var(--space-2);font-size:var(--controls-label-size);white-space:nowrap;margin:0;padding:0}.postcard-words input{margin-left:0}.postcard-caption-choice{color:var(--controls-muted);order:2}.postcard-caption-choice.is-inactive{opacity:var(--controls-rest-opacity)}.postcard-choices>.postcard-choice:last-child{order:-1}.postcard-footer{gap:var(--space-1);flex-shrink:0;margin-left:auto;display:flex}.postcard-footer .btn{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);color:var(--controls-ink);border-radius:var(--radius-1);background:0 0;border-color:#0000}.postcard-footer .btn:hover{background:var(--controls-hover)}.postcard-footer .btn-primary{background:var(--controls-accent);color:var(--controls-on-accent)}.postcard-footer .btn-primary:hover{background:var(--controls-accent)}.postcard-feedback{right:0;bottom:calc(100% + var(--space-2));max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--controls-bg);color:var(--controls-ink);font-size:var(--controls-label-size);margin:0;position:absolute}.postcard-feedback:empty{visibility:hidden}@media (width<=700px){.postcard-toolbar{gap:var(--space-1) var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.postcard-choices{display:contents}.postcard-words{grid-area:1/1;justify-self:start}.postcard-choices>.postcard-choice:last-child{grid-area:2/1;justify-self:start}.postcard-caption-choice{grid-area:1/2;justify-self:end}.postcard-footer{grid-area:2/2}.postcard-footer .btn{width:var(--tap-min);height:var(--tap-min);padding:0}.postcard-footer .btn span{display:none}.postcard-viewport{max-height:min(var(--postcard-image-height), calc(100dvh - var(--postcard-mobile-chrome)))}}