.room-life-game{width:100%;height:100%;transform:scale(var(--screen-scale,1));transform-origin:50%;background:#152238;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.room-life-game__canvas{width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:crisp-edges;image-rendering:pixelated;object-fit:contain;touch-action:none;background:#8fc7c1;border:0;outline:0;display:block}.room-life-game__canvas:focus-visible{box-shadow:inset 0 0 0 2px #f7e7c6,inset 0 0 0 4px #152238}.room-life-game__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.room-life-game__canvas{scroll-behavior:auto}}.showcase-page[data-mode="3d"]{grid-template-rows:56px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.showcase-page[data-mode="3d"] .showcase-workspace{height:100%;min-height:0;overflow:hidden}.showcase-canvas.is-3d{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:100%;min-height:0;padding:clamp(8px,1.2vh,14px) 10px 8px;position:relative;overflow:hidden}.showcase-canvas.is-3d>.showcase-instructions{margin:0}.three-console{place-items:stretch stretch;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.three-console-screen-overlay{z-index:3;width:var(--three-screen-source-width,320px);height:var(--three-screen-source-height,256px);border-radius:var(--three-screen-radius-tl,4px) var(--three-screen-radius-tr,4px) var(--three-screen-radius-br,4px) var(--three-screen-radius-bl,4px);backface-visibility:hidden;transform:var(--three-screen-transform,translate(-200vw, -200vh));transform-origin:0 0;will-change:transform;background:#050505;transition:opacity 90ms linear;position:absolute;top:0;left:0;overflow:hidden;container-type:size}.three-console-stage.is-screen-away .three-console-screen-overlay{visibility:hidden;opacity:0;pointer-events:none}.three-console-game-layer{z-index:1;opacity:1;transition:opacity .18s;position:absolute;inset:0}.three-console-game-layer.is-locked{visibility:hidden;opacity:0;pointer-events:none}.three-console-lock-screen{z-index:6;color:#f5f7fa;text-align:center;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 78% 18%,#677da761,#0000 31%),radial-gradient(circle at 18% 82%,#2b5c6f7a,#0000 38%),linear-gradient(145deg,#111722 0%,#171f2e 42%,#081018 100%);border:0;flex-direction:column;align-items:center;padding:28px 24px 20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:.26s cubic-bezier(.16,1,.3,1) three-console-lock-enter;display:flex;position:absolute;inset:0;overflow:hidden}.three-console-lock-screen:before{z-index:-1;content:"";opacity:.72;background:linear-gradient(120deg,#ffffff0f,#0000 32% 68%,#ffffff08),repeating-radial-gradient(circle at 20% 20%,#ffffff05 0 .5px,#0000 .8px 3px);position:absolute;inset:0}.three-console-lock-screen:focus-visible{outline-offset:-5px;outline:2px solid #ebf2fbeb}.three-console-lock-aurora{z-index:-1;filter:blur(24px);background:#559da129;border-radius:50%;width:210px;height:180px;position:absolute;bottom:-72px;right:-48px;transform:rotate(-18deg)}.three-console-lock-glyph{opacity:.92;border:1.5px solid #f2f6fbd6;border-radius:7px;width:25px;height:21px;margin-top:2px;position:relative}.three-console-lock-glyph:before{content:"";border:1.5px solid #f2f6fbd6;border-bottom:0;border-radius:8px 8px 0 0;width:12px;height:13px;position:absolute;top:-11px;left:5px}.three-console-lock-glyph i{background:#f2f6fbd6;border-radius:999px;width:3px;height:6px;position:absolute;top:7px;left:10px}.three-console-lock-time{font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin-top:23px;font-size:3.35rem;font-weight:300;line-height:.95}.three-console-lock-date{color:#e6ecf4b8;letter-spacing:.015em;margin-top:9px;font-size:.75rem;font-weight:450}.three-console-lock-meta{color:#e6ecf49e;letter-spacing:.12em;justify-content:space-between;width:100%;margin-top:auto;font-size:.47rem;font-weight:600;display:flex}.three-console-lock-action{letter-spacing:.14em;background:#ffffff12;border:1px solid #e6ecf43d;border-radius:999px;width:100%;margin-top:12px;padding:10px 12px;font-size:.54rem;font-weight:650;transition:background-color .14s,border-color .14s}.three-console-lock-screen:hover .three-console-lock-action,.three-console-lock-screen:focus-visible .three-console-lock-action{background:#ffffff1f;border-color:#e6ecf47a}@container (height<=230px){.three-console-lock-screen{padding:16px 18px 12px}.three-console-lock-glyph{width:22px;height:18px;margin-top:0}.three-console-lock-glyph:before{width:10px;height:11px;top:-9px;left:5px}.three-console-lock-glyph i{top:6px;left:9px}.three-console-lock-time{margin-top:11px;font-size:2.65rem}.three-console-lock-date{margin-top:5px;font-size:.66rem}.three-console-lock-action{margin-top:7px;padding:7px 10px}}@container (height<=180px){.three-console-lock-screen{padding:10px 14px 9px}.three-console-lock-glyph{width:17px;height:14px}.three-console-lock-glyph:before{width:8px;height:8px;top:-7px;left:4px}.three-console-lock-glyph i{width:2px;height:5px;top:4px;left:7px}.three-console-lock-time{margin-top:8px;font-size:2rem}.three-console-lock-date{margin-top:3px;font-size:.58rem}.three-console-lock-meta{font-size:.4rem}.three-console-lock-action{margin-top:5px;padding:5px 8px;font-size:.46rem}}.three-console-volume-hud{z-index:8;color:#f5f7fa;pointer-events:none;background:#0c1118e0;border:1px solid #ffffff2e;border-radius:14px;grid-template-columns:1fr auto;gap:7px 12px;width:min(230px,100% - 28px);padding:10px 12px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:.18s cubic-bezier(.16,1,.3,1) three-console-volume-enter;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000003d}.three-console-volume-hud>span:first-child,.three-console-volume-hud strong{letter-spacing:.1em;font-size:.58rem;font-weight:650}.three-console-volume-hud strong{font-variant-numeric:tabular-nums}.three-console-volume-track{background:#ffffff29;border-radius:999px;grid-column:1/-1;height:4px;position:relative;overflow:hidden}.three-console-volume-track i{border-radius:inherit;background:linear-gradient(90deg,#72d5c0,#d9eef0);transition:width .18s;position:absolute;inset:0 auto 0 0}@keyframes three-console-lock-enter{0%{opacity:0;transform:scale(1.015)}}@keyframes three-console-volume-enter{0%{opacity:0;transform:translate(-50%,-8px)scale(.98)}}.three-console-screen-overlay:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff12,#0000 26% 72%,#ffffff05),repeating-linear-gradient(0deg,#00000006 0 1px,#0000 1px 3px);position:absolute;inset:0}.three-console-screen-overlay .three-game-source{position:absolute;inset:0}.three-console-screen-overlay .room-canvas-shell{aspect-ratio:8/5;width:auto;height:100%;transform:translate(-50%, -50%) scale(var(--screen-scale));position:absolute;top:50%;left:50%}.three-console-screen-overlay .room-canvas{width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none;border:0;display:block}.three-console-stage{touch-action:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.three-console-stage.has-custom-pointer,.three-console-stage.has-custom-pointer *{cursor:none!important}.three-console-pointer{z-index:12;top:var(--three-pointer-y,50%);left:var(--three-pointer-x,50%);opacity:0;pointer-events:none;place-items:center;width:32px;height:32px;transition:opacity 90ms linear;display:grid;position:absolute;transform:translate(-50%,-50%)}.three-console-stage.has-custom-pointer .three-console-pointer{opacity:1}.three-console-pointer-core,.three-console-pointer-halo,.three-console-pointer-pulse{border-radius:50%;position:absolute}.three-console-pointer-core{background:#171715;border:1px solid #ffffffeb;width:7px;height:7px;transition:width .12s,height .12s,border-color .12s,background-color .12s,transform .1s;box-shadow:0 0 0 1px #17171538}.three-console-pointer-halo{opacity:.52;border:1px solid #1717152e;width:18px;height:18px;transition:width .14s,height .14s,border-color .14s,opacity .14s,transform .14s;transform:scale(.72)}.three-console-pointer-pulse{opacity:0;border:1px solid #171715;width:12px;height:12px}.three-console-stage.is-pointer-hovering .three-console-pointer-core{background:#f2b84b;border-color:#171715;width:9px;height:9px}.three-console-stage.is-pointer-hovering .three-console-pointer-halo{opacity:1;border-color:#1717156b;width:24px;height:24px;transform:scale(1)}.three-console-stage.is-pointer-pressed .three-console-pointer-core{width:6px;height:6px;transform:scale(.78)}.three-console-stage.is-pointer-pressed .three-console-pointer-halo{opacity:.72;width:14px;height:14px;transform:scale(.82)}.three-console-stage.is-pointer-clicked .three-console-pointer-pulse{animation:.42s cubic-bezier(.16,1,.3,1) three-console-pointer-click}.three-console-stage.is-orbiting .three-console-pointer-core{background:#f2b84b;border-color:#171715;width:10px;height:10px;transform:scale(.82)}.three-console-stage.is-orbiting .three-console-pointer-halo{opacity:1;border-color:#1717158f;width:28px;height:28px;transform:scale(1)}@keyframes three-console-pointer-click{0%{opacity:.72;transform:scale(.55)}to{opacity:0;transform:scale(2.45)}}.three-console-canvas{cursor:default;touch-action:none;border:0;outline:0;width:100%;height:100%;min-height:0;display:block}.three-console-canvas.is-over-control{cursor:pointer}.three-console-canvas.is-pressing-control{cursor:grabbing}.three-console-view-reset,.three-console-orbit-hint{z-index:8;border:1px solid color-mix(in srgb, var(--page-dot,#aaa9a5) 52%, transparent);background:color-mix(in srgb, var(--page-paper,#ebebeb) 88%, transparent);color:#5f5c57;letter-spacing:.07em;font-family:inherit;font-size:.5rem;line-height:1;position:absolute;left:16px}.three-console-view-reset{min-height:28px;padding:7px 9px;transition:color .12s,background-color .12s,border-color .12s;top:14px}.three-console-view-reset:hover,.three-console-view-reset:focus-visible{background:var(--page-paper,#ebebeb);color:#171715;border-color:#171715}.three-console-view-reset:focus-visible{outline-offset:2px;outline:2px solid #171715}.three-console-orbit-hint{opacity:.72;pointer-events:none;border-color:#0000;margin:0;padding:5px 7px;top:48px}.three-console-canvas:focus-visible{outline-offset:-5px;outline:2px solid #171715}.three-console-status{border:1px solid color-mix(in srgb, var(--page-dot,#aaa9a5) 45%, transparent);background:color-mix(in srgb, var(--page-paper,#ebebeb) 87%, transparent);color:#5f5c57;letter-spacing:.05em;pointer-events:none;max-width:min(360px,100% - 36px);margin:0;padding:7px 9px;font-size:.5rem;line-height:1.4;position:absolute;bottom:16px;right:18px}.three-console-semantic-controls{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.showcase-page[data-mode="3d"]{grid-template-rows:50px minmax(0,1fr)}.three-console-status{max-width:calc(100% - 20px);bottom:10px;right:10px}.three-console-view-reset,.three-console-orbit-hint{left:10px}.three-console-view-reset{top:10px}.three-console-orbit-hint{top:44px}}@media (prefers-reduced-motion:reduce){.three-console-canvas{scroll-behavior:auto}.three-console-pointer,.three-console-pointer-core,.three-console-pointer-halo,.three-console-screen-overlay,.three-console-view-reset,.three-console-game-layer,.three-console-lock-action,.three-console-volume-track i{transition:none}.three-console-lock-screen,.three-console-volume-hud,.three-console-stage.is-pointer-clicked .three-console-pointer-pulse{animation:none}}.light-editor{border:0;min-width:0;margin:2px 0 0;padding:0}.light-editor-legend{color:#44423e;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;padding:0;font-size:.625rem;font-weight:500}.light-editor-primary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.light-editor-field{flex-direction:column;gap:5px;min-width:0;display:flex}.light-editor-field-label{color:#595751;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.light-editor-number-control{background:#eae9e5;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;height:30px;transition:border-color .12s,background-color .12s;display:grid}.light-editor-number-control:focus-within{background:#fff;border-color:#0b75d1;box-shadow:0 0 0 1px #0b75d1}.light-editor-number-input{color:#252522;width:100%;min-width:0;height:100%;font:inherit;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;outline:0;padding:0 2px 0 8px;font-size:.625rem}.light-editor-number-input::-webkit-inner-spin-button{appearance:none;margin:0}.light-editor-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.light-editor-unit{color:#77746e;pointer-events:none;padding:0 7px 0 2px;font-size:.5rem}.light-editor-direction{grid-template-columns:minmax(112px,.95fr) minmax(0,1.05fr);align-items:center;gap:12px;margin-top:14px;display:grid}.light-editor-direction-pad{aspect-ratio:1;color:#252522;cursor:crosshair;touch-action:none;background:radial-gradient(circle,#f5f4f0 0 6%,#0000 6.5%),radial-gradient(circle,#0000 0 50%,#1717150d 51% 52%,#0000 53%),#eae9e5;border:1px solid #bbb9b3;border-radius:50%;outline:0;justify-self:center;width:100%;max-width:136px;padding:0;position:relative;overflow:hidden}.light-editor-direction-pad:focus-visible{border-color:#0b75d1;box-shadow:0 0 0 2px #d9ecff,0 0 0 3px #0b75d1}.light-editor-direction-orbit{border:1px solid #c9c7c1;border-radius:50%;position:absolute;inset:12%}.light-editor-direction-axis{background:#cfcdc7;position:absolute}.light-editor-direction-axis.is-horizontal{height:1px;top:50%;left:8%;right:8%}.light-editor-direction-axis.is-vertical{width:1px;top:8%;bottom:8%;left:50%}.light-editor-direction-marker{top:calc(50% + var(--light-marker-y));left:calc(50% + var(--light-marker-x));pointer-events:none;background:#171715;border:2px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #17171547}.light-editor-direction-top{color:#77746e;letter-spacing:.08em;pointer-events:none;background:#eae9e5;padding:1px 3px;font-size:.375rem;position:absolute;top:6px;left:50%;transform:translate(-50%)}.light-editor-direction-fields{gap:9px;display:grid}.light-editor-note{color:#77746e;letter-spacing:.025em;margin:12px 0 0;font-size:.475rem;line-height:1.5}@media (width<=360px){.light-editor-direction{grid-template-columns:104px minmax(0,1fr);gap:9px}}@media (prefers-reduced-motion:reduce){.light-editor-number-control{transition:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tone-ink:#171917;--tone-deep:#4b4f4a;--tone-mid:#969a93;--tone-light:#d5d7d0;--tone-paper:#f0f1eb;--signal:#f2b84b;--mono-0:var(--tone-ink);--mono-1:var(--tone-deep);--mono-2:var(--tone-mid);--mono-3:var(--tone-light);--mono-4:var(--tone-paper);--ui-canvas:var(--mono-4);--ui-surface:color-mix(in srgb, var(--mono-4) 92%, var(--mono-3));--ui-surface-raised:var(--mono-4);--ui-text:var(--mono-0);--ui-text-muted:var(--mono-2);--ui-border:var(--mono-2);--ui-border-soft:color-mix(in srgb, var(--mono-0) 18%, transparent);--ui-border-strong:var(--mono-0);--ui-inverse:var(--mono-0);--ui-inverse-text:var(--mono-4);--ui-focus:var(--signal);--ui-selection:color-mix(in srgb, var(--signal) 34%, transparent);--ui-scrim:color-mix(in srgb, var(--mono-0) 72%, transparent);--world-ink:var(--mono-0);--world-deep:var(--mono-1);--world-mid:var(--mono-2);--world-light:var(--mono-3);--world-paper:var(--mono-4);--world-shadow:var(--mono-0);--world-highlight:var(--mono-4);--world-accent:var(--signal);--environment-sky-day:var(--world-paper);--environment-sky-night:var(--world-deep);--environment-glass-face:var(--world-light);--environment-glass-frame:var(--world-ink);--environment-garden-near:var(--world-deep);--environment-garden-far:var(--world-mid);--environment-sun-core:var(--world-paper);--environment-sun-edge:var(--world-light);--environment-moon:var(--world-paper);--environment-star:var(--world-light);--environment-shadow-contact:var(--world-ink);--environment-shadow-near:var(--world-deep);--environment-shadow-far:var(--world-mid);--environment-shadow-layer-count:3;--environment-afternoon-hour:12;--environment-sunset-hour:17;--environment-sun-morning-coverage:.25;--environment-sun-afternoon-coverage:.5;--environment-sun-sunset-coverage:.75;--environment-practical-coverage:.5;--rest-lying-delay:5s;--rest-sleeping-delay:10s;--zoom-world-min:.75;--zoom-world-max:1.35;--zoom-world-step:.1;--zoom-world-default:1;--iso-tile-width:32px;--iso-tile-height:16px;--iso-tile-ratio:2;--iso-camera-yaw:45deg;--iso-camera-pitch:30deg;--iso-logical-pixel:2px;--iso-render-scale:2;--iso-grid-snap:1px;--shade-band-count:4;--shade-threshold-deep:.2;--shade-threshold-mid:.46;--shade-threshold-light:.72;--shade-highlight-threshold:.86;--shade-light-x:-.55;--shade-light-y:.78;--shade-light-z:.3;--dither-matrix-size:4;--dither-cell-size:1px;--dither-coverage-low:.25;--dither-coverage-mid:.5;--dither-strength:.42;--contour-width:1px;--contour-depth-threshold:.012;--contour-normal-threshold:.22;--contour-color:var(--world-ink);--shadow-map-size:1024;--shadow-threshold:.52;--shadow-dither-band:.1;--shadow-contact-offset:2px;--shadow-cast-offset:6px;--shadow-ui:4px 4px 0 var(--ui-border-strong);--font-display:"Pixelify Sans", "Courier New", monospace;--font-body:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mono:var(--font-body);--type-xs:.6875rem;--type-sm:.75rem;--type-body:.875rem;--type-title:clamp(1.75rem, 3vw, 3rem);--type-display:clamp(3.25rem, 8vw, 7.75rem);--leading-tight:.86;--leading-body:1.6;--tracking-label:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--stroke-hairline:1px;--stroke-control:2px;--stroke-world:2px;--radius-square:0;--radius-soft:2px;--radius-status:999px;--duration-instant:80ms;--duration-fast:.12s;--duration-base:.18s;--duration-world:.48s;--ease-ui:cubic-bezier(.2, .7, .2, 1);--ease-pixel:steps(2, end)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-canvas:var(--mono-0);--ui-surface:color-mix(in srgb, var(--mono-0) 86%, var(--mono-1));--ui-surface-raised:var(--mono-1);--ui-text:var(--mono-4);--ui-text-muted:var(--mono-3);--ui-border:var(--mono-2);--ui-border-soft:color-mix(in srgb, var(--mono-4) 18%, transparent);--ui-border-strong:var(--mono-4);--ui-inverse:var(--mono-4);--ui-inverse-text:var(--mono-0);--ui-scrim:color-mix(in srgb, var(--mono-0) 82%, transparent);--world-ink:var(--mono-4);--world-deep:var(--mono-0);--world-mid:var(--mono-1);--world-light:var(--mono-2);--world-paper:var(--mono-0);--world-shadow:var(--mono-0);--world-highlight:var(--mono-4);--contour-color:var(--world-ink);--shadow-ui:4px 4px 0 var(--ui-border-strong)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-base:1ms;--duration-world:1ms}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-paper:#ebebeb;--page-dot:#aaa9a5;--page-ink:#171715;--plastic:#b9b3b0;--plastic-light:#d1cdca;--plastic-mid:#aaa4a1;--plastic-dark:#7f7976;--hardware:#b8b2af;--hardware-dark:#918b88;--dpad-color:#b8b2af;--face-button-color:#b8b2af;--utility-button-color:#b8b2af;--side-button-color:#39d878;--dot-size:.8px;--dot-spacing:18px;--bezel-color:#050505;--texture-opacity:.06;--shell-top-left-radius:.75cqw;--shell-top-right-radius:.75cqw;--shell-bottom-right-radius:1.5cqw;--shell-bottom-left-radius:1.5cqw;--rim-inset:1.35cqw;--rim-top-left-radius:1.75cqw;--rim-top-right-radius:1.75cqw;--rim-bottom-right-radius:4.75cqw;--rim-bottom-left-radius:4.75cqw;--device-shadow:20px;--device-max-width:420px;--display-padding:3.6cqw;--bezel-thickness:3.8cqw;--bezel-top-left-radius:1.45cqw;--bezel-top-right-radius:1.45cqw;--bezel-bottom-right-radius:1.45cqw;--bezel-bottom-left-radius:1.45cqw;--screen-ratio:1.25;--screen-scale:1;--glass-top-left-radius:.8cqw;--glass-top-right-radius:.8cqw;--glass-bottom-right-radius:.8cqw;--glass-bottom-left-radius:.8cqw;--label-size:2.75cqw;--control-deck-height:45cqw;--control-top-spacing:0cqw;--control-bottom-spacing:8.75cqw;--control-cluster-size:23.75cqw;--face-button-size:8.5cqw;--control-inset:15.15cqw;--speaker-size:.7cqw;--button-depth:.75cqw;--utility-width:11.75cqw}*{box-sizing:border-box}html{background:var(--page-paper);min-width:320px;min-height:100%}body{background:var(--page-paper);min-width:320px;min-height:100dvh;color:var(--page-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:geometricprecision;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button:not(:disabled),a{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #111}.showcase-page{background:var(--page-paper);min-height:100dvh}.showcase-header{z-index:10;background:color-mix(in srgb, var(--page-paper) 94%, transparent);letter-spacing:.07em;border-bottom:1px solid #d4d2cc;grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:56px;font-size:.625rem;display:grid;position:relative}.showcase-brand,.showcase-link,.showcase-mode-label{align-items:center;padding:0 22px;display:flex}.showcase-brand{letter-spacing:.02em;justify-self:start;gap:12px;font-weight:500}.showcase-link{align-self:stretch}.showcase-brand:hover,.showcase-link:hover{opacity:.55}.showcase-mode-switch{border-left:1px solid #dfddd8;border-right:1px solid #dfddd8;align-self:stretch;display:flex}.showcase-mode-label{color:#6f6e69}.showcase-mode-link{color:#6f6e69;border-left:1px solid #dfddd8;place-items:center;min-width:48px;display:grid}.showcase-mode-link:hover,.showcase-mode-link.is-active{color:#efeeeb;background:#171715}.showcase-header-actions{justify-self:end;min-width:0;display:flex}.showcase-customize-button{color:#4c4a46;letter-spacing:.07em;background:0 0;border:0;border-left:1px solid #dfddd8;min-width:108px;padding:0 18px;font-size:.625rem}.showcase-customize-button:hover,.showcase-customize-button.is-active{color:#efeeeb;background:#171715}.showcase-workspace{grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 56px);display:grid}.showcase-page.is-customizing .showcase-workspace{grid-template-columns:minmax(0,1fr) min(350px,31vw)}.dot-tile{grid-template-columns:repeat(3,3px);gap:3px;width:15px;height:15px;display:grid}.dot-tile i{background:currentColor;border-radius:50%;width:3px;height:3px}.showcase-canvas{background-color:var(--page-paper);background-image:radial-gradient(circle, var(--page-dot) var(--dot-size), transparent calc(var(--dot-size) + .15px));background-position:0 0;background-size:var(--dot-spacing) var(--dot-spacing);align-content:center;justify-items:center;min-height:calc(100dvh - 56px);padding:clamp(18px,3vh,36px) 10px 18px;display:grid;overflow:auto}.handheld{isolation:isolate;width:min(var(--device-max-width), calc(100% - 20px), calc(78.74dvh - 98px));border-radius:var(--shell-top-left-radius) var(--shell-top-right-radius) var(--shell-bottom-right-radius) var(--shell-bottom-left-radius);background:radial-gradient(circle at 20% 16%, #fff3, transparent 28%), radial-gradient(circle at 77% 68%, #463f3c0f, transparent 35%), radial-gradient(circle, rgb(61 55 52/var(--texture-opacity)) .35px, transparent .6px), linear-gradient(102deg, #ffffff21, transparent 22%, transparent 74%, #433d3a12), var(--plastic);box-shadow:0 1px 0 #ffffff8c inset, 1px 0 0 #ffffff40 inset, -1px 0 1px #443d3a24 inset, 0 -2px 2px #4d454229 inset, 0 2px 4px #2a252329, 0 var(--device-shadow) 28px #2a252326;background-size:auto,auto,3px 3px,auto,auto;border:1px solid #4f49467a;position:relative;overflow:hidden;container-type:inline-size}.handheld:before{z-index:8;inset:var(--rim-inset);border-radius:var(--rim-top-left-radius) var(--rim-top-right-radius) var(--rim-bottom-right-radius) var(--rim-bottom-left-radius);content:"";pointer-events:none;border:1px solid #ffffff47;position:absolute;box-shadow:0 0 0 1px #4b44412e,inset 0 0 0 .55cqw #ffffff09,inset 0 0 0 calc(.55cqw + 1px) #48423e17}.display-deck{z-index:2;padding:var(--display-padding) var(--display-padding) 0;background:linear-gradient(#ffffff14,#4d464305);border-bottom:1px solid #56524c33;position:relative}.display-bezel{padding:var(--bezel-thickness) calc(var(--bezel-thickness) + .7cqw);border-radius:var(--bezel-top-left-radius) var(--bezel-top-right-radius) var(--bezel-bottom-right-radius) var(--bezel-bottom-left-radius);background:var(--bezel-color);border:1px solid #373634;box-shadow:0 1px #ffffff2e,inset 0 2px 3px #14131261}.display-glass{aspect-ratio:var(--screen-ratio);border-radius:var(--glass-top-left-radius) var(--glass-top-right-radius) var(--glass-bottom-right-radius) var(--glass-bottom-left-radius);background:#050505;position:relative;overflow:hidden;box-shadow:0 0 0 1px #050505,inset 0 0 18px #f0f1eb14}.display-glass:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff13,#0000 24% 68%,#ffffff06),repeating-linear-gradient(0deg,#00000009 0 1px,#0000 1px 3px);position:absolute;inset:0}.display-glass .room-canvas-shell{aspect-ratio:8/5;width:auto;height:100%;transform:translate(-50%, -50%) scale(var(--screen-scale));position:absolute;top:50%;left:50%}.display-glass .room-canvas{width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none;background:#f0f1eb;border:0;display:block}.display-glass .render-error{z-index:7;color:#f0f1eb;background:#171917;border:1px solid #f0f1eb;width:calc(100% - 24px);padding:8px;font-size:.5rem;line-height:1.35;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.display-labels{grid-template-columns:1fr;align-items:center;min-height:10.5cqw;padding:0 .7cqw;display:grid}.display-labels strong{font-family:var(--font-body);font-size:var(--label-size);letter-spacing:.01em;font-weight:500}.control-deck{z-index:2;min-height:var(--control-deck-height);background:linear-gradient(#4e474405,#ffffff09);position:relative}.speaker{z-index:4;color:#242421;filter:drop-shadow(0 1px #fff9);position:absolute;top:3.5cqw}.speaker .dot-tile{grid-template-columns:repeat(3, var(--speaker-size));gap:calc(var(--speaker-size) + .15cqw) calc(var(--speaker-size) + .4cqw);width:auto;height:auto}.speaker .dot-tile i{width:var(--speaker-size);height:var(--speaker-size);box-shadow:inset 0 -.2cqw #322d2a6b}.speaker .dot-tile i:nth-child(n+6){display:none}.speaker-left{left:5.4cqw}.speaker-right{right:5.4cqw}.control-well{top:var(--control-top-spacing);right:0;bottom:var(--control-bottom-spacing);padding:0 var(--control-inset);box-shadow:none;border:0;border-radius:0;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0}.direction-cluster{width:var(--control-cluster-size);height:var(--control-cluster-size);flex:none;position:relative}.dpad-body{filter:drop-shadow(0 .5cqw .45cqw #342e2c1a);background:0 0;position:absolute;inset:0}.dpad-body:before,.dpad-body:after{background:radial-gradient(circle, #3933300e .3px, transparent .55px), linear-gradient(145deg, #ffffff21, #47403d06), var(--dpad-color);content:"";background-size:3px 3px,auto,auto;border:1px solid #4c45424f;border-radius:1.25cqw;position:absolute;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #3f393612}.dpad-body:before{width:34%;top:0;bottom:0;left:33%}.dpad-body:after{height:34%;top:33%;left:0;right:0}.hardware-direction{z-index:3;width:var(--face-button-size);height:var(--face-button-size);touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.hardware-direction span{opacity:0}.direction-up{top:0;left:50%;transform:translate(-50%)}.direction-left{top:50%;left:0;transform:translateY(-50%)}.direction-down{bottom:0;left:50%;transform:translate(-50%)}.direction-right{top:50%;right:0;transform:translateY(-50%)}.hardware-direction.is-pressed{background:#3d37341a;border-radius:1cqw;box-shadow:inset 0 .55cqw .7cqw #3b353221}.direction-up.is-pressed{transform:translate(-50%, var(--button-depth))}.direction-left.is-pressed{transform:translate(var(--button-depth), -50%)}.direction-down.is-pressed{transform:translate(-50%, var(--button-depth))}.direction-right.is-pressed{transform:translate(var(--button-depth), -50%)}.dpad-pivot{z-index:2;background:var(--dpad-color);pointer-events:none;border-radius:.25cqw;width:7.7cqw;height:7.7cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff17}.face-cluster{width:var(--control-cluster-size);height:var(--control-cluster-size);flex:none;position:relative}.face-position{width:var(--face-button-size);height:var(--face-button-size);position:absolute}.face-x{top:0;left:50%;transform:translate(-50%)}.face-a{top:50%;right:0;transform:translateY(-50%)}.face-b{bottom:0;left:50%;transform:translate(-50%)}.face-y{top:50%;left:0;transform:translateY(-50%)}.face-caption{display:none}.face-caption small{font-family:var(--font-body);letter-spacing:.02em;font-size:1.25cqw}.hardware-face{background:radial-gradient(circle, #3933300e .3px, transparent .55px), linear-gradient(145deg, #ffffff1f, #413b3806), var(--face-button-color);touch-action:none;background-size:3px 3px,auto,auto;border:1px solid #4a43404f;border-radius:50%;place-items:center;width:100%;height:100%;padding:0;display:grid;box-shadow:0 .45cqw .55cqw #38322f1f,inset 0 1px #ffffff2b,inset 0 -1px #413b380f}.hardware-face span{opacity:0}.hardware-face.is-pressed,.hardware-face:active{background:color-mix(in srgb, var(--face-button-color) 82%, #5f5a57);transform:translateY(var(--button-depth)) scale(.985);box-shadow:0 1px 1px #3c35321f,inset 0 .6cqw .8cqw #3d363329}.utility-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:2.8cqw;left:4cqw;right:4cqw}.utility-control{color:#3b35328f;letter-spacing:.01em;align-items:center;gap:1cqw;font-size:.95cqw;display:flex}.utility-control button{width:var(--utility-width);background:linear-gradient(180deg, #ffffff17, #3f393606), var(--utility-button-color);border:1px solid #4a43404d;border-radius:999px;height:3.8cqw;padding:0;box-shadow:0 .35cqw .45cqw #342e2b1a,inset 0 1px #ffffff29}.utility-control button:active{transform:translateY(.3cqw);box-shadow:inset 0 .45cqw .55cqw #342e2b26}.showcase-instructions{background:color-mix(in srgb, var(--page-paper) 90%, transparent);color:#74726d;letter-spacing:.05em;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:18px 0 0;padding:7px 10px;font-size:.5rem;display:flex}.showcase-instructions span{color:#252522;font-weight:500}[data-button-labels=true] .hardware-direction span{color:#2b27259e;font-family:var(--font-display);opacity:1;font-size:2cqw}[data-button-labels=true] .hardware-face span{color:#2b272585;font-family:var(--font-display);opacity:1;font-size:2.2cqw}[data-button-labels=true] .face-caption{z-index:4;color:#34312f;font-family:var(--font-display);white-space:nowrap;pointer-events:none;align-items:baseline;gap:.45cqw;font-size:1.6cqw;line-height:1;display:flex;position:absolute;top:-2.35cqw;left:50%;transform:translate(-50%)}[data-button-labels=true] .face-caption small{font-size:.9cqw}.customizer-panel-slot{z-index:30;min-width:0;min-height:0;position:relative}.customizer-panel{color:#252522;scrollbar-color:#aaa8a2 transparent;scrollbar-width:thin;background:#f5f4f0;border-left:1px solid #c9c7c1;flex-direction:column;width:100%;height:calc(100dvh - 56px);min-height:0;display:flex;overflow:auto}.customizer-header{z-index:4;background:#f5f4f0;border-bottom:1px solid #c9c7c1;justify-content:space-between;align-items:center;min-height:68px;display:flex;position:sticky;top:0}.customizer-heading-group{padding:12px 16px}.customizer-eyebrow,.customizer-field-note,.customizer-key-name small,.customizer-footer,.customizer-section-note{color:#77746e;letter-spacing:.06em;font-size:.5rem}.customizer-title{font-family:var(--font-display);margin:4px 0 0;font-size:1.25rem;font-weight:400;line-height:1}.customizer-close{--site-xmark-size:15px;width:54px;font-family:var(--font-display);background:0 0;border:0;border-left:1px solid #c9c7c1;align-self:stretch;place-items:center;font-size:1.5rem;display:grid}.customizer-close:hover,.customizer-action:hover,.customizer-reset-keys:hover{color:#f5f4f0;background:#171715}.customizer-actions{border-bottom:1px solid #c9c7c1;grid-template-columns:1fr 1fr;display:grid;position:relative}.customizer-action{letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;border-right:1px solid #c9c7c1;min-height:38px;padding:8px 10px;font-size:.5625rem}.customizer-action:last-of-type{border-right:0}.customizer-copy-status{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.customizer-sections{flex:1 0 auto}.customizer-section{border-bottom:1px solid #c9c7c1}.customizer-summary{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;font-size:.625rem;font-weight:500;list-style:none;display:flex}.customizer-summary::-webkit-details-marker{display:none}.customizer-summary-mark{font-family:var(--font-display);font-size:1rem}.customizer-section[open] .customizer-summary-mark{transform:rotate(45deg)}.customizer-section-content{padding:4px 14px 16px}.customizer-color-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px;display:grid}.customizer-color-field{flex-direction:column;gap:6px;min-width:0;margin:4px 0 12px;display:flex}.customizer-color-grid .customizer-color-field{margin:0}.customizer-field-label{color:#44423e;letter-spacing:.035em;font-size:.5625rem;display:block}.customizer-color-control{background:#eeede9;border:1px solid #bbb9b3;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:28px;display:grid}.customizer-color-input{background:0 0;border:0;border-right:1px solid #bbb9b3;width:28px;height:27px;padding:3px}.customizer-color-value{text-overflow:ellipsis;padding:0 5px;font-size:.4375rem;overflow:hidden}.customizer-range-field{margin-top:12px}.customizer-range-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.customizer-range-value{color:#77746e;font-size:.5rem}.customizer-range-input{accent-color:#171715;width:100%;height:18px;margin:4px 0 0}.customizer-corner-field{border:0;min-width:0;margin:14px 0 18px;padding:0}.customizer-corner-heading{color:#44423e;letter-spacing:.035em;justify-content:space-between;align-items:center;width:100%;margin:0 0 8px;padding:0;font-size:.5625rem;display:flex}.customizer-corner-link{color:#77746e;background:#eeede9;border:0;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.customizer-corner-link:hover{color:#252522;background:#dfddd7}.customizer-corner-link.is-linked{color:#0875d1;background:#d9ecff}.customizer-corner-link-icon{width:16px;height:16px;display:block;position:relative}.customizer-corner-link-icon i{border-style:solid;border-color:currentColor;width:6px;height:6px;position:absolute}.customizer-corner-link-icon i:first-child{border-width:1.5px 0 0 1.5px;border-radius:3px 0 0;top:0;left:0}.customizer-corner-link-icon i:nth-child(2){border-width:1.5px 1.5px 0 0;border-radius:0 3px 0 0;top:0;right:0}.customizer-corner-link-icon i:nth-child(3){border-width:0 1.5px 1.5px 0;border-radius:0 0 3px;bottom:0;right:0}.customizer-corner-link-icon i:nth-child(4){border-width:0 0 1.5px 1.5px;border-radius:0 0 0 3px;bottom:0;left:0}.customizer-corner-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customizer-corner-input{color:#77746e;background:#eeede9;border:1px solid #0000;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:34px;padding:0 8px;display:grid}.customizer-corner-input:focus-within{color:#0875d1;background:#fff;border-color:#0875d1;box-shadow:0 0 0 1px #0875d1}.customizer-corner-input input{color:#252522;width:100%;min-width:0;font:inherit;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:.6875rem}.customizer-corner-input input::-webkit-inner-spin-button{appearance:none;margin:0}.customizer-corner-input input::-webkit-outer-spin-button{appearance:none;margin:0}.customizer-corner-input small{color:#8b8882;font-size:.4375rem}.customizer-corner-glyph{border-style:solid;border-color:currentColor;width:11px;height:11px;display:block}.customizer-corner-glyph.is-topLeft{border-width:1.5px 0 0 1.5px;border-radius:4px 0 0}.customizer-corner-glyph.is-topRight{border-width:1.5px 1.5px 0 0;border-radius:0 4px 0 0;justify-self:end}.customizer-corner-glyph.is-bottomLeft{border-width:0 0 1.5px 1.5px;border-radius:0 0 0 4px}.customizer-corner-glyph.is-bottomRight{border-width:0 1.5px 1.5px 0;border-radius:0 0 4px;justify-self:end}.customizer-toggle-field{border-top:1px solid #d8d6d0;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.customizer-toggle-field small{margin-top:3px;display:block}.customizer-toggle-input{accent-color:#171715;width:34px;height:18px}.customizer-section-note{margin:2px 0 12px;line-height:1.5}.customizer-key-list{border-top:1px solid #d8d6d0}.customizer-key-row{border-bottom:1px solid #d8d6d0;grid-template-columns:1fr 92px;align-items:center;gap:10px;min-height:48px;display:grid}.customizer-key-name{flex-direction:column;gap:2px;min-width:0;font-size:.5625rem;display:flex}.customizer-key-button{min-height:28px;font-family:var(--font-display);background:#eeede9;border:1px solid #989690;padding:4px 7px;font-size:.6875rem;box-shadow:0 2px #aaa8a2}.customizer-key-button.is-listening{box-shadow:none;background:#f2b84b;border-color:#171715}.customizer-reset-keys{letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #aaa8a2;width:100%;min-height:34px;margin-top:12px;font-size:.5rem}.customizer-footer{background:#eeede9;border-top:1px solid #c9c7c1;justify-content:space-between;align-items:center;min-height:38px;padding:0 14px;display:flex;position:sticky;bottom:0}.customizer-live-indicator{align-items:center;gap:5px;display:flex}.customizer-live-indicator i{background:#3f6f51;border-radius:50%;width:5px;height:5px}.customizer-scrim{display:none}.mobile-desktop-notice{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e1d1bad;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mobile-desktop-notice__card{color:#262521;background:#eeede9;border:1px solid #cbc9c3;border-radius:2px;width:min(360px,100%);padding:24px;box-shadow:0 28px 90px #1e1d1b57}.mobile-desktop-notice__eyebrow{color:#75736d;font:500 10px/1 var(--font-mono);letter-spacing:.13em;margin:0 0 13px}.mobile-desktop-notice__card h2{font:500 25px/1.08 var(--font-display);letter-spacing:-.035em;margin:0}.mobile-desktop-notice__card>p:not(.mobile-desktop-notice__eyebrow){color:#66645e;font:400 13px/1.55 var(--font-mono);margin:14px 0 22px}.mobile-desktop-notice__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-desktop-notice__actions a,.mobile-desktop-notice__actions button{color:#34332f;min-height:42px;font:500 9px/1.2 var(--font-mono);letter-spacing:.035em;text-align:center;cursor:pointer;background:0 0;border:1px solid #bbb9b3;border-radius:1px;place-items:center;padding:0 10px;text-decoration:none;display:grid}.mobile-desktop-notice__actions button{color:#f5f3ed;background:#23221f;border-color:#23221f}@media (width<=980px){.showcase-page.is-customizing .showcase-workspace{grid-template-columns:minmax(0,1fr)}.customizer-panel-slot{z-index:70;width:min(360px,100vw);position:fixed;top:56px;bottom:0;right:0;box-shadow:-16px 0 36px #1c1a172e}.customizer-panel{height:100%}.customizer-scrim{z-index:60;background:#1717153d;border:0;width:100%;padding:0;display:block;position:fixed;inset:56px 0 0}}@media (width<=620px){.showcase-header{grid-template-columns:minmax(0,1fr) auto auto;min-height:50px}.showcase-brand,.showcase-link{padding:0 14px}.showcase-mode-label{display:none}.showcase-mode-link{min-width:40px}.showcase-canvas{min-height:calc(100dvh - 50px);padding-top:20px}.handheld{width:min(var(--device-max-width), calc(100% - 16px), calc(78.74dvh - 91px))}.customizer-panel-slot{top:50px}.customizer-scrim{inset:50px 0 0}}@media (width<=500px){.showcase-link{display:none}.showcase-customize-button{min-width:104px;padding:0 12px}}@media (height<=700px) and (orientation:landscape){.showcase-canvas{align-content:start}.handheld{width:min(410px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.hardware-face,.hardware-direction,.utility-control button{transition:none}}