*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #ff6b9d;--purple: #c084fc;--blue: #60a5fa;--yellow: #fbbf24;--bg: #fef7ff;--card: #ffffff;--text: #1e1b2e;--muted: #6b7280;--border: #e5e0f0;--glow: rgba(255, 107, 157, .3)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fef7ff,#f0e6ff,#e8f4fd)}header{text-align:center;padding:1.5rem 1rem 1rem}header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}header p{color:var(--muted);font-size:.95rem;margin-top:.25rem}.game{flex:1;display:flex;gap:1.5rem;padding:0 2rem 2rem;max-width:1100px;margin:0 auto;width:100%}.character-panel{flex:0 0 360px;display:flex;flex-direction:column;align-items:center}.stage{width:320px;height:480px;background:linear-gradient(180deg,#fce4ec,#f3e5f5 40%,#e8eaf6);border-radius:1.5rem;border:2px solid var(--border);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.stage:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6))}.character{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:200px;height:380px}.char-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:90px;background:#fdd8b5;border-radius:50% 50% 45% 45%;z-index:5}.char-hair-base{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:92px;height:70px;background:#4a2c2a;border-radius:50% 50% 30% 30%;z-index:4}.char-eyes{position:absolute;top:35px;left:50%;transform:translate(-50%);width:50px;display:flex;justify-content:space-between;z-index:6}.char-eye{width:12px;height:14px;background:#2d1b14;border-radius:50%;position:relative}.char-eye:after{content:"";position:absolute;top:3px;left:4px;width:4px;height:4px;background:#fff;border-radius:50%}.char-mouth{position:absolute;top:55px;left:50%;transform:translate(-50%);width:14px;height:8px;border-bottom:2.5px solid #d4917a;border-radius:0 0 50% 50%;z-index:6}.char-blush-left,.char-blush-right{position:absolute;top:48px;width:14px;height:8px;background:#ff969666;border-radius:50%;z-index:6}.char-blush-left{left:25px}.char-blush-right{right:25px}.char-neck{position:absolute;top:82px;left:50%;transform:translate(-50%);width:24px;height:18px;background:#fdd8b5;z-index:3}.char-body{position:absolute;top:95px;left:50%;transform:translate(-50%);width:90px;height:120px;background:#fdd8b5;border-radius:20px 20px 10px 10px;z-index:2}.char-arm-left,.char-arm-right{position:absolute;top:100px;width:22px;height:100px;background:#fdd8b5;border-radius:12px;z-index:1}.char-arm-left{left:24px;transform:rotate(8deg)}.char-arm-right{right:24px;transform:rotate(-8deg)}.char-leg-left,.char-leg-right{position:absolute;top:210px;width:28px;height:120px;background:#fdd8b5;border-radius:14px 14px 10px 10px;z-index:1}.char-leg-left{left:58px}.char-leg-right{right:58px}.clothing-layer{position:absolute;z-index:10;pointer-events:none}.hair-layer{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:7;pointer-events:none}.hidden{display:none}.top-tshirt{top:95px;left:50%;transform:translate(-50%);width:100px;height:80px;background:var(--blue);border-radius:15px 15px 5px 5px}.top-tshirt:before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:20px;height:12px;background:#ffffff4d;border-radius:0 0 10px 10px}.top-tshirt-sleeve-l,.top-tshirt-sleeve-r{position:absolute;top:100px;width:28px;height:35px;background:var(--blue);border-radius:10px;z-index:10;pointer-events:none}.top-tshirt-sleeve-l{left:20px;transform:rotate(8deg)}.top-tshirt-sleeve-r{right:20px;transform:rotate(-8deg)}.top-dress-blouse{top:92px;left:50%;transform:translate(-50%);width:100px;height:85px;background:linear-gradient(180deg,#f9a8d4,#f472b6);border-radius:18px 18px 5px 5px}.top-dress-blouse:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-radius:50%}.top-dress-blouse-sleeve-l,.top-dress-blouse-sleeve-r{position:absolute;top:98px;width:26px;height:38px;background:linear-gradient(180deg,#f9a8d4,#f472b6);border-radius:8px 8px 14px 14px;z-index:10;pointer-events:none}.top-dress-blouse-sleeve-l{left:22px;transform:rotate(8deg)}.top-dress-blouse-sleeve-r{right:22px;transform:rotate(-8deg)}.top-hoodie{top:88px;left:50%;transform:translate(-50%);width:108px;height:92px;background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:20px 20px 8px 8px}.top-hoodie:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:30px;height:35px;background:#ffffff26;border-radius:0 0 15px 15px}.top-hoodie:after{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:60px;height:30px;background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:30px 30px 0 0}.top-hoodie-sleeve-l,.top-hoodie-sleeve-r{position:absolute;top:95px;width:30px;height:45px;background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:12px;z-index:10;pointer-events:none}.top-hoodie-sleeve-l{left:16px;transform:rotate(8deg)}.top-hoodie-sleeve-r{right:16px;transform:rotate(-8deg)}.top-crop{top:98px;left:50%;transform:translate(-50%);width:94px;height:55px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:15px 15px 5px 5px}.top-crop:before{content:"";position:absolute;bottom:-4px;left:5px;right:5px;height:6px;background:#0000001a;border-radius:0 0 5px 5px}.top-crop-sleeve-l,.top-crop-sleeve-r{position:absolute;top:100px;width:24px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;z-index:10;pointer-events:none}.top-crop-sleeve-l{left:24px}.top-crop-sleeve-r{right:24px}.bottom-skirt{top:190px;left:50%;transform:translate(-50%);width:100px;height:75px;background:linear-gradient(180deg,#c084fc,#a855f7);border-radius:5px 5px 40% 40%;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.bottom-jeans{top:205px;left:50%;transform:translate(-50%);width:90px;height:125px;z-index:9}.bottom-jeans-tl,.bottom-jeans-tr{position:absolute;top:0;width:42px;height:125px;background:#3b5998;border-radius:5px 5px 10px 10px}.bottom-jeans-tl{left:0}.bottom-jeans-tr{right:0}.bottom-jeans-mid{position:absolute;top:0;left:38px;width:14px;height:20px;background:#3b5998}.bottom-shorts{top:205px;left:50%;transform:translate(-50%);width:94px;height:50px;z-index:9}.bottom-shorts-l,.bottom-shorts-r{position:absolute;top:0;width:44px;height:50px;background:#1e3a5f;border-radius:5px 5px 10px 10px}.bottom-shorts-l{left:0}.bottom-shorts-r{right:0}.bottom-shorts-mid{position:absolute;top:0;left:40px;width:14px;height:15px;background:#1e3a5f}.bottom-long-skirt{top:190px;left:50%;transform:translate(-50%);width:104px;height:140px;background:linear-gradient(180deg,#f472b6,#ec4899);border-radius:5px 5px 45% 45%;clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%);z-index:8}.shoes-sneakers{top:325px;left:50%;transform:translate(-50%);width:100px;z-index:11}.shoe-l,.shoe-r{position:absolute;bottom:0;width:38px;height:22px;background:#fff;border-radius:8px 12px 6px 6px;border:2px solid #e5e7eb}.shoe-l{left:10px}.shoe-r{right:10px}.shoe-l:after,.shoe-r:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--pink);border-radius:0 0 6px 6px}.shoes-boots{top:290px;left:50%;transform:translate(-50%);width:100px;z-index:11}.boot-l,.boot-r{position:absolute;bottom:0;width:40px;height:55px;background:#7c3aed;border-radius:8px 12px 6px 6px}.boot-l{left:8px}.boot-r{right:8px}.boot-l:after,.boot-r:after{content:"";position:absolute;top:0;left:-2px;right:-2px;height:12px;background:#6d28d9;border-radius:6px 6px 0 0}.shoes-heels{top:322px;left:50%;transform:translate(-50%);width:100px;z-index:11}.heel-l,.heel-r{position:absolute;bottom:0;width:36px;height:18px;background:#ef4444;border-radius:6px 10px 4px 4px}.heel-l{left:12px}.heel-r{right:12px}.heel-l:before,.heel-r:before{content:"";position:absolute;bottom:-8px;right:6px;width:5px;height:10px;background:#dc2626;border-radius:0 0 2px 2px}.shoes-flats{top:330px;left:50%;transform:translate(-50%);width:100px;z-index:11}.flat-l,.flat-r{position:absolute;bottom:0;width:38px;height:14px;background:#fbbf24;border-radius:6px 10px 4px 4px}.flat-l{left:10px}.flat-r{right:10px}.flat-l:after,.flat-r:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:10px;height:6px;background:#00000026;border-radius:50%}.acc-bow{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:12}.acc-bow:before,.acc-bow:after{content:"";position:absolute;width:18px;height:14px;background:var(--pink);border-radius:50%;top:0}.acc-bow:before{left:-16px;transform:rotate(-15deg)}.acc-bow:after{right:-16px;transform:rotate(15deg)}.acc-bow-center{position:absolute;top:2px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#e11d48;border-radius:50%;z-index:13}.acc-necklace{position:absolute;top:86px;left:50%;transform:translate(-50%);width:40px;height:20px;border:2.5px solid #fbbf24;border-top:none;border-radius:0 0 50% 50%;z-index:12}.acc-necklace:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #fbbf24}.acc-glasses{position:absolute;top:32px;left:50%;transform:translate(-50%);width:60px;height:20px;z-index:12}.acc-glasses:before,.acc-glasses:after{content:"";position:absolute;top:0;width:24px;height:18px;border:2.5px solid #1e1b2e;border-radius:50%}.acc-glasses:before{left:0}.acc-glasses:after{right:0}.acc-glasses-bridge{position:absolute;top:38px;left:50%;transform:translate(-50%);width:10px;height:2.5px;background:#1e1b2e;z-index:13}.acc-earrings{position:absolute;top:50px;left:50%;transform:translate(-50%);width:80px;z-index:12}.earring-l,.earring-r{position:absolute;width:8px;height:12px;background:#fbbf24;border-radius:0 0 50% 50%}.earring-l{left:0}.earring-r{right:0}.earring-l:after,.earring-r:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#ef4444;border-radius:50%}.acc-bag{position:absolute;top:140px;right:15px;width:35px;height:30px;background:#8b5cf6;border-radius:5px 5px 8px 8px;z-index:12}.acc-bag:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:14px;border:2.5px solid #7c3aed;border-bottom:none;border-radius:10px 10px 0 0}.acc-bag:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:10px;height:3px;background:#fbbf24;border-radius:2px}.hair-long{top:-15px;left:50%;transform:translate(-50%);width:100px;height:200px;z-index:4}.hair-long-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:92px;height:70px;background:#1a1a2e;border-radius:50% 50% 30% 30%}.hair-long-left,.hair-long-right{position:absolute;top:45px;width:28px;height:155px;background:#1a1a2e;border-radius:0 0 14px 14px}.hair-long-left{left:6px}.hair-long-right{right:6px}.hair-curly{top:-20px;left:50%;transform:translate(-50%);width:110px;height:120px;z-index:4}.hair-curly-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:75px;background:#92400e;border-radius:50%}.hair-curly-l,.hair-curly-r{position:absolute;top:50px;width:30px;height:70px;background:#92400e;border-radius:50%}.hair-curly-l{left:5px}.hair-curly-r{right:5px}.hair-curly-c1,.hair-curly-c2,.hair-curly-c3{position:absolute;background:#92400e;border-radius:50%}.hair-curly-c1{top:60px;left:10px;width:25px;height:25px}.hair-curly-c2{top:70px;right:10px;width:22px;height:22px}.hair-curly-c3{top:85px;left:25px;width:20px;height:20px}.hair-short{top:-12px;left:50%;transform:translate(-50%);width:88px;height:60px;background:#dc2626;border-radius:50% 50% 30% 30%;z-index:4}.hair-short:after{content:"";position:absolute;top:20px;right:-5px;width:30px;height:20px;background:#dc2626;border-radius:0 50% 50% 0}.hair-bob{top:-12px;left:50%;transform:translate(-50%);width:96px;height:95px;z-index:4}.hair-bob-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:92px;height:65px;background:#0ea5e9;border-radius:50% 50% 30% 30%}.hair-bob-left,.hair-bob-right{position:absolute;top:40px;width:24px;height:55px;background:#0ea5e9;border-radius:0 0 12px 12px}.hair-bob-left{left:4px}.hair-bob-right{right:4px}.items-panel{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.category{background:var(--card);border-radius:1rem;border:1px solid var(--border);padding:1rem 1.25rem;box-shadow:0 2px 12px #0000000a}.category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.category-icon{font-size:1.3rem}.category h2{font-size:1rem;font-weight:700;color:var(--text)}.items-grid{display:flex;gap:.625rem;flex-wrap:wrap}.item-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.625rem .75rem;border:2px solid var(--border);border-radius:.75rem;background:var(--card);cursor:pointer;transition:all .2s ease;min-width:80px}.item-btn:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow)}.item-btn.active{border-color:var(--pink);background:linear-gradient(135deg,#fff0f5,#fce7f3);box-shadow:0 4px 12px var(--glow)}.item-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden}.item-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.item-btn.active .item-label{color:var(--pink)}.preview-swatch{width:100%;height:100%;border-radius:.375rem}.preview-hair-long{width:30px;height:40px;background:#1a1a2e;border-radius:50% 50% 20% 20%;position:relative}.preview-hair-long:before,.preview-hair-long:after{content:"";position:absolute;bottom:-12px;width:10px;height:22px;background:#1a1a2e;border-radius:0 0 5px 5px}.preview-hair-long:before{left:3px}.preview-hair-long:after{right:3px}.preview-hair-curly{width:32px;height:30px;background:#92400e;border-radius:50%;position:relative;box-shadow:-6px 8px 0 -2px #92400e,6px 8px 0 -2px #92400e}.preview-hair-short{width:28px;height:22px;background:#dc2626;border-radius:50% 50% 30% 30%;position:relative}.preview-hair-short:after{content:"";position:absolute;top:8px;right:-4px;width:14px;height:10px;background:#dc2626;border-radius:0 50% 50% 0}.preview-hair-bob{width:30px;height:34px;background:#0ea5e9;border-radius:50% 50% 20% 20%;position:relative}.preview-hair-bob:before,.preview-hair-bob:after{content:"";position:absolute;bottom:-8px;width:10px;height:16px;background:#0ea5e9;border-radius:0 0 5px 5px}.preview-hair-bob:before{left:2px}.preview-hair-bob:after{right:2px}.preview-top-tshirt{background:var(--blue);border-radius:8px 8px 4px 4px;width:32px;height:26px}.preview-top-blouse{background:linear-gradient(180deg,#f9a8d4,#f472b6);border-radius:8px 8px 4px 4px;width:32px;height:28px}.preview-top-hoodie{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:10px;width:34px;height:30px}.preview-top-crop{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px 8px 3px 3px;width:30px;height:18px}.preview-bottom-skirt{background:linear-gradient(180deg,#c084fc,#a855f7);border-radius:3px 3px 50% 50%;width:30px;height:24px;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.preview-bottom-jeans{background:#3b5998;border-radius:4px;width:28px;height:32px}.preview-bottom-shorts{background:#1e3a5f;border-radius:4px;width:30px;height:16px}.preview-bottom-long-skirt{background:linear-gradient(180deg,#f472b6,#ec4899);border-radius:3px 3px 50% 50%;width:30px;height:36px;clip-path:polygon(8% 0%,92% 0%,100% 100%,0% 100%)}.preview-shoe-sneaker{background:#fff;border:2px solid #e5e7eb;border-radius:6px 8px 4px 4px;width:28px;height:16px;position:relative}.preview-shoe-sneaker:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--pink);border-radius:0 0 4px 4px}.preview-shoe-boot{background:#7c3aed;border-radius:6px 8px 4px 4px;width:26px;height:28px;position:relative}.preview-shoe-boot:after{content:"";position:absolute;top:0;left:-2px;right:-2px;height:8px;background:#6d28d9;border-radius:4px 4px 0 0}.preview-shoe-heel{background:#ef4444;border-radius:4px 8px 3px 3px;width:26px;height:14px;position:relative}.preview-shoe-heel:after{content:"";position:absolute;bottom:-6px;right:4px;width:4px;height:8px;background:#dc2626;border-radius:0 0 2px 2px}.preview-shoe-flat{background:#fbbf24;border-radius:4px 8px 3px 3px;width:28px;height:12px}.preview-acc-bow{width:28px;height:16px;position:relative}.preview-acc-bow:before,.preview-acc-bow:after{content:"";position:absolute;top:0;width:14px;height:12px;background:var(--pink);border-radius:50%}.preview-acc-bow:before{left:0;transform:rotate(-10deg)}.preview-acc-bow:after{right:0;transform:rotate(10deg)}.preview-acc-bow-center{position:absolute;top:3px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#e11d48;border-radius:50%;z-index:1}.preview-acc-necklace{width:28px;height:18px;border:2.5px solid #fbbf24;border-top:none;border-radius:0 0 50% 50%;position:relative}.preview-acc-necklace:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #fbbf24}.preview-acc-glasses{width:32px;height:14px;position:relative}.preview-acc-glasses:before,.preview-acc-glasses:after{content:"";position:absolute;top:0;width:14px;height:12px;border:2px solid #1e1b2e;border-radius:50%}.preview-acc-glasses:before{left:0}.preview-acc-glasses:after{right:0}.preview-acc-earrings{width:28px;height:16px;position:relative}.preview-acc-earring-l,.preview-acc-earring-r{position:absolute;top:0;width:6px;height:10px;background:#fbbf24;border-radius:0 0 50% 50%}.preview-acc-earring-l{left:2px}.preview-acc-earring-r{right:2px}.preview-acc-earring-l:after,.preview-acc-earring-r:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#ef4444;border-radius:50%}.preview-acc-bag{width:24px;height:22px;background:#8b5cf6;border-radius:4px 4px 6px 6px;position:relative}.preview-acc-bag:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:10px;border:2px solid #7c3aed;border-bottom:none;border-radius:8px 8px 0 0}.reset-btn{margin-top:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.02em;align-self:center}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow)}@media(max-width:768px){.game{flex-direction:column;align-items:center;padding:0 1rem 1.5rem}.character-panel{flex:none}.stage{width:280px;height:420px}.items-panel{width:100%}}