:root{font-family:Avenir,'Trebuchet MS',sans-serif;color:#e9e9df;background:#101b2c;color-scheme:dark;--gold:#ead5a5;--muted:#9cabb7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 20%,#213346 0,#101b2c 65%);min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8ed9d7;outline-offset:4px}[hidden]{display:none!important}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px max(28px,env(safe-area-inset-right)) 16px max(28px,env(safe-area-inset-left));border-bottom:1px solid #ffffff13}.studio-wordmark{font-size:10px;letter-spacing:2px;text-decoration:none;color:#f1e2bc;white-space:nowrap}.studio-wordmark span{font-size:19px;margin-left:14px}main{max-width:1600px;margin:auto;padding:27px 32px 16px}.sample-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--gold);margin:0 0 10px}.eyebrow span{margin-left:22px;color:#899cac;letter-spacing:1px}h1{font-family:Georgia,serif;font-size:clamp(28px,3.1vw,47px);font-weight:400;letter-spacing:-1.3px;margin:0 0 7px;line-height:1.1}.sample-heading p:last-child{font-size:11px;color:#adbbc5;margin:0;line-height:1.7}.view-tools{display:flex;gap:7px}.view-tools button,#sound{background:#ffffff05;border:1px solid #bcd3de2b;border-radius:7px;min-height:44px;padding:10px 13px;font-size:10px;white-space:nowrap}.view-tools button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#pause{font-size:15px;min-width:44px}#pause span{font-size:10px;margin-left:5px}#fullscreen{font-size:22px;padding:6px 14px}.playroom{max-width:1320px;margin:auto;border:1px solid #b6c9d32b;border-radius:9px;overflow:hidden;background:#0a1421;box-shadow:0 24px 70px #0003}.picture-frame{position:relative;width:100%;aspect-ratio:3/2;max-height:calc(100dvh - 310px);min-height:260px;margin:auto;overflow:hidden;background:#0a1421;touch-action:none;isolation:isolate}.picture-frame>img,.picture-frame>canvas,.hotspots{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.picture-frame>canvas{pointer-events:none}#living-art{opacity:0;transition:opacity .7s}#living-art.ready{opacity:1}#stardust{z-index:3}.hotspots{z-index:4;pointer-events:none}.hotspots button{position:absolute;transform:translate(-50%,-50%);background:transparent;border-radius:50%;pointer-events:auto;min-width:44px;min-height:44px;border:1px solid transparent}.hotspots button:hover,.hotspots button:focus-visible{border-color:#f4d98fa0;background:#ffe3a316;box-shadow:0 0 35px #ffdd9940}.hotspots button .hotspot-label{position:absolute;opacity:0;pointer-events:none;white-space:nowrap;left:50%;top:100%;transform:translateX(-50%);background:#101b2ce8;color:#f8e5bd;font-size:10px;padding:7px 10px;border-radius:5px}.hotspots button:hover .hotspot-label,.hotspots button:focus-visible .hotspot-label{opacity:1}.stage-mark{position:absolute;bottom:12px;left:16px;font-size:5px;letter-spacing:1.9px;color:#fff8dba8;text-shadow:0 1px 5px #000;z-index:5;pointer-events:none}[data-art="26"] .stage-mark{color:#a3906f;text-shadow:none}.loading,#art-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111e30df;z-index:8;font-family:Georgia,serif;font-size:20px}.loading{transition:opacity .5s}.loaded .loading{opacity:0;pointer-events:none}#art-error{flex-direction:column;gap:18px}#retry{background:var(--gold);color:#172538;border-radius:5px;padding:12px 20px}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:12px 19px;background:#0e1a29}.gesture-copy{display:flex;gap:12px;align-items:center}.gesture-copy>span{font-size:28px;color:var(--gold)}.gesture-copy p{font-size:11px;line-height:1.6;color:#aebdc8;margin:0}.play-actions{display:flex;gap:6px;flex-shrink:0}.magic-button{background:var(--gold);color:#142637;min-height:44px;font-size:11px;font-weight:600;padding:12px 18px;border-radius:5px;white-space:nowrap}.magic-button>span{margin-left:16px}#clear{min-width:44px;min-height:44px;font-size:24px;background:#ffffff08;border:1px solid #bcd3de2b;border-radius:5px}.studio-controls{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;padding:18px 10px 22px}.suit-control{display:flex;align-items:center;gap:14px}.suit-control>span,.motion-control{font-size:10px;color:#bdc7ce}.segmented{display:flex;gap:2px;padding:3px;background:#091320;border:1px solid #a0b5c324;border-radius:7px}.segmented button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:38px;min-width:82px;background:transparent;color:#a3b2be;font-size:11px;border:1px solid transparent;border-radius:5px}.segmented button[aria-pressed=true]{background:#2b3d4b;color:#f5e5bc;border-color:#c8bd9445}.segmented i{height:10px;width:10px;border-radius:50%;border:1px solid #ffffff50}.white-dot{background:#fff3d8}.orange-dot{background:#ef9145}.motion-control{display:flex;align-items:center;gap:10px}.motion-control>span{color:#8397a7;font-size:8px}input[type=range]{width:100px;accent-color:var(--gold);min-height:36px}#sound{font-size:16px}#sound>span{font-size:10px;margin-left:5px}.sample-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1320px;margin:auto}.sample-picker>a{color:#dde5e6;text-decoration:none;border:1px solid #a1b6c128;border-radius:7px;overflow:hidden;display:flex;align-items:center;gap:11px;padding:9px;background:#142335;min-height:78px;transition:border-color .2s,background .2s}.sample-picker>a[aria-current]{border-color:#e6c788a0;background:#293b49}.sample-picker img{width:70px;height:48px;object-fit:cover;border-radius:3px}.sample-picker span{flex:1}.sample-picker small{display:block;font-size:5.5px;letter-spacing:.9px;color:#9cafbd;margin-bottom:6px}.sample-picker strong{display:block;font-family:Georgia,serif;font-size:13px;line-height:1.25;font-weight:400}.sample-picker b{font-size:16px;font-weight:400;color:#c7b787;align-self:flex-start}.announcement{text-align:center;min-height:20px;font-family:Georgia,serif;font-size:13px;color:#dcc99f;margin:20px 0 8px}footer{font-size:8px;line-height:1.7;text-align:center;color:#8b9fad;padding:8px 0}footer a{color:#cdbd98;margin-left:9px}.is-comparing #living-art,.is-comparing #stardust{opacity:0}.is-comparing .hotspots{visibility:hidden}.playroom:fullscreen{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;background:#08111d;border:0;border-radius:0}.playroom:fullscreen .picture-frame{min-height:0;max-height:calc(100dvh - 85px);flex:1}.playroom:fullscreen .play-toolbar{flex-shrink:0}.fullscreen-tools{display:flex;gap:6px}.playroom:fullscreen #fullscreen{display:block}@media(min-width:1700px){.picture-frame{max-height:820px}}
@media(max-width:1050px){main{padding:22px 20px 14px}.studio-controls{gap:20px}.sample-picker{grid-template-columns:repeat(2,1fr)}.picture-frame{max-height:calc(100dvh - 310px)}.sample-picker small{font-size:6px}.sample-picker strong{font-size:14px}}
@media(max-width:650px){.studio-header{padding:12px 14px;flex-direction:column;gap:9px}.studio-wordmark{font-size:8px;letter-spacing:1.5px}.studio-wordmark span{font-size:14px}.studio-header .experience-nav{width:100%;justify-content:center}main{padding:20px 12px 14px}.sample-heading{align-items:flex-start;gap:8px;margin-bottom:16px}.eyebrow{font-size:6px;letter-spacing:1.3px}.eyebrow span{margin-left:9px}h1{font-size:29px;letter-spacing:-.8px}.sample-heading p:last-child{font-size:10px;max-width:240px}.view-tools{gap:3px;flex-wrap:wrap;justify-content:flex-end;max-width:115px}.view-tools button{font-size:8px;min-height:36px;padding:8px}#pause{font-size:14px;min-width:36px}#pause span{display:none}#fullscreen{font-size:18px;min-width:36px}.picture-frame{min-height:0;max-height:none;aspect-ratio:3/2}.stage-mark{font-size:3.5px;bottom:7px;left:9px;letter-spacing:1px}.play-toolbar{padding:10px;gap:10px;align-items:center;min-height:68px}.gesture-copy{gap:7px}.gesture-copy>span{font-size:23px}.gesture-copy p{font-size:9px;line-height:1.5}.magic-button{font-size:9px;padding:10px 11px;max-width:150px}.magic-button>span{margin-left:7px}#clear{font-size:20px;min-width:36px}.play-actions{gap:4px}.studio-controls{padding:15px 0 17px;gap:7px 14px}.suit-control{gap:8px}.suit-control>span{font-size:9px}.segmented button{min-width:63px;font-size:10px;min-height:36px}.motion-control{gap:6px;font-size:9px}.motion-control>span{display:none}input[type=range]{width:70px}#sound{font-size:14px;min-height:36px;padding:6px 9px}.sample-picker{gap:7px}.sample-picker>a{gap:7px;padding:6px;min-height:68px}.sample-picker img{width:50px;height:43px}.sample-picker small{font-size:4.5px;letter-spacing:.5px;margin-bottom:4px}.sample-picker strong{font-size:11px}.sample-picker b{display:none}.announcement{font-size:12px;margin:17px 0 5px}footer{font-size:7px}footer a{display:block;margin:5px 0 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.immersive{overflow:hidden}.immersive .studio-header,.immersive .sample-picker,.immersive .announcement,.immersive footer{display:none}.immersive main{max-width:none;height:100dvh;padding:8px 12px}.immersive .sample-heading{position:fixed;top:max(15px,env(safe-area-inset-top));right:20px;z-index:12;margin:0}.immersive .sample-heading>div:first-child{display:none}.immersive .view-tools{max-width:none;flex-wrap:nowrap;background:#101b2cdd;padding:4px;border-radius:9px}.immersive .playroom{height:calc(100dvh - 86px);max-width:none;display:flex;flex-direction:column;justify-content:center;border:0;box-shadow:none}.immersive .picture-frame{min-height:0;max-height:none;flex:1}.immersive .play-toolbar{flex-shrink:0;min-height:60px}.immersive .studio-controls{padding:9px 4px;gap:8px 20px}.immersive #pause span{display:none}
.quick-picker{display:flex;gap:12px;align-items:center;margin:0 0 18px}.quick-picker label{font-size:9px;color:#b3c0cb}.quick-picker select{font:inherit;font-size:11px;color:#f1dfb8;border:1px solid #c6c9a947;border-radius:6px;min-height:40px;background:#1c2c3e;padding:8px 32px 8px 12px;max-width:100%}.immersive .quick-picker{display:none}@media(max-width:650px){.quick-picker{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:15px}.quick-picker label{font-size:8px}.quick-picker select{width:100%;font-size:11px}}
#character-art{z-index:2;pointer-events:none}.is-comparing #character-art{opacity:0}.film-caption{position:absolute;left:15%;right:15%;bottom:7%;text-align:center;z-index:6;pointer-events:none;font-family:Georgia,serif;font-size:clamp(16px,2.1vw,30px);line-height:1.5;color:#fff1cd;text-shadow:0 2px 8px #07131c,0 0 25px #07131c,0 0 40px #07131c}.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:7;background:#f3d09222;pointer-events:none}.film-progress i{display:block;height:100%;background:#f3d092;transform-origin:left;transform:scaleX(0);box-shadow:0 0 14px #f3d092}.sample-picker{grid-template-columns:repeat(5,1fr)}.sample-picker img{width:56px;height:45px}.sample-picker strong{font-size:12px}.sample-picker small{font-size:5px}.sample-picker>a{gap:8px}.sample-picker b{display:none}.is-comparing .film-caption,.is-comparing .film-progress{display:none}@media(max-width:1150px){.sample-picker{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.sample-picker{grid-template-columns:repeat(2,1fr)}.film-caption{font-size:15px;left:8%;right:8%;bottom:6%}.sample-picker strong{font-size:11px}.sample-picker img{width:50px}}
#picture-only{font-size:21px;line-height:1;min-width:44px}.picture-only{overflow:hidden}.picture-only .studio-header,.picture-only .quick-picker,.picture-only .sample-picker,.picture-only .announcement,.picture-only footer,.picture-only .studio-controls,.picture-only .play-toolbar{display:none}.picture-only main{max-width:none;height:100dvh;padding:0}.picture-only .sample-heading{position:fixed;top:max(13px,env(safe-area-inset-top));right:16px;z-index:15;margin:0}.picture-only .sample-heading>div:first-child,.picture-only .view-tools>button:not(#picture-only){display:none}.picture-only .view-tools{max-width:none;background:transparent;padding:0}.picture-only #picture-only{background:#102336bc;backdrop-filter:blur(10px);color:#f4dfb4;border-color:#f4dfb455}.picture-only .playroom{max-width:none;height:100dvh;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;box-shadow:none}.picture-only .picture-frame{flex:1;max-height:none;min-height:0}.picture-only .stage-mark{left:20px;bottom:20px}
.picture-frame>#living-art,.picture-frame>#character-art,.picture-frame>#stardust,.picture-frame>#still,.picture-frame>.hotspots{transform:scale(var(--story-zoom,1));transform-origin:var(--story-origin-x,50%) var(--story-origin-y,50%)}.hotspots button[data-action="chest"]{touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:7px}.hotspots button[data-action="chest"] .hotspot-label{display:none}.hotspots button[data-action="chest"]::after{content:'';position:absolute;inset:15%;border:1px solid #ffe3a580;border-radius:50%;box-shadow:0 0 13px #ffcc6e55;pointer-events:none;animation:star-invitation 3s ease-in-out infinite}.star-invitation{position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);white-space:nowrap;padding:3px 8px;background:#0d1e2bd9;border:1px solid #ffe6ad3b;border-radius:20px;font-size:9px;color:#ffe9b4;letter-spacing:.4px;pointer-events:none;box-shadow:0 2px 9px #0002}.picture-frame[data-moment="charging"] .star-invitation,.picture-frame.playing-moment .star-invitation,.picture-frame.playing-moment button[data-action="chest"]::after{opacity:0}.picture-frame[data-moment="complete"] .star-invitation{opacity:.85}.charging-star button[data-action="chest"]::after{animation:none;border-color:#fff2c9;box-shadow:0 0 18px #ffcc6e99}.picture-frame.playing-moment button[data-action="chest"]:hover{border-color:transparent;background:transparent;box-shadow:none}@keyframes star-invitation{0%,100%{transform:scale(.93);opacity:.5}50%{transform:scale(1.1);opacity:1}}@media(prefers-reduced-motion:reduce){.hotspots button[data-action="chest"]::after{animation:none}}
.light-button{background:transparent;color:#ead5a5;border:1px solid #c7b88966;border-radius:5px;padding:10px 14px;min-height:44px;white-space:nowrap;font-size:11px}.light-button>span{margin-left:8px}[data-art="26"] .film-caption{color:#776442;text-shadow:0 1px 8px white,0 0 22px white}[data-art="26"] .hotspots button[data-action="chest"]::after{border-color:#b6914e;box-shadow:0 0 10px #d3b77366}
@media(max-width:900px){.play-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.play-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.light-button{font-size:10px;padding:10px}.play-toolbar .gesture-copy{flex:1;min-width:190px}}
@media(max-width:650px){.play-toolbar .gesture-copy{min-width:100%;}.play-actions{width:100%;justify-content:flex-end}.light-button{font-size:9px}.picture-only .hotspot-label{display:none}}
.picture-only .star-invitation,.picture-only .hotspots button[data-action="chest"]::after{display:none}

.style-step{border:1px solid #bcd3de35;border-radius:6px;background:#ffffff07;min-width:42px;min-height:42px;font-size:19px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;margin:12px auto 16px}.collection-heading h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0}.collection-heading input{font:inherit;font-size:12px;background:#0d1c2b;color:#ead5a5;border:1px solid #a1b6c144;border-radius:6px;padding:12px;width:240px}.picture-only .collection-heading,.immersive .collection-heading{display:none}.sample-picker small{line-height:1.5}.quick-picker select{flex:0 1 360px}.quick-picker .style-step{flex-shrink:0}@media(max-width:650px){.quick-picker{display:grid;grid-template-columns:1fr 42px 42px}.quick-picker label{grid-column:1/-1}.quick-picker select{width:100%;min-width:0}.collection-heading{align-items:flex-start;flex-direction:column;gap:10px}.collection-heading h2{font-size:21px}.collection-heading input{width:100%}.sample-picker small{font-size:5px}}

[data-paper="true"] .film-caption{color:#776442;text-shadow:0 1px 8px white,0 0 22px white}[data-paper="true"] .hotspots button[data-action="chest"]::after{border-color:#b6914e;box-shadow:0 0 10px #d3b77366}
.picture-only .hotspot-label{display:none!important}.picture-only .hotspots button:hover{border-color:transparent;background:transparent;box-shadow:none}

.performance-panel{max-width:1320px;margin:0 auto 14px;display:flex;gap:6px;align-items:center}.performance-panel button{display:flex;align-items:center;gap:14px;border:1px solid #d7ccac33;background:#0e1e2d;color:#bbc5c9;min-height:45px;padding:11px 17px;border-radius:6px;font-size:12px}.performance-panel small{font-size:9px;opacity:.7}.performance-panel button[aria-pressed=true]{border-color:#ead5a580;color:#f5e2b8;background:#2a3a45}.study-transport{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:10px 20px 13px;background:#0e1a29;border-top:1px solid #bcd3de1b}.study-transport label{font-size:10px;color:#adbdc7}.study-transport output{display:block;font-size:9px;color:#dcc99c;margin-top:5px}.study-transport input{width:100%;min-height:36px}.study-transport button{min-height:40px;min-width:105px;font-size:10px;border:1px solid #bcd3de35;background:#ffffff05;border-radius:6px}.study-transport button[aria-pressed=true]{color:#ead5a5;border-color:#ead5a566}.picture-only .performance-panel,.picture-only .study-transport,.immersive .performance-panel{display:none}@media(max-width:650px){.performance-panel{gap:5px}.performance-panel button{flex:1;padding:9px 11px;gap:4px;align-items:flex-start;flex-direction:column;font-size:11px}.performance-panel small{font-size:8px}.study-transport{gap:10px;padding:9px 11px}.study-transport label{font-size:8px}.study-transport button{font-size:9px;min-width:85px}}