@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--gold:#ffe5a2;--pink:#f3a7ed;--purple:#67297b;--ink:#4e2162;--ui:'Nunito',Arial,sans-serif;--script:'Great Vibes',Georgia,cursive;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--ui);background:#24102e;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body:before{content:'';position:fixed;inset:-40px;background:linear-gradient(#50256688,#22102d99),url('../assets/61.webp') center/cover;filter:blur(20px);z-index:-1}button{font:800 13px var(--ui);color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #fff3bc;outline-offset:3px}button:disabled{cursor:default;filter:saturate(.25);opacity:.55}button:active:not(:disabled){transform:scale(.94)!important}svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}#game{width:min(100%,480px);height:100svh;height:100dvh;max-height:100dvh;position:relative;margin:auto;overflow:hidden;background:#6c3a7b;box-shadow:0 0 0 1px #f7c6f733,0 0 100px #130a2180;isolation:isolate}#game:after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 35px #2a0d3333;z-index:20}.scene{position:absolute;inset:0;display:flex;flex-direction:column;animation:scene-in .32s ease-out}.scene.leaving{animation:scene-out .15s ease-in forwards}.scene-bg{position:absolute;inset:0;z-index:-2;object-fit:cover;width:100%;height:100%}.scene.home:before,.scene.clients:before,.scene.collection:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#501c6955 0%,#4f235011 45%,#42144eb3 100%);z-index:-1}.hud{height:72px;padding:calc(10px + env(safe-area-inset-top)) 10px 6px;display:flex;align-items:center;gap:7px;flex-shrink:0;position:relative;z-index:12}.profile{height:49px;display:flex;align-items:center;gap:5px;flex:1;min-width:100px;border-radius:30px;background:linear-gradient(135deg,#9a51a3cc,#4b1f62e6);border:1.5px solid #f0a9ed;box-shadow:inset 0 2px 3px #ffd8fc66,0 3px 7px #35134466;padding:3px 7px 3px 3px}.profile img{height:40px;width:40px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:2px solid #ffdc88;background:#c792c5}.profile strong{font-size:10px;display:block;line-height:1.2;text-shadow:0 2px 2px #351040}.profile small{font-size:8px;display:block;margin-top:3px;color:#ffe2f5}.tiny-xp{height:4px;width:48px;margin-top:3px;border-radius:8px;background:#351041;overflow:hidden}.tiny-xp i{display:block;height:100%;width:42%;background:linear-gradient(90deg,#d66ef7,#ffb4e8)}.currency{height:34px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:18px;padding:0 7px;background:linear-gradient(180deg,#773c8ee8,#4a1d5ef2);border:1px solid #e698e0;box-shadow:inset 0 2px 3px #ffcdf644,0 3px 6px #3b144c66;font-size:12px;font-weight:900;text-shadow:0 2px 2px #330c3f;white-space:nowrap}.coin{width:22px;height:22px;border-radius:50%;border:2px solid #fff1a8;background:linear-gradient(135deg,#ffde5e,#e69a24);color:#fff5be;display:grid;place-items:center;font-weight:900;box-shadow:0 2px 3px #1c0b3880}.gem{color:#ffb8ff;filter:drop-shadow(0 1px 2px #e575fc);width:22px;height:22px}.round-btn{border-radius:50%;background:linear-gradient(#a857b2,#662777);border:2px solid #efb1ed;box-shadow:inset 0 2px 5px #ffd2f566,0 3px 5px #37124088;display:grid;place-items:center;height:39px;width:39px;flex:none;color:#fff1ff;transition:transform .15s}.round-btn svg{width:21px;height:21px}.logo{position:absolute;right:9%;top:12%;z-index:5;text-align:center;transform:rotate(-7deg);pointer-events:none}.logo .crown{font-size:25px;color:#ffe288;text-shadow:0 2px 1px #a15128,0 0 10px #f7c666}.logo h1{font:64px/.76 var(--script);font-weight:400;color:#ffe9b8;text-shadow:1px 2px 0 #b75895,2px 4px 0 #7d246e,0 0 12px #5b2865;letter-spacing:-1px}.logo h1 em{font-size:69px;font-style:normal;display:block;margin-top:13px}.logo p{font:800 10px var(--ui);color:#fff8ef;background:linear-gradient(90deg,#b34aa6,#823380);padding:5px 16px;border-top:1px solid #f4bf85;border-bottom:1px solid #f4bf85;border-radius:3px;margin-top:14px;box-shadow:0 3px 8px #50165b55}.home-emma{position:absolute;width:115%;max-width:none;height:83%;object-fit:contain;object-position:50% 100%;bottom:15%;left:-15%;z-index:1;filter:drop-shadow(2px 5px 14px #37124766);animation:idle 5s ease-in-out infinite;pointer-events:none}.home-shortcuts{position:absolute;top:28%;left:10px;display:flex;gap:13px;flex-direction:column;z-index:6}.home-shortcuts.right{left:auto;right:10px;top:35%}.shortcut{height:75px;width:66px;position:relative;background:linear-gradient(135deg,#c77ad7ed,#7c3898ed 50%,#65237ce8);border:2px solid #ffb8f2;border-radius:22px;box-shadow:inset 0 2px 6px #ffe2fe77,0 3px 8px #3a135c99,0 0 7px #f5a0ed33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:transform .15s}.shortcut svg{width:32px;height:32px;stroke:#ffe7b2;filter:drop-shadow(0 2px 2px #51204c)}.shortcut span{font-size:10px;text-shadow:0 2px 1px #3c1548;line-height:1.1}.notification{position:absolute;right:-5px;top:-5px;background:#ff4f68;border:2px solid white;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px;box-shadow:0 2px 3px #501337}.home-play{position:absolute;bottom:19%;left:20%;right:20%;height:66px;border:3px solid #ffdda1;border-radius:38px;background:linear-gradient(#efb2ff 0%,#da6df7 14%,#b943d4 45%,#9d2fc7 55%,#cc65ed 88%,#f4b0f9);box-shadow:inset 0 0 0 2px #fff4d8,inset 0 3px 9px #ffe1ff,0 5px 0 #8d4a78,0 10px 20px #48185188,0 0 18px #ee8cfa55;z-index:9;display:flex;align-items:center;justify-content:center;gap:15px;font-size:35px;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 2px #66207d;transition:transform .15s}.home-play:before{content:'';position:absolute;left:14px;top:7px;height:9px;width:31px;border-radius:50%;background:#fff8;transform:rotate(-15deg)}.home-play svg{fill:#ffe9a1;stroke:#fff4c9;width:30px;height:30px;filter:drop-shadow(0 2px 2px #80287e)}.home-modes{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:8px;right:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;z-index:10}.mode-card{height:98px;padding:4px 3px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(145deg,#f0c2ff,#cc8be2 50%,#f1c4f7);border:2px solid #ffd4f5;border-radius:18px;box-shadow:inset 0 0 0 2px #eaa0ef,inset 0 3px 6px #ffeffb,0 4px 0 #8d4da9,0 5px 9px #44114799;position:relative;overflow:hidden;color:#542469}.mode-card:before{content:'';position:absolute;left:8px;top:5px;width:14px;height:6px;border-radius:50%;background:#fff9;transform:rotate(-25deg)}.mode-card img{width:100%;height:61px;object-fit:contain;filter:drop-shadow(0 2px 2px #8a4fa733);margin-bottom:4px}.mode-card span{font-size:9px;font-weight:900;line-height:1.1;white-space:nowrap;text-shadow:0 1px 0 #fff7}.temp-label{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#e9c1ef;font-size:7px;letter-spacing:1.6px;z-index:11;pointer-events:none}.ambient-particles{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.ambient-particles i{position:absolute;left:var(--x);top:var(--y);color:#fff1bd;font-size:var(--size);opacity:.3;animation:glitter var(--duration) ease-in-out infinite;animation-delay:var(--delay);text-shadow:0 0 8px #ffdcba}.screen-header{height:calc(60px + env(safe-area-inset-top));padding:calc(9px + env(safe-area-inset-top)) 12px 7px;display:flex;align-items:center;gap:12px;background:linear-gradient(#762e91eb,#512266dd);border-bottom:1px solid #e2a7d888;flex:none;position:relative;z-index:10;box-shadow:0 3px 10px #37104244}.screen-title{flex:1;text-align:center}.screen-title h1{font-weight:900;font-size:22px;letter-spacing:.3px;text-shadow:0 2px 2px #39113f}.screen-title p{font-size:9px;color:#ecc1f0;margin-top:1px;letter-spacing:.5px}.screen-title .gold{color:#ffe5a3}.client-body{padding:18px 17px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#c67ed3 transparent}.intro{text-align:center;padding:5px 12px 17px}.intro h2{font-size:25px;text-shadow:0 2px 3px #3e164f}.intro p{font-size:11px;color:#eed6f3;margin-top:5px}.client-card{display:grid;grid-template-columns:38% 62%;height:173px;position:relative;margin-bottom:16px;border:2px solid #e9ade7;border-radius:23px;background:linear-gradient(135deg,#b376c3ec,#71338fe8);box-shadow:inset 0 2px 6px #fff4,0 5px 0 #512063,0 8px 15px #3a174f44;overflow:hidden}.client-portrait{height:100%;width:100%;object-fit:cover;object-position:center 10%;align-self:end;filter:drop-shadow(2px 2px 3px #522765)}.client-info{padding:19px 13px 12px 4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.client-info .tag{font-size:8px;color:#ffe7a7;letter-spacing:1.3px}.client-info h2{font-size:19px;line-height:1.15;margin:5px 0}.client-info p{font-size:9px;line-height:1.5;color:#edcfee;margin-bottom:10px}.gold-btn{min-height:42px;border-radius:20px;border:2px solid #fff0ba;background:linear-gradient(#fff1be,#f8cc79 45%,#edb258 55%,#ffda94);color:#7a3e47;box-shadow:inset 0 2px 4px #ffffe4,0 3px 0 #ad6d4e,0 5px 8px #4d235b55;padding:9px 20px;text-shadow:0 1px 1px #fff7;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s}.gold-btn svg{width:17px;height:17px}.purple-btn{min-height:42px;border-radius:20px;border:2px solid #f2b6f1;background:linear-gradient(#b76ed3,#8540a8 50%,#713193 55%,#a05bbe);box-shadow:inset 0 2px 4px #f3c9f866,0 3px 0 #512168;color:#fff6ff;padding:9px 18px;display:flex;align-items:center;justify-content:center;gap:8px}.game-scene{background:#b77dc2}.game-scene .scene-bg{filter:brightness(.85)}.activity-top{height:45px;display:flex;align-items:center;padding:7px 13px;gap:10px;background:linear-gradient(#713185ef,#59216eeb);border-bottom:1px solid #f3b7ea66;flex:none;z-index:8}.activity-top img{height:30px;width:30px;border-radius:50%;border:1px solid #f5d395;object-fit:cover;object-position:50% 20%}.activity-copy{flex:1;min-width:0}.activity-copy b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{font-size:8px;color:#deb8e8}.step-meter{width:110px;display:flex;align-items:center;gap:7px;font-weight:900;font-size:10px;color:#ffeab6}.step-meter .bar{height:7px;border-radius:7px;border:1px solid #e6a3e0;background:#3d154f;flex:1;overflow:hidden}.step-meter .bar i{display:block;height:100%;background:linear-gradient(#f5a9f9,#cf73ed);border-radius:7px;transition:width .25s}.play-stage{position:relative;flex:1;min-height:160px;overflow:hidden;background:#b880bc}.play-stage:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -15px 25px #6d327b22;pointer-events:none}.play-stage canvas{width:100%;height:100%;display:block;touch-action:none}.hint-bubble{position:absolute;top:11px;left:50%;transform:translateX(-50%);background:#fff4ffea;border:2px solid #e8acd9;border-radius:19px;padding:7px 12px;max-width:88%;width:max-content;color:#7b3c88;font-size:10px;font-weight:800;text-align:center;box-shadow:0 3px 8px #57276333;pointer-events:none;z-index:3}.hint-bubble:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 6px);width:11px;height:11px;background:#fff4ff;border-right:2px solid #e8acd9;border-bottom:2px solid #e8acd9;transform:rotate(45deg)}.guide-control{position:absolute;right:10px;bottom:11px;height:32px;width:32px;border-width:1px;opacity:.9;z-index:4}.guide-control svg{width:17px;height:17px}.stage-love{position:absolute;left:10px;bottom:12px;color:#fff4eb;text-shadow:0 2px 3px #77306d;font-size:10px;font-weight:900;display:flex;gap:4px;align-items:center;pointer-events:none}.stage-love svg{width:16px;height:16px;fill:#efb2ef;stroke:#fff2fd}.tool-tray{position:relative;flex:none;z-index:9;min-height:214px;background:linear-gradient(#f9d3ff,#dfb0f0 16%,#ca90df 70%,#b77bce);border:2px solid #f6c9f6;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -5px 18px #77327566,inset 0 2px 4px #fff6ff;display:flex;flex-direction:column;padding:12px 11px calc(12px + env(safe-area-inset-bottom));color:#672d7e;margin-top:-10px}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 4px 8px}.tray-heading h2{font-size:17px;font-weight:900;line-height:1.1;text-shadow:0 1px 1px #fff9}.activity-progress{background:#f7dff9;border:1px solid #b975c3;border-radius:12px;padding:3px 7px;min-width:45px;text-align:center;font-size:10px;font-weight:900;white-space:nowrap;color:#854298}.activity-progress.ready{background:#f5efbb;border-color:#c8b568;color:#8a6e36}.tool-list{display:flex;justify-content:center;gap:8px;min-height:76px;padding:2px 3px 7px;overflow-x:auto;scrollbar-width:none}.tool{position:relative;min-width:68px;width:78px;flex:none;border-radius:15px;border:2px solid #fdf0ff;background:linear-gradient(#f7dfff,#e9b4f2);box-shadow:inset 0 1px 3px #fff9,0 3px 0 #b47bc9;padding:4px 5px 5px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s;color:#713483}.tool.selected{border-color:#fff1a4;background:linear-gradient(#f9e6ff,#eab4f5);box-shadow:0 0 0 2px #a260b4,inset 0 0 9px #fff5d166,0 3px 0 #9d62b1}.tool.selected:after{content:'✓';position:absolute;right:2px;top:2px;display:grid;place-items:center;width:14px;height:14px;background:#a665b8;border:1px solid #fff0bf;border-radius:50%;font-size:9px;color:#fff2ba}.tool img{height:44px;width:54px;object-fit:contain;filter:drop-shadow(0 2px 2px #86579c22)}.tool svg{height:36px;width:36px;margin:4px;color:#b170ba}.tool span{font-size:9px;line-height:1.1;font-weight:900;white-space:nowrap}.palette{display:flex;align-items:center;justify-content:center;gap:9px;margin:2px 0 9px;padding:4px 2px}.swatch{height:31px;width:31px;border-radius:50%;border:3px solid #fff4fd;box-shadow:inset 0 2px 3px #fff8,0 2px 3px #803d9544;position:relative}.swatch.selected{outline:2px solid #9154a1;outline-offset:2px}.swatch.selected:after{content:'✓';color:#fff;position:absolute;inset:0;display:grid;place-items:center;font-size:14px;text-shadow:0 1px 3px #542d53}.tray-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding:5px 4px 0}.continue-btn{height:45px;flex:1;border:2px solid #fff2be;border-radius:25px;background:linear-gradient(#c888ed,#aa59ce 45%,#8c3fb7 55%,#bd71d8);box-shadow:inset 0 2px 4px #f3d2ff,0 3px 0 #814294,0 5px 8px #6a2c8133;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:17px;letter-spacing:.2px;text-shadow:0 2px 2px #5d207d;transition:filter .2s,transform .15s;color:white}.continue-btn.ready{background:linear-gradient(#ffaaf0,#e57bdd 45%,#b94cb6 55%,#e88adf);box-shadow:inset 0 2px 4px #ffe0ff,0 3px 0 #944e98,0 0 12px #df88e266}.continue-btn svg{height:20px;width:20px}.tray-actions .round-btn{width:35px;height:35px;color:#fff1ff}.tray-note{font-size:8px;text-align:center;line-height:1.3;margin-top:9px;color:#93599c}.tool-tray.compact{min-height:190px}.tool-tray.style-tray .tool{width:80px;height:91px}.style-tray .tool img{height:62px}.tool-tray.accessory-tray .tool{min-width:64px;width:69px}.clip-options{display:flex;justify-content:center;gap:6px;margin:5px 0 7px}.clip-options button{border:1px solid #fff2fc;border-radius:14px;padding:5px 9px;background:#f0cff6;color:#8e519c;font-size:9px;min-height:28px}.clip-options button.selected{background:#9e60b2;color:white;box-shadow:inset 0 1px 2px #fff6}.build-tag{text-align:center;padding:7px;font-size:8px;letter-spacing:1px;color:#e1bae8}.lookbook-body{overflow-y:auto;padding:20px 14px;flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.look-card{background:linear-gradient(#c68fd7,#9d5bb5);padding:7px 7px 12px;border:2px solid #efc0ec;border-radius:18px;box-shadow:inset 0 2px 4px #fff5,0 4px 0 #60277b;text-align:center}.look-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid #eec7e9}.look-card h3{font-size:12px;margin-top:7px}.look-card p{font-size:8px;color:#efd6f5;margin:4px 0 8px}.look-card button{min-height:31px;font-size:10px;width:100%;padding:5px}.empty{padding:60px 25px;text-align:center;color:#f9e9fa}.empty svg{height:55px;width:55px;color:#ffe5ad;margin-bottom:18px}.empty h2{font-size:24px}.empty p{font-size:12px;line-height:1.6;margin:10px 0 20px}.empty button{width:100%}.result-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.result-stars{position:absolute;top:10px;left:0;right:0;text-align:center;z-index:4;color:#ffe29b;font-size:35px;letter-spacing:15px;text-shadow:0 2px 2px #a96967,0 0 10px #f5ca94;pointer-events:none;animation:star-pop .55s both}.result-body .play-stage{margin:0}.result-bottom{padding:12px 15px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#d8a0ea,#b77bd1);border-top:2px solid #efc2f1;box-shadow:0 -5px 20px #652d8144;color:#632d78;flex:none}.result-bottom h2{text-align:center;font-size:22px;text-shadow:0 1px 0 #ffe6fb}.result-bottom p{text-align:center;font-size:10px;margin:4px 0 10px}.result-views{display:flex;justify-content:center;gap:7px;margin-bottom:10px}.result-views button{border:1px solid #ffeafa;border-radius:14px;padding:6px 12px;font-size:10px;color:#874797;background:#e9c2f2;min-height:29px}.result-views button.selected{background:#9151aa;color:#fff4fd;border-color:#f3c9ff}.result-buttons{display:flex;gap:10px}.result-buttons button{flex:1;font-size:12px;padding:8px}.result-replay{display:block;border:0;background:none;margin:12px auto 0;color:#713583;font-size:10px;text-decoration:underline}.view-disclaimer{font-size:8px!important;margin-top:8px!important;color:#8d509a;line-height:1.3}.modal-backdrop{position:fixed;inset:0;background:#210e36bb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;z-index:100}.modal{position:relative;max-width:390px;width:100%;max-height:85dvh;display:flex;flex-direction:column;background:linear-gradient(#f1cafa,#d6a0e6 65%,#b978ce);border:3px solid #ffdef6;border-radius:29px;box-shadow:inset 0 2px 6px #fff5,0 0 0 2px #9d5eb0,0 15px 60px #1a082e88;color:#622575;padding:24px 20px 20px;animation:modal-in .3s cubic-bezier(.2,1.3,.5,1)}.modal h2{font-size:25px;text-align:center;margin-bottom:10px;line-height:1.15;text-shadow:0 1px 0 #fff6}.modal-content{overflow:auto;scrollbar-width:thin;font-size:12px;line-height:1.6;padding:4px 2px 10px}.modal-content p{margin-bottom:10px}.modal-buttons{display:flex;flex-direction:column;gap:10px;margin-top:10px;flex:none}.modal-buttons button{width:100%;font-size:13px}.modal-close{position:absolute;right:-10px;top:-12px;height:34px;width:34px;z-index:3}.modal-close svg{height:18px;width:18px}.setting{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b77acb66;padding:11px 0;gap:12px;font-size:13px;font-weight:800}.toggle{height:27px;width:47px;border-radius:20px;border:2px solid #f5d5f2;background:#bb89c7;padding:2px;box-shadow:inset 0 2px 3px #84569c44;flex:none}.toggle:before{content:'';display:block;width:19px;height:19px;border-radius:50%;background:#fff5ef;box-shadow:0 2px 2px #71447855;transition:transform .2s}.toggle.on{background:#9154a9}.toggle.on:before{transform:translateX(20px);background:#fff1b6}.modal-link{width:100%;background:#e7bcf0;border:1px solid #f9e5fc;padding:10px;border-radius:10px;margin-top:9px;font-size:11px;color:#7b3b8f}.asset-search{width:100%;border:1px solid #b17bc0;background:#fff1fc;color:#6d3b7b;padding:10px;border-radius:12px;margin:5px 0 12px;font:12px var(--ui)}.assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.asset-tile{padding:4px;border:1px solid #eecbf5;background:#efd6f7;border-radius:10px;color:#78438b;font-size:8px;text-align:center;line-height:1.3}.asset-tile img{width:100%;height:94px;object-fit:contain;border-radius:6px;background:#d9bfdc}.asset-tile b{font-size:8px;font-weight:900;display:block;margin:4px 1px}.asset-tile small{font-size:7px;display:block}.room-choices{display:flex;gap:9px;justify-content:center;margin:15px 0}.room-choice{width:88px;height:100px;padding:4px;border:2px solid #ffe5fc;border-radius:13px;background:#b77ccc;color:white}.room-choice img{width:100%;height:65px;object-fit:cover;border-radius:8px}.room-choice span{font-size:9px;display:block;margin-top:5px}.room-choice.selected{outline:2px solid #9454a9;outline-offset:2px}.reward-symbol{color:#b37537;text-shadow:0 2px 0 #ffeab1;font-size:65px;text-align:center;line-height:1.2;margin:5px 0 15px}.boot{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 40%,#bd7fca,#6f368b 60%,#431a61);position:relative;text-align:center}.boot-symbol{font-size:57px;color:#ffe39e;text-shadow:0 0 30px #f9d48a;margin-bottom:25px;animation:glitter 2s infinite}.boot h1{font:76px/.85 var(--script);color:#fff0c5;text-shadow:0 3px 0 #8d3887,0 0 20px #e4a5db}.boot h1 em{font-style:normal;font-size:86px}.boot p{font-size:9px;letter-spacing:2px;color:#eac9f0;margin-top:35px}.boot-track{height:8px;width:180px;border:1px solid #f6c0ea;border-radius:10px;background:#562164;overflow:hidden;margin:22px 0 12px;box-shadow:inset 0 2px 3px #34183c}.boot-track i{display:block;height:100%;width:0;background:linear-gradient(#ffe6a1,#f2b86d);transition:width .3s}.boot span{font-size:10px;color:#deb4e7}#toast{position:fixed;bottom:7%;left:50%;transform:translate(-50%,15px);border:2px solid #ffd8f4;background:linear-gradient(#9f5bb7,#72358d);color:#fff0fb;padding:12px 20px;border-radius:21px;font-size:11px;font-weight:800;max-width:90vw;width:max-content;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 5px 20px #2b0f4b55;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:absolute;inset:0;overflow:hidden;z-index:30;pointer-events:none}.confetti i{position:absolute;top:35%;left:var(--x);font-size:var(--size);color:var(--color);animation:celebrate 1.2s forwards;animation-delay:var(--delay);text-shadow:0 0 6px #fff6}.desktop-hint{display:none}.game-scene .scene-bg{display:none}@keyframes idle{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-3px) rotate(.2deg)}}@keyframes glitter{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1.1)}}@keyframes scene-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes scene-out{to{opacity:0;transform:scale(.98)}}@keyframes modal-in{from{opacity:0;transform:translateY(25px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes star-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes celebrate{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translateY(260px) rotate(130deg) scale(1.2);opacity:0}}@media(min-width:600px){#game{height:min(100dvh,960px);margin:0 auto}.home-play{font-size:40px;height:75px}.home-modes{bottom:25px}.mode-card{height:116px}.mode-card img{height:74px}.mode-card span{font-size:11px}.home-shortcuts{gap:20px}.shortcut{width:74px;height:84px}.shortcut span{font-size:11px}.shortcut svg{width:38px;height:38px}.logo{top:13%;right:10%}.logo h1{font-size:76px}.logo h1 em{font-size:85px}.home-emma{bottom:16%}.hud{height:79px;padding-top:14px}.currency{font-size:14px;height:38px;padding:0 10px}.profile{height:53px}.profile strong{font-size:12px}.profile small{font-size:9px}.profile img{height:44px;width:44px}.tool-tray{padding:15px 15px 18px;min-height:234px}.tool-tray h2{font-size:20px}.tool{width:88px;min-height:84px}.tool img{height:50px;width:62px}.tool span{font-size:10px}.continue-btn{height:49px;font-size:19px}.swatch{height:36px;width:36px}.screen-title h1{font-size:24px}.hint-bubble{font-size:12px}.activity-copy b{font-size:12px}.activity-copy small{font-size:10px}}@media(max-height:740px){.hud{height:62px}.profile{height:43px}.profile img{height:34px;width:34px}.profile strong{font-size:9px}.currency{font-size:11px;padding:0 5px}.logo{top:13%}.logo h1{font-size:53px}.logo h1 em{font-size:60px;margin-top:11px}.logo p{font-size:8px;margin-top:12px}.shortcut{width:59px;height:62px;border-radius:18px}.shortcut svg{height:27px;width:27px}.shortcut span{font-size:9px}.home-shortcuts{gap:10px;top:28%}.home-shortcuts.right{top:36%}.home-play{height:56px;font-size:30px;bottom:19%}.home-modes{bottom:18px}.mode-card{height:82px;border-radius:14px}.mode-card img{height:49px}.mode-card span{font-size:8px}.home-emma{height:82%;bottom:14%}.screen-header{height:52px;padding-top:7px}.screen-title h1{font-size:20px}.activity-top{height:39px}.tool-tray{min-height:188px;padding:10px 10px 12px}.tool-list{min-height:67px;padding-bottom:5px}.tool{min-height:61px;width:69px}.tool img{height:35px}.tool span{font-size:8px}.tray-heading{margin-bottom:6px}.tray-heading h2{font-size:16px}.palette{gap:9px;margin:1px 0 6px}.swatch{height:28px;width:28px}.continue-btn{height:40px;font-size:16px}.tray-note{margin-top:6px;font-size:7px}.style-tray .tool img{height:47px}.tool-tray.style-tray .tool{height:76px}.tool-tray.compact{min-height:172px}.clip-options{margin:4px 0 6px}.clip-options button{min-height:24px;padding:4px 8px}.client-card{height:152px}.client-info h2{font-size:17px}.client-info p{font-size:8px}.client-info .gold-btn{min-height:34px;font-size:11px;padding:6px 14px}}@media(max-width:350px){.profile{min-width:94px}.hud{gap:4px;padding-left:7px;padding-right:7px}.currency{font-size:10px}.coin,.gem{height:18px;width:18px}.hud .round-btn{height:34px;width:34px}.home-modes{gap:4px;left:5px;right:5px}.mode-card span{font-size:8px}.shortcut{width:57px}.home-shortcuts{left:7px}.home-shortcuts.right{right:7px}.home-play{left:19%;right:19%}.logo{right:8%;top:14%}.logo h1{font-size:54px}.logo h1 em{font-size:62px}.tool-tray .tool-list{gap:6px}.tool{min-width:62px}.swatch{height:28px;width:28px}.palette{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}
/* Keep the character and title in separate visual zones, as in the portrait concepts. */
.hud{justify-content:space-between}.profile{flex:0 0 125px;min-width:0}.home-emma{left:-28%;height:78%;bottom:15%;width:118%}.logo{right:6%;top:13%}.logo h1{font-size:59px}.logo h1 em{font-size:67px}.logo p{font-size:9px}@media(min-width:600px){.profile{flex-basis:145px}.logo{right:6%;top:13%}.logo h1{font-size:68px}.logo h1 em{font-size:77px}}@media(max-height:740px){.home-emma{height:77%;bottom:14%}.logo h1{font-size:51px}.logo h1 em{font-size:59px}.profile{flex-basis:113px}}@media(max-width:350px){.profile{flex-basis:108px}.logo{right:5%}.logo h1{font-size:50px}.logo h1 em{font-size:58px}}
/* Respect notches without shrinking the profile or covering the game header. */
.hud{height:calc(72px + env(safe-area-inset-top))}@media(min-width:600px){.hud{height:calc(79px + env(safe-area-inset-top))}}@media(max-height:740px){.hud{height:calc(62px + env(safe-area-inset-top))}}
