*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{font-family:'Hiragino Maru Gothic ProN','Arial Rounded MT Bold',sans-serif;color:#76567d;background:#fff4fa;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;min-width:80px;min-height:80px;border:0;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.96)}button:focus-visible{outline:4px solid #9963bb;outline-offset:5px}#app{min-height:100svh;padding:24px 36px;background:radial-gradient(ellipse at 15% 15%,#e8e4ff 0,transparent 45%),radial-gradient(ellipse at 90% 80%,#d9f1ff 0,transparent 50%),#fff3fa}header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:800;letter-spacing:.1em;font-size:18px}.brand span{font-size:27px;color:#c58cc3;margin-right:10px}.nav{display:flex;gap:12px}.round{background:#ffffffb8;border:2px solid #fff;border-radius:50%;font-size:28px;width:80px;height:80px;box-shadow:0 4px 12px #a373aa0c}.home{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:calc(100svh - 150px);gap:36px}.home-copy{text-align:center}.eyebrow{font-size:15px;letter-spacing:.28em;color:#b28caf}h1{font-size:clamp(32px,4.8vw,62px);line-height:1.45;margin:12px 0 32px;letter-spacing:.08em;color:#94658d;text-shadow:0 3px white}h1 small{display:block;font-size:.43em;letter-spacing:.35em;color:#b28caf}.home-actions{display:grid;gap:20px;max-width:390px;margin:auto}.big{border:3px solid white;border-radius:28px;box-shadow:0 7px 0 #d99cc138,0 12px 25px #c48bb524;min-height:112px;padding:16px 30px;display:flex;align-items:center;justify-content:center;gap:20px;font-weight:800;font-size:26px;background:#f6bfdc}.big.blue{background:#d1eafa;box-shadow:0 7px 0 #9bbcd438,0 12px 25px #9bbcd424}.big .icon{font-size:48px}.glow{animation:glow 2.4s ease-in-out infinite}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;isolation:isolate}.stage:before{content:'';position:absolute;inset:1% 10% 0;border:10px solid #ffffffb0;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 50% 45%,#fff 30%,#ffe9f5 72%);box-shadow:0 0 0 2px #e8c8e5,0 20px 55px #d3a5d733;z-index:-1}.stage:after{content:'✧';position:absolute;left:8%;top:16%;color:#d6b474;font-size:68px}.doll-wrap{position:relative;width:min(100%,360px);aspect-ratio:4/5;transform-origin:50% 90%}.doll{width:100%;height:100%;background-image:url('assets/princesses.png');background-size:500% 300%;background-position:0 0;mix-blend-mode:multiply}.stage .doll-wrap{width:min(75%,370px)}.stage .float-star{position:absolute;right:8%;top:24%;font-size:44px;color:#d7b76f}.home-note{margin-top:30px;font-size:14px;color:#a388ac}.accessory{position:absolute;pointer-events:none;line-height:1}.tiara{left:39%;top:1%;font-size:clamp(28px,4vw,50px)}.necklace{top:36%;left:46%;font-size:21px}.ear{top:25%;font-size:15px}.ear.left{left:33%}.ear.right{right:32%}h2{text-align:center;font-size:26px;margin:10px 0 24px}.workspace{max-width:1180px;margin:12px auto;display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.wardrobe{background:#ffffffb8;border:2px solid white;border-radius:32px;padding:22px;box-shadow:0 12px 40px #bfa0c31a}.tabs{display:flex;gap:12px;justify-content:center;margin-bottom:22px}.tab{flex:1;border-radius:22px;background:#f1eaf8;font-size:32px;border:3px solid transparent}.tab small{display:block;font-size:14px;margin-top:3px}.tab.active{background:#f8d5e9;border-color:#dc9bc5}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:260px;align-content:start}.choice{position:relative;background:#fff;border:3px solid #eee2f1;border-radius:22px;min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.choice.selected{border-color:#d581ba;background:#fff0f9}.choice.selected:after{content:'♥';position:absolute;right:7px;top:4px;color:#ce78af;font-size:20px}.choice .doll-wrap{width:77px;height:96px}.choice small{font-size:13px;padding:4px}.choice .emoji{font-size:42px}.done{width:100%;margin-top:20px;background:#b9e2db;box-shadow:0 6px 0 #86bcb32e;min-height:88px}.hint{text-align:center;font-size:19px;color:#a579a2;margin:20px 0}.screen-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:24px auto}.screen-actions .big{min-width:180px;flex-direction:column;gap:5px;font-size:20px}.celebrate{max-width:650px;margin:auto}.celebrate .stage{min-height:460px}.dance .doll-wrap{animation:dance 1.6s ease-in-out infinite}.ball .doll-wrap{animation:twirl 5s ease-in-out infinite}.castle{position:absolute;font-size:180px;opacity:.22;top:-5%;z-index:-1}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:auto}.shop-grid .choice{min-height:155px}.shop-grid .doll-wrap{width:95px;height:119px}.basket{max-width:900px;margin:24px auto;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#ffffffad;border-radius:28px;padding:16px 26px;font-size:24px}.basket .big{min-height:88px}.checkout{text-align:center;max-width:700px;margin:20px auto}.checkout .gift{font-size:130px;display:block;animation:bob 2s ease-in-out infinite}.coin{border-radius:50%;border:7px double #e4b25a;background:#ffdf84;font-size:47px;box-shadow:0 8px 0 #c89b4f30;width:110px;height:110px;margin:20px}.album{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:auto}.photo{background:#fff;padding:12px;border-radius:8px;box-shadow:0 9px 20px #a580b320;min-height:150px}.photo .doll-wrap{width:100%}.photo small{display:block;margin-top:8px;font-size:14px}.empty{text-align:center;padding:40px;font-size:24px}.empty span{font-size:90px;display:block;margin-bottom:20px}.pager{display:flex;justify-content:center;gap:20px;margin:20px}.spark{position:fixed;left:50%;top:45%;font-size:30px;z-index:20;pointer-events:none;animation:spark 950ms ease-out forwards}.flash{position:fixed;inset:0;background:#fff9;z-index:30;pointer-events:none;animation:flash .5s forwards}.save-note{text-align:center;font-size:14px}.photo-large{max-width:330px;margin:auto}.photo-large .doll-wrap{width:100%}@keyframes glow{50%{box-shadow:0 0 0 7px #ffffff85,0 0 32px #efa8d677}}@keyframes dance{0%,100%{transform:rotate(-5deg) translateY(0)}25%{transform:rotate(3deg) translateY(-12px)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg) translateY(-12px)}}@keyframes twirl{0%,30%,100%{transform:scaleX(1) rotate(-3deg)}55%{transform:scaleX(.08) rotate(3deg)}80%{transform:scaleX(1) rotate(3deg)}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes spark{to{transform:translate(var(--x),var(--y)) rotate(70deg);opacity:0}}@keyframes flash{to{opacity:0}}@media(orientation:portrait){#app{padding:18px 24px}.home{grid-template-columns:1fr;gap:12px;padding:15px 0}.home .stage{min-height:360px;max-width:490px;width:100%;margin:auto}.home .doll-wrap{width:270px}.home-copy{padding-bottom:28px}h1{font-size:42px;margin:5px 0 20px}.home-actions{grid-template-columns:1fr 1fr;max-width:700px}.home-actions .big{flex-direction:column;gap:4px;min-height:135px;font-size:23px}.home-note{margin-top:24px}.workspace{grid-template-columns:1fr;gap:24px;max-width:650px}.workspace .stage{min-height:330px}.workspace .doll-wrap{width:265px}.choices{grid-template-columns:repeat(5,1fr);min-height:112px}.choice{min-width:80px}.wardrobe{padding:18px}.shop-grid{grid-template-columns:repeat(3,1fr)}.album{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){#app{padding:12px}header{height:80px}.brand{font-size:13px;letter-spacing:0}.brand span{display:none}.nav{gap:5px}.home-actions{gap:12px}.big{padding:14px}.choices{grid-template-columns:repeat(3,1fr)}.shop-grid{grid-template-columns:repeat(2,1fr)}.album{grid-template-columns:repeat(2,1fr)}.stage{min-height:340px}.screen-actions{gap:12px}.screen-actions .big{min-width:100px;flex:1;font-size:17px}.basket{padding:14px}.home-note{font-size:12px}.tiara{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.doll-wrap{mix-blend-mode:multiply}.celebrate .stage{min-height:360px}.celebrate .stage .doll-wrap{width:280px}.album{grid-template-columns:repeat(3,1fr)}.album .doll-wrap{width:150px;margin:auto}.purchases{font-size:38px}.checkout .gift{position:relative;width:180px;margin:auto}.gift .bow{position:absolute;left:60px;top:22px;font-size:60px}.castle{font-size:240px;left:-90px;top:0;opacity:.42}.ball .stage:before{background:radial-gradient(ellipse,#fff9df,#e5defb)}
@media(orientation:portrait){.celebrate .stage{min-height:430px}.celebrate .stage .doll-wrap{width:320px}.album .doll-wrap{width:150px}.castle{left:-30px}}@media(max-width:550px){.album{grid-template-columns:repeat(2,1fr)}.album .doll-wrap{width:110px}.castle{font-size:160px;left:0}} 
.workspace .choice .doll-wrap{width:77px;height:96px;flex-shrink:0}.stage .doll-wrap{isolation:auto}.stage .doll{mix-blend-mode:darken}.choice small{word-break:keep-all;font-size:12px}.stage:before{background:#fff}