.avatar-renderer{position:relative;width:min(62vw,38rem);aspect-ratio:16 / 9;isolation:isolate}.avatar-renderer-layer-group{display:contents}.avatar-renderer-layer,.avatar-renderer-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-renderer-overlay{z-index:2}.avatar-composer-screen{--museum-ink: #173f47;--museum-ink-soft: #466364;--museum-blue: #ba6259;--museum-blue-deep: #884440;--museum-water: #f5dfc8;--museum-water-soft: #fff5e9;--museum-canvas: #f4eadc;--museum-surface: #fffaf2;--museum-line: rgb(133 91 57 / .2);--museum-line-strong: rgb(74 86 76 / .5);--museum-focus: #d88936;--museum-shadow: 0 .45rem 1.2rem rgb(88 62 39 / .11);width:min(100%,62rem);height:100dvh;height:var(--app-height, 100dvh);min-height:38rem;margin:0 auto;padding:var(--app-shell-block-start, max(.65rem, env(safe-area-inset-top))) var(--app-shell-inline, clamp(.75rem, 3vw, 2rem)) var(--app-shell-block-end, max(.65rem, env(safe-area-inset-bottom)));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--app-section-gap, .75rem);overflow:hidden;color:var(--museum-ink);font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;text-align:center}.avatar-composer-header{min-height:3.6rem;padding-inline:clamp(2.5rem,10vw,6.5rem);display:grid;align-content:center}.avatar-composer-header .eyebrow{margin-bottom:.15rem;color:var(--museum-blue);font-size:clamp(.68rem,1.8vw,.82rem);letter-spacing:.11em}.avatar-composer-header h1{margin:0;color:var(--museum-ink);font-size:clamp(1.7rem,5vw,2.8rem);font-weight:900;letter-spacing:-.035em}.avatar-composer-workspace{min-height:0;display:grid;grid-template-rows:minmax(16rem,38%) minmax(0,1fr);gap:.75rem}.avatar-preview-panel,.avatar-controls{min-width:0;min-height:0;border:.1rem solid var(--museum-line);border-radius:1.5rem;background:var(--museum-surface);box-shadow:var(--museum-shadow)}.avatar-preview-panel{position:relative;isolation:isolate;container-type:size;display:grid;place-items:center;overflow:hidden;background:var(--museum-water-soft)}.avatar-preview-safe-area{width:min(100%,140cqh);aspect-ratio:16 / 9;display:grid;place-items:center;overflow:visible}.avatar-preview-panel:before{content:"";position:absolute;z-index:-1;left:50%;top:48%;width:min(48%,18rem);aspect-ratio:1;border-radius:50%;background:#ffffffd1;transform:translate(-50%,-50%)}.avatar-preview-panel:after{content:"";position:absolute;z-index:-1;left:50%;bottom:5.5%;width:min(38%,13rem);height:.65rem;border-radius:50%;background:#c27b5a29;box-shadow:0 .35rem .8rem #583e2714;transform:translate(-50%)}.avatar-preview-safe-area .avatar-renderer{z-index:1;width:100%;max-width:none;transform:translate(25%) scale(1.08);transform-origin:50% 50%}.avatar-controls{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.avatar-category-tabs{padding:.5rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;border-bottom:.08rem solid var(--museum-line);background:var(--museum-surface)}.avatar-category-tab,.clothing-tab,.avatar-navigation-button{border:.1rem solid transparent;cursor:pointer;font-weight:850;touch-action:manipulation;transition:transform .12s ease-out,border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out}.avatar-category-tab{min-height:4rem;padding:.4rem .2rem;display:grid;place-items:center;align-content:center;gap:.12rem;border-radius:.85rem;color:var(--museum-ink-soft);background:var(--museum-water-soft);font-size:clamp(.72rem,1.8vw,.88rem);line-height:1.05}.avatar-category-icon{width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:.55rem;color:var(--museum-blue);background:#fffc;font-size:1.05rem;line-height:1}.avatar-category-tab[aria-selected=true]{border-color:var(--museum-blue-deep);color:#fff;background:var(--museum-blue);box-shadow:0 .2rem 0 var(--museum-blue-deep),0 .35rem .65rem #583e2724}.avatar-category-tab[aria-selected=true] .avatar-category-icon{color:var(--museum-blue-deep);background:#fff}.avatar-options-panel{min-height:0;padding:.7rem clamp(.7rem,2vw,1.1rem) 1rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--museum-surface)}.avatar-options-panel>*{animation:control-reveal .15s ease-out}.avatar-options-panel h2,.avatar-options-panel h3{margin:0 0 .65rem}.avatar-options-panel h2{color:var(--museum-ink);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:900;letter-spacing:-.02em}.avatar-options-panel h3{color:var(--museum-ink-soft);font-size:.95rem;font-weight:800}.avatar-option-sections{display:grid;gap:1rem}.color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.65rem,2vw,.95rem);padding:.25rem}.color-swatch{width:clamp(3.35rem,9vw,4.25rem);aspect-ratio:1;padding:0;display:grid;place-items:center;border:.22rem solid #fff;border-radius:50%;color:#fff;background:var(--swatch-color);box-shadow:0 0 0 .1rem var(--museum-line-strong),0 .28rem .55rem #583e2729;cursor:pointer;font-size:1.45rem;font-weight:950;text-shadow:0 .1rem .2rem rgb(0 0 0 / .7);transition:transform .12s ease-out,box-shadow .14s ease-out}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 .28rem var(--museum-ink),0 .35rem .7rem #583e2738;transform:scale(1.06)}.variant-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.variant-option{position:relative;height:clamp(5.25rem,11vw,6.3rem);padding:.18rem;overflow:hidden;border:.1rem solid var(--museum-line);border-radius:1rem;color:var(--museum-ink);background:var(--museum-water-soft);box-shadow:0 .2rem .45rem #583e2712;cursor:pointer;transition:transform .12s ease-out,border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out}.variant-option[aria-pressed=true]{border-color:var(--museum-ink);background:var(--museum-water);box-shadow:inset 0 0 0 .1rem var(--museum-ink),0 .3rem .65rem #583e2724}.variant-option[aria-pressed=true]:after{content:"✓";position:absolute;top:.28rem;right:.28rem;width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--museum-blue);box-shadow:0 .1rem .25rem #583e2733;font-size:.8rem;font-weight:950}.variant-option-preview{width:100%;height:100%;display:block;pointer-events:none}.variant-option-number{position:absolute;right:.28rem;bottom:.25rem;width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:#173f47db;font-size:.74rem;font-weight:850}.clothing-controls{display:grid;gap:.7rem}.avatar-options-panel .control-step{margin:0;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--museum-ink-soft);font-size:.84rem;letter-spacing:.02em}.control-step span{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--museum-blue);font-size:.74rem}.clothing-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-bottom:.15rem;border-bottom:.08rem solid var(--museum-line)}.clothing-tab{min-height:3.35rem;padding:.55rem;border-color:var(--museum-line);border-radius:.85rem;color:var(--museum-ink-soft);background:var(--museum-water-soft)}.clothing-tab[aria-pressed=true]{border-color:var(--museum-blue);color:var(--museum-ink);background:var(--museum-water);box-shadow:inset 0 -.18rem #ba625952}.avatar-composer-actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:.75rem}.avatar-navigation-button{min-height:4rem;padding:.75rem 1rem;border-radius:1rem;font-size:clamp(1rem,3vw,1.17rem)}.avatar-navigation-button--back{border-color:var(--museum-line-strong);color:var(--museum-ink);background:var(--museum-surface)}.avatar-navigation-button--back:before{content:"←";margin-right:.45rem}.avatar-navigation-button--continue{color:#fff;background:var(--museum-ink);box-shadow:0 .3rem #102f35,0 .45rem .8rem #583e2726}.avatar-navigation-button--continue:after{content:"→";margin-left:.5rem}.avatar-category-tab:active,.clothing-tab:active,.variant-option:active,.avatar-navigation-button:active{transform:scale(.97)}.color-swatch:active{transform:scale(.94)}.avatar-category-tab:focus-visible,.clothing-tab:focus-visible,.color-swatch:focus-visible,.variant-option:focus-visible,.avatar-navigation-button:focus-visible{outline:.22rem solid var(--museum-focus);outline-offset:.15rem}@keyframes control-reveal{0%{opacity:.72;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.avatar-category-tab:hover,.clothing-tab:hover,.variant-option:hover,.avatar-navigation-button:hover{border-color:var(--museum-line-strong)}}@media(max-width:32rem){.avatar-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-category-tab{min-height:3.15rem;grid-template-columns:auto auto;gap:.3rem}.avatar-category-icon{width:1.35rem;height:1.35rem;font-size:.9rem}}@media(max-height:65rem){.avatar-preview-safe-area{width:min(100%,136cqh)}.avatar-preview-safe-area .avatar-renderer{transform:translate(23%) scale(1.04)}}@media(max-height:44rem){.avatar-composer-header{min-height:2.4rem}.avatar-composer-header .eyebrow{display:none}.avatar-composer-screen{min-height:32rem}}@media(orientation:portrait)and (min-width:31.01rem)and (max-width:42rem)and (min-height:43rem){.avatar-composer-header{min-height:var(--app-header-min)}.avatar-composer-workspace{grid-template-rows:minmax(18rem,45%) minmax(0,1fr);gap:var(--app-section-gap)}.avatar-preview-safe-area{width:min(100%,148cqh)}.avatar-preview-safe-area .avatar-renderer{transform:translate(23%) scale(1.06)}.avatar-composer-actions{gap:var(--app-section-gap)}.avatar-navigation-button{min-height:3.7rem}}@media(orientation:landscape)and (min-width:48rem){.avatar-composer-screen{width:min(100%,80rem);padding-inline:clamp(1rem,3vw,2rem)}.avatar-composer-workspace{grid-template-columns:minmax(0,1.12fr) minmax(27rem,.88fr);grid-template-rows:minmax(0,1fr)}.avatar-preview-safe-area .avatar-renderer{transform:translate(30%) scale(1.3)}.avatar-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-category-tab{min-height:3.2rem;grid-template-columns:auto auto;gap:.3rem}.variant-option{height:clamp(4.7rem,8vw,5.6rem)}}@media(prefers-reduced-motion:reduce){.avatar-category-tab,.clothing-tab,.color-swatch,.variant-option,.avatar-navigation-button{transition:none}.avatar-options-panel>*{animation:none}.color-swatch[aria-pressed=true],.color-swatch:active{transform:none}}:root{--ui-canvas: #f4eadc;--ui-canvas-light: #fffaf1;--ui-canvas-deep: #ead5be;--ui-surface: rgb(255 251 244 / .94);--ui-ink-hero: #173f47;--ui-ink-body: #365c5d;--ui-ink-muted: #6e7770;--ui-action: #bd625b;--ui-action-deep: #884440;--ui-focus: #d88936;--ui-glacier: #22a3b8;--ui-forest: #2b7a59;--ui-border-soft: rgb(93 76 53 / .17);--ui-shadow-card: 0 .6rem 1.8rem rgb(78 58 40 / .13), 0 .15rem .4rem rgb(78 58 40 / .05);--ui-shadow-button: 0 .38rem 0 #6e3533, 0 .6rem 1.4rem rgb(107 65 54 / .2);--ui-radius-card: 1.6rem;--app-width: 100%;--app-height: 100dvh;--app-shell-inline: clamp(.75rem, 3vw, 2rem);--app-shell-block-start: max(.65rem, env(safe-area-inset-top));--app-shell-block-end: max(.65rem, env(safe-area-inset-bottom));--app-section-gap: .75rem;--app-header-min: 3.4rem;--tablet-scale: 1;color:var(--ui-ink-hero);background:var(--ui-canvas);font-family:ui-rounded,Arial Rounded MT Bold,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;overscroll-behavior:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 28%,var(--ui-canvas-light) 0%,#f7eee1 61%,var(--ui-canvas-deep) 100%);background-attachment:fixed}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.screen-shell{min-height:100dvh;max-width:54rem;margin:auto;padding:max(2rem,env(safe-area-inset-top)) clamp(1.25rem,5vw,3.5rem) max(2.5rem,env(safe-area-inset-bottom));display:grid;align-content:center;gap:2rem;text-align:center}.screen-shell header{display:grid;justify-items:center;gap:.6rem}.screen-shell .eyebrow{width:fit-content;margin:0;padding:.35rem .9rem;border:.08rem solid rgb(173 101 81 / .25);border-radius:999px;color:#9b554b;background:#fff7ede0;font-size:clamp(.72rem,1.8vw,.86rem);font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem)}.screen-shell h1{margin:0;color:var(--ui-ink-hero);font-size:clamp(2.15rem,6.8vw,3.9rem);font-weight:900;letter-spacing:-.035em;line-height:1.04;text-wrap:balance;text-shadow:0 .1rem .4rem rgb(78 58 40 / .07)}.screen-shell .subtitle{max-width:32rem;margin:0 auto;color:var(--ui-ink-body);font-size:clamp(1.02rem,2.6vw,1.35rem);font-weight:650;line-height:1.4;text-wrap:balance}.screen-content{display:grid;justify-items:center;gap:2rem}.primary-button{min-width:min(100%,21rem);min-height:4.4rem;padding:1.05rem 2rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:.08rem solid rgb(255 255 255 / .3);border-radius:1.4rem;color:#fff;background:linear-gradient(180deg,var(--ui-action) 0%,var(--ui-action-deep) 100%);box-shadow:var(--ui-shadow-button),inset 0 .12rem #fff6;cursor:pointer;font-size:clamp(1.12rem,3.2vw,1.35rem);font-weight:900;letter-spacing:-.01em;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease-out,filter .14s ease-out}.primary-button:active{transform:translateY(.24rem);box-shadow:0 .12rem #6e3533,0 .2rem .6rem #6b413633,inset 0 .06rem #fff3}.primary-button:focus-visible{outline:.22rem solid var(--ui-focus);outline-offset:.2rem}.primary-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;filter:grayscale(.35);transform:none}.start-attract-container{width:100%;display:grid;justify-items:center;gap:1.35rem}.start-attract-orb{position:relative;width:clamp(8.5rem,24vw,12rem);aspect-ratio:1;margin-block:.35rem;display:grid;place-items:center;border-radius:50%}.start-attract-glow{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;border-radius:50%;background:radial-gradient(circle,rgb(220 128 103 / .34) 0%,rgb(225 175 93 / .16) 50%,transparent 75%);filter:blur(1rem);animation:orb-breathe 4s ease-in-out infinite alternate}.start-attract-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:.12rem solid rgb(206 126 98 / .36);border-radius:50%;background:linear-gradient(145deg,#fffcf5e6,#f7ddbea8);box-shadow:inset 0 0 1.5rem #d6906938,0 0 2rem #d3846342}.start-attract-sparkle{position:relative;z-index:2;color:#b35e51;font-size:clamp(2.5rem,6vw,3.5rem);text-shadow:0 0 .45rem rgb(212 131 90 / .4);animation:sparkle-pulse 2.8s ease-in-out infinite}.start-attract-prompt{margin:0;color:var(--ui-ink-muted);font-size:clamp(.95rem,2.4vw,1.12rem);font-weight:750;letter-spacing:.02em}.screen-shell--scene-selection{max-width:54rem}.screen-shell--scene-selection .screen-content{gap:1rem}.scene-grid{width:min(100%,42rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.2rem}.scene-card{--scene-accent: #487291;--scene-border: rgb(72 114 145 / .28);--scene-surface: var(--ui-surface);--scene-button: #175e89;--scene-button-deep: #104364;--scene-button-shadow: #09283d;--scene-icon-surface: rgb(255 255 255 / .78);min-width:0;min-height:15.1rem;aspect-ratio:1 / 1;padding:.55rem;display:grid;grid-template-rows:minmax(8.8rem,1fr) auto;gap:.55rem;overflow:hidden;border:.1rem solid var(--scene-border);border-radius:var(--ui-radius-card);background:var(--scene-surface);box-shadow:var(--ui-shadow-card);text-align:left;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s ease-out}.scene-card--glacier{--scene-accent: #157e98;--scene-border: rgb(21 126 152 / .36);--scene-button: #176e91;--scene-button-deep: #0d4968;--scene-button-shadow: #082f45;--scene-icon-surface: rgb(235 250 255 / .86)}.scene-card--forest{--scene-accent: #39765a;--scene-border: rgb(57 118 90 / .34);--scene-button: #356d4f;--scene-button-deep: #1e4d37;--scene-button-shadow: #103220;--scene-icon-surface: rgb(242 249 235 / .88)}.scene-card--future03{--scene-accent: #91713c;--scene-border: rgb(145 113 60 / .38);--scene-button: #78703a;--scene-button-deep: #4f5128;--scene-button-shadow: #343719;--scene-icon-surface: rgb(255 248 225 / .9)}.scene-card--sky{--scene-accent: #54528f;--scene-border: rgb(84 82 143 / .4);--scene-button: #4f4d8b;--scene-button-deep: #343467;--scene-button-shadow: #222044;--scene-icon-surface: rgb(245 243 255 / .88)}.scene-card.is-planned{border-style:dashed;box-shadow:0 .35rem 1rem #4e3a2814;opacity:.76}.scene-card-image{position:relative;min-height:0;overflow:hidden;border-radius:calc(var(--ui-radius-card) - .55rem);background:var(--scene-accent);isolation:isolate}.scene-card-image:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c1c1f05 30%,#0c1c1f5c);pointer-events:none}.scene-card-image img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.015)}.scene-card-icon{position:absolute;z-index:2;top:.65rem;left:.65rem;width:3rem;height:3rem;display:grid;place-items:center;border:.07rem solid rgb(255 255 255 / .7);border-radius:50%;color:var(--scene-accent);background:var(--scene-icon-surface);box-shadow:0 .2rem .6rem #08191d38;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.scene-card-icon svg{width:2.25rem;height:2.25rem;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.scene-card-button{min-width:100%;min-height:3.45rem;padding:.55rem 1rem .6rem;flex-direction:column;align-items:flex-start;gap:.08rem;border-radius:1.08rem;font-size:1rem;line-height:1.05;text-align:left}.scene-card-button-name{font-size:1.06em;font-weight:950;letter-spacing:.01em;text-transform:uppercase}.scene-card-button-concept{font-size:.77em;font-weight:750;line-height:1.12}.scene-card .scene-card-button:not(:disabled){background:linear-gradient(180deg,var(--scene-button),var(--scene-button-deep));box-shadow:0 .32rem 0 var(--scene-button-shadow),0 .5rem 1.2rem color-mix(in srgb,var(--scene-button-deep) 22%,transparent),inset 0 .1rem #ffffff4d}.visual-back-button{width:3.75rem;min-width:3.75rem;height:3.75rem;min-height:3.75rem;padding:.72rem;display:grid;place-items:center;border:.1rem solid rgb(102 77 51 / .25);border-radius:50%;color:var(--ui-ink-hero);background:#fffaf3eb;box-shadow:0 .3rem .9rem #4e3a2821,inset 0 .08rem #ffffffd9;cursor:pointer;transition:transform .12s ease-out,box-shadow .14s ease-out,border-color .14s ease-out}.visual-back-button svg{width:100%;height:100%}.visual-back-button:active{transform:scale(.94)}.visual-back-button:focus-visible{outline:.22rem solid var(--ui-focus);outline-offset:.18rem}.scene-selection-back{margin-top:.15rem}.audio-toggle{position:fixed;z-index:10;top:max(.85rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right));min-height:3rem;padding:.45rem .95rem .45rem .55rem;display:inline-flex;align-items:center;gap:.5rem;border:.08rem solid rgb(22 107 136 / .26);border-radius:999px;color:var(--ui-ink-hero);background:#fffffff0;box-shadow:0 .35rem 1rem #0e2f4a14,inset 0 .08rem #fffc;font-size:.9rem;font-weight:850;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .14s ease-out}.audio-toggle-icon{width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1b7a9b,#11536b);box-shadow:0 .15rem .4rem #11536b4d;font-size:1rem}.audio-toggle[aria-pressed=true] .audio-toggle-icon{background:#738b9c;box-shadow:none}.audio-toggle:active{transform:scale(.95)}.audio-toggle:focus-visible{outline:.2rem solid var(--ui-focus);outline-offset:.15rem}.loading-screen{min-height:100dvh;display:grid;place-items:center;color:var(--ui-ink-hero);font-size:1.3rem;font-weight:850}.viewport-debug-overlay{position:fixed;z-index:250;right:max(.45rem,env(safe-area-inset-right));bottom:max(.45rem,env(safe-area-inset-bottom));width:min(24rem,calc(100vw - 1rem));max-height:min(48dvh,34rem);padding:.65rem;overflow:auto;border:.08rem solid rgb(23 63 71 / .52);border-radius:.85rem;color:#edf8f8;background:#0d2a30f0;box-shadow:0 .35rem 1rem #00000047;font:600 .72rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left}.viewport-debug-overlay header,.viewport-debug-actions{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.viewport-debug-overlay header span{color:#f3cb8e;font-size:.66rem}.viewport-debug-overlay section{margin-top:.75rem}.viewport-debug-overlay h2{margin:0 0 .3rem;color:#f3cb8e;font-size:.72rem;text-transform:uppercase}.viewport-debug-overlay p{margin:.18rem 0;display:grid;grid-template-columns:minmax(7.2rem,.9fr) minmax(0,1.4fr);gap:.35rem;overflow-wrap:anywhere}.viewport-debug-overlay b{color:#fff;font-weight:800}.viewport-debug-overlay button{min-height:1.7rem;padding:.22rem .45rem;border:.06rem solid rgb(237 248 248 / .45);border-radius:.4rem;color:inherit;background:#ffffff1a;cursor:pointer;font:inherit}.viewport-debug-overlay button:focus-visible{outline:.15rem solid #f3cb8e;outline-offset:.1rem}.viewport-debug-capsule{position:fixed;z-index:250;right:max(.45rem,env(safe-area-inset-right));bottom:max(.45rem,env(safe-area-inset-bottom));min-height:2.5rem;padding:.45rem .7rem;border:.08rem solid rgb(23 63 71 / .52);border-radius:999px;color:#edf8f8;background:#0d2a30f0;box-shadow:0 .3rem .8rem #00000038;cursor:pointer;font:700 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.viewport-debug-capsule:focus-visible{outline:.15rem solid #f3cb8e;outline-offset:.1rem}@keyframes orb-breathe{0%{transform:scale(.96);opacity:.8}to{transform:scale(1.05);opacity:1}}@keyframes sparkle-pulse{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.18) rotate(12deg);opacity:1}}@media(hover:hover){.primary-button:not(:disabled):hover{filter:brightness(1.06)}.scene-card.is-available:hover{transform:translateY(-.1rem);box-shadow:0 .75rem 2rem #0e2f4a21,0 .18rem .45rem #0e2f4a0f}}@media(max-width:31rem){.scene-grid{width:min(100%,25rem);grid-template-columns:1fr}.scene-card{min-height:12.4rem;aspect-ratio:auto}}@media(orientation:portrait)and (min-width:31.01rem)and (max-width:42rem)and (min-height:43rem){:root{--app-shell-inline: clamp(.9rem, 3vw, 1.2rem);--app-shell-block-start: max(.55rem, env(safe-area-inset-top));--app-shell-block-end: max(.55rem, env(safe-area-inset-bottom));--app-section-gap: .58rem;--app-header-min: 3.05rem;--tablet-scale: .94}.screen-shell{gap:clamp(1.35rem,3dvh,1.75rem)}.screen-content{gap:clamp(1.25rem,2.7dvh,1.6rem)}.screen-shell--scene-selection{gap:.9rem;padding-block:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-bottom))}.screen-shell--scene-selection .screen-content{gap:.8rem}.scene-selection-back{margin-top:0}}@media(orientation:landscape)and (max-height:50rem){.screen-shell{min-height:100vh;padding-block:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-bottom));gap:1.1rem}.screen-shell header{gap:.35rem}.screen-shell h1{font-size:clamp(2rem,5vw,3.2rem)}.screen-shell .subtitle{font-size:1rem}.screen-content{gap:1rem}.start-attract-container{grid-template-columns:auto minmax(16rem,21rem);grid-template-rows:auto auto;column-gap:2.5rem;row-gap:.8rem;align-items:center;justify-content:center}.start-attract-orb{grid-row:1 / 3;width:clamp(7.5rem,16vw,10rem)}.start-attract-prompt{align-self:end}.start-attract-container .primary-button{align-self:start}.scene-card{min-height:0;height:15.2rem;aspect-ratio:auto;padding:.65rem;gap:.5rem}.scene-card-button{min-height:2.9rem}.scene-grid{gap:.9rem}}.demo-distribution-badge{position:fixed;z-index:100;top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));padding:.38rem .6rem;border:.07rem solid rgb(255 255 255 / .45);border-radius:999px;color:#fff;background:#123b5db8;box-shadow:0 .2rem .65rem #00000029;font-size:.68rem;font-weight:850;letter-spacing:.06em;pointer-events:none}.demo-online-gate{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;color:#fff;background:#071f2fe6;text-align:center}.demo-online-gate-panel{width:min(100%,28rem);padding:1.5rem;border:.08rem solid rgb(255 255 255 / .28);border-radius:1.25rem;background:#123b5de6;box-shadow:0 .8rem 2.5rem #00000042}.demo-online-gate p{margin:0;font-size:clamp(1.1rem,3.8vw,1.45rem);font-weight:800;line-height:1.35}.demo-online-gate button{min-height:2.8rem;margin-top:1rem;padding:.6rem 1rem;border:0;border-radius:.8rem;color:#123b5d;background:#fff;font-weight:850}.demo-online-gate button:focus-visible{outline:.2rem solid #f2994a;outline-offset:.18rem}@media(orientation:landscape){.screen-shell{min-height:100vh}}@media(prefers-reduced-motion:reduce){.audio-toggle,.primary-button,.scene-card{transition:none}.start-attract-glow,.start-attract-sparkle{animation:none;opacity:1;transform:none}}