:root{font-family:Georgia,'Times New Roman',serif;color:#292f2b;background:#f3eddf;font-synthesis:none;--accent:#bc5a3c;--line:#d9d2c4;--muted:#77796e}
[hidden]{display:none!important}
.wardrobe-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 20px}.wardrobe-tabs button{font-family:Arial,sans-serif;font-size:11px;background:#e5e0d3;border:1px solid transparent;border-radius:6px;padding:10px 5px}.wardrobe-tabs button.selected{color:#89452e;background:#f0e3ce;border-color:#bc5a3c}.clothing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:435px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdb5a3 transparent;padding:2px 4px 2px 0}.clothing-card{background:#e9e6d9;border:1px solid transparent;border-radius:8px;overflow:hidden;padding:0;text-align:left}.clothing-card:hover{background:#e4e3d2}.clothing-card.selected{border-color:var(--accent);background:#f0e3ce}.clothing-card canvas{width:100%;display:block;aspect-ratio:220/190}.clothing-card .hair-card-name{min-height:42px;gap:5px}.remove-piece{grid-column:1/-1;font-family:Arial,sans-serif;font-size:10px;background:#faf6ed;padding:10px;border:1px solid var(--line);border-radius:6px}.clear-clothes{background:transparent;border-bottom:1px solid #9c9b8b;padding:4px 0;font-family:Arial,sans-serif;font-size:10px}.look-summary{font-family:Arial,sans-serif;font-size:10px;line-height:1.6;color:var(--muted);margin:15px 0 5px;min-height:32px}
@media(min-width:741px){.scene-panel{align-self:start;position:sticky;top:24px}}
@media(max-width:740px){.clothing-grid{grid-template-columns:repeat(3,1fr);max-height:365px}.wardrobe-tabs{grid-template-columns:repeat(6,1fr);gap:4px}.wardrobe-tabs button{font-size:10px;padding:10px 3px}.clothing-card .hair-card-name{font-size:9px}.look-summary{min-height:0}}
@media(min-width:741px){.hair-grid{max-height:382px;overflow-y:auto;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:#bdb5a3 transparent}}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc5a3c;outline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:default}
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:96px;padding:0 5.5vw}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:32px;line-height:.9;letter-spacing:-1px}.brand-mark{width:43px;height:49px;border:1px solid #313b2f;border-radius:50% 50% 46% 46%;display:grid;place-items:center;background:#d4dfc6;font-style:italic;font-size:36px}.brand-sub{display:block;margin-top:8px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.8px}.studio-label{font-style:italic;color:#71766b;font-size:15px}.quiet-button{background:transparent;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2px}.quiet-button span{margin-left:15px;font-size:24px}
.studio{display:grid;grid-template-columns:264px minmax(0,1fr);gap:48px;max-width:1450px;margin:42px auto 0;padding:0 5.5vw 25px}.eyebrow{font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#7e8276;margin:0 0 13px}.wardrobe h1{font-size:45px;font-weight:400;line-height:1.02;letter-spacing:-2px;margin:18px 0}.intro{font-family:Arial,sans-serif;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 33px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.section-head h2{font-size:18px;font-weight:400;margin:0}.section-head>span{font-family:Arial,sans-serif;font-size:10px;color:var(--muted)}.hair-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hair-card{background:#e9e6d9;border:1px solid transparent;border-radius:8px;padding:0;overflow:hidden;text-align:left;transition:border-color .2s,background .2s}.hair-card:hover{background:#e4e3d2}.hair-card.selected{border-color:var(--accent);background:#f0e3ce}.hair-art{display:block;height:102px;position:relative;overflow:hidden;background:#f5f0e4}.hair-art img{position:absolute;width:285px;max-width:none;height:auto;left:50%;top:-9px;transform:translateX(-50%)}.hair-card-name{display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:10px;padding:10px 9px;border-top:1px solid #dbd7c9}.selection-dot{display:inline-block;width:7px;height:7px;border:1px solid #a7a28f;border-radius:50%}.selected .selection-dot{background:var(--accent);border-color:var(--accent)}.bald-art{display:grid;place-items:center;height:102px}.outfit-head{margin-top:27px}.segmented{display:flex;padding:4px;background:#e5e0d3;border-radius:7px;gap:3px}.segmented button{flex:1;background:transparent;font-family:Arial,sans-serif;font-size:10px;padding:11px 4px;border-radius:5px}.segmented .selected{background:#faf6ed;box-shadow:0 1px 4px #37392610}.outfit-note{font-family:Arial,sans-serif;font-size:10px;line-height:1.6;color:var(--muted);min-height:30px}.wardrobe-footer{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.wardrobe-footer p{font-size:12px;line-height:1.6;font-style:italic;color:#78806b}.tiny-star{font-size:35px;color:#8c9874}
.scene-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.scene-title .eyebrow{margin-bottom:6px;font-size:8px}.scene-title h2{font-size:28px;font-weight:400;letter-spacing:-.6px;margin:0}.time-badge{background:#e5e5d5;border:1px solid #d5d9c9;border-radius:30px;padding:9px 14px;font-family:Arial,sans-serif;font-size:10px}.scene-frame{position:relative;overflow:hidden;border-radius:13px;border:1px solid #b9c3b2;box-shadow:0 13px 25px #333b2012;line-height:0;background:#c7dddf;isolation:isolate}#scene{width:100%;display:block;aspect-ratio:3/2;touch-action:pan-y}.scene-location,.scene-hint{position:absolute;bottom:17px;font-family:Arial,sans-serif;font-size:8px;line-height:1.4;letter-spacing:1.1px;pointer-events:none;background:#faf7eaed;border:1px solid #e5ddc9;border-radius:20px;padding:8px 12px;color:#596552}.scene-location{left:17px}.scene-location span{margin-right:7px;color:var(--accent)}.scene-hint{right:17px;letter-spacing:0;background:#faf7ead6}.loading{position:absolute;inset:0;background:#e9ebde;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-family:Arial,sans-serif;font-size:12px;line-height:1.6}.loading[hidden]{display:none}.loading-spark{font-family:Georgia,serif;font-size:42px;color:#8c9874;animation:turn 8s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.scene-controls{display:grid;grid-template-columns:minmax(0,1fr) 160px 110px;gap:24px;align-items:center;padding:22px 2px 0}.control-heading{display:flex;align-items:center;justify-content:space-between}.control-heading label,.weather-controls>label{font-family:Arial,sans-serif;font-size:11px}.control-heading>span{font-family:Arial,sans-serif;font-size:10px;color:var(--muted)}input[type=range]{width:100%;accent-color:#9d6146;height:15px;margin:10px 0 7px}.period-buttons{display:flex;justify-content:space-between}.period-buttons button{font-family:Arial,sans-serif;font-size:9px;color:var(--muted);background:transparent;padding:5px 9px;border-radius:20px}.period-buttons .selected{color:#89452e;background:#ead7c3}.weather-controls select{display:block;width:100%;background:#f8f4e9;border:1px solid var(--line);font-family:Arial,sans-serif;font-size:10px;border-radius:6px;padding:9px 7px;margin:9px 0}.motion-toggle{display:flex;align-items:center;gap:6px;font-family:Arial,sans-serif;font-size:9px;color:var(--muted)}.motion-toggle input{accent-color:#7b8862;width:12px;height:12px;margin:0}.play-day{background:#2f4134;color:#f4f1e3;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;font-family:Arial,sans-serif;font-size:10px;padding:12px 7px}.play-day>span:first-child{font-size:19px}.scene-caption{font-size:12px;font-style:italic;color:#828575;text-align:center;margin:23px 0 0}.error{font-family:Arial,sans-serif;font-size:12px;background:#f5d9d0;color:#79351e;margin:0 5.5vw 25px;padding:14px;border-radius:7px}
@media(min-width:1600px){.studio{grid-template-columns:280px minmax(0,1fr);gap:60px}.topbar{padding:0 calc((100vw - 1300px)/2)}}@media(max-width:1060px){.studio{gap:28px;grid-template-columns:220px minmax(0,1fr);padding:0 3vw 25px}.topbar{padding:0 3vw}.wardrobe h1{font-size:38px}.scene-controls{grid-template-columns:1fr 135px;gap:17px}.play-day{grid-column:2}.scene-hint{display:none}.hair-art img{width:250px}.scene-title h2{font-size:25px}}@media(max-width:740px){.topbar{height:78px;padding:0 20px}.studio-label{display:none}.brand{font-size:29px}.brand-mark{width:37px;height:43px;font-size:31px}.studio{display:flex;flex-direction:column;gap:25px;padding:0 20px 25px;margin-top:25px}.scene-panel{order:0}.wardrobe{order:1}.wardrobe h1{font-size:32px;margin:10px 0}.wardrobe h1 br{display:none}.wardrobe h1 br::after{content:' '}.intro{margin:0 0 20px}.intro br{display:none}.hair-grid{grid-template-columns:repeat(4,1fr);gap:7px}.hair-art,.bald-art{height:89px}.hair-art img{width:245px}.hair-card-name{font-size:9px;min-height:40px;padding:7px 6px;gap:4px}.scene-title h2{font-size:25px}.time-badge{font-size:9px;padding:8px 10px}.scene-location{bottom:10px;left:10px;font-size:7px;padding:6px 9px}.scene-controls{gap:16px;grid-template-columns:1fr 140px}.scene-caption{margin-top:16px}.wardrobe-footer{display:none}.outfit-note{min-height:0}.error{margin:0 20px 20px}.quiet-button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared native ImageGen icon atlas; ordinary controls and selection dots remain HTML. */
.raster-icon{display:inline-block;flex:none;width:24px;height:24px;background-image:url("/assets/ui-atlas.png");background-repeat:no-repeat;background-size:var(--icon-scale,400%) var(--icon-scale,400%);background-position:var(--icon-x,0%) var(--icon-y,0%);vertical-align:middle;pointer-events:none}
.icon-star{--icon-scale:474.074074%;--icon-x:64.356436%;--icon-y:7.920792%}
.icon-blossom{--icon-scale:412.903226%;--icon-x:97.422680%;--icon-y:7.216495%}
.icon-undo{--icon-scale:449.122807%;--icon-x:34.673367%;--icon-y:38.190955%}
.icon-candle{--icon-scale:387.878788%;--icon-x:1.578947%;--icon-y:64.736842%}
.icon-sparkle{--icon-scale:426.666667%;--icon-x:97.959184%;--icon-y:96.938776%}
.brand-mark{width:43px;height:43px;border:0;border-radius:0;background-color:transparent}.quiet-button .raster-icon{width:24px;height:24px;margin-left:10px}.tiny-star{width:35px;height:35px}.loading-spark{width:42px;height:42px}.scene-location .raster-icon{width:13px;height:13px;margin-right:5px}.play-day>.raster-icon{width:19px;height:19px}.bald-art{display:block;position:relative;overflow:hidden}.bald-art img{position:absolute;width:285px;max-width:none;height:auto;left:50%;top:-9px;transform:translateX(-50%)}
@media(max-width:380px){.scene-controls{grid-template-columns:minmax(0,1fr)}.play-day{grid-column:auto}.light-controls{min-width:0}.weather-controls select{width:100%}.hair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.brand-mark{width:37px;height:37px}.bald-art img{width:285px}}

/* Shared Funhouse navigation. */
.funhouse-nav{padding:10px 5.5vw 0}.funhouse-nav a{display:inline-flex;align-items:center;gap:6px;font:12px Arial,sans-serif;color:#596552;text-decoration:none;padding:6px 10px;border:1px solid #d9d2c4;border-radius:99px;background:#faf6ed}.funhouse-nav .raster-icon{width:17px;height:17px}.icon-left{--icon-scale:441.379310%;--icon-x:3.030303%;--icon-y:96.969697%}@media(max-width:740px){.funhouse-nav{padding:10px 20px 0}}

@media(max-width:380px){.wardrobe-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}