:root{--ink:#24332d;--sage:#738d75;--sage-dark:#496550;--cream:#f7f1e9;--paper:#fffdf9;--peach:#edc7b5;--rose:#c77d77;--line:#dedbd3;--gold:#b9904c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:82px;display:flex;align-items:center;padding:0 4vw;background:rgba(255,253,249,.92);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;width:31%;font-family:"Playfair Display";font-size:22px;color:var(--ink);text-decoration:none}.brand span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--sage);border-radius:50%;font-family:"DM Sans";font-size:11px;letter-spacing:-1px}nav{display:flex;align-items:stretch;gap:34px;height:100%}.nav-link{background:none;border:0;color:#788078;font:600 13px "DM Sans";cursor:pointer;position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sage)}.wallet{margin-left:auto;border:1px solid var(--line);border-radius:30px;padding:8px 15px;display:flex;gap:7px;align-items:center;background:white}.wallet span{color:var(--gold)}.wallet small{color:#8e958e}.hero-copy{text-align:center;padding:64px 20px 43px;background:radial-gradient(circle at 51% 60%,#fff9f1 0,transparent 39%)}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:10px;color:var(--sage)}h1,h2{font-family:"Playfair Display";font-weight:600;margin:0}h1{font-size:58px;line-height:1.04;letter-spacing:-2px}em{color:var(--sage);font-weight:600}.intro{max-width:550px;margin:23px auto 0;color:#69736d;line-height:1.7;font-size:14px}.game-shell{width:min(1320px,94vw);margin:auto;min-height:650px;background:var(--paper);border:1px solid #d8d4ca;display:grid;grid-template-columns:220px minmax(410px,1fr) 330px;box-shadow:0 22px 60px rgba(54,64,55,.1)}.steps-panel,.tools-panel{padding:34px 27px}.steps-panel{border-right:1px solid var(--line)}.tools-panel{border-left:1px solid var(--line)}.panel-label{text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:700;color:#949b93;margin:0 0 28px}.steps{display:grid;gap:5px}.step{display:flex;align-items:center;gap:13px;padding:13px 8px;border-radius:6px;color:#9aa098;font-size:12px}.step .icon{width:30px;height:30px;border:1px solid #d9ddd7;border-radius:50%;display:grid;place-items:center;font-size:14px}.step.active{color:var(--ink);background:#eff2ec;font-weight:700}.step.active .icon{background:var(--sage-dark);color:white;border-color:var(--sage-dark)}.step.done{color:var(--sage)}.theme-card{margin-top:52px;padding:20px;border:1px solid #d9d5ca;background:#faf6ee}.theme-card span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#92978e}.theme-card strong{display:block;font-family:"Playfair Display";font-size:16px;margin:9px 0 5px}.theme-card p{font-size:9px;color:#858d84;margin:0}.studio{min-width:0;background:#f1e7dd;display:flex;flex-direction:column;padding:25px 34px 0;overflow:hidden}.studio-topline{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;color:#7a817c}.progress{height:2px;background:rgba(79,100,84,.15);margin-top:10px}.progress i{display:block;height:100%;width:24%;background:var(--sage);transition:width .6s}.scene{position:relative;flex:1;min-height:570px}.portrait{position:absolute;width:300px;height:510px;bottom:0;left:50%;transform:translateX(-50%)}.face{position:absolute;z-index:3;top:99px;left:73px;width:155px;height:201px;background:#dcae92;border-radius:48% 48% 46% 46%;box-shadow:inset -14px 0 0 rgba(155,91,73,.07)}.neck{position:absolute;z-index:2;background:#d9a98c;width:72px;height:100px;top:262px;left:114px}.body{position:absolute;z-index:1;left:9px;bottom:-55px;width:282px;height:250px;background:#708d78;border-radius:48% 48% 0 0;transition:.4s}.body.outfit-rose{background:#a95f63}.body.outfit-gold{background:#a38b54}.collar{position:absolute;top:7px;width:75px;height:82px;background:#f3eee6}.collar.left{left:67px;clip-path:polygon(0 0,100% 0,85% 100%)}.collar.right{right:67px;clip-path:polygon(0 0,100% 0,15% 100%)}.hair{position:absolute;background:#3d2b25}.hair.back{z-index:1;top:54px;left:48px;width:204px;height:272px;border-radius:48% 48% 30% 30%}.hair.fringe{z-index:4;top:67px;left:60px;width:184px;height:86px;border-radius:80% 30% 50% 10%;clip-path:polygon(0 0,100% 0,99% 45%,65% 25%,54% 84%,46% 34%,17% 70%)}.eye{position:absolute;top:89px;width:29px;height:11px;border-bottom:2px solid #4d3932;border-radius:50%}.eye:after{content:"";position:absolute;width:5px;height:5px;background:#342923;border-radius:50%;bottom:-2px;left:12px}.eye-l{left:28px}.eye-r{right:28px}.brow{position:absolute;top:72px;width:33px;height:7px;border-top:3px solid #60443a;border-radius:50%}.brow-l{left:24px;transform:rotate(-4deg)}.brow-r{right:24px;transform:rotate(4deg)}.nose{position:absolute;top:103px;left:72px;width:12px;height:31px;border-right:1px solid rgba(97,55,42,.35);border-bottom:1px solid rgba(97,55,42,.25);border-radius:50%}.mouth{position:absolute;top:153px;left:59px;width:39px;height:12px;border-bottom:3px solid #965d5c;border-radius:50%}.blush{position:absolute;top:126px;width:27px;height:12px;background:rgba(195,105,103,.15);filter:blur(3px);border-radius:50%}.blush-l{left:17px}.blush-r{right:17px}.blemish{position:absolute;width:10px;height:10px;border:2px solid rgba(151,71,62,.35);background:#bd756d;border-radius:50%;cursor:pointer;z-index:8;transition:.25s}.blemish:hover{transform:scale(1.4)}.blemish.treated{opacity:0;transform:scale(0)}.b1{top:123px;left:37px}.b2{top:50px;right:54px}.b3{top:164px;right:44px}.mask-layer{position:absolute;inset:7px;background:#9fb69a;opacity:0;border-radius:48%;transition:.4s}.portrait.mask .mask-layer{opacity:.7}.portrait.glow .face{box-shadow:0 0 35px rgba(255,233,193,.8),inset -14px 0 0 rgba(155,91,73,.04)}.earring{position:absolute;z-index:6;top:206px;color:#c09b52;font-size:18px;opacity:0;transition:.3s}.portrait.accessories .earring{opacity:1}.e-left{left:60px}.e-right{right:60px}.client-note{position:absolute;right:3%;top:25%;display:flex;color:#6b706a}.client-note span{font:italic 42px "Playfair Display";color:#b89b8c}.client-note p{font:italic 13px/1.5 "Playfair Display"}.botanical{position:absolute;color:#899b84;opacity:.32;font-size:100px}.leaf-one{left:-35px;bottom:90px;transform:rotate(35deg)}.leaf-two{right:-10px;top:60px;transform:rotate(-130deg)}.sparkle{position:absolute;color:#a88851}.s1{left:15%;top:22%}.s2{right:15%;bottom:31%;font-size:9px}.phase-title{display:flex;gap:12px;align-items:flex-start}.phase-title div{font-size:10px;color:#a4aaa2;margin-top:7px}.phase-title div span{color:var(--sage-dark);font-weight:700}.phase-title h2{font-size:24px}.phase-hint{font-size:12px;line-height:1.6;color:#7e857e;margin:12px 0 22px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool{height:92px;background:white;border:1px solid var(--line);padding:12px;cursor:pointer;text-align:left;transition:.2s;border-radius:3px}.tool:hover,.tool.selected{border-color:var(--sage);background:#f2f5ef;transform:translateY(-2px)}.tool-icon{font-size:23px;display:block;margin-bottom:7px}.tool strong{display:block;font-size:11px}.tool small{font-size:9px;color:#929891}.tip{display:flex;gap:10px;background:#f5f1e9;margin-top:22px;padding:13px}.tip>span{display:grid;place-items:center;min-width:22px;height:22px;border:1px solid var(--sage);border-radius:50%;color:var(--sage);font-family:serif}.tip p{font-size:10px;margin:0;line-height:1.4}.tip small{color:#8b9089}.next-button{width:100%;height:48px;margin-top:20px;background:var(--ink);border:0;color:white;font:600 11px "DM Sans";letter-spacing:.3px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:15px;transition:.2s}.next-button:hover{background:var(--sage-dark);gap:22px}.next-button:disabled{opacity:.45;cursor:not-allowed}.how-it-works{width:min(1050px,88vw);margin:110px auto;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.how-it-works h2{font-size:38px}.how-it-works ol{padding:0;margin:0;list-style:none}.how-it-works li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #d8d4ca}.how-it-works li>span{font:italic 20px "Playfair Display";color:var(--sage)}.how-it-works strong{font:600 14px "Playfair Display"}.how-it-works p{font-size:11px;color:#7d847d;margin:5px 0}dialog{border:0;padding:48px;width:min(440px,90vw);text-align:center;background:var(--paper);box-shadow:0 30px 80px rgba(32,45,38,.25)}dialog::backdrop{background:rgba(31,44,37,.6);backdrop-filter:blur(5px)}dialog h2{font-size:42px}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;cursor:pointer}.result-score{display:flex;justify-content:center;align-items:center;gap:10px;margin:25px}.result-score strong{font:600 56px "Playfair Display";color:var(--sage-dark)}.result-score span{text-align:left;font-size:11px;color:#888}.reward{display:inline-block;background:#f2ead8;padding:10px 20px;color:#987532;border-radius:30px}.shop-dialog p{line-height:1.7;color:#6f776f}
@media(max-width:1050px){.game-shell{grid-template-columns:175px 1fr}.tools-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.tool-grid{grid-template-columns:repeat(4,1fr)}.client-note{display:none}}@media(max-width:700px){.topbar{padding:0 18px}.brand{width:auto}.topbar nav{display:none}.hero-copy{padding-top:45px}h1{font-size:42px}.game-shell{width:100%;grid-template-columns:1fr;border-left:0;border-right:0}.steps-panel{border:0;border-bottom:1px solid var(--line);padding:18px}.steps{display:flex;overflow:auto}.step{min-width:max-content}.step span:last-child,.theme-card{display:none}.studio{padding:20px 10px 0}.scene{min-height:530px}.portrait{transform:translateX(-50%) scale(.88);transform-origin:bottom}.tools-panel{padding:28px 20px}.tool-grid{grid-template-columns:1fr 1fr}.how-it-works{grid-template-columns:1fr;gap:30px;margin:70px auto}}