:root{--bg: #fff6fb;--ink: #2d2330;--muted: #765d70;--pink: #f05b9d;--pink-soft: #ffd4e7;--mint: #8ddbd1;--gold: #f5bd4e;--aqua: #bfeef7;--panel: rgba(255, 255, 255, .88);--stroke: rgba(236, 102, 158, .32);--shadow: 0 18px 40px rgba(205, 86, 142, .22);font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 8%,#ffe1f1 0 13%,transparent 24%),radial-gradient(circle at 88% 18%,#d9f8ff 0 16%,transparent 30%),linear-gradient(140deg,#fff9ee,#fff4fb 42%,#e9fbff);color:var(--ink);overflow:hidden}button{border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-phone{width:min(100vw,460px);height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:8px;padding:10px 12px 12px;overflow:hidden}.top-bar,.action-row,.tool-tabs,.tray{flex:none}.top-bar{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow,.top-bar h1{margin:0}.eyebrow{color:var(--pink);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.top-bar h1{font-size:clamp(1.45rem,7vw,2rem);line-height:1}.mode-switch{display:grid;grid-template-columns:1fr 1fr;min-width:160px;padding:4px;border-radius:999px;background:#ffffffb8;border:1px solid var(--stroke);box-shadow:0 8px 20px #d46b9b24}.mode-switch button,.tool-tab,.action-button{cursor:pointer;touch-action:manipulation}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border-radius:999px;background:transparent;color:var(--muted);font-weight:850}.mode-switch button.active{background:var(--ink);color:#fff}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.action-button{min-height:54px;border-radius:15px;background:var(--panel);border:1px solid var(--stroke);box-shadow:0 8px 20px #d46b9b1f;display:grid;place-items:center;gap:1px;color:var(--ink);font-size:.72rem;font-weight:850}.action-button svg{width:21px;height:21px;color:var(--pink)}.action-button:disabled{opacity:.42}.stage-card{min-height:0;position:relative;border-radius:25px;overflow:hidden;border:2px solid rgba(240,91,157,.26);background:linear-gradient(140deg,#ffecd6db,#fff6fbe6 45%,#d9faffeb),#fff;box-shadow:var(--shadow)}.doll-stage,.room-stage{position:relative;width:100%;height:100%;min-height:360px;overflow:hidden}.stage-sparkles:before,.stage-sparkles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 21% 25%,rgba(245,189,78,.5) 0 5px,transparent 6px),radial-gradient(circle at 70% 16%,rgba(141,219,209,.65) 0 8px,transparent 9px),radial-gradient(circle at 78% 68%,rgba(240,91,157,.24) 0 6px,transparent 7px),radial-gradient(circle at 17% 73%,rgba(141,219,209,.35) 0 9px,transparent 10px)}.doll{position:absolute;left:50%;top:49%;width:min(75vw,310px);aspect-ratio:.58;transform:translate(-50%,-50%);transform-origin:50% 92%}.doll.pose-curvy{width:min(80vw,335px)}.doll.pose-petite{width:min(68vw,285px)}.doll.pose-tall{width:min(71vw,300px);transform:translate(-50%,-50%) scaleY(1.04)}.doll-shadow{position:absolute;left:18%;right:18%;bottom:1%;height:9%;border-radius:50%;background:#8b507133;filter:blur(8px)}.body-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-repeat:no-repeat;filter:drop-shadow(0 18px 20px rgba(105,55,92,.23))}.skin-tint{position:absolute;left:37%;top:11%;width:25%;height:8%;border-radius:50% 50% 44% 44%;background:color-mix(in srgb,var(--skin) 82%,white);opacity:.56;mix-blend-mode:multiply;z-index:4;pointer-events:none}.accessory,.accessory-img{position:absolute;display:block;filter:drop-shadow(0 4px 4px rgba(88,45,78,.25))}.accessory-img{height:auto;transform-origin:50% 50%;pointer-events:auto;touch-action:none;cursor:grab}.accessory-img:active{cursor:grabbing}.accessory-img.selected{outline:3px solid rgba(240,91,157,.72);outline-offset:5px;border-radius:999px}.hair-bob,.hair-waves,.hair-pony{left:36%;top:7%;width:28%;height:12%;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.18),transparent 18%),#59341f;z-index:4}.hair-waves{left:33%;width:34%;height:17%;border-radius:46% 46% 38% 38%;background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.2),transparent 18%),linear-gradient(90deg,#7d4a2a,#3c2418)}.hair-pony{left:38%;width:24%;height:10%;background:#4a2b1a}.hair-pony:after{content:"";position:absolute;right:-30%;top:18%;width:44%;height:90%;border-radius:50%;background:#4a2b1a;transform:rotate(20deg)}.acc-glasses,.acc-shades{left:36.5%;top:16.4%;width:27%;height:5.8%;border:4px solid #2b2f38;border-left-width:7px;border-right-width:7px;border-radius:12px;z-index:5}.acc-shades{background:#212531c7}.acc-stars{left:31%;top:17%;width:39%;height:5%;z-index:5}.acc-stars:before,.acc-stars:after{content:"*";position:absolute;color:var(--gold);font-size:2.1rem;line-height:1;font-weight:900}.acc-stars:after{right:0;color:var(--pink)}.acc-pearls,.acc-heart{left:38.5%;top:28%;width:23%;height:5%;border-bottom:6px dotted #fff;border-radius:0 0 50% 50%;z-index:6}.acc-heart:after{content:"♥";position:absolute;left:50%;top:35%;transform:translate(-50%);color:var(--pink);font-size:1.4rem}.acc-earrings{left:30.5%;top:18.5%;width:39%;height:8%;z-index:5}.acc-earrings:before,.acc-earrings:after{content:"";position:absolute;width:10px;height:16px;border-radius:999px;background:var(--gold)}.acc-earrings:after{right:0}.acc-tiara{left:39%;top:3.4%;width:28%;height:9%;z-index:7}.acc-tiara:before{content:"♛";display:block;color:var(--gold);font-size:2.65rem;line-height:1;text-align:center}.acc-bag{left:67%;top:46%;width:17%;height:15%;border:5px solid #f05b9d;border-top:12px solid #f05b9d;border-radius:10px 10px 18px 18px;background:#ffc5dc;z-index:6}.acc-bag:before{content:"";position:absolute;left:20%;top:-62%;width:60%;height:70%;border:4px solid #f05b9d;border-bottom:0;border-radius:999px 999px 0 0}.acc-wand{left:20%;top:42%;width:7%;height:26%;border-radius:999px;background:linear-gradient(#fff,#9fd4ff);transform:rotate(-22deg);z-index:6}.acc-wand:before{content:"★";position:absolute;left:50%;top:-28px;transform:translate(-50%);color:var(--gold);font-size:2rem}.style-pill{position:absolute;left:50%;bottom:5%;transform:translate(-50%);min-width:190px;min-height:46px;padding:8px 14px;border-radius:999px;background:#ffffffe6;border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #d46b9b21}.style-pill span{color:var(--muted);font-size:.82rem;font-weight:760}.style-pill i{width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #0000001f}.style-pill .look-dot{box-shadow:0 0 0 1px #0000001f,0 0 0 5px #f05b9d1f}.room-stage{background:#ffeaf5;touch-action:none}.room-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.room-theme-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.35}.theme-blush .room-theme-wash{background:linear-gradient(135deg,#f8b8cbd1,#fff6fb29)}.theme-mint .room-theme-wash{background:linear-gradient(135deg,#8ddbd1c7,#ffffff29)}.theme-lavender .room-theme-wash{background:linear-gradient(135deg,#b987e8b3,#ffffff1f)}.theme-sunny .room-theme-wash{background:linear-gradient(135deg,#f5bd4eb8,#fff4b81f)}.placed-decor{position:absolute;width:104px;height:104px;padding:0;background:transparent;cursor:grab;touch-action:none;z-index:2}.placed-decor:active{cursor:grabbing}.placed-decor span,.decor-thumb{display:block;width:100%;height:100%;background-repeat:no-repeat;filter:drop-shadow(0 8px 10px rgba(87,45,71,.18))}.placed-decor.selected{outline:3px solid rgba(240,91,157,.82);outline-offset:4px;border-radius:18px}.clear-button{position:absolute;right:12px;top:12px;z-index:10;min-height:42px;padding:0 12px;border-radius:999px;background:#ffffffe6;border:1px solid var(--stroke);color:var(--ink);display:flex;align-items:center;gap:5px;font-weight:850;box-shadow:0 8px 16px #744b6324}.clear-button svg{color:var(--pink)}.toast{position:absolute;left:50%;top:14px;z-index:11;transform:translate(-50%);padding:9px 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:850;box-shadow:0 12px 24px #2d233038}.tool-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.tool-tab{min-height:52px;border-radius:14px;background:#ffffffc2;border:1px solid var(--stroke);display:grid;place-items:center;gap:2px;color:var(--muted);font-size:.58rem;font-weight:900}.tool-tab svg{width:19px;height:19px}.decor-controls,.accessory-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.outfit-look-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.accessory-controls span{grid-column:1 / -1;min-height:38px;border-radius:13px;background:#ffffffd1;border:1px solid var(--stroke);color:var(--muted);display:grid;place-items:center;font-size:.72rem;font-weight:850}.look-controls{display:grid;grid-template-columns:minmax(140px,1fr) 1.4fr;align-items:center;gap:8px}.look-controls button{min-height:38px;border-radius:13px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 6px 14px #2d23302b}.look-controls span{color:var(--muted);font-size:.72rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decor-controls button,.accessory-controls button,.outfit-look-controls button{min-height:38px;border-radius:13px;background:#ffffffdb;border:1px solid var(--stroke);color:var(--ink);font-size:.72rem;font-weight:900;box-shadow:0 6px 14px #d46b9b1a;display:flex;align-items:center;justify-content:center;gap:4px}.outfit-look-controls button{font-size:.66rem;padding:0 4px;overflow:hidden;white-space:nowrap}.outfit-look-controls button span{width:16px;height:16px;flex:0 0 16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #2d233024}.decor-controls button.active,.outfit-look-controls button.active{background:var(--ink);color:#fff}.decor-controls button:last-child,.accessory-controls button:last-child{color:var(--pink)}.decor-controls button:disabled,.accessory-controls button:disabled,.outfit-look-controls button:disabled{opacity:.45}.tool-tab.active{background:#fff;color:var(--pink);border-color:#f05b9dc7;box-shadow:inset 0 -4px #f05b9d38}.tray{min-height:132px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,33%);gap:10px;overflow-x:auto;padding:8px 2px 2px;scroll-snap-type:x proximity;scrollbar-width:none}.tray::-webkit-scrollbar{display:none}.tray-card{scroll-snap-align:start;min-height:120px;border-radius:18px;background:#ffffffe6;border:2px solid rgba(255,255,255,.7);box-shadow:0 10px 22px #d46b9b1f;display:grid;grid-template-rows:1fr auto auto;place-items:center;gap:2px;padding:8px;color:var(--ink);font-size:.82rem;font-weight:850;cursor:pointer}.tray-card strong,.tray-card small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tray-card small{color:var(--muted);font-size:.72rem}.tray-card.active{border-color:var(--pink);box-shadow:0 0 0 3px #f05b9d24,0 10px 22px #d46b9b2e}.mini-doll{width:52px;height:76px;display:block;border-radius:999px 999px 20px 20px;background:radial-gradient(circle at 50% 15%,var(--skin) 0 16px,transparent 17px),linear-gradient(90deg,transparent 18px,#f58bb3 19px 34px,transparent 35px),linear-gradient(#a5dff5 40%,#239095 40%,#239095 72%,#f58bb3 72%)}.mini-doll.pose-curvy{width:60px}.mini-doll.pose-petite{width:47px}.mini-doll.pose-tall{height:82px}.outfit-thumb{width:76px;height:92px;background-repeat:no-repeat;filter:drop-shadow(0 7px 8px rgba(87,45,71,.13))}.decor-thumb{width:74px;height:74px}.theme-card{overflow:hidden}.room-theme-preview{width:82px;height:76px;border-radius:17px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffdb,#ffffff47),linear-gradient(135deg,#f8b8cb,#f5bd4e);box-shadow:inset 0 -18px #8b50711f,0 8px 14px #6d415a24}.room-theme-preview.theme-mint{background:linear-gradient(180deg,#ffffffdb,#ffffff47),linear-gradient(135deg,#8ddbd1,#bfeef7)}.room-theme-preview.theme-lavender{background:linear-gradient(180deg,#ffffffdb,#ffffff47),linear-gradient(135deg,#b987e8,#ffd4e7)}.room-theme-preview.theme-sunny{background:linear-gradient(180deg,#ffffffdb,#ffffff47),linear-gradient(135deg,#f5bd4e,#fff4b8)}.room-theme-preview i{width:34px;height:34px;border-radius:50%;border:4px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #2d23301c}.accessory-card{min-height:112px}.accessory-preview{position:relative;width:68px;height:48px;display:block;transform:scale(.8)}.accessory-preview.acc-bag{position:relative;left:auto;top:auto;transform:scale(.86)}.accessory-preview.acc-wand{position:relative;left:auto;top:auto;transform:rotate(-22deg) scale(.8)}.accessory-preview.acc-tiara:before{font-size:3rem}.accessory-thumb{width:82px;height:64px;object-fit:contain;display:block;filter:drop-shadow(0 8px 10px rgba(87,45,71,.14))}.save-look-card svg{color:var(--pink);fill:#f05b9d2e}.look-card,.room-look-card,.room-preset-card{position:relative}.look-thumb{width:74px;height:84px;display:grid;place-items:center;position:relative}.look-thumb .mini-doll{transform:scale(.82)}.look-outfit-dot{position:absolute;right:7px;bottom:11px;width:24px;height:24px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #0000001a}.room-mini{width:82px;height:76px;border-radius:17px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#fff4fb6b),linear-gradient(135deg,#ffd4e7,#bfeef7);box-shadow:inset 0 -18px #8b50711f,0 8px 14px #6d415a24}.room-mini i{position:absolute;width:22px;height:22px;border-radius:8px;background:#fff;box-shadow:0 0 0 3px #f05b9d38,0 8px 12px #572d4729}.room-mini i:nth-child(1){left:10px;bottom:13px;background:#f8b8cb}.room-mini i:nth-child(2){right:10px;bottom:15px;background:#8ddbd1}.room-mini i:nth-child(3){left:30px;top:13px;background:#f5bd4e}.room-mini i:nth-child(4){right:26px;top:30px;background:#b987e8}.mini-delete{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;background:#2d233014;color:var(--muted);font-size:.56rem;font-weight:900}.skin-card{grid-template-rows:1fr auto auto}.skin-swatch{width:70px;height:70px;border-radius:50%;display:block;border:5px solid #fff;box-shadow:0 0 0 1px #0000001f,0 10px 18px #6d415a29}@media(min-width:760px){body{overflow:auto}.app-shell{padding:24px}.game-phone{height:min(920px,calc(100vh - 48px));border-radius:34px;border:1px solid rgba(240,91,157,.2);background:#ffffff6b;box-shadow:0 28px 60px #99567d33}}@media(max-width:370px){.game-phone{padding-left:8px;padding-right:8px;gap:6px}.mode-switch{min-width:134px}.mode-switch button{font-size:.76rem}.action-button span,.tool-tab span{font-size:.52rem}.tool-tab{min-height:48px;border-radius:13px}.tray{grid-auto-columns:minmax(104px,36%)}.outfit-look-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.outfit-look-controls button{font-size:0}.outfit-look-controls button span{width:20px;height:20px}}