@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--pink-100: #fce4ec;--pink-200: #f8bbd0;--pink-300: #f48fb1;--pink-400: #f06292;--pink-500: #ec407a;--pink-600: #e91e63;--pink-700: #c2185b;--hot-pink: #ff69b4;--gold: #ffd700;--lavender: #e8d5f5;--mint: #c8f7dc;--sky: #bae5ff;--coral: #ffb3ab;--peach: #ffd8b8;--white: #ffffff;--bg: #fff0f5;--card-bg: rgba(255, 255, 255, .85);--shadow: rgba(236, 64, 122, .15);--text: #880e4f;--text-light: #ad1457;--text-muted: rgba(136, 14, 79, .6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);font-family:Fredoka,sans-serif;color:var(--text)}body{background:linear-gradient(135deg,#fff0f5,#fce4ec,#f8bbd0 60%,#ffe0ec);background-attachment:fixed}#root{display:flex;flex-direction:column;align-items:center;padding:1rem;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,var(--gold),transparent),radial-gradient(2px 2px at 40% 70%,var(--hot-pink),transparent),radial-gradient(2px 2px at 60% 20%,var(--gold),transparent),radial-gradient(2px 2px at 80% 50%,var(--hot-pink),transparent),radial-gradient(1px 1px at 10% 80%,var(--gold),transparent),radial-gradient(1px 1px at 70% 90%,var(--hot-pink),transparent),radial-gradient(1px 1px at 90% 10%,var(--gold),transparent),radial-gradient(1px 1px at 50% 50%,var(--hot-pink),transparent);pointer-events:none;z-index:0;animation:sparkle 4s ease-in-out infinite alternate}@keyframes sparkle{0%{opacity:.3}to{opacity:.7}}.app{position:relative;z-index:1;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.title-area{text-align:center}.title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--pink-600),var(--hot-pink),var(--pink-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-.02em}.subtitle{font-size:1rem;color:var(--text-muted);font-weight:400;margin-top:.25rem}.game-layout{display:flex;gap:1.5rem;width:100%;justify-content:center;align-items:flex-start;flex-wrap:wrap}.barbie-stage{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.stage-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--pink-200);border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 32px var(--shadow),0 0 0 1px #ffffff80 inset;position:relative;overflow:hidden}.stage-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,105,180,.05),transparent,rgba(255,215,0,.05),transparent);animation:shimmer 8s linear infinite;pointer-events:none}@keyframes shimmer{to{transform:rotate(360deg)}}.barbie-svg{position:relative;z-index:1}.action-buttons{display:flex;gap:.5rem}.btn{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;border:none;border-radius:2rem;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;box-shadow:0 4px 12px #ec407a4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec407a66}.btn-secondary{background:#fff;color:var(--pink-600);border:2px solid var(--pink-200)}.btn-secondary:hover{background:var(--pink-100);transform:translateY(-2px)}.wardrobe-panel{flex:1;min-width:300px;max-width:420px;display:flex;flex-direction:column;gap:1rem}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.cat-tab{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;border:2px solid var(--pink-200);border-radius:2rem;background:#fff;color:var(--text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.35rem}.cat-tab:hover{border-color:var(--pink-400);background:var(--pink-100)}.cat-tab.active{background:linear-gradient(135deg,var(--pink-500),var(--pink-600));color:#fff;border-color:transparent;box-shadow:0 4px 12px #ec407a4d}.items-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--pink-200);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px var(--shadow)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.item-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;border:2px solid var(--pink-100);border-radius:1rem;background:#fff;cursor:pointer;transition:all .2s ease;font-family:Fredoka,sans-serif;font-size:.7rem;font-weight:500;color:var(--text)}.item-btn:hover{border-color:var(--pink-400);transform:translateY(-3px);box-shadow:0 6px 16px var(--shadow)}.item-btn.selected{border-color:var(--pink-500);background:var(--pink-100);box-shadow:0 0 0 3px #ec407a26}.item-preview{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.outfit-name{text-align:center;font-size:.9rem;font-weight:600;color:var(--pink-600);padding:.5rem 1rem;background:#fff;border:2px solid var(--pink-200);border-radius:2rem;min-width:200px}@media(max-width:768px){.game-layout{flex-direction:column;align-items:center}.wardrobe-panel{max-width:100%;min-width:auto}.title{font-size:2rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}