:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:#0a0614;color:#f0e6ff;overflow-x:hidden}body{background:linear-gradient(160deg,#0a0614,#110b28 40%,#0b1628,#0a0614);background-attachment:fixed}.app{max-width:420px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}.screen-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1rem 5.5rem}.top-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem .3rem;position:sticky;top:0;z-index:50;background:#0a061499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-logo{font-size:1.4rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#ff6bcb,#6bffa3,#6bc5ff,#cb6bff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoShimmer 5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,107,203,.25))}@keyframes logoShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header-coins{display:flex;align-items:center;gap:.35rem;background:#ffd70014;border:1px solid rgba(255,215,0,.15);padding:.3rem .7rem;border-radius:2rem;font-size:.8rem;font-weight:700;color:gold}.xp-bar-container{padding:0 1rem;margin-bottom:.3rem}.xp-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.xp-level{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#c8b4ffb3}.xp-label{font-size:.6rem;color:#c8b4ff66}.xp-bar-track{width:100%;height:4px;background:#ffffff0f;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ff6bcb,#cb6bff,#6bc5ff);background-size:200% 100%;transition:width .6s cubic-bezier(.23,1,.32,1);animation:xpShimmer 3s ease-in-out infinite;box-shadow:0 0 8px #ff6bcb4d}@keyframes xpShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.stats-bar{display:flex;gap:.4rem;width:100%;max-width:380px;margin:.4rem 0;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:.45rem .6rem;min-width:72px;transition:all .3s}.stat-item:hover{background:#ffffff0d;border-color:#ffffff14}.stat-top{display:flex;align-items:center;gap:.3rem}.stat-icon{font-size:.85rem}.stat-value{font-size:.6rem;font-weight:700;color:#c8b4ff99;min-width:22px;text-align:right}.stat-bar-track{width:100%;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.23,1,.32,1)}.stat-bar-fill.hunger{background:linear-gradient(90deg,#ff6b6b,#ffa06b)}.stat-bar-fill.happiness{background:linear-gradient(90deg,#ffdb6b,#ff6bcb)}.stat-bar-fill.energy{background:linear-gradient(90deg,#6bffa3,#6bc5ff)}.stat-bar-fill.cleanliness{background:linear-gradient(90deg,#6bc5ff,#cb6bff)}.pet-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.pet-stage{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.pet-platform{position:absolute;bottom:8px;width:160px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,107,203,.15) 0%,transparent 70%);filter:blur(4px);animation:platformPulse 3s ease-in-out infinite}@keyframes platformPulse{0%,to{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.88);opacity:.4}}.pet-body{width:150px;height:140px;position:relative;cursor:pointer;transition:transform .3s;z-index:2;animation:petFloat 3s ease-in-out infinite}.pet-body:hover{transform:scale(1.05)}.pet-body.bounce{animation:petBounce .5s ease}@keyframes petFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes petBounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-30px) scale(1.06)}60%{transform:translateY(-10px) scale(.97)}}@keyframes petSleep{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(.96)}}.pet-body.sleeping{animation:petSleep 2.5s ease-in-out infinite}.blob-svg{width:100%;height:100%;filter:drop-shadow(0 8px 28px rgba(255,107,203,.2))}.pet-eyes{position:absolute;top:38%;left:50%;transform:translate(-50%);display:flex;gap:22px;z-index:3}.pet-eye{width:16px;height:20px;background:#1a0a2e;border-radius:50%;position:relative;transition:all .3s}.pet-eye:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:4px;right:2px}.pet-eye.happy{height:8px;border-radius:8px 8px 0 0;top:40%}.pet-eye.sleeping{height:3px;border-radius:2px}.pet-eye.sad{height:18px;border-radius:50% 50% 40% 40%}.pet-mouth{position:absolute;top:55%;left:50%;transform:translate(-50%);z-index:3;width:16px;height:10px;border-radius:0 0 16px 16px;background:#1a0a2e;transition:all .3s}.pet-mouth.happy{width:22px;height:12px;border-radius:0 0 22px 22px}.pet-mouth.sleeping{width:10px;height:10px;border-radius:50%}.pet-mouth.sad{width:14px;height:6px;border-radius:14px 14px 0 0;top:57%}.pet-cheeks{position:absolute;top:48%;left:50%;transform:translate(-50%);display:flex;gap:56px;z-index:3}.pet-cheek{width:14px;height:8px;border-radius:50%;background:#ff6b9659}.mood-badge{position:absolute;top:15%;right:10%;font-size:1.1rem;z-index:5;animation:moodFloat 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}@keyframes moodFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.pet-info{text-align:center;margin-top:.4rem}.pet-name{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6bcb,#cb6bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pet-mood-text{font-size:.65rem;color:#c8b4ff80;margin-top:.1rem;letter-spacing:.05em}.action-buttons{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap;justify-content:center}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;padding:.65rem 1rem;cursor:pointer;transition:all .25s;color:#f0e6ff;font-family:inherit;min-width:72px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6bcb14,#6bc5ff14);opacity:0;transition:opacity .3s}.action-btn:hover:before{opacity:1}.action-btn:hover{border-color:#ff6bcb33;transform:translateY(-2px);box-shadow:0 4px 16px #ff6bcb1a}.action-btn:active{transform:translateY(0) scale(.96)}.action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.action-btn:disabled:before{display:none}.action-btn .a-icon{font-size:1.4rem;position:relative;z-index:1}.action-btn .a-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7;position:relative;z-index:1;font-weight:600}.speech-bubble{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#1e0f37f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,107,203,.25);border-radius:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:10;animation:bubblePop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:0 4px 20px #ff6bcb26}.speech-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;width:10px;height:10px;background:#1e0f37f2;border-right:1px solid rgba(255,107,203,.25);border-bottom:1px solid rgba(255,107,203,.25);transform:translate(-50%) rotate(45deg)}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%) scale(.7) translateY(8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.float-particle{position:absolute;pointer-events:none;font-size:1.2rem;animation:floatUp 1.5s ease-out forwards;z-index:20}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.5)}}.toy-shelf{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem;min-height:30px}.shelf-toy{font-size:1.2rem;animation:toyBounce 2s ease-in-out infinite;cursor:default;filter:drop-shadow(0 2px 6px rgba(255,107,203,.2))}.shelf-toy:nth-child(2n){animation-delay:.3s}.shelf-toy:nth-child(3n){animation-delay:.6s}@keyframes toyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.screen-title{font-size:1.2rem;font-weight:800;text-align:center;margin-bottom:.8rem;background:linear-gradient(135deg,#ff6bcb,#6bc5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-screen,.toys-screen,.games-screen{width:100%;max-width:380px;padding:.5rem 0}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.shop-coins{display:flex;align-items:center;gap:.3rem;background:#ffd70014;border:1px solid rgba(255,215,0,.12);padding:.25rem .6rem;border-radius:2rem;font-size:.75rem;font-weight:700;color:gold}.shop-category{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#c8b4ff59;margin:.6rem 0 .3rem;padding-left:.2rem}.shop-grid,.toys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.shop-item,.toy-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:.7rem .4rem;cursor:pointer;transition:all .25s;position:relative}.shop-item:hover,.toy-item:hover{background:#ff6bcb0f;border-color:#ff6bcb26;transform:translateY(-2px);box-shadow:0 4px 16px #ff6bcb14}.shop-item .item-icon,.toy-item .toy-icon{font-size:1.8rem}.shop-item .item-name,.toy-item .toy-name{font-size:.6rem;color:#c8b4ffb3;text-align:center;font-weight:600}.shop-item .item-price{font-size:.6rem;color:gold;font-weight:700}.shop-item.owned{opacity:.35;pointer-events:none}.shop-item.owned:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#6bffa3;text-shadow:0 0 10px rgba(107,255,163,.4)}.empty-shelf{color:#c8b4ff40;font-size:.75rem;font-style:italic;text-align:center;padding:2rem 0}.games-list{display:flex;flex-direction:column;gap:.5rem}.game-card{display:flex;align-items:center;gap:.8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:1.1rem;padding:.8rem 1rem;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff6bcb,#6bc5ff);border-radius:3px;opacity:0;transition:opacity .3s}.game-card:hover:before{opacity:1}.game-card:hover{background:#ff6bcb0d;border-color:#ff6bcb1f;transform:translate(4px)}.game-icon{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:.8rem;flex-shrink:0}.game-info{flex:1}.game-name{font-size:.85rem;font-weight:700}.game-desc{font-size:.6rem;color:#c8b4ff66;margin-top:.1rem}.game-reward{font-size:.65rem;color:gold;font-weight:700;white-space:nowrap}.catch-game-area{width:100%;max-width:350px;height:340px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1.2rem;position:relative;overflow:hidden;cursor:none;margin:.5rem auto}.catch-score{position:absolute;top:.6rem;left:.7rem;font-size:.8rem;font-weight:800;color:gold;z-index:5;text-shadow:0 1px 8px rgba(0,0,0,.4)}.catch-timer{position:absolute;top:.6rem;right:.7rem;font-size:.75rem;font-weight:600;color:#c8b4ff99;z-index:5}.catch-basket{position:absolute;bottom:12px;width:60px;height:28px;background:linear-gradient(135deg,#ff6bcb,#cb6bff);border-radius:0 0 28px 28px;transition:left .05s;z-index:3;box-shadow:0 4px 16px #ff6bcb4d}.falling-item{position:absolute;font-size:1.4rem;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0514e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;border-radius:1.2rem;animation:overlayIn .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.game-over-title{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#ff6bcb,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over-score{font-size:1rem;color:gold;font-weight:700}.game-over-coins{font-size:.8rem;color:#6bffa3;font-weight:600}.play-again-btn{margin-top:.5rem;background:linear-gradient(135deg,#ff6bcb,#cb6bff);border:none;border-radius:2rem;padding:.55rem 1.5rem;color:#fff;font-weight:700;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .2s;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 16px #ff6bcb40}.play-again-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #ff6bcb59}.back-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2rem;padding:.4rem 1.2rem;color:#c8b4ff99;font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;margin:.5rem auto;display:block;transition:all .25s}.back-btn:hover{background:#ff6bcb14;color:#ff6bcb;border-color:#ff6bcb26}.tap-area{width:100%;max-width:350px;height:340px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1.2rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5rem auto;-webkit-user-select:none;user-select:none}.tap-target{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ff6bcb,#cb6bff);display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;transition:transform .1s;box-shadow:0 0 40px #ff6bcb40,0 0 80px #ff6bcb1a;position:relative}.tap-target:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,107,203,.15);animation:tapRingPulse 2s ease-in-out infinite}@keyframes tapRingPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:0}}.tap-target:active{transform:scale(.88)}.tap-target.shrink{animation:shrinkPulse .3s ease}@keyframes shrinkPulse{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.tap-score-display{position:absolute;top:.8rem;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:800;color:gold;text-shadow:0 1px 8px rgba(0,0,0,.4)}.tap-timer-display{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:#c8b4ff80}.tap-instruction{position:absolute;bottom:1rem;font-size:.65rem;color:#c8b4ff4d;letter-spacing:.05em}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;max-width:300px;margin:.5rem auto}.memory-card{aspect-ratio:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .25s}.memory-card.hidden{background:#ffffff0f;font-size:0}.memory-card.hidden:after{content:"?";font-size:1rem;color:#c8b4ff33;font-weight:700}.memory-card.matched{background:#6bffa314;border-color:#6bffa333;box-shadow:0 0 12px #6bffa314}.memory-card.hidden:hover{background:#ff6bcb14;border-color:#ff6bcb26}.memory-info{text-align:center;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.memory-moves{font-size:.75rem;color:#c8b4ff80;font-weight:600}.nav-bar{display:flex;justify-content:space-around;align-items:center;background:#0a0614d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.04);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;z-index:100}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;color:#c8b4ff59;font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.35rem .8rem;border-radius:.8rem;transition:all .25s;font-family:inherit;position:relative}.nav-btn .icon{font-size:1.3rem;transition:transform .25s}.nav-btn:hover{color:#ff6bcbb3}.nav-btn:hover .icon{transform:scale(1.12)}.nav-btn.active{color:#ff6bcb}.nav-btn.active:after{content:"";position:absolute;top:-.45rem;left:50%;transform:translate(-50%);width:20px;height:2px;background:#ff6bcb;border-radius:2px;box-shadow:0 0 8px #ff6bcb66}.nav-btn.active .icon{transform:scale(1.08)}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:orbFloat 25s ease-in-out infinite}.bg-orb:nth-child(1){width:350px;height:350px;background:#ff6bcb;top:-120px;left:-80px;animation-delay:0s}.bg-orb:nth-child(2){width:300px;height:300px;background:#6bc5ff;bottom:-100px;right:-60px;animation-delay:-8s}.bg-orb:nth-child(3){width:220px;height:220px;background:#cb6bff;top:45%;left:55%;animation-delay:-16s}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}.zzz{position:absolute;top:10%;right:10%;font-size:1.2rem;color:#c8b4ff80;animation:zzzFloat 2s ease-in-out infinite;z-index:5;font-weight:700}.zzz:nth-child(2){animation-delay:.7s;right:5%;top:5%;font-size:.9rem}@keyframes zzzFloat{0%{opacity:0;transform:translateY(0) translate(0)}50%{opacity:1}to{opacity:0;transform:translateY(-30px) translate(10px)}}.coins-display{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:gold;font-weight:700}.section-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:#c8b4ff4d;text-align:center;margin:.6rem 0 .2rem;font-weight:600}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a0614,#110b28 40%,#0b1628,#0a0614);transition:opacity .8s ease,transform .8s ease}.intro-screen.fade-out{opacity:0;transform:scale(1.1);pointer-events:none}.intro-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.intro-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;animation:introOrbPulse 4s ease-in-out infinite}.intro-orb:nth-child(1){width:400px;height:400px;background:#ff6bcb;top:-150px;left:-100px;animation-delay:0s}.intro-orb:nth-child(2){width:350px;height:350px;background:#6bc5ff;bottom:-120px;right:-80px;animation-delay:-1.5s}.intro-orb:nth-child(3){width:280px;height:280px;background:#cb6bff;top:30%;left:50%;animation-delay:-3s}.intro-orb:nth-child(4){width:200px;height:200px;background:#6bffa3;top:60%;left:10%;animation-delay:-2s}@keyframes introOrbPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.2;transform:scale(1.15)}}.intro-blob-wrap{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.intro-blob-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:2px solid rgba(255,107,203,.12);animation:introRingSpin 8s linear infinite}.intro-blob-ring:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:#ff6bcb;border-radius:50%;box-shadow:0 0 14px #ff6bcb}.intro-blob-ring-2{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;border:1px solid rgba(107,197,255,.08);animation:introRingSpin 12s linear infinite reverse}.intro-blob-ring-2:before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;background:#6bc5ff;border-radius:50%;box-shadow:0 0 10px #6bc5ff}@keyframes introRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-blob{width:140px;height:130px;position:relative;animation:introBlobFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 40px rgba(255,107,203,.3))}.intro-blob svg{width:100%;height:100%}@keyframes introBlobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.03)}}.intro-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-eyes{display:flex;gap:22px;margin-top:-10px}.intro-eye{width:16px;height:20px;background:#1a0a2e;border-radius:50%;position:relative;animation:introBlink 4s ease-in-out infinite}.intro-eye:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:4px;right:2px}@keyframes introBlink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}.intro-mouth{width:20px;height:12px;border-radius:0 0 20px 20px;background:#1a0a2e;margin-top:4px}.intro-cheeks{display:flex;gap:56px;margin-top:-18px}.intro-cheek{width:14px;height:8px;border-radius:50%;background:#ff6b9666;animation:introCheekGlow 2s ease-in-out infinite}@keyframes introCheekGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.intro-sparkles{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none}.intro-sparkle{position:absolute;font-size:.9rem;opacity:0;animation:introSparkle 2.5s ease-in-out infinite;color:#ff6bcbb3}.intro-sparkle:nth-child(1){top:5%;left:10%;animation-delay:0s}.intro-sparkle:nth-child(2){top:-5%;right:15%;animation-delay:.4s}.intro-sparkle:nth-child(3){bottom:10%;left:0%;animation-delay:.8s}.intro-sparkle:nth-child(4){bottom:5%;right:5%;animation-delay:1.2s}.intro-sparkle:nth-child(5){top:30%;left:-10%;animation-delay:1.6s}.intro-sparkle:nth-child(6){top:25%;right:-8%;animation-delay:2s}@keyframes introSparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:.8;transform:scale(1) rotate(180deg)}}.intro-title{font-size:3.5rem;font-weight:900;letter-spacing:-.06em;background:linear-gradient(135deg,#ff6bcb,#6bffa3,#6bc5ff,#cb6bff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,107,203,.35));margin-bottom:.15rem;opacity:0;animation:introTitleIn 1s ease .5s forwards,introTitleShimmer 3s ease-in-out 1.5s infinite}@keyframes introTitleIn{0%{opacity:0;transform:translateY(20px) scale(.9);filter:drop-shadow(0 0 0 rgba(255,107,203,0))}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 30px rgba(255,107,203,.35))}}@keyframes introTitleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.intro-tagline{font-size:.75rem;letter-spacing:.45em;text-transform:uppercase;color:#c8b4ff66;font-weight:600;opacity:0;animation:introFadeIn .8s ease 1s forwards}.intro-divider{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,203,.4),rgba(107,197,255,.4),transparent);margin:1.2rem 0;opacity:0;animation:introFadeIn .8s ease 1.2s forwards}.intro-desc{font-size:.7rem;color:#c8b4ff59;text-align:center;max-width:250px;line-height:1.7;margin-bottom:2rem;opacity:0;animation:introFadeIn .8s ease 1.4s forwards}@keyframes introFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-start-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;opacity:0;animation:introFadeIn .8s ease 1.8s forwards}.intro-start-inner{position:relative;display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#ff6bcb1f,#6bc5ff1f);border:1px solid rgba(255,107,203,.2);border-radius:3rem;padding:.75rem 2rem;color:#f0e6ff;font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:all .3s;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.intro-start-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6bcb,#cb6bff,#6bc5ff);opacity:0;transition:opacity .3s;border-radius:3rem}.intro-start-inner:hover:before{opacity:.12}.intro-start-inner:hover{border-color:#ff6bcb80;transform:scale(1.05);box-shadow:0 0 30px #ff6bcb26}.intro-start-inner:active{transform:scale(.98)}.intro-start-arrow{font-size:1.1rem;transition:transform .3s}.intro-start-inner:hover .intro-start-arrow{transform:translate(3px)}.intro-start-pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:3rem;border:1px solid rgba(255,107,203,.15);animation:introPulseRing 2s ease-in-out infinite}@keyframes introPulseRing{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.06);opacity:0}}.intro-x-link{display:flex;align-items:center;gap:.4rem;margin-top:1.2rem;color:#c8b4ff59;font-size:.7rem;font-weight:600;text-decoration:none;letter-spacing:.02em;transition:all .3s;opacity:0;animation:introFadeIn .8s ease 2.2s forwards}.intro-x-link:hover{color:#ff6bcbcc;transform:translateY(-1px)}.intro-x-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;transition:all .3s}.intro-x-link:hover .intro-x-icon{background:#ff6bcb1a;border-color:#ff6bcb33}.intro-particle{position:absolute;pointer-events:none;font-size:.75rem;opacity:0;animation:introParticleFloat 7s ease-in-out infinite}.intro-particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.intro-particle:nth-child(2){left:85%;top:15%;animation-delay:-1s}.intro-particle:nth-child(3){left:20%;top:75%;animation-delay:-2s}.intro-particle:nth-child(4){left:75%;top:80%;animation-delay:-3s}.intro-particle:nth-child(5){left:50%;top:10%;animation-delay:-4s}.intro-particle:nth-child(6){left:5%;top:50%;animation-delay:-5s}.intro-particle:nth-child(7){left:90%;top:55%;animation-delay:-1.5s}.intro-particle:nth-child(8){left:40%;top:85%;animation-delay:-3.5s}@keyframes introParticleFloat{0%{opacity:0;transform:translateY(20px) rotate(0)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translateY(-40px) rotate(360deg)}}@media(max-width:400px){.intro-title{font-size:2.8rem}.intro-blob-wrap{width:150px;height:150px}.intro-blob{width:120px;height:110px}.intro-blob-ring{top:-10px;right:-10px;bottom:-10px;left:-10px}.intro-blob-ring-2{top:-22px;right:-22px;bottom:-22px;left:-22px}.stats-bar{gap:.3rem}.stat-item{min-width:65px;padding:.35rem .4rem}.action-btn{min-width:65px;padding:.5rem .7rem}}