:root{--teal:#167d8c;--deep:#105664;--ink:#403652;--line:#e4d2df;font-family:Nunito,system-ui,sans-serif}
body{background:#e6cedc;background-image:none}.app{max-width:none;padding:0}.topbar{height:74px;padding:9px 22px;background:#fffbfdf2;box-shadow:0 3px 12px #503c5220;position:relative;z-index:12}.brand-mark{width:45px;height:45px;border-radius:15px;font-size:35px}.brand h1{font-size:1.5rem}.brand p{font-size:.77rem}.header-actions{gap:8px}.save-exit{border:0;background:#f0e6ef;border-radius:15px;padding:11px;font-size:.8rem}.adventure-nav{position:absolute;top:84px;left:17px;right:17px;margin:0;z-index:11;pointer-events:none;gap:8px;justify-content:space-between}.levels{display:none}.free-play{pointer-events:auto;font-size:.79rem;padding:9px 13px;background:#fff3f9e8}.save-status{margin-left:auto;font-size:.7rem;color:#4b5960;background:#ffffffe3;border-radius:12px;padding:7px 10px;font-weight:800}main.play-room{display:block;gap:0}.mirror-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.mirror{width:100%;height:calc(100dvh - 74px);min-height:580px;max-height:none;max-width:none;margin:0;border:0;border-radius:0;aspect-ratio:auto;background:#e9d6dc;box-shadow:none}.mirror:before{display:none}.room-backdrop{position:absolute;inset:0;background:url('assets/room.webp') center center/cover no-repeat}.studio{position:absolute;left:23%;width:57%;top:4%;height:96%;z-index:2;touch-action:none}.studio canvas{display:block;max-width:100%;touch-action:none}.studio[hidden]{display:none}#portrait{position:absolute;left:29%;width:45%;top:7%;height:84%;object-fit:contain;background:radial-gradient(ellipse,#fff6fbce,#f8e8f38a);border-radius:30px;z-index:3;touch-action:none}#portrait[hidden]{display:none}.touch-targets{left:23%;width:57%;top:4%;height:96%;z-index:4;pointer-events:none}.touch-targets.nail-targets{left:29%;width:45%;top:7%;height:84%}.target{background:transparent;border:2px dashed #f0a647;box-shadow:0 0 0 5px #fff4;pointer-events:none;min-width:40px;min-height:30px;animation:breathe 1.8s infinite}.target-label{display:none}.target.nail{min-width:35px;min-height:40px}.paint-selected{cursor:none}.brush-cursor{position:absolute;width:80px;height:115px;pointer-events:none;z-index:28;transform:translate(-30%,-65%) rotate(-30deg);filter:drop-shadow(3px 5px 3px #5e284740)}.brush-cursor img{width:100%;height:100%;object-fit:contain}.brush-cursor span{display:none}.brush-cursor[hidden]{display:none}.coach{position:absolute;left:50%;top:48px;transform:translateX(-50%);width:min(470px,48%);margin:0;z-index:11;background:#fffaf8ef;border:2px solid #f0d2ba;box-shadow:0 5px 0 #a76c5c22;padding:9px 12px;border-radius:22px;gap:10px;min-height:70px}.coach-avatar{width:44px;height:46px;font-size:1.7rem;background:#ffedc6}.coach p{font-size:.93rem;line-height:1.15}.coach .eyebrow{font-size:.62rem;margin-bottom:3px}.coach button{min-height:43px;padding:6px 10px;font-size:1.3rem;border-radius:13px}.scene-label{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;z-index:10;font-size:.73rem;font-weight:900;white-space:nowrap}.scene-label>span:last-child{color:#654055;text-shadow:0 1px white}.pill{background:#fffbf2ea;font-size:.63rem;letter-spacing:.04em}
.room-prop{position:absolute;padding:0;border:0;background:transparent;z-index:6;filter:drop-shadow(0 8px 8px #74435535);transition:filter .2s,transform .2s}.room-prop>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.wardrobe-prop{left:1%;top:12%;width:26%;height:73%}.makeup-prop{right:2%;top:16%;width:23%;height:39%}.accessories-prop{right:.5%;top:40%;width:10%;height:13%;filter:none}.prop-label{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:#fff7f4ef;box-shadow:0 3px 0 #80645626;border:1px solid #ecccb2;color:#654755;border-radius:14px;padding:8px 13px;font-size:.8rem;white-space:nowrap;pointer-events:none}.accessories-prop .prop-label{bottom:0;font-size:.73rem;padding:7px}.room-prop:hover:not(:disabled){transform:scale(1.025);filter:drop-shadow(0 0 12px #fff09a)}.room-prop.needed{animation:prop-glow 2s infinite}.wardrobe-interior{position:absolute;left:0;top:9%;width:32%;height:78%;z-index:7}.wardrobe-interior>img,.makeup-interior>img{width:100%;height:100%;object-fit:fill;pointer-events:none}.wardrobe-interior[hidden],.makeup-interior[hidden]{display:none}.close-prop{position:absolute;top:5%;right:7%;border:0;border-radius:50%;width:37px;height:37px;background:#fff7efe8;color:#8f526d;font-size:1.1rem;box-shadow:0 3px 6px #59394930;z-index:9}#hanging-dresses{position:absolute;left:35%;width:26%;top:29%;height:35%;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;align-items:start}#hanging-dresses button{padding:0;border:0;background:transparent;height:100%;min-width:0;max-height:90px}#hanging-dresses img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 2px #8e4f7544)}.shelf{position:absolute;padding:0;background:#ffffff15;border:2px dashed #ffe69a66;border-radius:13px;font-size:1.55rem;min-height:42px}.shelf-hair{left:19%;top:35%;width:13%;height:10%}.shelf-jewels{left:19%;top:51%;width:13%;height:10%;font-size:1.15rem}.shelf-glasses{left:65%;top:36%;width:15%;height:12%;font-size:1.25rem}.shelf-shoes{left:20%;top:71%;width:60%;height:8%}.makeup-interior{position:absolute;right:1%;top:7%;width:29%;height:59%;z-index:8}.kit-section{position:absolute;background:#fff0;border:2px dashed #ffe79a88;border-radius:13px;min-width:36px;min-height:36px}.kit-lips{left:11%;top:47%;width:23%;height:15%}.kit-eyes{left:40%;top:48%;width:30%;height:17%}.kit-blush{left:77%;top:48%;width:15%;height:22%}.kit-nails{left:10%;top:62%;width:27%;height:15%}.kit-sparkle{left:74%;top:75%;width:16%;height:12%;font-size:1.6rem}
.view-controls{position:absolute;right:16px;bottom:26%;display:flex;flex-direction:column;gap:6px;z-index:10}.view-controls button,.turn-controls button{width:43px;height:43px;border:1px solid #e4cbb9;border-bottom-width:3px;background:#fff8f1eb;border-radius:14px;font-size:1.35rem;box-shadow:0 3px 7px #5a41591a}.view-controls button.selected{background:#e0f6f3;border-color:#258999}.turn-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10;background:#fff4ecbf;padding:7px;border-radius:20px}.turn-controls button{width:40px;height:40px}.stage-actions{position:absolute;left:17px;bottom:22px;z-index:10;display:flex;gap:5px;margin:0}.stage-actions .icon-button{background:#fff7f0ee;border-color:#dcc4b6;width:40px;height:40px}.tap-hint{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:15px;background:#fff8eff0;z-index:10;font-size:.8rem;min-height:0;width:max-content;max-width:48%;text-align:center;color:#764967;pointer-events:none}.mirror>.finish-button{position:absolute;right:20px;bottom:22px;border-radius:50%;width:68px;height:68px;min-height:0;padding:0;font-size:2.2rem;background:#e79920;border-color:#af6317;color:#fff9d6;z-index:10;box-shadow:0 5px 0 #723f3123}.mirror>.finish-button:disabled{opacity:.45}.finish-hint{display:none}.loading-art{z-index:18;background:#fff9edee;margin:0 30%;border-radius:20px;padding:22px;top:40%;font-size:1.1rem}
.vanity{position:absolute;bottom:117px;left:50%;transform:translateX(-50%);width:min(670px,56%);z-index:15;display:block;background:#fff8fbf5;border:2px solid #e5b8cf;border-radius:23px;box-shadow:0 10px 40px #51314326;padding:0}.vanity[hidden]{display:none}.tool-tray{border:0;border-radius:20px;box-shadow:none;background:transparent}.tabs{display:flex;gap:5px;padding:8px 39px 0 8px;background:transparent}.tab{min-height:44px;padding:4px 8px;flex:1;font-size:.7rem;border-radius:12px;flex-direction:row;gap:5px}.tab>span{font-size:1.2rem}.tab[aria-selected=true]{background:#f5dce9;color:#8a3762}.palette-area{padding:9px 14px 13px}.palette-heading{margin-bottom:8px}.palette-heading h3{font-size:.9rem}.palette-heading>span{font-size:.69rem;padding:3px 7px}.options{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.swatch{border-radius:11px;aspect-ratio:4/5;min-width:22px;max-width:none;background:#fff;outline:1px solid #ead3e1;position:relative;box-shadow:none}.swatch::before{display:none}.swatch img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.swatch.selected{outline:2px solid #208492;box-shadow:0 0 0 3px #d6eff0}.swatch.selected:after{font-size:.6rem;inset:auto 1px 1px auto;width:13px;height:13px;background:var(--teal);border-radius:50%;text-shadow:none}.colour-dot{position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:50%;background:var(--swatch)}.options.choices{grid-template-columns:repeat(6,1fr);gap:6px}.choice{padding:3px;border-radius:13px;min-height:74px;background:#fff;border-width:1px;font-size:.63rem;line-height:1.05;gap:1px}.choice>img{width:64px;height:55px;object-fit:contain;pointer-events:none}.choice>span{font-size:1.5rem}.extra-row{margin-top:9px;gap:5px}.mini-choice{padding:5px 7px;font-size:.68rem;min-height:30px;border-radius:9px}.tool-note{font-size:.7rem;margin-top:6px}.tray-close{position:absolute;right:8px;top:8px;border:0;background:#f4d6e6;border-radius:50%;width:29px;height:29px;font-size:1rem;z-index:2}.pattern-strip{margin-top:8px}.pattern-strip span{height:22px;width:23px;font-size:.65rem}.welcome-modal{width:min(670px,calc(100% - 28px));background:linear-gradient(145deg,#fff9ee,#fff0f8);border:3px solid #e9c894}.welcome-modal .modal-body{padding:24px 30px}.welcome-modal .modal-art{font-size:2.5rem;margin-bottom:5px}.welcome-modal h2{font-size:1.8rem}.welcome-modal p{margin:10px 0!important;line-height:1.3!important}.welcome-modal #play-start{font-size:1.2rem;min-height:56px;background:#bc518a;border-color:#843363}.saved-games{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:36vh;overflow:auto;margin-top:14px}.save-card{background:white;border:2px solid #dcc9e0;border-bottom-width:4px;border-radius:19px;padding:10px;display:flex;gap:10px;align-items:center;text-align:left;min-height:105px}.save-card img{height:92px;width:76px;object-fit:contain;border-radius:13px;background:#f9edf0}.save-card>span{display:flex;flex:1;flex-direction:column;gap:4px;font-size:.78rem}.save-card strong{font-size:.85rem;color:#59425e}.save-card em{font-size:.75rem;color:#a0751a;font-style:normal}.save-card b{font-size:1.9rem;color:#16838f;display:block}.device-note{font-size:.72rem!important}.toast{bottom:10px}.challenge[hidden]{display:none!important}
@keyframes prop-glow{50%{filter:drop-shadow(0 0 18px #ffe779);transform:scale(1.015)}}
@media(max-width:900px){.topbar{padding:8px 13px;height:66px}.brand h1{font-size:1.12rem}.brand p{font-size:.68rem}.brand-mark{width:38px;height:38px;font-size:30px}.header-actions{gap:5px}.header-actions .icon-button{width:36px;height:36px;font-size:.95rem}.star-counter{padding:5px 8px;font-size:.95rem}.save-exit span{display:none}.adventure-nav{top:74px;left:10px;right:10px}.mirror{height:calc(100dvh - 66px);min-height:540px}.coach{top:45px;width:49%;padding:7px;gap:6px}.coach p{font-size:.79rem}.coach-avatar{width:35px;height:39px;font-size:1.4rem}.coach button{font-size:1.1rem;min-height:38px}.scene-label{top:15px;font-size:.66rem}.prop-label{font-size:.67rem;padding:6px 8px}.vanity{width:67%;bottom:115px}.options{gap:4px}.choice>img{width:52px;height:47px}.view-controls{right:9px;bottom:25%;gap:5px}.view-controls button{width:36px;height:36px;border-radius:12px;font-size:1.15rem}.stage-actions{left:8px}.stage-actions .icon-button{width:33px;height:33px;font-size:.93rem}.mirror>.finish-button{width:55px;height:55px;right:11px;font-size:1.7rem}.turn-controls{gap:4px}.turn-controls button{width:32px;height:34px;font-size:1.1rem}.tap-hint{font-size:.72rem;max-width:65%;bottom:78px}.wardrobe-interior{width:37%}.shelf{font-size:1.25rem}.accessories-prop .prop-label{font-size:.6rem;padding:5px}.makeup-interior{width:34%;height:60%}}
@media(max-width:600px) and (orientation:portrait){.topbar{height:61px;padding:7px 8px}.brand{gap:5px}.brand h1{font-size:1rem;max-width:130px}.brand h1 span{display:block}.brand p{display:none}.brand-mark{width:33px;height:36px;font-size:27px}.header-actions{gap:4px}.header-actions .icon-button{width:30px;height:32px;font-size:.83rem}.header-actions #help-btn{display:none}.header-actions .star-counter{font-size:.8rem;padding:4px 6px;gap:3px}.star-counter small{font-size:.58rem}.save-exit{padding:7px;font-size:.83rem}.adventure-nav{top:68px;left:8px;right:8px}.free-play{font-size:.63rem;padding:7px 9px}.save-status{font-size:.57rem;padding:5px}.mirror{height:calc(100dvh - 61px);min-height:620px}.room-backdrop{background-size:auto 100%;background-position:50% center}.coach{top:47px;width:83%;min-height:58px}.coach p{font-size:.82rem}.coach .eyebrow{font-size:.58rem}.scene-label{top:14px;max-width:40%;overflow:hidden}.scene-label>span:last-child{display:none}.studio{left:8%;width:84%;top:12%;height:84%}.touch-targets{left:8%;width:84%;top:12%;height:84%}#portrait,.touch-targets.nail-targets{left:8%;width:84%;top:17%;height:69%}.wardrobe-prop{left:-3%;top:21%;width:34%;height:42%}.makeup-prop{right:-2%;top:26%;width:30%;height:28%}.accessories-prop{right:2%;top:52%;width:22%;height:8%}.prop-label{font-size:.62rem;padding:5px 7px}.wardrobe-interior{left:-1%;top:20%;width:53%;height:47%;z-index:8}.shelf{min-width:28px;min-height:31px;font-size:.95rem}.shelf-jewels,.shelf-glasses{font-size:.8rem}.close-prop{width:30px;height:30px;right:4%;font-size:.9rem}.makeup-interior{right:-2%;top:19%;width:49%;height:44%}.kit-section{min-width:28px;min-height:28px}.view-controls{bottom:27%;gap:4px;right:5px}.view-controls button{width:32px;height:33px;font-size:1rem}.vanity{width:96%;bottom:131px;border-radius:18px}.tabs{padding:6px 35px 0 5px;gap:2px}.tab{font-size:.62rem;min-height:34px;padding:3px;flex-direction:column;gap:0}.tab>span{font-size:1.05rem}.palette-area{padding:7px 10px 9px}.palette-heading h3{font-size:.82rem}.options{grid-template-columns:repeat(6,1fr);gap:6px}.swatch{aspect-ratio:1.15;max-width:55px}.options.choices{grid-template-columns:repeat(6,1fr);gap:4px}.choice{min-height:70px;font-size:.56rem}.choice>img{width:48px;height:47px}.mini-choice{font-size:.63rem;padding:4px 5px;min-height:29px}.tool-note{font-size:.65rem}.turn-controls{bottom:16px;left:51%;gap:2px;padding:4px}.turn-controls button{width:27px;height:32px;font-size:1rem;border-radius:10px}.stage-actions{bottom:58px;left:5px;flex-direction:column;gap:4px}.stage-actions .icon-button{width:32px;height:33px}.tap-hint{bottom:74px;max-width:76%;font-size:.69rem}.mirror>.finish-button{bottom:18px;right:9px;width:48px;height:48px}.loading-art{margin:0 10%}.saved-games{grid-template-columns:1fr;max-height:35vh}.welcome-modal .modal-body{padding:18px}.welcome-modal h2{font-size:1.5rem}.save-card{min-height:87px}.save-card img{height:72px;width:63px}.welcome-modal .modal-art{font-size:2rem}.brush-cursor{width:68px;height:92px}}
@media(prefers-reduced-motion:reduce){.room-prop,.coach-avatar{animation:none!important}}

.room-prop[hidden]{display:none}.shoes-prop{right:1%;top:53%;width:22%;height:43%}.shoes-interior{position:absolute;right:0;top:51%;width:29%;height:46%;z-index:8}.shoes-interior>img,.accessories-interior>img{width:100%;height:100%;object-fit:fill;pointer-events:none}.shoes-interior[hidden],.accessories-interior[hidden]{display:none}.shoes-interior .close-prop{top:20%;right:8%}#shoe-shelves{position:absolute;left:34%;top:35%;width:42%;height:33%;display:flex;flex-direction:column;justify-content:space-around}#shoe-shelves button{background:#ffffff18;border:1px dashed #ffe9a799;border-radius:10px;height:32%;padding:0}#shoe-shelves img{height:100%;width:100%;object-fit:contain;pointer-events:none}.accessories-prop{right:2%;top:38%;width:15%;height:23%}.accessories-prop .prop-label{bottom:0}.accessories-interior{position:absolute;right:1%;top:33%;width:24%;height:35%;z-index:8}.accessory-shelf{position:absolute;left:15%;top:49%;width:70%;height:26%;border:1px dashed #f1d994;border-radius:13px;background:#fff5;font-size:1.6rem}.accessories-interior .close-prop{top:6%;right:6%}
.opening{animation:open-cabinet .62s cubic-bezier(.22,.8,.24,1) both;transform-origin:50% 55%}.room-prop.closing{animation:close-cabinet .4s ease-out}.vanity{bottom:12px;width:min(690px,57%);animation:tray-in .3s ease-out}.box-open .turn-controls{bottom:235px}.box-open .tap-hint{bottom:235px}.box-open .vanity .tool-note{margin-top:4px}.fabric-dot{display:block;width:80%;height:80%;border-radius:8px;margin:10%;box-shadow:inset 0 3px 4px #ffffff66}.speaking .coach-avatar{animation:anna-talk .35s ease-in-out infinite alternate}.music-muted{opacity:.6}
@keyframes open-cabinet{0%{opacity:.15;transform:perspective(600px) rotateY(-42deg) scale(.86)}65%{opacity:1;transform:perspective(600px) rotateY(5deg) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes close-cabinet{0%{opacity:.4;transform:perspective(500px) rotateY(28deg) scale(.93)}100%{opacity:1;transform:none}}
@keyframes tray-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@keyframes anna-talk{to{transform:rotate(5deg) scale(1.04)}}
.box-open .turn-controls{left:18%;bottom:18px}.box-open .tap-hint{bottom:auto;top:116px;font-size:.74rem;max-width:44%;background:#fff8efe6}.coach{top:43px;min-height:65px}.box-open .coach{width:min(460px,46%)}.target{border-color:#e0a133}.target:not(.nail){min-height:25px;min-width:32px}.shoes-prop .prop-label{bottom:2%}
#portrait{object-fit:fill}.dress-colours{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:8px}.dress-colours .swatch{width:100%;aspect-ratio:1.2;min-height:30px}.box-open .turn-controls{left:17%;bottom:16px;gap:3px;padding:4px}.box-open .turn-controls button{width:31px;height:32px;font-size:1rem}.box-open .stage-actions{bottom:68px}.vanity .palette-area{padding-bottom:9px}
@media(max-width:600px) and (orientation:portrait){.box-open .coach{width:83%}.box-open .tap-hint{top:112px;max-width:90%;font-size:.66rem}.box-open .turn-controls{left:50%;bottom:282px}.box-open .stage-actions{bottom:320px}.dress-colours{grid-template-columns:repeat(6,1fr);gap:4px}.dress-colours .swatch{min-height:30px;aspect-ratio:1.7}.box-open .finish-button{bottom:282px}.vanity .tool-note{font-size:.60rem}.scene-label{max-width:48%}}
#portrait,.touch-targets.nail-targets{left:31.5%;width:37%;top:25%;height:75%}
@media(max-width:600px) and (orientation:portrait){#portrait,.touch-targets.nail-targets{left:8%;width:84%;top:25%;height:58%}.header-actions .icon-button{width:34px;height:38px;font-size:1rem}.brand-mark{width:30px}.box-open .view-controls{bottom:39%}}
@media(max-width:900px){.vanity{bottom:10px;width:66%}.box-open .turn-controls,.box-open .tap-hint{bottom:230px}.shoes-prop{width:23%}.shoes-interior{width:30%}.accessories-prop{width:16%}}
@media(max-width:600px) and (orientation:portrait){.header-actions #help-btn,.header-actions #gallery-btn{display:none}.header-actions{gap:3px}.vanity{width:96%;bottom:9px}.box-open .turn-controls{bottom:268px}.box-open .tap-hint{bottom:304px;max-width:82%}.box-open .stage-actions{bottom:285px}.box-open .mirror>.finish-button{bottom:285px}.shoes-prop{right:-2%;top:60%;width:32%;height:29%}.shoes-interior{right:-2%;top:56%;width:45%;height:35%}.accessories-prop{right:1%;top:46%;width:26%;height:20%}.accessories-interior{right:-1%;top:41%;width:43%;height:30%}.accessory-shelf{font-size:1.15rem}.studio{top:13%;height:82%}.touch-targets{top:13%;height:82%}.view-controls{bottom:37%}.choice>img{height:42px}.options.choices{grid-template-columns:repeat(3,1fr);max-height:130px;overflow:auto}.choice{min-height:63px}}
@media(prefers-reduced-motion:reduce){.opening,.closing,.vanity,.speaking .coach-avatar{animation:none!important}}
.startup-status{font-size:.85rem!important;font-weight:700;color:#805176;min-height:22px}.whole-princess{position:absolute;left:50%;top:124px;transform:translateX(-50%);z-index:15;border:2px solid #d6a050;border-bottom-width:4px;border-radius:17px;background:#fff8e7;padding:10px 18px;min-height:46px;font-size:.96rem;font-weight:800;color:#6d435c;box-shadow:0 4px 12px #6b415a25}.whole-princess[hidden]{display:none}.view-controls button[data-view=body]{width:97px;height:49px;display:flex;align-items:center;justify-content:center;gap:3px}.view-controls button[data-view=body] span{font-size:.65rem;font-weight:800;max-width:51px;line-height:1.15}.view-controls{align-items:flex-end}
@media(max-width:600px) and (orientation:portrait){.whole-princess{top:126px;padding:7px 13px;font-size:.8rem;min-height:43px}.view-controls button[data-view=body]{width:76px;height:44px}.view-controls button[data-view=body] span{font-size:.57rem}}