:root{--np-pink:#ff6b9d;--np-purple:#c44dff;--np-cyan:#00d4ff;--np-gold:#ffd700;--np-green:#4ade80;--np-orange:#f97316;--np-red:#ef4444;--np-bg-dark:#0a0a1a;--np-bg-card:rgba(20,20,40,0.8);--np-text:#fff;--np-text-muted:rgba(255,255,255,0.7);--np-border:rgba(255,255,255,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;background:var(--np-bg-dark);color:var(--np-text);min-height:100vh;overflow-x:hidden}.bg-cosmos{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:repeating-linear-gradient(45deg,transparent,transparent 49px,rgba(196,77,255,0.035) 49px,rgba(196,77,255,0.035) 50px),repeating-linear-gradient(135deg,transparent,transparent 49px,rgba(255,107,157,0.025) 49px,rgba(255,107,157,0.025) 50px),radial-gradient(ellipse at 20% 20%,rgba(255,107,157,0.1) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,212,255,0.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(196,77,255,0.05) 0,transparent 40%),var(--np-bg-dark)}.main-content{position:relative;z-index:10;padding:6rem 2rem 4rem;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-family:'Fredoka',sans-serif;font-size:2.5rem;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--np-text-muted);font-size:1.1rem}.dashboard-header-actions{display:flex;gap:1rem;align-items:center}.replay-tutorial-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(255,107,157,0.12),rgba(196,77,255,0.08));border:1px solid rgba(255,107,157,0.25);border-radius:12px;color:rgba(255,107,157,0.9);font-weight:600;font-size:.85rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.replay-tutorial-btn:hover{background:linear-gradient(135deg,rgba(255,107,157,0.2),rgba(196,77,255,0.15));border-color:rgba(255,107,157,0.4);color:#ff6b9d;transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,157,0.15)}.share-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(196,77,255,0.1));border:1px solid rgba(0,212,255,0.3);border-radius:12px;color:#00d4ff;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.share-profile-btn:hover{background:linear-gradient(135deg,rgba(0,212,255,0.25),rgba(196,77,255,0.2));border-color:rgba(0,212,255,0.5);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,0.2)}.username-setup-banner{background:linear-gradient(135deg,rgba(255,107,157,0.15),rgba(196,77,255,0.1));border:1px solid rgba(255,107,157,0.3);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.username-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.username-banner-text{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,0.9)}.username-banner-text i{font-size:1.25rem;color:var(--np-pink)}.username-banner-form{display:flex;align-items:center;gap:.75rem}.username-banner-form input{padding:.65rem 1rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:white;font-size:.95rem;width:180px;transition:all .3s ease}.username-banner-form input:focus{outline:0;border-color:var(--np-pink);background:rgba(255,107,157,0.1)}.username-submit-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;border-radius:10px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.username-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,157,0.4)}.username-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.username-banner-content{flex-direction:column;align-items:flex-start}.username-banner-form{width:100%}.username-banner-form input{flex:1}}.dashboard-tabs{display:flex;gap:.5rem;background:rgba(255,255,255,0.05);padding:.5rem;border-radius:16px;margin-bottom:2rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,107,157,0.3) transparent}.dashboard-tabs::-webkit-scrollbar{height:6px}.dashboard-tabs::-webkit-scrollbar-track{background:transparent;margin:0 8px}.dashboard-tabs::-webkit-scrollbar-thumb{background:rgba(255,107,157,0.3);border-radius:3px}.dashboard-tabs::-webkit-scrollbar-thumb:hover{background:rgba(255,107,157,0.5)}.dashboard-tab{padding:.75rem 1.5rem;border:0;background:transparent;color:var(--np-text-muted);font-weight:600;font-size:.95rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.dashboard-tab i{width:1em;text-align:center}.dashboard-tab:hover{background:rgba(255,255,255,0.1);color:white}.dashboard-tab.active{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));color:white}.tab-badge{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:999px;font-size:.75rem}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#tab-quests{overflow-x:hidden}.companion-hero{display:grid;grid-template-columns:380px 1fr;gap:2rem;margin-bottom:2rem}.companion-portrait{background:linear-gradient(135deg,rgba(196,77,255,0.15),rgba(0,212,255,0.1));border:2px solid var(--np-border);border-radius:24px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible;transition:border-color .3s,box-shadow .3s}.companion-portrait.border-bronze{border:4px solid #cd7f32 !important;background:linear-gradient(145deg,rgba(205,127,50,0.15) 0,rgba(139,90,43,0.1) 30%,rgba(20,20,40,0.9) 70%,rgba(205,127,50,0.12) 100%) !important;box-shadow:0 0 30px rgba(205,127,50,0.5),0 0 60px rgba(205,127,50,0.25),inset 0 0 60px rgba(205,127,50,0.1),inset 0 -100px 100px rgba(139,90,43,0.15) !important;position:relative;overflow:hidden}.companion-portrait.border-bronze::before{background:radial-gradient(ellipse at 30% 20%,rgba(255,200,150,0.1) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(205,127,50,0.08) 0,transparent 40%) !important}.companion-portrait.border-bronze::after{content:'';position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent 0,rgba(255,220,180,0.08) 25%,rgba(255,200,150,0.15) 50%,rgba(255,220,180,0.08) 75%,transparent 100%);transform:skewX(-20deg);animation:bronzeShimmer 5s ease-in-out infinite;pointer-events:none;z-index:50}@keyframes bronzeShimmer{0%,100%{left:-100%;opacity:0}10%{opacity:1}50%{left:150%;opacity:1}60%,100%{opacity:0}}.companion-portrait.border-silver{border:4px solid #c0c0c0 !important;background:linear-gradient(160deg,rgba(220,220,230,0.12) 0,rgba(150,150,160,0.08) 25%,rgba(20,20,35,0.92) 60%,rgba(192,192,192,0.1) 100%) !important;box-shadow:0 0 35px rgba(192,192,192,0.5),0 0 70px rgba(200,200,210,0.25),inset 0 0 80px rgba(192,192,192,0.08),inset 0 1px 0 rgba(255,255,255,0.2) !important;animation:silverSheen 4s ease-in-out infinite}@keyframes silverSheen{0%,100%{border-color:silver}50%{border-color:#e8e8e8}}.companion-portrait.border-silver::before{background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,0.15) 0,transparent 40%),linear-gradient(180deg,rgba(200,200,210,0.05) 0,transparent 30%) !important}.companion-portrait.border-gold{border:5px solid #ffd700 !important;background:linear-gradient(135deg,rgba(255,215,0,0.18) 0,rgba(255,185,0,0.1) 20%,rgba(25,20,40,0.9) 50%,rgba(255,200,50,0.12) 80%,rgba(255,215,0,0.15) 100%) !important;box-shadow:0 0 40px rgba(255,215,0,0.6),0 0 80px rgba(255,200,50,0.3),0 0 120px rgba(255,215,0,0.15),inset 0 0 100px rgba(255,215,0,0.1) !important;animation:goldPulse 3s ease-in-out infinite}@keyframes goldPulse{0%,100%{box-shadow:0 0 40px rgba(255,215,0,0.6),0 0 80px rgba(255,200,50,0.3),0 0 120px rgba(255,215,0,0.15),inset 0 0 100px rgba(255,215,0,0.1)}50%{box-shadow:0 0 50px rgba(255,215,0,0.7),0 0 100px rgba(255,200,50,0.4),0 0 150px rgba(255,215,0,0.2),inset 0 0 120px rgba(255,215,0,0.12)}}.companion-portrait.border-gold::before{background:radial-gradient(ellipse at 50% 0,rgba(255,255,200,0.2) 0,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(255,200,50,0.1) 0,transparent 40%) !important}.companion-portrait.border-diamond{border:5px solid #b9f2ff !important;background:linear-gradient(150deg,rgba(185,242,255,0.2) 0,rgba(200,230,255,0.12) 15%,rgba(15,20,45,0.95) 45%,rgba(150,200,255,0.1) 75%,rgba(185,242,255,0.15) 100%) !important;box-shadow:0 0 50px rgba(185,242,255,0.7),0 0 100px rgba(150,200,255,0.4),0 0 150px rgba(185,242,255,0.2),inset 0 0 80px rgba(185,242,255,0.1) !important;animation:diamondSparkle 4s ease-in-out infinite;position:relative}@keyframes diamondSparkle{0%,100%{box-shadow:0 0 50px rgba(185,242,255,0.7),0 0 100px rgba(150,200,255,0.4),0 0 150px rgba(185,242,255,0.2),inset 0 0 80px rgba(185,242,255,0.1);border-color:#b9f2ff}25%{border-color:#e0f8ff}50%{box-shadow:0 0 60px rgba(185,242,255,0.9),0 0 120px rgba(150,200,255,0.5),0 0 180px rgba(185,242,255,0.25),inset 0 0 100px rgba(185,242,255,0.15);border-color:#fff}75%{border-color:#c5f5ff}}.companion-portrait.border-diamond::before{background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,0.25) 0,transparent 30%),radial-gradient(ellipse at 80% 30%,rgba(200,240,255,0.15) 0,transparent 25%),radial-gradient(ellipse at 50% 80%,rgba(185,242,255,0.1) 0,transparent 35%) !important}.companion-portrait.border-flame{border:5px solid #ff6b35 !important;background:linear-gradient(180deg,rgba(255,100,50,0.2) 0,rgba(255,60,0,0.12) 20%,rgba(40,15,10,0.95) 50%,rgba(255,80,0,0.15) 80%,rgba(255,50,0,0.25) 100%) !important;box-shadow:0 0 40px rgba(255,100,50,0.7),0 0 80px rgba(255,50,0,0.4),0 0 120px rgba(255,100,0,0.2),inset 0 0 60px rgba(255,80,0,0.15),inset 0 -150px 150px rgba(255,50,0,0.2) !important;animation:infernoBurn 2s ease-in-out infinite}@keyframes infernoBurn{0%,100%{border-color:#ff6b35;box-shadow:0 0 40px rgba(255,100,50,0.7),0 0 80px rgba(255,50,0,0.4),0 0 120px rgba(255,100,0,0.2),inset 0 0 60px rgba(255,80,0,0.15),inset 0 -150px 150px rgba(255,50,0,0.2)}25%{border-color:#ff4500;box-shadow:0 0 50px rgba(255,69,0,0.8),0 0 100px rgba(255,100,0,0.5),0 0 140px rgba(255,50,0,0.25),inset 0 0 80px rgba(255,50,0,0.2),inset 0 -150px 150px rgba(255,80,0,0.25)}50%{border-color:#ff8c00;box-shadow:0 0 60px rgba(255,140,0,0.85),0 0 110px rgba(255,80,0,0.5),0 0 160px rgba(255,100,0,0.3),inset 0 0 100px rgba(255,100,0,0.2),inset 0 -150px 150px rgba(255,50,0,0.3)}75%{border-color:#ff5722;box-shadow:0 0 55px rgba(255,87,34,0.8),0 0 90px rgba(255,60,0,0.45),0 0 130px rgba(255,80,0,0.22),inset 0 0 70px rgba(255,60,0,0.18),inset 0 -150px 150px rgba(255,70,0,0.22)}}.companion-portrait.border-flame::before{background:radial-gradient(ellipse at 50% 100%,rgba(255,150,50,0.3) 0,transparent 50%),radial-gradient(ellipse at 30% 90%,rgba(255,80,0,0.2) 0,transparent 40%),radial-gradient(ellipse at 70% 95%,rgba(255,100,0,0.2) 0,transparent 35%) !important}.companion-portrait.border-lightning{border:5px solid #00d4ff !important;background:linear-gradient(135deg,rgba(0,200,255,0.15) 0,rgba(138,43,226,0.12) 25%,rgba(10,15,40,0.95) 50%,rgba(100,50,200,0.1) 75%,rgba(0,212,255,0.12) 100%) !important;box-shadow:0 0 40px rgba(0,212,255,0.6),0 0 80px rgba(138,43,226,0.35),0 0 120px rgba(0,150,255,0.2),inset 0 0 80px rgba(100,50,200,0.1) !important;animation:stormCharge 3s ease-in-out infinite}@keyframes stormCharge{0%,100%{border-color:#00d4ff;box-shadow:0 0 40px rgba(0,212,255,0.6),0 0 80px rgba(138,43,226,0.35),0 0 120px rgba(0,150,255,0.2),inset 0 0 80px rgba(100,50,200,0.1)}50%{border-color:#7b68ee;box-shadow:0 0 50px rgba(138,43,226,0.7),0 0 100px rgba(0,212,255,0.4),0 0 140px rgba(100,50,200,0.25),inset 0 0 100px rgba(138,43,226,0.12)}}.companion-portrait.border-lightning::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:22px;pointer-events:none;z-index:100;animation:lightningFlash 4s ease-in-out infinite}@keyframes lightningFlash{0%,89%,91%,93%,100%{background:transparent;box-shadow:none}90%{background:rgba(255,255,255,0.15);box-shadow:inset 0 0 100px rgba(0,212,255,0.5)}92%{background:rgba(255,255,255,0.25);box-shadow:inset 0 0 150px rgba(255,255,255,0.6)}}.companion-portrait.border-lightning::before{background:radial-gradient(ellipse at 60% 20%,rgba(0,212,255,0.15) 0,transparent 40%),radial-gradient(ellipse at 30% 70%,rgba(138,43,226,0.1) 0,transparent 35%) !important}.companion-portrait[data-aura]::before,.companion-portrait.has-aura::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:30px;pointer-events:none;z-index:-1}.companion-portrait.aura-legendary,.companion-portrait[data-aura="legendary_aura"]{box-shadow:0 0 20px rgba(255,215,0,0.4),0 0 40px rgba(255,185,0,0.2),inset 0 0 20px rgba(255,215,0,0.05);border-color:rgba(255,215,0,0.6) !important}.companion-portrait.aura-legendary::before,.companion-portrait[data-aura="legendary_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(255,215,0,0.15) 0,rgba(255,185,50,0.08) 40%,transparent 70%);box-shadow:0 0 25px rgba(255,215,0,0.3),0 0 50px rgba(255,185,0,0.15);animation:legendaryAuraGlow 3s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-legendary::after,.companion-portrait[data-aura="legendary_aura"]::after{content:'✦';position:absolute;top:-4px;right:-4px;font-size:16px;color:#ffd700;text-shadow:0 0 8px rgba(255,215,0,0.8);animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes legendaryAuraGlow{0%{opacity:.6}100%{opacity:1}}@keyframes starTwinkle{0%,100%{opacity:1}50%{opacity:.5}}.companion-portrait.aura-epic,.companion-portrait[data-aura="epic_aura"]{box-shadow:0 0 20px rgba(138,43,226,0.4),0 0 40px rgba(148,87,235,0.2),inset 0 0 20px rgba(138,43,226,0.05);border-color:rgba(138,43,226,0.6) !important}.companion-portrait.aura-epic::before,.companion-portrait[data-aura="epic_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(138,43,226,0.15) 0,rgba(148,87,235,0.08) 40%,transparent 70%);box-shadow:0 0 25px rgba(138,43,226,0.3),0 0 50px rgba(148,87,235,0.15);animation:auraGlowPulse 3s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-epic::after,.companion-portrait[data-aura="epic_aura"]::after{content:'◆';position:absolute;top:-4px;right:-4px;font-size:14px;color:#9945ff;text-shadow:0 0 8px rgba(138,43,226,0.8);animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes auraGlowPulse{0%{opacity:.5}100%{opacity:1}}.companion-portrait.aura-rare,.companion-portrait[data-aura="rare_aura"]{box-shadow:0 0 15px rgba(0,191,255,0.4),0 0 30px rgba(30,144,255,0.2),inset 0 0 15px rgba(0,191,255,0.05);border-color:rgba(0,191,255,0.5) !important}.companion-portrait.aura-rare::before,.companion-portrait[data-aura="rare_aura"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(0,191,255,0.12) 0,rgba(30,144,255,0.06) 50%,transparent 70%);box-shadow:0 0 20px rgba(0,191,255,0.25),0 0 40px rgba(30,144,255,0.1);animation:auraGlowPulse 3s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-rare::after,.companion-portrait[data-aura="rare_aura"]::after{content:'◇';position:absolute;top:-4px;right:-4px;font-size:14px;color:#00bfff;text-shadow:0 0 6px rgba(0,191,255,0.8);animation:starTwinkle 2.5s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-mythic,.companion-portrait[data-aura="mythic_aura"]{box-shadow:0 0 25px rgba(255,20,147,0.5),0 0 50px rgba(255,105,180,0.25),inset 0 0 20px rgba(255,20,147,0.08);border-color:rgba(255,20,147,0.6) !important}.companion-portrait.aura-mythic::before,.companion-portrait[data-aura="mythic_aura"]::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:30px;background:radial-gradient(ellipse at center,rgba(255,20,147,0.18) 0,rgba(255,105,180,0.1) 40%,transparent 70%);box-shadow:0 0 30px rgba(255,20,147,0.35),0 0 60px rgba(255,105,180,0.15);animation:auraGlowPulse 2.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-mythic::after,.companion-portrait[data-aura="mythic_aura"]::after{content:'❋';position:absolute;top:-6px;right:-6px;font-size:16px;color:#ff69b4;text-shadow:0 0 10px rgba(255,20,147,0.9);animation:mythicStarSpin 4s linear infinite;pointer-events:none;z-index:10}@keyframes mythicStarSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.companion-portrait.aura-frost,.companion-portrait[data-aura="frost_aura"]{box-shadow:0 0 18px rgba(175,238,238,0.4),0 0 35px rgba(135,206,250,0.2),inset 0 0 15px rgba(175,238,238,0.05);border-color:rgba(175,238,238,0.5) !important}.companion-portrait.aura-frost::before,.companion-portrait[data-aura="frost_aura"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(175,238,238,0.12) 0,rgba(135,206,250,0.06) 50%,transparent 70%);box-shadow:0 0 25px rgba(175,238,238,0.25);animation:auraGlowPulse 3s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-frost::after,.companion-portrait[data-aura="frost_aura"]::after{content:'❄';position:absolute;top:-4px;right:-4px;font-size:14px;color:#b0e0e6;text-shadow:0 0 6px rgba(175,238,238,0.8);animation:starTwinkle 3s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-flame,.companion-portrait[data-aura="flame_aura"]{box-shadow:0 0 20px rgba(255,100,0,0.4),0 0 40px rgba(255,69,0,0.2),inset 0 0 15px rgba(255,100,0,0.05);border-color:rgba(255,100,0,0.5) !important}.companion-portrait.aura-flame::before,.companion-portrait[data-aura="flame_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:radial-gradient(ellipse at 50% 80%,rgba(255,100,0,0.15) 0,rgba(255,69,0,0.08) 40%,transparent 70%);box-shadow:0 0 30px rgba(255,100,0,0.3);animation:auraGlowPulse 2s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-flame::after,.companion-portrait[data-aura="flame_aura"]::after{content:'🔥';position:absolute;top:-6px;right:-4px;font-size:14px;animation:starTwinkle 1.5s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-lightning,.companion-portrait[data-aura="lightning_aura"]{box-shadow:0 0 18px rgba(255,255,0,0.4),0 0 35px rgba(0,191,255,0.2),inset 0 0 15px rgba(255,255,0,0.05);border-color:rgba(255,215,0,0.5) !important}.companion-portrait.aura-lightning::before,.companion-portrait[data-aura="lightning_aura"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(255,255,0,0.12) 0,rgba(0,191,255,0.06) 50%,transparent 70%);box-shadow:0 0 25px rgba(255,255,0,0.3);animation:auraGlowPulse 2s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-lightning::after,.companion-portrait[data-aura="lightning_aura"]::after{content:'⚡';position:absolute;top:-5px;right:-5px;font-size:16px;text-shadow:0 0 8px rgba(255,255,0,0.9);animation:starTwinkle 1.5s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-shadow,.companion-portrait[data-aura="shadow_aura"]{box-shadow:0 0 25px rgba(50,0,80,0.5),0 0 50px rgba(30,0,50,0.25),inset 0 0 20px rgba(0,0,0,0.2);border-color:rgba(80,0,120,0.5) !important}.companion-portrait.aura-shadow::before,.companion-portrait[data-aura="shadow_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(30,0,50,0.2) 0,rgba(50,0,80,0.1) 50%,transparent 70%);box-shadow:0 0 30px rgba(50,0,80,0.3);animation:auraGlowPulse 3s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-shadow::after,.companion-portrait[data-aura="shadow_aura"]::after{content:'🌙';position:absolute;top:-5px;right:-5px;font-size:14px;animation:starTwinkle 3s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-nature,.companion-portrait[data-aura="nature_aura"]{box-shadow:0 0 18px rgba(34,139,34,0.4),0 0 35px rgba(50,205,50,0.2),inset 0 0 15px rgba(34,139,34,0.05);border-color:rgba(34,139,34,0.5) !important}.companion-portrait.aura-nature::before,.companion-portrait[data-aura="nature_aura"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(34,139,34,0.12) 0,rgba(50,205,50,0.06) 50%,transparent 70%);box-shadow:0 0 25px rgba(34,139,34,0.25);animation:auraGlowPulse 3.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-nature::after,.companion-portrait[data-aura="nature_aura"]::after{content:'🌿';position:absolute;top:-4px;right:-4px;font-size:12px;animation:starTwinkle 2.5s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-celestial,.companion-portrait[data-aura="celestial_aura"]{box-shadow:0 0 25px rgba(255,255,255,0.4),0 0 50px rgba(255,250,205,0.2),inset 0 0 20px rgba(255,255,255,0.08);border-color:rgba(255,250,205,0.5) !important}.companion-portrait.aura-celestial::before,.companion-portrait[data-aura="celestial_aura"]::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:30px;background:radial-gradient(ellipse at center,rgba(255,255,255,0.15) 0,rgba(255,250,205,0.08) 40%,transparent 70%);box-shadow:0 0 35px rgba(255,255,255,0.3);animation:auraGlowPulse 2.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-celestial::after,.companion-portrait[data-aura="celestial_aura"]::after{content:'✧';position:absolute;top:-6px;right:-6px;font-size:18px;color:#fffacd;text-shadow:0 0 10px rgba(255,255,255,0.9);animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-rainbow,.companion-portrait[data-aura="rainbow_aura"]{box-shadow:0 0 20px rgba(255,0,128,0.3),0 0 40px rgba(0,255,255,0.15);border-color:rgba(255,0,128,0.4) !important;animation:rainbowBorderShift 4s linear infinite}.companion-portrait.aura-rainbow::before,.companion-portrait[data-aura="rainbow_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:conic-gradient(from 0,rgba(255,0,0,0.15),rgba(255,165,0,0.15),rgba(255,255,0,0.15),rgba(0,255,0,0.15),rgba(0,0,255,0.15),rgba(128,0,128,0.15),rgba(255,0,0,0.15));box-shadow:0 0 25px rgba(255,0,128,0.2);animation:rainbowAuraRotate 6s linear infinite;pointer-events:none;z-index:-1}.companion-portrait.aura-rainbow::after,.companion-portrait[data-aura="rainbow_aura"]::after{content:'🌈';position:absolute;top:-6px;right:-6px;font-size:14px;animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes rainbowAuraRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rainbowBorderShift{0%{border-color:rgba(255,0,0,0.5)}17%{border-color:rgba(255,165,0,0.5)}33%{border-color:rgba(255,255,0,0.5)}50%{border-color:rgba(0,255,0,0.5)}67%{border-color:rgba(0,0,255,0.5)}83%{border-color:rgba(128,0,128,0.5)}100%{border-color:rgba(255,0,0,0.5)}}.companion-portrait.aura-void,.companion-portrait[data-aura="void_aura"]{box-shadow:0 0 25px rgba(0,0,0,0.5),0 0 50px rgba(40,0,60,0.3),inset 0 0 25px rgba(0,0,0,0.3);border-color:rgba(80,0,120,0.4) !important}.companion-portrait.aura-void::before,.companion-portrait[data-aura="void_aura"]::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.2) 0,rgba(40,0,60,0.1) 50%,transparent 70%);box-shadow:0 0 30px rgba(40,0,60,0.25);animation:auraGlowPulse 2.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-void::after,.companion-portrait[data-aura="void_aura"]::after{content:'◉';position:absolute;top:-5px;right:-5px;font-size:14px;color:#4a0080;text-shadow:0 0 10px rgba(75,0,130,0.9);animation:starTwinkle 2.5s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-golden,.companion-portrait[data-aura="golden_glow"]{box-shadow:0 0 18px rgba(255,215,0,0.4),0 0 35px rgba(255,200,50,0.2),inset 0 0 15px rgba(255,215,0,0.05);border-color:rgba(255,215,0,0.5) !important}.companion-portrait.aura-golden::before,.companion-portrait[data-aura="golden_glow"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(255,215,0,0.12) 0,rgba(255,200,50,0.06) 50%,transparent 70%);box-shadow:0 0 25px rgba(255,215,0,0.25);animation:auraGlowPulse 2.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-golden::after,.companion-portrait[data-aura="golden_glow"]::after{content:'✦';position:absolute;top:-4px;right:-4px;font-size:14px;color:#ffd700;text-shadow:0 0 6px rgba(255,215,0,0.8);animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}.companion-portrait.aura-crystal,.companion-portrait[data-aura="crystal_aura"]{box-shadow:0 0 18px rgba(200,220,255,0.4),0 0 35px rgba(180,200,240,0.2),inset 0 0 15px rgba(200,220,255,0.05);border-color:rgba(200,220,255,0.5) !important}.companion-portrait.aura-crystal::before,.companion-portrait[data-aura="crystal_aura"]::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;background:radial-gradient(ellipse at center,rgba(200,220,255,0.15) 0,rgba(180,200,240,0.08) 50%,transparent 70%);box-shadow:0 0 25px rgba(200,220,255,0.3);animation:auraGlowPulse 2.5s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.companion-portrait.aura-crystal::after,.companion-portrait[data-aura="crystal_aura"]::after{content:'💎';position:absolute;top:-5px;right:-5px;font-size:12px;animation:starTwinkle 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes crystalSparkle{0%,100%{opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.7}}body.theme-neon_dreams{--np-pink:#f0f;--np-purple:#f0a;--np-cyan:#0ff;--np-bg-dark:#0d0015;--np-bg-card:rgba(30,0,50,0.85)}body.theme-neon_dreams::before{background:linear-gradient(135deg,rgba(255,0,170,0.08) 0,transparent 50%),linear-gradient(225deg,rgba(0,255,255,0.08) 0,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(255,0,255,0.1) 0,transparent 40%),radial-gradient(ellipse at 80% 20%,rgba(0,255,255,0.1) 0,transparent 40%),var(--np-bg-dark) !important}body.theme-neon_dreams .companion-portrait{border-color:rgba(255,0,255,0.4) !important;box-shadow:0 0 30px rgba(255,0,255,0.2),0 0 60px rgba(0,255,255,0.1) !important}body.theme-neon_dreams .dashboard-header h1{background:linear-gradient(135deg,#f0f,#0ff) !important;-webkit-background-clip:text !important;background-clip:text !important}body.theme-neon_dreams .companion-card,body.theme-neon_dreams .lb-container,body.theme-neon_dreams .achievement-item,body.theme-neon_dreams .shop-item{border-color:rgba(255,0,255,0.2) !important;box-shadow:0 4px 20px rgba(255,0,255,0.1),0 0 40px rgba(0,255,255,0.05) !important}body.theme-neon_dreams .companion-card:hover{box-shadow:0 8px 30px rgba(255,0,255,0.2),0 0 60px rgba(0,255,255,0.1) !important}body.theme-void_eclipse{--np-pink:#9b30ff;--np-purple:#7b1fa2;--np-cyan:#ce93d8;--np-bg-dark:#050008;--np-bg-card:rgba(20,0,30,0.9)}body.theme-void_eclipse::before{background:radial-gradient(ellipse at 50% 50%,rgba(100,0,150,0.15) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(75,0,130,0.1) 0,transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(50,0,100,0.1) 0,transparent 40%),radial-gradient(circle at 30% 30%,rgba(200,180,255,0.02) 0,transparent 2%),radial-gradient(circle at 70% 60%,rgba(200,180,255,0.02) 0,transparent 1.5%),radial-gradient(circle at 50% 80%,rgba(200,180,255,0.02) 0,transparent 2%),var(--np-bg-dark) !important}body.theme-void_eclipse .companion-portrait{border-color:rgba(155,48,255,0.4) !important;box-shadow:0 0 40px rgba(100,0,150,0.3),inset 0 0 30px rgba(50,0,80,0.2) !important}body.theme-void_eclipse .dashboard-header h1{background:linear-gradient(135deg,#ce93d8,#7b1fa2) !important;-webkit-background-clip:text !important;background-clip:text !important}body.theme-void_eclipse .companion-card,body.theme-void_eclipse .lb-container,body.theme-void_eclipse .achievement-item,body.theme-void_eclipse .shop-item{border-color:rgba(100,0,150,0.25) !important;background:rgba(20,0,30,0.85) !important}body.theme-solar_flare{--np-pink:#ff9800;--np-purple:#ff5722;--np-cyan:#ffc107;--np-gold:#ffeb3b;--np-bg-dark:#120800;--np-bg-card:rgba(40,20,0,0.85)}body.theme-solar_flare::before{background:radial-gradient(ellipse at 50% -20%,rgba(255,150,0,0.2) 0,transparent 50%),radial-gradient(ellipse at 30% 30%,rgba(255,200,0,0.1) 0,transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(255,80,0,0.08) 0,transparent 35%),linear-gradient(180deg,rgba(255,150,0,0.05) 0,transparent 30%),var(--np-bg-dark) !important}body.theme-solar_flare .companion-portrait{border-color:rgba(255,150,0,0.5) !important;box-shadow:0 0 40px rgba(255,150,0,0.3),0 0 80px rgba(255,200,0,0.15) !important}body.theme-solar_flare .dashboard-header h1{background:linear-gradient(135deg,#ffc107,#ff5722) !important;-webkit-background-clip:text !important;background-clip:text !important}body.theme-solar_flare .companion-card,body.theme-solar_flare .lb-container,body.theme-solar_flare .achievement-item,body.theme-solar_flare .shop-item{border-color:rgba(255,150,0,0.25) !important;background:linear-gradient(180deg,rgba(50,25,0,0.85),rgba(30,15,0,0.9)) !important}body.theme-frost_crystal{--np-pink:#4fc3f7;--np-purple:#0288d1;--np-cyan:#e1f5fe;--np-bg-dark:#000812;--np-bg-card:rgba(0,20,40,0.85)}body.theme-frost_crystal::before{background:radial-gradient(ellipse at 30% 20%,rgba(130,200,255,0.12) 0,transparent 40%),radial-gradient(ellipse at 70% 80%,rgba(100,180,255,0.1) 0,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(200,230,255,0.05) 0,transparent 50%),linear-gradient(135deg,rgba(100,180,255,0.03) 0,transparent 50%),var(--np-bg-dark) !important}body.theme-frost_crystal .companion-portrait{border-color:rgba(130,200,255,0.5) !important;box-shadow:0 0 35px rgba(130,200,255,0.35),0 0 70px rgba(200,230,255,0.15) !important}body.theme-frost_crystal .dashboard-header h1{background:linear-gradient(135deg,#e1f5fe,#4fc3f7) !important;-webkit-background-clip:text !important;background-clip:text !important}body.theme-frost_crystal .companion-card,body.theme-frost_crystal .lb-container,body.theme-frost_crystal .achievement-item,body.theme-frost_crystal .shop-item{border-color:rgba(130,200,255,0.2) !important;background:rgba(0,20,40,0.85) !important;box-shadow:0 4px 20px rgba(100,180,255,0.08) !important}body.theme-nature_embrace{--np-pink:#66bb6a;--np-purple:#2e7d32;--np-cyan:#a5d6a7;--np-green:#81c784;--np-bg-dark:#0a1208;--np-bg-card:rgba(15,30,15,0.85)}body.theme-nature_embrace::before{background:radial-gradient(ellipse at 20% 80%,rgba(76,175,80,0.12) 0,transparent 45%),radial-gradient(ellipse at 80% 20%,rgba(100,180,100,0.1) 0,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(60,140,60,0.08) 0,transparent 35%),linear-gradient(180deg,transparent 60%,rgba(40,80,40,0.08) 100%),var(--np-bg-dark) !important}body.theme-nature_embrace .companion-portrait{border-color:rgba(100,180,100,0.5) !important;box-shadow:0 0 30px rgba(76,175,80,0.25),0 0 60px rgba(100,180,100,0.1) !important}body.theme-nature_embrace .dashboard-header h1{background:linear-gradient(135deg,#a5d6a7,#2e7d32) !important;-webkit-background-clip:text !important;background-clip:text !important}body.theme-nature_embrace .companion-card,body.theme-nature_embrace .lb-container,body.theme-nature_embrace .achievement-item,body.theme-nature_embrace .shop-item{border-color:rgba(76,175,80,0.2) !important;background:rgba(15,30,15,0.85) !important}body.theme-cosmic_aurora{--np-pink:#ff6ec7;--np-purple:#a5f;--np-cyan:#5ff;--np-green:#5f5;--np-bg-dark:#050510;--np-bg-card:rgba(15,15,35,0.85)}body.theme-cosmic_aurora::before{background:linear-gradient(180deg,rgba(255,100,150,0.08) 0,rgba(170,85,255,0.08) 25%,rgba(85,255,255,0.08) 50%,rgba(85,255,85,0.06) 75%,transparent 100%),radial-gradient(ellipse at 30% 20%,rgba(255,110,199,0.1) 0,transparent 40%),radial-gradient(ellipse at 70% 40%,rgba(170,85,255,0.08) 0,transparent 35%),radial-gradient(ellipse at 50% 60%,rgba(85,255,255,0.08) 0,transparent 40%),var(--np-bg-dark) !important;animation:auroraShift 15s ease-in-out infinite}@keyframes auroraShift{0%,100%{filter:hue-rotate(0)}50%{filter:hue-rotate(30deg)}}body.theme-cosmic_aurora .companion-portrait{border-color:rgba(170,85,255,0.5) !important;box-shadow:0 0 30px rgba(255,110,199,0.25),0 0 50px rgba(170,85,255,0.2),0 0 70px rgba(85,255,255,0.15) !important;animation:auroraBorder 8s ease-in-out infinite}@keyframes auroraBorder{0%,100%{border-color:rgba(255,110,199,0.5);box-shadow:0 0 30px rgba(255,110,199,0.25),0 0 50px rgba(170,85,255,0.2),0 0 70px rgba(85,255,255,0.15)}33%{border-color:rgba(170,85,255,0.5);box-shadow:0 0 30px rgba(170,85,255,0.25),0 0 50px rgba(85,255,255,0.2),0 0 70px rgba(85,255,85,0.15)}66%{border-color:rgba(85,255,255,0.5);box-shadow:0 0 30px rgba(85,255,255,0.25),0 0 50px rgba(85,255,85,0.2),0 0 70px rgba(255,110,199,0.15)}}body.theme-cosmic_aurora .dashboard-header h1{background:linear-gradient(135deg,#ff6ec7,#a5f,#5ff,#5f5) !important;background-size:300% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;animation:auroraText 10s ease-in-out infinite}@keyframes auroraText{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}body.theme-cosmic_aurora .companion-card,body.theme-cosmic_aurora .lb-container,body.theme-cosmic_aurora .achievement-item,body.theme-cosmic_aurora .shop-item{border-color:rgba(170,85,255,0.2) !important;background:rgba(15,15,35,0.85) !important;box-shadow:0 4px 20px rgba(170,85,255,0.1),0 0 30px rgba(85,255,255,0.05) !important}.companion-portrait.sleeping{background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(30,20,60,0.3));border-color:rgba(139,92,246,0.4)}.companion-portrait.sleeping::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,transparent 40%,rgba(20,10,50,0.5) 100%);pointer-events:none;z-index:1}.companion-portrait.sleeping .portrait-image img{filter:brightness(0.65) saturate(0.75) hue-rotate(-10deg);animation:sleepyBreatheMain 4s ease-in-out infinite}@keyframes sleepyBreatheMain{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(0.97) translateY(3px)}}.companion-portrait .sleep-overlay{position:absolute;top:15%;right:15%;z-index:10;display:none}.companion-portrait.sleeping .sleep-overlay{display:block}.companion-portrait .sleep-overlay .zzz-large{font-size:2rem;color:#a78bfa;text-shadow:0 0 15px rgba(139,92,246,0.8),0 0 30px rgba(139,92,246,0.4);font-weight:bold;animation:zzzFloatLarge 2.5s ease-in-out infinite}.companion-portrait .sleep-overlay .zzz-medium{font-size:1.3rem;color:#c4b5fd;text-shadow:0 0 10px rgba(139,92,246,0.6);animation:zzzFloatLarge 2.5s ease-in-out infinite .4s;position:absolute;top:-20px;left:20px}.companion-portrait .sleep-overlay .zzz-small{font-size:.9rem;color:#ddd6fe;text-shadow:0 0 8px rgba(139,92,246,0.5);animation:zzzFloatLarge 2.5s ease-in-out infinite .8s;position:absolute;top:-35px;left:35px}@keyframes zzzFloatLarge{0%,100%{transform:translateY(0) rotate(-8deg);opacity:.3}50%{transform:translateY(-15px) rotate(8deg);opacity:1}}.companion-portrait .sleep-moon{position:absolute;top:10px;right:10px;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:none;align-items:center;justify-content:center;font-size:1.2rem;color:white;box-shadow:0 0 20px rgba(139,92,246,0.6),0 0 40px rgba(139,92,246,0.3);animation:moonGlowMain 3s ease-in-out infinite;z-index:10}.companion-portrait.sleeping .sleep-moon{display:flex}@keyframes moonGlowMain{0%,100%{box-shadow:0 0 20px rgba(139,92,246,0.6),0 0 40px rgba(139,92,246,0.3)}50%{box-shadow:0 0 30px rgba(139,92,246,0.9),0 0 60px rgba(139,92,246,0.5)}}.companion-portrait .sleep-status-badge{position:relative;margin-top:1rem;margin-bottom:-.5rem;background:linear-gradient(135deg,rgba(99,102,241,0.9),rgba(139,92,246,0.9));color:white;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:none;align-items:center;justify-content:center;gap:6px;z-index:10;box-shadow:0 4px 15px rgba(139,92,246,0.4);width:fit-content;margin-left:auto;margin-right:auto}.companion-portrait.sleeping .sleep-status-badge{display:flex}.active-buffs-display{position:absolute;top:10px;right:10px;z-index:15}.active-buffs-container{display:flex;flex-direction:column;gap:6px}.buff-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.buff-icon:hover{transform:scale(1.15);z-index:20}.buff-icon.stat-boost{background:linear-gradient(135deg,#10b981,#059669);color:white;border:2px solid #34d399}.buff-icon.item-effect{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;border:2px solid #a78bfa}.buff-icon.cosmetic-buff{background:linear-gradient(135deg,#ffd700,#ff69b4);color:white;border:2px solid rgba(255,215,0,0.6);box-shadow:0 0 12px rgba(255,215,0,0.4);animation:cosmeticBuffGlow 2s ease-in-out infinite}@keyframes cosmeticBuffGlow{0%,100%{box-shadow:0 0 12px rgba(255,215,0,0.4)}50%{box-shadow:0 0 20px rgba(255,105,180,0.6)}}.buff-icon .buff-timer{position:absolute;bottom:-4px;right:-4px;background:#1f2937;color:#fbbf24;font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:4px;border:1px solid #fbbf24}.buff-tooltip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #8b5cf6;border-radius:8px;padding:10px 14px;min-width:180px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 20px rgba(139,92,246,0.3)}.buff-icon:hover .buff-tooltip{opacity:1;visibility:visible}.buff-tooltip-name{font-weight:600;color:#f3e8ff;margin-bottom:4px;font-size:.9rem}.buff-tooltip-stat{color:#10b981;font-size:.85rem;font-weight:500}.buff-tooltip-time{color:#fbbf24;font-size:.75rem;margin-top:4px;display:flex;align-items:center;gap:4px}@keyframes buffPulse{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,0.3),0 0 0 0 rgba(139,92,246,0.4)}50%{box-shadow:0 2px 8px rgba(0,0,0,0.3),0 0 12px 3px rgba(139,92,246,0.6)}}.buff-icon.active{animation:buffPulse 2s ease-in-out infinite}.portrait-image{width:175px;height:175px;margin-bottom:1.5rem;position:relative}.portrait-image img{width:100%;height:100%;object-fit:contain;animation:petFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(196,77,255,0.3));position:relative;z-index:2;transition:filter .5s ease}@keyframes petFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.portrait-image{transition:transform .5s ease}.portrait-image:hover{transform:scale(1.06);cursor:pointer}.portrait-image:hover img{filter:drop-shadow(0 10px 30px rgba(196,77,255,0.3)) drop-shadow(0 0 20px rgba(196,77,255,0.6)) drop-shadow(0 0 40px rgba(0,212,255,0.4))}.portrait-shadow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0,rgba(0,0,0,0.15) 40%,transparent 70%);border-radius:50%;animation:shadowPulse 3s ease-in-out infinite;z-index:1;filter:blur(4px)}@keyframes shadowPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:.8}50%{transform:translateX(-50%) scale(0.7);opacity:.4}}.portrait-image .no-pet{width:100%;height:100%;background:linear-gradient(135deg,rgba(196,77,255,0.2),rgba(0,212,255,0.2));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px dashed rgba(255,255,255,0.2)}.portrait-image .no-pet i{font-size:3rem;color:var(--np-purple);margin-bottom:.5rem;animation:petFloat 3s ease-in-out infinite}.portrait-image .no-pet span{font-size:.9rem;color:rgba(255,255,255,0.6);text-align:center;font-family:'Nunito',sans-serif}.companion-name{font-family:'Fredoka',sans-serif;font-size:2rem;margin-bottom:.25rem}.companion-species{color:var(--np-cyan);font-weight:600;margin-bottom:.5rem}.companion-types{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.type-tag{padding:.35rem .75rem;background:rgba(196,77,255,0.2);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--np-purple)}.type-tag.digital{background:rgba(0,212,255,0.2);color:var(--np-cyan)}.type-tag.cosmic{background:rgba(196,77,255,0.2);color:var(--np-purple)}.type-tag.light{background:rgba(255,215,0,0.2);color:var(--np-gold)}.type-tag.fire{background:rgba(239,68,68,0.2);color:var(--np-red)}.type-tag.water{background:rgba(0,212,255,0.2);color:var(--np-cyan)}.type-tag.nature{background:rgba(74,222,128,0.2);color:var(--np-green)}.level-display{width:100%;margin:1rem 0}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.level-badge{display:flex;align-items:center;gap:.5rem}.level-badge .level-num{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700}.level-badge .tier{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.exp-text{font-size:.85rem;color:var(--np-text-muted)}.exp-bar{height:12px;background:rgba(255,255,255,0.1);border-radius:6px;overflow:hidden}.exp-fill{height:100%;border-radius:6px;transition:width .5s ease}.hunger-display{width:100%;margin:.5rem 0 1rem 0}.hunger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.hunger-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--np-text-muted)}.hunger-label i{color:#ff9b5a}.hunger-text{font-size:.75rem;color:var(--np-text-muted);font-weight:600}.hunger-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.hunger-fill{height:100%;background:linear-gradient(90deg,#ff5a5a,#ff9b5a,#a3e635);border-radius:4px;transition:width .5s ease}.hunger-fill.low{background:linear-gradient(90deg,#f33,#f55)}.hunger-fill.medium{background:linear-gradient(90deg,#f83,#fa5)}.hunger-fill.high{background:linear-gradient(90deg,#6c6,#8d8)}.hunger-display.starving{animation:starvation-pulse 1s ease-in-out infinite}.hunger-display.starving .hunger-bar{background:rgba(255,0,0,0.2);border:1px solid #f33}@keyframes starvation-pulse{0%,100%{opacity:1}50%{opacity:.6}}.happiness-display{width:100%;margin:.5rem 0 .75rem 0;position:relative}.happiness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.happiness-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--np-text-muted);flex-shrink:0}.happiness-label i{color:#fbbf24}.happiness-text{font-size:.75rem;color:var(--np-text-muted);font-weight:600;flex-shrink:0}.happiness-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.happiness-fill{height:100%;background:linear-gradient(90deg,#6b7280,#fbbf24,#f59e0b);border-radius:4px;transition:width .5s ease}.happiness-fill.low{background:linear-gradient(90deg,#4b5563,#6b7280)}.happiness-fill.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.happiness-fill.high{background:linear-gradient(90deg,#fbbf24,#facc15,#fde047)}.happiness-display.sad{animation:sad-pulse 2s ease-in-out infinite}.happiness-display.sad .happiness-label i{color:#6b7280}.happiness-display.sad .happiness-label i::before{content:"\f119"}@keyframes sad-pulse{0%,100%{opacity:1}50%{opacity:.7}}.pet-companion-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;border:0;border-radius:12px;padding:4px 12px;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;flex-shrink:0;align-items:center;gap:4px;transition:all .2s ease;box-shadow:0 2px 8px rgba(251,191,36,0.3);margin-top:-12px;position:relative;z-index:5}.pet-companion-btn:hover{background:linear-gradient(135deg,#facc15,#fbbf24);transform:scale(1.05);box-shadow:0 4px 12px rgba(251,191,36,0.5)}.pet-companion-btn:active{transform:scale(0.95)}.pet-companion-btn.cooldown{background:linear-gradient(135deg,#4b5563,#374151);color:#9ca3af;cursor:not-allowed;box-shadow:none}.pet-companion-btn i{font-size:.75rem}.pp-boost-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white;border:0;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all .2s ease;box-shadow:0 2px 6px rgba(6,182,212,0.3);margin-left:6px}.pp-boost-btn:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);transform:scale(1.05);box-shadow:0 3px 10px rgba(6,182,212,0.5)}.pp-boost-btn:active{transform:scale(0.95)}.pp-boost-btn:disabled{background:linear-gradient(135deg,#4b5563,#374151);color:#9ca3af;cursor:not-allowed;box-shadow:none}.pp-boost-btn .pp-icon{color:#fbbf24;font-size:.6rem}.pp-toolbox{position:fixed;bottom:20px;right:80px;z-index:1000;font-family:'DM Sans',sans-serif}.pp-toolbox-toggle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:0;color:white;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 15px rgba(6,182,212,0.4);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pp-toolbox-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(6,182,212,0.6)}.pp-toolbox-toggle.active{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.pp-toolbox-panel{position:absolute;bottom:60px;right:0;width:280px;background:linear-gradient(145deg,#1e2139 0,#151729 100%);border:1px solid rgba(139,92,246,0.3);border-radius:16px;padding:16px;box-shadow:0 10px 40px rgba(0,0,0,0.5);display:none;animation:slideUp .3s ease}.pp-toolbox-panel.show{display:block}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pp-toolbox-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1)}.pp-toolbox-title{font-size:.9rem;font-weight:700;color:#e0e0ff;display:flex;align-items:center;gap:8px}.pp-toolbox-title i{color:#06b6d4}.pp-toolbox-balance{background:rgba(6,182,212,0.2);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-align:center;justify-self:center}.pp-toolbox-close{background:transparent;border:0;color:#9ca3af;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.pp-toolbox-close:hover{color:#f87171;background:rgba(248,113,113,0.1);color:#22d3ee}.pp-toolbox-section{margin-bottom:12px}.pp-toolbox-section-title{font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pp-toolbox-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;transition:all .2s ease}.pp-toolbox-item:hover{background:rgba(255,255,255,0.08)}.pp-toolbox-item-info{display:flex;align-items:center;gap:10px}.pp-toolbox-item-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.pp-toolbox-item-icon.feed{background:linear-gradient(135deg,#10b981,#059669)}.pp-toolbox-item-icon.happy{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.pp-toolbox-item-icon.bond{background:linear-gradient(135deg,#ec4899,#db2777)}.pp-toolbox-item-icon.heal{background:linear-gradient(135deg,#ef4444,#dc2626)}.pp-toolbox-item-icon.rename{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pp-toolbox-item-icon.level{background:linear-gradient(135deg,#f59e0b,#d97706)}.pp-toolbox-item-name{font-size:.8rem;font-weight:500;color:#e0e0ff}.pp-toolbox-buy-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:0;border-radius:6px;padding:5px 10px;font-size:.7rem;font-weight:600;color:white;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.pp-toolbox-buy-btn:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);transform:scale(1.05)}.pp-toolbox-buy-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.pp-toolbox-buy-btn .pp-cost{color:#fbbf24}.pp-no-companion{text-align:center;color:#6b7280;font-size:.8rem;padding:20px}@media(max-width:768px){.pp-toolbox{bottom:20px;right:78px}.pp-toolbox-toggle{width:50px;height:50px;font-size:1.2rem}.pp-toolbox-panel{bottom:58px;right:-50px;width:280px}}@media(max-width:500px){.pp-toolbox{bottom:16px;right:70px}.pp-toolbox-toggle{width:46px;height:46px;font-size:1.1rem}.pp-toolbox-panel{width:260px;padding:14px}}@media(max-width:380px){.pp-toolbox{bottom:12px;right:62px}.pp-toolbox-toggle{width:42px;height:42px;font-size:1rem}.pp-toolbox-panel{width:220px;padding:10px}}.pp-companion-selector{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08)}.pp-companion-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pp-companion-label{font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.pp-companion-current{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.pp-companion-current:hover{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.5)}.pp-companion-avatar{width:36px;height:36px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-companion-avatar img{width:100%;height:100%;object-fit:cover}.pp-companion-avatar i{font-size:1.2rem;color:#8b5cf6}.pp-companion-details{flex:1;min-width:0}.pp-companion-name{font-size:.85rem;font-weight:600;color:#e0e0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-companion-level{font-size:.7rem;color:#a0a0c0}.pp-companion-change{color:#8b5cf6;font-size:.8rem}.pp-companion-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(145deg,#252840 0,#1a1d30 100%);border:1px solid rgba(139,92,246,0.3);border-radius:10px;max-height:200px;overflow-y:auto;z-index:1001;display:none;box-shadow:0 8px 20px rgba(0,0,0,0.4)}.pp-companion-dropdown.show{display:block;animation:slideUp .2s ease}.pp-companion-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .2s ease}.pp-companion-option:hover{background:rgba(139,92,246,0.15)}.pp-companion-option.selected{background:rgba(139,92,246,0.25)}.pp-companion-option .pp-companion-avatar{width:28px;height:28px}.pp-companion-option-active{font-size:.6rem;color:#fbbf24;margin-left:auto}.pp-companion-selector-wrapper{position:relative}.companion-portrait.petting .portrait-image img{animation:petting-bounce .5s ease-in-out}@keyframes petting-bounce{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-3deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(3deg)}}.petting-hearts{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.petting-heart{position:absolute;font-size:1.5rem;color:#ff6b9d;opacity:0;animation:heart-float 1s ease-out forwards}@keyframes heart-float{0%{opacity:1;transform:translateY(0) scale(0.5)}100%{opacity:0;transform:translateY(-60px) scale(1.2)}}.hp-display{width:100%;margin:.5rem 0 1rem 0}.hp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.hp-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--np-text-muted)}.hp-label i{color:#ef4444}.hp-text{font-size:.75rem;color:var(--np-text-muted);font-weight:600}.hp-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:4px;transition:width .5s ease}.hp-fill.critical{background:linear-gradient(90deg,#7f1d1d,#991b1b);animation:hp-critical-pulse .5s ease-in-out infinite}.hp-fill.low{background:linear-gradient(90deg,#dc2626,#ef4444)}.hp-fill.medium{background:linear-gradient(90deg,#f97316,#fb923c)}.hp-fill.high{background:linear-gradient(90deg,#22c55e,#4ade80)}@keyframes hp-critical-pulse{0%,100%{opacity:1}50%{opacity:.5}}.hp-bar.healing{position:relative;box-shadow:0 0 6px rgba(74,222,128,0.25),0 0 12px rgba(74,222,128,0.15);animation:hp-healing-glow 3s ease-in-out infinite}.hp-bar.healing .hp-fill{background:linear-gradient(90deg,#22c55e,#4ade80,#22c55e);background-size:300% 100%;animation:hp-healing-shimmer 6s ease-in-out infinite}@keyframes hp-healing-glow{0%,100%{box-shadow:0 0 4px rgba(74,222,128,0.2),0 0 8px rgba(74,222,128,0.1)}50%{box-shadow:0 0 8px rgba(74,222,128,0.35),0 0 14px rgba(74,222,128,0.2)}}@keyframes hp-healing-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.hp-display.healing{position:relative}.hp-healing-particles{position:absolute;left:0;right:0;bottom:0;height:30px;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s ease}.hp-display.healing .hp-healing-particles{opacity:1}.hp-healing-particle{position:absolute;font-size:.6rem;color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,0.6);animation:hp-particle-float 4s ease-out infinite;opacity:0}.hp-healing-particle:nth-child(1){left:10%;animation-delay:0s}.hp-healing-particle:nth-child(2){left:30%;animation-delay:1s}.hp-healing-particle:nth-child(3){left:55%;animation-delay:2s}.hp-healing-particle:nth-child(4){left:75%;animation-delay:3s}.hp-healing-particle:nth-child(5){left:90%;animation-delay:.5s}@keyframes hp-particle-float{0%{transform:translateY(0) scale(0.8);opacity:0}15%{opacity:.7}100%{transform:translateY(-25px) scale(1);opacity:0}}.hp-display.healing .hp-label::after{content:' (healing)';color:var(--np-green);font-size:.7rem;font-weight:400;margin-left:4px}.equipment-slots{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;padding:.6rem;background:rgba(0,0,0,0.3);border-radius:12px;border:1px solid rgba(255,255,255,0.1);position:relative;z-index:10}.equipment-row{display:flex;justify-content:center;gap:.35rem}.equipment-slot{position:relative;width:52px;height:52px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.15);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.equipment-slot:hover{background:rgba(255,107,157,0.15);border-color:rgba(255,107,157,0.4);transform:scale(1.08)}.equipment-slot i{font-size:1rem;color:rgba(255,255,255,0.5)}.equipment-slot .slot-label{font-size:.55rem;color:rgba(255,255,255,0.4);text-transform:uppercase;font-weight:600;margin-top:.15rem;white-space:nowrap}.equipment-slot.equipped{background:linear-gradient(135deg,rgba(74,222,128,0.2),rgba(34,197,94,0.15));border-color:rgba(74,222,128,0.5)}.equipment-slot.equipped>i{color:var(--np-green)}.equipment-slot.equipped .slot-label{color:var(--np-green)}.equipment-slot .equipped-item{display:none}.portrait-skills-section{margin-top:1.25rem;padding:1rem;background:rgba(0,0,0,0.4);border-radius:14px;border:1px solid rgba(255,107,157,0.2)}.portrait-skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,0.08)}.portrait-skills-title{font-size:.9rem;font-weight:700;color:white;display:flex;align-items:center;gap:.5rem}.portrait-skills-title i{color:var(--np-pink);font-size:1rem}.portrait-skills-btn{background:linear-gradient(135deg,rgba(255,107,157,0.2),rgba(196,77,255,0.15));border:1px solid rgba(255,107,157,0.5);color:var(--np-pink);padding:.4rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.portrait-skills-btn:hover{background:linear-gradient(135deg,rgba(255,107,157,0.35),rgba(196,77,255,0.25));transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,157,0.3)}.portrait-skills-grid{display:flex;flex-direction:column;gap:.6rem}.portrait-skill-row{display:flex;align-items:center;gap:.6rem}.psr-label{font-size:.7rem;font-weight:700;text-transform:uppercase;width:32px;text-align:center;padding:.2rem 0;border-radius:4px}.psr-label.attack{color:#ef4444;background:rgba(239,68,68,0.1)}.psr-label.magic{color:#3b82f6;background:rgba(59,130,246,0.1)}.psr-label.ability{color:#f59e0b;background:rgba(245,158,11,0.1)}.psr-slots{display:flex;gap:.4rem;flex:1;flex-wrap:wrap}.psr-slot{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);padding:.3rem .6rem;border-radius:6px;font-size:.7rem;color:rgba(255,255,255,0.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75px;transition:all .2s ease;cursor:default}.psr-slot:hover{background:rgba(255,107,157,0.15);border-color:rgba(255,107,157,0.4);transform:translateY(-1px)}.psr-slot.empty{color:rgba(255,255,255,0.25);border-style:dashed}.psr-slot.empty:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2);transform:none}.skills-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:10000;align-items:center;justify-content:center;padding:2rem}.skills-modal.active{display:flex}.skills-modal-content{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:24px;width:100%;max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.skills-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--np-border);background:rgba(0,0,0,0.3)}.skills-modal-header h3{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.75rem}.skills-modal-header h3 i{color:var(--np-pink)}.skills-header-actions{display:flex;align-items:center;gap:.75rem}.skill-clear-btn{display:flex;align-items:center;gap:.5rem;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.4);color:#f87171;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.skill-clear-btn:hover{background:rgba(239,68,68,0.25);transform:translateY(-1px)}.skill-sort-toggle{display:flex;align-items:center;gap:.5rem;background:rgba(255,107,157,0.15);border:1px solid rgba(255,107,157,0.4);color:var(--np-pink);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.skill-sort-toggle:hover{background:rgba(255,107,157,0.25);transform:translateY(-1px)}.skill-sort-toggle i{transition:transform .2s ease}.skill-sort-toggle.asc i{transform:rotate(180deg)}.skills-modal-close{background:transparent;border:0;color:white;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.skills-modal-close:hover{opacity:1}.skills-modal-body{padding:2rem;overflow-y:auto;flex:1}.skills-loadout-section{margin-bottom:2rem}.skills-loadout-section h4{margin:0 0 1rem 0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.skills-loadout-section h4.attack i{color:#ef4444}.skills-loadout-section h4.magic i{color:#3b82f6}.skills-loadout-section h4.ability i{color:#f59e0b}.loadout-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.loadout-slot{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.15);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loadout-slot:hover{border-color:var(--np-pink);background:rgba(255,107,157,0.1)}.loadout-slot.filled{background:linear-gradient(135deg,rgba(255,107,157,0.15),rgba(196,77,255,0.1));border-color:var(--np-pink)}.loadout-slot.attack.filled{background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(185,28,28,0.1));border-color:#ef4444}.loadout-slot.magic.filled{background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(29,78,216,0.1));border-color:#3b82f6}.loadout-slot.ability.filled{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(180,83,9,0.1));border-color:#f59e0b}.loadout-slot .skill-name{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.loadout-slot .skill-info{font-size:.7rem;color:var(--np-text-muted)}.loadout-slot.empty{opacity:.6}.loadout-slot.empty .skill-name{color:var(--np-text-muted)}.available-skills{background:rgba(0,0,0,0.3);border-radius:12px;padding:1rem}.available-skills h5{margin:0 0 .75rem 0;font-size:.85rem;color:var(--np-text-muted)}.available-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;max-height:150px;overflow-y:auto}.available-skill{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:.6rem .75rem;cursor:pointer;transition:all .2s ease}.available-skill:hover{background:rgba(255,107,157,0.15);border-color:var(--np-pink)}.available-skill.equipped{background:rgba(74,222,128,0.15);border-color:var(--np-green)}.available-skill .a-skill-name{font-size:.8rem;font-weight:600;margin-bottom:.15rem}.available-skill .a-skill-info{font-size:.65rem;color:var(--np-text-muted)}.skill-tooltip{position:fixed;background:linear-gradient(135deg,rgba(30,20,40,0.98),rgba(20,15,30,0.98));border:1px solid rgba(255,107,157,0.3);border-radius:12px;padding:.8rem;min-width:200px;max-width:280px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:9999;pointer-events:none;box-shadow:0 5px 20px rgba(0,0,0,0.4)}.skill-tooltip.visible{opacity:1;visibility:visible}.skill-tooltip::after{display:none}.skill-tooltip .tooltip-title{font-weight:700;color:white;margin-bottom:.25rem;font-size:.95rem}.skill-tooltip .tooltip-element{font-size:.75rem;margin-bottom:.4rem;display:inline-block;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,0.1)}.skill-tooltip .tooltip-element.fire{background:rgba(239,68,68,0.3);color:#fca5a5}.skill-tooltip .tooltip-element.water{background:rgba(59,130,246,0.3);color:#93c5fd}.skill-tooltip .tooltip-element.nature{background:rgba(34,197,94,0.3);color:#86efac}.skill-tooltip .tooltip-element.electric{background:rgba(234,179,8,0.3);color:#fde047}.skill-tooltip .tooltip-element.ice{background:rgba(56,189,248,0.3);color:#7dd3fc}.skill-tooltip .tooltip-element.tech{background:rgba(148,163,184,0.3);color:#cbd5e1}.skill-tooltip .tooltip-element.digital{background:rgba(45,212,191,0.3);color:#5eead4}.skill-tooltip .tooltip-element.cosmic{background:rgba(139,92,246,0.3);color:#c4b5fd}.skill-tooltip .tooltip-element.psychic{background:rgba(236,72,153,0.3);color:#f9a8d4}.skill-tooltip .tooltip-element.dark{background:rgba(30,41,59,0.8);color:#94a3b8}.skill-tooltip .tooltip-element.light{background:rgba(253,224,71,0.3);color:#fef08a}.skill-tooltip .tooltip-element.ghost{background:rgba(168,85,247,0.3);color:#d8b4fe}.skill-tooltip .tooltip-element.dragon{background:rgba(124,58,237,0.3);color:#a78bfa}.skill-tooltip .tooltip-element.fairy{background:rgba(244,114,182,0.3);color:#f9a8d4}.skill-tooltip .tooltip-element.sound{background:rgba(251,146,60,0.3);color:#fdba74}.skill-tooltip .tooltip-element.beast{background:rgba(180,83,9,0.3);color:#fcd34d}.skill-tooltip .tooltip-element.sweet{background:rgba(251,207,232,0.3);color:#fbcfe8}.skill-tooltip .tooltip-desc{font-size:.8rem;color:rgba(255,255,255,0.7);margin:.4rem 0;line-height:1.4;font-style:italic}.skill-tooltip .tooltip-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.1);font-size:.75rem}.skill-tooltip .tooltip-stats .stat-item{display:flex;align-items:center;gap:.25rem}.skill-tooltip .tooltip-stats .stat-item.power{color:#ef4444}.skill-tooltip .tooltip-stats .stat-item.mp{color:#3b82f6}.skill-tooltip .tooltip-stats .stat-item.level{color:#a855f7}.skill-tooltip .tooltip-stab{margin-top:.4rem;font-size:.7rem;color:#4ade80;background:rgba(74,222,128,0.15);padding:3px 6px;border-radius:4px;display:inline-block}.loadout-slot.selected{border-color:#fbbf24 !important;box-shadow:0 0 12px rgba(251,191,36,0.5);animation:pulse-select 1s infinite}@keyframes pulse-select{0%,100%{box-shadow:0 0 12px rgba(251,191,36,0.5)}50%{box-shadow:0 0 20px rgba(251,191,36,0.8)}}.available-skill{position:relative}.loadout-slot{position:relative}.skills-modal-footer{padding:1rem 2rem;border-top:1px solid var(--np-border);display:flex;justify-content:flex-end;gap:1rem;background:rgba(0,0,0,0.3)}.skills-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.skills-btn.cancel{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white}.skills-btn.save{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;color:white}.skills-btn:hover{transform:translateY(-2px)}.slot-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:rgba(15,15,35,0.98);border:1px solid rgba(255,107,157,0.3);border-radius:10px;padding:.75rem 1rem;min-width:180px;max-width:240px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999;pointer-events:none;box-shadow:0 5px 20px rgba(0,0,0,0.5)}.equipment-slot:hover .slot-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 15px)}.slot-tooltip::before{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,107,157,0.3)}.slot-tooltip .tooltip-title{font-weight:700;color:white;margin-bottom:.35rem;font-size:.9rem}.slot-tooltip .tooltip-rarity{font-size:.75rem;margin-bottom:.5rem}.slot-tooltip .tooltip-rarity.common{color:#aaa}.slot-tooltip .tooltip-rarity.uncommon{color:var(--np-green)}.slot-tooltip .tooltip-rarity.rare{color:var(--np-cyan)}.slot-tooltip .tooltip-rarity.epic{color:var(--np-purple)}.slot-tooltip .tooltip-rarity.legendary{color:var(--np-gold)}.slot-tooltip .tooltip-stats{font-size:.8rem;color:rgba(255,255,255,0.7)}.slot-tooltip .tooltip-stats .stat-bonus{color:var(--np-green)}.slot-tooltip .tooltip-empty{color:rgba(255,255,255,0.4);font-style:italic;font-size:.85rem}.slot-tooltip .tooltip-desc{font-size:.75rem;color:rgba(255,255,255,0.6);margin:.4rem 0;line-height:1.3;font-style:italic}.slot-tooltip .tooltip-effects{margin-top:.4rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,0.1)}.slot-tooltip .effect-line{font-size:.8rem;color:var(--np-cyan);display:flex;align-items:center;gap:.3rem}.slot-tooltip .effect-icon{color:var(--np-gold);font-size:.7rem}.slot-tooltip .effect-icon i{color:inherit}.slot-tooltip .tooltip-hint{color:rgba(255,255,255,0.5);font-size:.7rem;margin-top:.5rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,0.1)}.companion-stats-panel{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:24px;padding:2rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem}.stats-header{display:flex;justify-content:space-between;align-items:center}.stats-header h3{font-family:'Fredoka',sans-serif;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.stats-header h3 i{color:var(--np-pink)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:rgba(255,255,255,0.03);border-radius:16px;padding:1.25rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:rgba(255,107,157,0.1);transform:translateY(-3px)}.stat-icon{width:48px;height:48px;margin:0 auto .75rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-icon.exp{background:rgba(74,222,128,0.2);color:var(--np-green)}.stat-icon.games{background:rgba(139,92,246,0.2);color:#a78bfa}.stat-icon.wins{background:rgba(255,215,0,0.2);color:var(--np-gold)}.stat-icon.bond{background:rgba(255,107,157,0.2);color:var(--np-pink)}.stat-value{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--np-text-muted)}.rpg-stats-panel{background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(196,77,255,0.05));border:1px solid rgba(0,212,255,0.3);border-radius:20px;padding:1.5rem;margin-top:1.5rem}.rpg-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.rpg-stats-header h4{font-family:'Fredoka',sans-serif;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.rpg-stats-header h4 i{color:var(--np-cyan)}.class-badge{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700}.class-badge.hybrid{background:linear-gradient(135deg,#ec4899,#a855f7)}.class-badge.tank{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.class-badge.mage{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.class-badge.support{background:linear-gradient(135deg,#10b981,#059669)}.class-badge.assassin{background:linear-gradient(135deg,#ef4444,#7f1d1d)}.class-badge.bruiser{background:linear-gradient(135deg,#f97316,#c2410c)}.class-badge.speedster{background:linear-gradient(135deg,#06b6d4,#0891b2)}.class-badge.glass-cannon{background:linear-gradient(135deg,#f43f5e,#be123c)}.class-badge.balanced{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.rpg-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media(max-width:900px){.rpg-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.rpg-stats-grid{grid-template-columns:repeat(2,1fr)}}.rpg-stat{background:rgba(255,255,255,0.03);border-radius:12px;padding:.9rem;text-align:center;position:relative;transition:all .3s ease}.rpg-stat:hover{background:rgba(255,255,255,0.07);transform:translateY(-2px)}.rpg-stat.hp{border-left:3px solid #ef4444}.rpg-stat.mp{border-left:3px solid #3b82f6}.rpg-stat.str{border-left:3px solid #f97316}.rpg-stat.def{border-left:3px solid #8b5cf6}.rpg-stat.agi{border-left:3px solid #22c55e}.rpg-stat.dex{border-left:3px solid #eab308}.rpg-stat.int{border-left:3px solid #06b6d4}.rpg-stat.wis{border-left:3px solid #a855f7}.rpg-stat.lck{border-left:3px solid #f59e0b}.rpg-stat.bnd{border-left:3px solid #ec4899}.stat-abbr{font-size:.7rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem}.stat-num{font-family:'Fredoka',sans-serif;font-size:1.35rem;font-weight:700;color:white}.stat-name{font-size:.65rem;color:rgba(255,255,255,0.4);margin-top:.2rem}.def-note{font-size:.55rem;color:var(--np-purple);margin-top:.2rem}.stat-breakdown-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(15,15,35,0.98) 0,rgba(25,25,50,0.98) 100%);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:12px 16px;min-width:180px;max-width:240px;box-shadow:0 10px 40px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;pointer-events:none;text-align:left}.stat-breakdown-tooltip::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(25,25,50,0.98)}.rpg-stat:hover .stat-breakdown-tooltip{opacity:1;visibility:visible}.breakdown-header{font-size:.7rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.1)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.75rem}.breakdown-row.base{color:rgba(255,255,255,0.7)}.breakdown-row.equipment{color:#4ade80}.breakdown-row.equipment .breakdown-value{color:#4ade80}.breakdown-row.buff{color:#60a5fa}.breakdown-row .breakdown-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.breakdown-row .breakdown-value{font-weight:600;font-family:'Fredoka',sans-serif}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:8px;border-top:1px solid rgba(255,255,255,0.2);font-size:.85rem;font-weight:700;color:white}.breakdown-total .breakdown-value{font-family:'Fredoka',sans-serif;color:var(--np-gold)}.trait-display{background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);border-radius:12px;padding:1rem;margin-top:1rem;display:flex;align-items:center;gap:1rem}.trait-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--np-gold),#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;color:#1a1a2e;text-shadow:0 1px 2px rgba(255,255,255,0.3)}.trait-icon i{color:#1a1a2e}.trait-info h5{font-family:'Fredoka',sans-serif;font-size:1rem;color:var(--np-gold);margin-bottom:.25rem}.trait-info p{font-size:.8rem;color:var(--np-text-muted);line-height:1.4}.action-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.evolution-panel,.rest-panel{border-radius:16px;padding:1.25rem;text-align:center}.evolution-panel{background:linear-gradient(135deg,rgba(196,77,255,0.1),rgba(255,215,0,0.05));border:1px solid rgba(196,77,255,0.3)}.evolution-panel.can-evolve{border-color:var(--np-gold);animation:evolutionPulse 2s ease-in-out infinite}@keyframes evolutionPulse{0%,100%{box-shadow:0 0 20px rgba(255,215,0,0.2)}50%{box-shadow:0 0 40px rgba(255,215,0,0.4)}}.rest-panel{background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(0,212,255,0.05));border:1px solid rgba(139,92,246,0.3)}.rest-panel.is-resting{border-color:var(--np-purple)}.panel-header{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem;margin-bottom:.75rem}.panel-header i.evo{color:var(--np-gold)}.panel-header i.rest{color:var(--np-purple)}.evolution-forms{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Fredoka',sans-serif;margin-bottom:.75rem}.evo-current{color:rgba(255,255,255,0.6)}.evo-next{color:var(--np-gold)}.evo-arrow{color:rgba(255,255,255,0.4)}.panel-info{font-size:.85rem;color:var(--np-text-muted);margin-bottom:.75rem}.panel-btn{padding:.75rem 1.5rem;border:0;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.panel-btn.evolve{background:linear-gradient(135deg,var(--np-gold),#ffa500);color:#0a0a1a}.panel-btn.rest-start{background:linear-gradient(135deg,var(--np-purple),#7c3aed);color:white}.panel-btn.rest-collect{background:linear-gradient(135deg,var(--np-green),#22c55e);color:#0a0a1a}.panel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.panel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.rest-reward{font-family:'Fredoka',sans-serif;font-size:1.25rem;color:var(--np-green);margin:.5rem 0}.fully-evolved-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(74,222,128,0.2);border-radius:999px;color:var(--np-green);font-size:.9rem;font-weight:600}.collection-section{margin-top:2rem}.collection-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.collection-title-row{display:flex;justify-content:space-between;align-items:center}.collection-header h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.collection-header h3 i{color:var(--np-pink)}.collection-controls{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.06)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,0.5);display:flex;align-items:center;gap:.4rem}.control-label i{font-size:.7rem}.sort-buttons,.filter-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.sort-btn,.filter-btn{padding:.4rem .75rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.7);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.sort-btn:hover,.filter-btn:hover{background:rgba(255,107,157,0.15);border-color:rgba(255,107,157,0.3);color:white}.sort-btn.active,.filter-btn.active{background:linear-gradient(135deg,rgba(255,107,157,0.3),rgba(196,77,255,0.2));border-color:var(--np-pink);color:white;box-shadow:0 0 10px rgba(255,107,157,0.2)}.sort-btn i,.filter-btn i{font-size:.7rem;opacity:.8}.filter-dropdown{position:relative}.dropdown-trigger .fa-caret-down{margin-left:.2rem;transition:transform .2s ease}.filter-dropdown.open .fa-caret-down{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:140px;background:rgba(20,15,35,0.98);border:1px solid rgba(255,107,157,0.3);border-radius:10px;padding:.4rem;display:none;z-index:100;box-shadow:0 10px 30px rgba(0,0,0,0.5);backdrop-filter:blur(10px)}.filter-dropdown.open .dropdown-menu{display:block;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:0;border-radius:6px;color:rgba(255,255,255,0.8);font-size:.8rem;text-align:left;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:rgba(255,107,157,0.2);color:white}.dropdown-item.selected{background:rgba(255,107,157,0.25);color:var(--np-pink)}.dropdown-item[data-rarity="common"]{color:#aaa}.dropdown-item[data-rarity="uncommon"]{color:var(--np-green)}.dropdown-item[data-rarity="rare"]{color:var(--np-cyan)}.dropdown-item[data-rarity="epic"]{color:var(--np-purple)}.dropdown-item[data-rarity="legendary"]{color:var(--np-gold)}.dropdown-item[data-rarity="mythic"]{color:#ff6b9d}.dropdown-item[data-rarity="unique"]{color:#e0aaff}.active-filters{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:rgba(255,107,157,0.08);border-radius:8px;border:1px solid rgba(255,107,157,0.15)}.filter-label{font-size:.75rem;color:rgba(255,255,255,0.5)}.filter-tags{display:flex;flex-wrap:wrap;gap:.4rem}.filter-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:rgba(255,107,157,0.2);border:1px solid rgba(255,107,157,0.3);border-radius:20px;font-size:.75rem;color:white}.filter-tag .remove-tag{cursor:pointer;opacity:.6;transition:opacity .15s}.filter-tag .remove-tag:hover{opacity:1}.clear-filters-btn{padding:.3rem .6rem;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:rgba(255,255,255,0.6);font-size:.7rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.3rem}.clear-filters-btn:hover{background:rgba(255,255,255,0.1);color:white}.pet-card.draggable{cursor:grab}.pet-card.draggable:active{cursor:grabbing}.pet-card.dragging{opacity:.4;transform:scale(0.95);border:2px dashed var(--np-pink);background:rgba(255,107,157,0.1)}.pet-card.drag-over{border:2px solid var(--np-cyan);background:rgba(0,212,255,0.15);transform:scale(1.02)}.pet-grid.drag-active .pet-card:not(.dragging){transition:transform .2s ease,border-color .2s ease}.pet-card .drag-handle{position:absolute;top:6px;left:6px;width:22px;height:22px;background:rgba(0,0,0,0.5);border-radius:4px;display:none;align-items:center;justify-content:center;font-size:.65rem;color:rgba(255,255,255,0.6);z-index:5}.pet-card.draggable .drag-handle{display:flex}.pet-card.draggable:hover .drag-handle{background:rgba(255,107,157,0.5);color:white}.no-filter-results{grid-column:1 / -1;text-align:center;padding:3rem 2rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px dashed rgba(255,255,255,0.1)}.no-filter-results i{font-size:2.5rem;color:rgba(255,255,255,0.2);margin-bottom:1rem}.no-filter-results h4{font-family:'Fredoka',sans-serif;color:rgba(255,255,255,0.6);margin-bottom:.5rem}.no-filter-results p{font-size:.85rem;color:rgba(255,255,255,0.4)}.batch-actions-group{margin-left:auto}.batch-action-buttons{display:flex;gap:.5rem}.batch-action-btn{padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.4rem;border:0;position:relative;overflow:hidden}.batch-action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .4s ease}.batch-action-btn:hover::before{left:100%}.batch-action-btn i{font-size:.75rem}.batch-action-btn:disabled{opacity:.5;cursor:not-allowed}.batch-action-btn:disabled::before{display:none}.rest-all-btn{background:linear-gradient(135deg,#4a4a7a,#6a5acd);color:white;box-shadow:0 2px 10px rgba(106,90,205,0.3)}.rest-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a5a9a,#7b6bde);transform:translateY(-2px);box-shadow:0 4px 15px rgba(106,90,205,0.4)}.rest-all-btn:active:not(:disabled){transform:translateY(0)}.wake-all-btn{background:linear-gradient(135deg,#f93,#fc0);color:#1a1a2e;box-shadow:0 2px 10px rgba(255,153,51,0.3)}.wake-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#fa4,#fd2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,153,51,0.4)}.wake-all-btn:active:not(:disabled){transform:translateY(0)}.batch-action-btn.loading{pointer-events:none;opacity:.7}.batch-action-btn.loading i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.collection-controls{flex-direction:column;gap:1rem;padding:.75rem}.sort-buttons,.filter-buttons{flex-wrap:wrap}.sort-btn,.filter-btn{padding:.35rem .6rem;font-size:.75rem}.collection-title-row{flex-direction:column;align-items:flex-start;gap:.75rem}.collection-header h3{font-size:1.3rem}.adopt-btn{width:100%;justify-content:center;padding:.65rem 1.25rem}.batch-actions-group{margin-left:0;width:100%}.batch-action-buttons{flex-wrap:wrap}.batch-action-btn{flex:1;min-width:100px;justify-content:center;padding:.45rem .75rem;font-size:.75rem}}@media(max-width:480px){.collection-section{margin-top:1.5rem}.collection-header{gap:.75rem;margin-bottom:1rem}.collection-header h3{font-size:1.15rem}.collection-controls{padding:.6rem;gap:.75rem}.control-label{font-size:.7rem}.sort-btn,.filter-btn{padding:.3rem .5rem;font-size:.7rem;gap:.25rem}.sort-btn i,.filter-btn i{font-size:.65rem}.adopt-btn{padding:.6rem 1rem;font-size:.9rem}.dropdown-menu{min-width:120px}.dropdown-item{padding:.4rem .6rem;font-size:.75rem}.batch-action-btn{padding:.4rem .6rem;font-size:.7rem;gap:.25rem}.batch-action-btn i{font-size:.65rem}}.adopt-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;border-radius:25px;color:white;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.adopt-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,107,157,0.4)}.chat-companion-btn{padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(196,77,255,0.3),rgba(0,212,255,0.2));border:1px solid rgba(196,77,255,0.4);border-radius:20px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem}.chat-companion-btn i{color:#c44dff}.chat-companion-btn:hover{background:linear-gradient(135deg,rgba(196,77,255,0.5),rgba(0,212,255,0.35));transform:translateY(-2px);box-shadow:0 5px 15px rgba(196,77,255,0.3)}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.pet-card{background:rgba(255,255,255,0.05);border:2px solid transparent;border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;user-select:none}.pet-card:hover{background:rgba(255,107,157,0.1);border-color:rgba(255,107,157,0.3);transform:scale(1.03)}.pet-card.active{border-color:var(--np-pink);background:rgba(255,107,157,0.15)}.pet-card-image{width:80px;height:80px;margin:0 auto .75rem;border-radius:50%;background:linear-gradient(135deg,rgba(196,77,255,0.2),rgba(0,212,255,0.2));display:flex;align-items:center;justify-content:center;overflow:hidden}.pet-card-image img{width:100%;height:100%;object-fit:cover}.pet-card-name{font-weight:700;margin-bottom:.25rem}.pet-card-level{font-size:.85rem;color:var(--np-cyan)}.pet-card-status{font-size:.75rem;color:var(--np-green);margin-top:.25rem}.pet-card.resting{border-color:rgba(139,92,246,0.5);background:linear-gradient(135deg,rgba(139,92,246,0.15),rgba(30,20,60,0.4));position:relative}.pet-card.resting::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(20,10,40,0.4) 100%);border-radius:16px;pointer-events:none;z-index:1}.pet-card.resting .pet-card-image{position:relative}.pet-card.resting .pet-card-image img{filter:brightness(0.6) saturate(0.7) hue-rotate(-10deg);animation:sleepyBreathe 3s ease-in-out infinite}@keyframes sleepyBreathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(0.98) translateY(2px)}}.pet-card .resting-indicator{position:absolute;top:5px;right:5px;width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:white;box-shadow:0 2px 12px rgba(139,92,246,0.5);animation:moonGlow 2s ease-in-out infinite;z-index:10}@keyframes moonGlow{0%,100%{box-shadow:0 2px 12px rgba(139,92,246,0.5)}50%{box-shadow:0 2px 20px rgba(139,92,246,0.8),0 0 30px rgba(139,92,246,0.3)}}.pet-card .sleeping-zzz{position:absolute;top:25%;right:15%;font-size:1rem;color:#a78bfa;text-shadow:0 0 10px rgba(139,92,246,0.8);animation:zzzFloat 2s ease-in-out infinite;z-index:10;font-weight:bold;opacity:.9}.pet-card .sleeping-zzz::before{content:'z';position:absolute;top:-12px;left:8px;font-size:.7rem;animation:zzzFloat 2s ease-in-out infinite .3s;opacity:.7}.pet-card .sleeping-zzz::after{content:'z';position:absolute;top:-20px;left:14px;font-size:.5rem;animation:zzzFloat 2s ease-in-out infinite .6s;opacity:.5}@keyframes zzzFloat{0%,100%{transform:translateY(0) rotate(-5deg);opacity:.4}50%{transform:translateY(-8px) rotate(5deg);opacity:1}}.pet-card-rest-status{font-size:.7rem;color:#a78bfa;margin-top:.35rem;display:flex;align-items:center;justify-content:center;gap:4px}.pet-rest-action{width:100%;padding:6px 10px;border:0;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:.5rem}.pet-rest-action.rest-btn{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));color:#a78bfa;border:1px solid rgba(139,92,246,0.3)}.pet-rest-action.rest-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,0.4),rgba(139,92,246,0.2));transform:translateY(-1px)}.pet-rest-action.wake-btn{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,168,0,0.1));color:var(--np-gold);border:1px solid rgba(255,215,0,0.3)}.pet-rest-action.wake-btn:hover{background:linear-gradient(135deg,rgba(255,215,0,0.4),rgba(255,168,0,0.2));transform:translateY(-1px)}.pet-action-btn.set-active-btn{width:100%;padding:6px 10px;border:0;border-radius:8px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:.25rem;background:linear-gradient(135deg,rgba(255,107,157,0.15),rgba(196,77,255,0.1));color:var(--np-pink);border:1px solid rgba(255,107,157,0.3)}.pet-action-btn.set-active-btn:hover{background:linear-gradient(135deg,rgba(255,107,157,0.3),rgba(196,77,255,0.2));transform:translateY(-1px);border-color:rgba(255,107,157,0.5)}.pet-card-status i{margin-right:4px;color:var(--np-gold)}.pet-card-image{position:relative}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.milestone-card{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.milestone-card.unlocked{border-color:rgba(255,215,0,0.3)}.milestone-card.claimed{opacity:.6}.milestone-card:hover:not(.claimed){transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.milestone-level{width:60px;height:60px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Fredoka',sans-serif}.milestone-card.locked .milestone-level{background:rgba(255,255,255,0.05);color:var(--np-text-muted)}.milestone-card.unlocked .milestone-level{background:linear-gradient(135deg,var(--np-gold),#ffa500);color:#0a0a1a}.milestone-level-num{font-size:1.25rem;font-weight:700;line-height:1}.milestone-level-label{font-size:.65rem;text-transform:uppercase}.milestone-info{flex:1}.milestone-name{font-weight:700;margin-bottom:.25rem}.milestone-reward{font-size:.85rem;color:var(--np-gold)}.milestone-claim-btn,.claim-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--np-gold),#ffa500);border:0;border-radius:8px;color:#0a0a1a;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease}.milestone-claim-btn:hover{transform:scale(1.05)}.milestone-claimed-badge,.claimed-badge{color:var(--np-green);font-size:.85rem;display:flex;align-items:center;gap:.25rem}.milestones-header{margin-bottom:1.5rem}.milestones-header h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:.5rem}.milestones-note{color:var(--np-text-muted);font-size:.9rem;margin-bottom:1rem}.species-selector{display:flex;gap:.5rem;flex-wrap:wrap}.species-selector button{padding:.5rem 1rem;background:rgba(255,255,255,0.08);border:1px solid var(--np-border);border-radius:20px;color:var(--np-text-muted);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.species-selector button:hover{background:rgba(255,255,255,0.12);color:white}.species-selector button.active{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;color:white}.species-selector button img{width:24px;height:24px;border-radius:50%}.quests-header{margin-bottom:2rem}.quests-header h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.quests-header h3 i{color:var(--np-gold)}.quests-subtitle{color:var(--np-text-muted);font-size:.95rem;margin-bottom:1rem}.quests-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--np-text-muted)}.quests-refresh,.quests-rerolls{display:flex;align-items:center;gap:.5rem}.quests-refresh i{color:var(--np-cyan)}.quests-rerolls i{color:var(--np-purple)}.quests-section{margin-bottom:2rem}.quests-section h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.quests-section h4 i{color:var(--np-gold)}.quest-progress-badge{background:rgba(255,215,0,0.15);color:var(--np-gold);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:auto}.quests-container{min-height:400px}.quests-list{display:flex;flex-direction:column;gap:1rem;min-height:100px}.quest-card{background:rgba(255,255,255,0.05);border:1px solid var(--np-border);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;align-items:center;transition:all .3s ease}.quest-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,215,0,0.3)}.quest-card.completed{border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.05)}.quest-card.claimed{opacity:.6}.quest-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,107,157,0.1));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.quest-icon.gaming{background:linear-gradient(135deg,rgba(236,72,153,0.2),rgba(168,85,247,0.1))}.quest-icon.gaming i{color:#ec4899}.quest-icon.companion{background:linear-gradient(135deg,rgba(74,222,128,0.2),rgba(34,211,238,0.1))}.quest-icon.companion i{color:#4ade80}.quest-icon.economy{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(249,115,22,0.1))}.quest-icon.economy i{color:#ffd700}.quest-icon.social{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(139,92,246,0.1))}.quest-icon.social i{color:#3b82f6}.quest-details{flex:1;min-width:0}.quest-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.quest-description{font-size:.85rem;color:var(--np-text-muted);margin-bottom:.5rem}.quest-progress-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--np-pink),var(--np-purple));border-radius:3px;transition:width .5s ease}.quest-card.completed .quest-progress-fill{background:linear-gradient(90deg,var(--np-green),#22d3ee)}.quest-progress-text{font-size:.75rem;color:var(--np-text-muted)}.quest-reward{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.quest-reward-amount{font-weight:700;color:var(--np-gold);font-size:1rem}.quest-reward-amount i{margin-right:.25rem}.quest-action-btn{padding:.5rem 1rem;border-radius:20px;border:0;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.quest-action-btn.claim{background:linear-gradient(135deg,var(--np-green),#22d3ee);color:white}.quest-action-btn.claim:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(74,222,128,0.3)}.quest-action-btn.reroll{background:rgba(255,255,255,0.1);color:var(--np-text-muted);border:1px solid var(--np-border)}.quest-action-btn.reroll:hover{background:rgba(196,77,255,0.15);border-color:rgba(196,77,255,0.3);color:var(--np-purple)}.quest-action-btn.claimed{background:transparent;color:var(--np-green);cursor:default}.quest-card.weekly{background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(239,68,68,0.05));border:1px solid rgba(249,115,22,0.3)}.quest-card.weekly:hover{border-color:rgba(249,115,22,0.5);box-shadow:0 0 20px rgba(249,115,22,0.2)}.weekly-icon{background:linear-gradient(135deg,rgba(249,115,22,0.3),rgba(239,68,68,0.2)) !important}.weekly-icon i{color:#f97316 !important}.weekly-progress .quest-progress-fill{background:linear-gradient(90deg,#f97316,#ef4444)}.quest-reset-timer{font-size:.75rem;color:rgba(255,255,255,0.5);margin-top:.25rem}.quest-reset-timer i{margin-right:.25rem}.quest-reward-amount.pp{color:var(--np-blue)}.quest-reward-amount.pp i{color:var(--np-blue)}.quest-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:rgba(255,255,255,0.5);gap:.5rem}.quest-loading i{font-size:2rem;opacity:.5}.quest-loading.error{color:#ef4444}.quests-streak-panel{background:linear-gradient(135deg,rgba(249,115,22,0.15),rgba(239,68,68,0.1));border:1px solid rgba(249,115,22,0.3);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-top:1rem}.streak-icon{width:60px;height:60px;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:white}.streak-info{flex:1}.streak-info h4{font-size:1.1rem;margin-bottom:.25rem}.streak-info p{font-size:.85rem;color:var(--np-text-muted);margin:0}.streak-count{font-size:1.5rem;font-weight:800;color:#f97316}.quest-loading{text-align:center;padding:2rem;color:var(--np-text-muted);min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quest-loading i{font-size:1.5rem;margin-bottom:.5rem}.quest-loading.error i{color:var(--np-red)}.achievements-header{margin-bottom:1.5rem}.achievements-header h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:1rem}.achievements-progress{display:flex;align-items:center;gap:1rem}.achievements-progress span{font-weight:600;color:var(--np-gold);min-width:60px}.achievements-bar{flex:1;max-width:300px;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.achievements-fill{height:100%;background:linear-gradient(90deg,var(--np-gold),var(--np-orange));border-radius:4px;transition:width .5s ease}.achievements-categories{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.ach-cat{padding:.5rem 1rem;background:rgba(255,255,255,0.08);border:1px solid var(--np-border);border-radius:20px;color:var(--np-text-muted);font-weight:600;cursor:pointer;transition:all .2s}.ach-cat:hover{background:rgba(255,255,255,0.12);color:white}.ach-cat.active{background:var(--np-gold);border-color:var(--np-gold);color:#1a1428}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.achievement-card{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;opacity:.5;position:relative;cursor:default}.achievement-card.earned.unclaimed{opacity:1;border-color:var(--np-gold);background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,215,0,0.05));cursor:pointer;animation:achievementGlow 2s ease-in-out infinite}.achievement-card.earned.unclaimed:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,0.3)}@keyframes achievementGlow{0%,100%{box-shadow:0 0 15px rgba(255,215,0,0.2)}50%{box-shadow:0 0 25px rgba(255,215,0,0.4)}}.achievement-card.earned.claimed{opacity:.75;border-color:rgba(255,215,0,0.4);background:linear-gradient(135deg,rgba(255,215,0,0.05),transparent)}.achievement-icon{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.achievement-card.earned .achievement-icon{background:linear-gradient(135deg,var(--np-gold),var(--np-orange));color:#1a1428}.achievement-card.earned.claimed .achievement-icon{background:linear-gradient(135deg,rgba(255,215,0,0.6),rgba(249,115,22,0.6))}.achievement-info{flex:1}.achievement-info h4{font-size:1rem;margin-bottom:.25rem}.achievement-info p{font-size:.85rem;color:var(--np-text-muted);margin-bottom:.5rem}.achievement-reward{font-size:.8rem;color:var(--np-gold);font-weight:600;display:flex;align-items:center;gap:.25rem}.achievement-date{font-size:.75rem;color:var(--np-text-muted)}.achievement-claim-hint{font-size:.75rem;color:var(--np-green);font-weight:600;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.achievement-claimed-badge{position:absolute;top:.75rem;right:.75rem;background:rgba(74,222,128,0.2);color:var(--np-green);padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700}.achievement-popup-container{position:fixed;top:100px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-popup{background:linear-gradient(135deg,#1a1428 0,#2d1f3d 100%);border:2px solid var(--np-gold);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 40px rgba(255,215,0,0.3),0 0 60px rgba(255,215,0,0.1);animation:achievementSlideIn .5s cubic-bezier(0.34,1.56,0.64,1) forwards;pointer-events:auto;min-width:320px;max-width:400px}.achievement-popup.hiding{animation:achievementSlideOut .4s ease-in forwards}@keyframes achievementSlideIn{0%{transform:translateX(120%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes achievementSlideOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(120%);opacity:0}}.achievement-popup-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--np-gold),var(--np-orange));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1a1428;flex-shrink:0;animation:achievementIconPop .6s .2s cubic-bezier(0.34,1.56,0.64,1) forwards;transform:scale(0)}@keyframes achievementIconPop{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0)}}.achievement-popup-content{flex:1}.achievement-popup-title{font-size:.75rem;color:var(--np-gold);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.achievement-popup-name{font-family:'Fredoka',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.achievement-popup-desc{font-size:.8rem;color:var(--np-text-muted)}.achievement-popup-reward{margin-top:.5rem;font-size:.8rem;color:var(--np-green);font-weight:600}.ap-balance-display{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(196,77,255,0.1));border:1px solid rgba(139,92,246,0.4);padding:.5rem 1rem;border-radius:12px;font-weight:700;color:#c4b5fd}.ap-balance-display i{color:#a78bfa;font-size:1.1rem}.ap-balance-display span{font-size:1.1rem}.achievements-subtabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--np-border);padding-bottom:1rem}.ach-subtab{padding:.6rem 1.2rem;background:transparent;border:1px solid var(--np-border);border-radius:20px;color:var(--np-text-muted);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.ach-subtab:hover{background:rgba(255,255,255,0.08);color:white}.ach-subtab.active{background:linear-gradient(135deg,var(--np-purple),var(--np-pink));border:0;color:white}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.shop-category-title{font-family:'Fredoka',sans-serif;font-size:1.2rem;color:var(--np-purple);margin:1.5rem 0 1rem;display:flex;align-items:center;gap:.5rem}.shop-category-title:first-child{margin-top:0}.shop-item{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1.25rem;transition:all .3s ease;position:relative}.shop-item:hover{border-color:var(--np-purple);transform:translateY(-2px)}.shop-item.owned{border-color:var(--np-green);background:linear-gradient(135deg,rgba(74,222,128,0.1),transparent)}.shop-item.owned::after{content:'✓ Owned';position:absolute;top:.75rem;right:.75rem;background:rgba(74,222,128,0.2);color:var(--np-green);padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700}.shop-item.active{border-color:var(--np-cyan);background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(0,212,255,0.05));box-shadow:0 0 20px rgba(0,212,255,0.2)}.shop-item.active::after{content:'★ Active';background:rgba(0,212,255,0.2);color:var(--np-cyan)}.shop-item-active-badge{display:none}.shop-activate-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--np-cyan),#0ea5e9);border:0;border-radius:8px;color:white;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.shop-activate-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,212,255,0.4)}.shop-active-badge{color:var(--np-cyan);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.shop-item.locked{opacity:.5;pointer-events:none}.shop-item-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.shop-item-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,0.3),rgba(196,77,255,0.2));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#c4b5fd;flex-shrink:0}.shop-item.owned .shop-item-icon{background:linear-gradient(135deg,rgba(74,222,128,0.3),rgba(74,222,128,0.1));color:var(--np-green)}.shop-item-info h4{font-size:1rem;margin-bottom:.25rem}.shop-item-info p{font-size:.8rem;color:var(--np-text-muted);line-height:1.4}.shop-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--np-border)}.shop-item-price{display:flex;align-items:center;gap:.35rem;font-weight:700;color:#c4b5fd}.shop-item-price i{color:#a78bfa}.shop-buy-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--np-purple),var(--np-pink));border:0;border-radius:8px;color:white;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.shop-buy-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(196,77,255,0.4)}.shop-buy-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.shop-species-link{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:0;border-radius:8px;color:white;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.shop-species-link:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(16,185,129,0.4);color:white}.shop-item-effect{font-size:.75rem;color:var(--np-cyan);margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.shop-item-requires{font-size:.7rem;color:var(--np-orange);margin-top:.25rem}.active-customizations{background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.active-custom-item{display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,0.2);padding:.75rem 1rem;border-radius:10px;flex:1;min-width:200px}.active-custom-item>i{color:var(--np-purple);font-size:1.1rem}.active-custom-label{font-size:.8rem;color:var(--np-text-muted);font-weight:600;white-space:nowrap}.reset-custom-btn{background:rgba(255,255,255,0.1);border:0;border-radius:6px;padding:.4rem .5rem;color:var(--np-text-muted);cursor:pointer;transition:all .2s;margin-left:auto}.reset-custom-btn:hover{background:rgba(255,255,255,0.2);color:white}.custom-select-wrapper{position:relative;flex:1}.custom-select{width:100%;padding:.5rem 2rem .5rem .75rem;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:white;font-weight:600;font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .2s}.custom-select:hover{border-color:var(--np-purple)}.custom-select:focus{outline:0;border-color:var(--np-purple);box-shadow:0 0 10px rgba(196,77,255,0.3)}.custom-select option{background:#1a1428;color:white;padding:.5rem}.custom-select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--np-text-muted);pointer-events:none}.inventory-header{margin-bottom:1.5rem}.inventory-header h3{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:1rem}.inventory-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:500px}@media(max-width:900px){.inventory-layout{grid-template-columns:1fr}}.inventory-companion-panel{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1.25rem}.inventory-companion-panel h4{margin:0 0 .5rem 0;font-size:1rem;color:white}.inventory-companion-desc{font-size:.8rem;color:var(--np-text-muted);margin:0 0 1rem 0}.inventory-companion-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;margin-bottom:1.5rem}.inv-companion-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,0.05);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.inv-companion-card:hover{background:rgba(255,255,255,0.1);border-color:var(--np-border)}.inv-companion-card.selected{background:linear-gradient(135deg,rgba(255,107,157,0.15),rgba(196,77,255,0.1));border-color:var(--np-pink)}.inv-companion-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,0.1)}.inv-companion-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));font-size:1.2rem;color:white}.inv-companion-info{flex:1}.inv-companion-name{font-weight:600;font-size:.9rem;color:white}.inv-companion-level{font-size:.75rem;color:var(--np-cyan)}.inventory-equipped-section{border-top:1px solid var(--np-border);padding-top:1rem}.inventory-equipped-section h5{margin:0 0 .75rem 0;font-size:.85rem;color:var(--np-text-muted)}.inventory-equipped-section h5 span{color:var(--np-pink)}.inventory-equipped-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.inv-equip-slot{position:relative;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:.5rem .4rem;text-align:center;cursor:pointer;transition:all .2s ease;min-width:0}.inv-equip-slot:hover{background:rgba(255,107,157,0.1);border-color:rgba(255,107,157,0.3)}.inv-equip-slot.filled{background:linear-gradient(135deg,rgba(74,222,128,0.1),rgba(34,197,94,0.05));border-color:rgba(74,222,128,0.4)}.inv-equip-slot .slot-icon{font-size:.9rem;color:rgba(255,255,255,0.5);margin-bottom:.15rem}.inv-equip-slot.filled .slot-icon{color:var(--np-green)}.inv-equip-slot .slot-label{display:block;font-size:.55rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:.02em}.inv-equip-slot .slot-content{display:block;font-size:.6rem;color:rgba(255,255,255,0.6);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.inv-equip-slot.filled .slot-content{color:white;font-weight:600}.inv-companion-stats{padding:.75rem 0;border-bottom:1px solid var(--np-border);margin-bottom:1rem}.inv-stat-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.inv-stat-bar:last-child{margin-bottom:0}.inv-stat-label{font-size:.7rem;font-weight:600;color:rgba(255,255,255,0.7);width:60px;display:flex;align-items:center;gap:.3rem}.inv-stat-label i{font-size:.65rem}.inv-stat-bar-track{flex:1;height:6px;background:rgba(0,0,0,0.4);border-radius:3px;overflow:hidden}.inv-stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.inv-stat-bar-fill.hp{background:linear-gradient(90deg,#ef4444,#f87171)}.inv-stat-bar-fill.hunger{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.inv-stat-bar-fill.happy{background:linear-gradient(90deg,#22c55e,#4ade80)}.inv-stat-value{font-size:.65rem;font-weight:700;color:rgba(255,255,255,0.8);min-width:48px;text-align:right}.inv-slot-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(15,15,35,0.98);border:1px solid rgba(255,107,157,0.3);border-radius:10px;padding:.6rem .8rem;min-width:160px;max-width:200px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:200;pointer-events:none;box-shadow:0 5px 20px rgba(0,0,0,0.4);text-align:left}.inv-equip-slot:hover .inv-slot-tooltip{opacity:1;visibility:visible}.inv-slot-tooltip::before{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(255,107,157,0.3)}.inv-slot-tooltip .tt-name{font-weight:700;font-size:.8rem;color:white;margin-bottom:.2rem}.inv-slot-tooltip .tt-rarity{font-size:.65rem;text-transform:uppercase;margin-bottom:.35rem}.inv-slot-tooltip .tt-rarity.common{color:#aaa}.inv-slot-tooltip .tt-rarity.uncommon{color:var(--np-green)}.inv-slot-tooltip .tt-rarity.rare{color:var(--np-cyan)}.inv-slot-tooltip .tt-rarity.epic{color:var(--np-purple)}.inv-slot-tooltip .tt-rarity.legendary{color:var(--np-gold)}.inv-slot-tooltip .tt-desc{font-size:.7rem;color:rgba(255,255,255,0.6);margin-bottom:.3rem;line-height:1.3;font-style:italic}.inv-slot-tooltip .tt-effects{border-top:1px solid rgba(255,255,255,0.1);padding-top:.3rem;margin-top:.3rem}.inv-slot-tooltip .tt-effect{font-size:.7rem;color:var(--np-cyan);display:flex;align-items:center;gap:.25rem}.inv-slot-tooltip .tt-effect i{color:var(--np-gold);font-size:.6rem}.inv-slot-tooltip .tt-hint{font-size:.6rem;color:rgba(255,255,255,0.4);margin-top:.3rem;padding-top:.2rem;border-top:1px solid rgba(255,255,255,0.1)}.inv-slot-tooltip .tt-empty{color:rgba(255,255,255,0.4);font-style:italic;font-size:.75rem}.inventory-main-panel{display:flex;flex-direction:column}.inventory-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.inv-tab{padding:.5rem 1rem;background:rgba(255,255,255,0.08);border:1px solid var(--np-border);border-radius:20px;color:var(--np-text-muted);font-weight:600;cursor:pointer;transition:all .2s}.inv-tab:hover{background:rgba(255,255,255,0.12);color:white}.inv-tab.active{background:linear-gradient(135deg,var(--np-cyan),var(--np-purple));border:0;color:white}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.inventory-item{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.inventory-item:hover{transform:translateY(-3px);border-color:var(--np-cyan)}.inventory-item.rarity-common{border-color:rgba(255,255,255,0.3)}.inventory-item.rarity-uncommon{border-color:#4ade80}.inventory-item.rarity-rare{border-color:#3b82f6}.inventory-item.rarity-epic{border-color:#a855f7}.inventory-item.rarity-legendary{border-color:var(--np-gold)}.inventory-item.rarity-mythic{border-color:var(--np-pink);animation:mythicGlow 2s ease-in-out infinite}.inventory-item{position:relative}.inv-uses-badge{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:rgba(251,191,36,0.2);border:1px solid rgba(251,191,36,0.5);border-radius:8px;font-size:.7rem;font-weight:700;color:#fbbf24}.inv-uses-badge i{font-size:.6rem}.inv-uses-badge.uses-good{background:rgba(52,211,153,0.15);border-color:rgba(52,211,153,0.4);color:#34d399}.inv-uses-badge.uses-low{background:rgba(251,146,60,0.2);border-color:rgba(251,146,60,0.5);color:#fb923c}.inv-uses-badge.uses-critical{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:#ef4444;animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,100%{opacity:1}50%{opacity:.7}}.inv-level-badge{position:absolute;top:.4rem;left:.4rem;display:flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background:rgba(139,92,246,0.25);border:1px solid rgba(139,92,246,0.5);border-radius:6px;font-size:.6rem;font-weight:600;color:#a78bfa}.inv-level-badge.level-high{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.5);color:var(--np-gold)}.inv-level-badge.level-too-high{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:#ef4444}.item-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.item-modal{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:20px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.item-modal .modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.1);border:0;color:white;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s;z-index:10}.item-modal .modal-close:hover{background:rgba(255,107,157,0.3)}.item-modal-content{padding:1.5rem}.item-modal-header{text-align:center;margin-bottom:1.5rem}.item-modal-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,rgba(255,107,157,0.2),rgba(196,77,255,0.1));display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:var(--np-pink)}.item-modal-name{font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.item-modal-rarity{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.item-modal-rarity.common{color:#aaa}.item-modal-rarity.uncommon{color:var(--np-green)}.item-modal-rarity.rare{color:var(--np-cyan)}.item-modal-rarity.epic{color:var(--np-purple)}.item-modal-rarity.legendary{color:var(--np-gold)}.item-modal-rarity.mythic{color:var(--np-pink)}.item-modal-desc{color:var(--np-text-muted);font-size:.9rem;margin:1rem 0;padding:1rem;background:rgba(0,0,0,0.2);border-radius:10px}.item-modal-level-req{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(239,68,68,0.05));border:1px solid rgba(239,68,68,0.3);border-radius:8px;color:#f87171;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.item-modal-level-req i{color:#ef4444}.item-modal-slot{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(99,102,241,0.05));border:1px solid rgba(99,102,241,0.3);border-radius:8px;color:#a5b4fc;font-size:.85rem;font-weight:600;margin-bottom:.75rem;margin-right:.5rem}.item-modal-slot i{color:#818cf8}.level-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px;color:#f87171;font-size:.85rem;margin-bottom:.75rem}.level-warning i{color:#ef4444}.item-modal-stats{margin:1rem 0}.item-stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.item-stat-label{color:var(--np-text-muted)}.item-stat-value{font-weight:600}.item-stat-value.positive{color:var(--np-green)}.item-stat-value.negative{color:#ef4444}.item-modal-quantity{text-align:center;margin:1rem 0;padding:.75rem;background:rgba(255,255,255,0.05);border-radius:10px}.item-modal-quantity span{font-size:1.2rem;font-weight:700;color:var(--np-cyan)}.item-modal-uses{margin:1rem 0;padding:1rem;background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);border-radius:12px}.item-modal-uses.uses-low{background:rgba(251,146,60,0.1);border-color:rgba(251,146,60,0.4)}.item-modal-uses.uses-critical{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.4)}.item-modal-uses .uses-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.item-modal-uses.uses-low .uses-header{color:#fb923c}.item-modal-uses.uses-critical .uses-header{color:#ef4444}.item-modal-uses .uses-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.75rem}.item-modal-uses .uses-current{font-size:2rem;font-weight:800;color:#fbbf24}.item-modal-uses.uses-low .uses-current{color:#fb923c}.item-modal-uses.uses-critical .uses-current{color:#ef4444}.item-modal-uses .uses-separator{font-size:1.2rem;color:rgba(255,255,255,0.4)}.item-modal-uses .uses-max{font-size:1.2rem;font-weight:600;color:rgba(255,255,255,0.5)}.item-modal-uses .uses-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.item-modal-uses .uses-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .3s ease}.item-modal-uses.uses-low .uses-bar-fill{background:linear-gradient(90deg,#fb923c,#f97316)}.item-modal-uses.uses-critical .uses-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.item-modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.item-action-btn{padding:.9rem 1.25rem;border-radius:12px;font-weight:700;font-size:.95rem;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.item-action-btn.primary{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));color:white}.item-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,107,157,0.4)}.item-action-btn.secondary{background:rgba(255,255,255,0.1);color:white;border:1px solid var(--np-border)}.item-action-btn.secondary:hover{background:rgba(255,255,255,0.15)}.item-action-btn.danger{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3)}.item-action-btn.danger:hover{background:rgba(239,68,68,0.3)}.item-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important}.item-modal-hint{padding:.75rem 1rem;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.3);border-radius:10px;font-size:.85rem;color:rgba(255,255,255,0.8);display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.item-modal-hint i{color:#818cf8}.item-modal-hint.collectible{background:rgba(168,85,247,0.15);border-color:rgba(168,85,247,0.3)}.item-modal-hint.collectible i{color:#a855f7}@keyframes mythicGlow{0%,100%{box-shadow:0 0 10px rgba(255,107,157,0.3)}50%{box-shadow:0 0 25px rgba(255,107,157,0.5)}}.item-icon{width:60px;height:60px;margin:0 auto .75rem;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.item-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.item-quantity{font-size:.8rem;color:var(--np-text-muted)}.equipped-section{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;padding:1.5rem}.equipped-section h4{font-family:'Fredoka',sans-serif;margin-bottom:1rem}.equipped-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.equip-slot{background:rgba(255,255,255,0.05);border:1px dashed var(--np-border);border-radius:12px;padding:1rem;text-align:center}.equip-slot.filled{border-style:solid;border-color:var(--np-cyan);background:rgba(0,212,255,0.1)}.slot-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.5}.equip-slot.filled .slot-icon{opacity:1;color:var(--np-cyan)}.slot-name{display:block;font-weight:600;font-size:.8rem;color:var(--np-text-muted);margin-bottom:.25rem}.slot-item{font-size:.85rem}.equip-slot.filled .slot-item{color:white}.leaderboard-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.lb-tab{padding:.5rem 1rem;background:rgba(255,255,255,0.05);border:1px solid var(--np-border);border-radius:8px;color:var(--np-text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.lb-tab:hover{background:rgba(255,107,157,0.1);border-color:rgba(255,107,157,0.3)}.lb-tab.active{background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;color:white}.leaderboard-table{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;overflow:hidden}.lb-header{display:grid;grid-template-columns:60px 1fr 120px 100px;padding:1rem 1.5rem;background:rgba(255,255,255,0.03);font-weight:700;font-size:.85rem;color:var(--np-text-muted);text-transform:uppercase;letter-spacing:.05em}.lb-row{display:grid;grid-template-columns:60px 1fr 120px 100px;padding:1rem 1.5rem;border-top:1px solid var(--np-border);align-items:center;transition:background .3s ease}.lb-row:hover{background:rgba(255,107,157,0.05)}.lb-row.you{background:rgba(255,107,157,0.1)}.lb-rank{font-family:'Fredoka',sans-serif;font-size:1.25rem;font-weight:700}.lb-rank.gold{color:#ffd700}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-player{display:flex;align-items:center;gap:1rem}.lb-player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(196,77,255,0.2),rgba(0,212,255,0.2));overflow:hidden}.lb-player-avatar img{width:100%;height:100%;object-fit:cover}.lb-player-name{font-weight:600}.lb-player-link{color:inherit;text-decoration:none;transition:color .2s ease}.lb-player-link:hover{color:var(--np-cyan);text-decoration:underline}.lb-player-companion{font-size:.85rem;color:var(--np-text-muted)}.lb-species{display:flex;align-items:center;gap:.5rem;color:var(--np-cyan);font-size:.9rem}.lb-score{font-family:'Fredoka',sans-serif;font-size:1.1rem;font-weight:700;color:var(--np-gold)}.settings-container{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--np-bg-card);border:1px solid var(--np-border);border-radius:16px;overflow:hidden}.settings-section-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:rgba(255,255,255,0.03);border-bottom:1px solid var(--np-border)}.settings-section-header i{font-size:1.25rem;color:var(--np-pink)}.settings-section-header h3{font-family:'Fredoka',sans-serif;font-size:1.2rem;margin:0}.settings-card{padding:1.5rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-label{display:flex;align-items:center;gap:.75rem;color:var(--np-text-muted)}.settings-label i{width:20px;text-align:center;color:var(--np-cyan)}.settings-value{font-weight:600;color:white}.settings-balance{font-family:'Fredoka',sans-serif;font-size:1.1rem}.settings-balance.np{color:var(--np-pink)}.settings-balance.pp{color:var(--np-cyan)}.settings-toggle{position:relative;display:inline-block;width:50px;height:26px}.settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.1);transition:.3s;border-radius:26px;border:1px solid rgba(255,255,255,0.2)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.3)}.settings-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--np-pink) 0,var(--np-purple) 100%);border-color:var(--np-pink)}.settings-toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.settings-toggle input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(139,92,246,0.3)}.settings-action-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.settings-action-info{flex:1;min-width:200px}.settings-action-title{display:flex;align-items:center;gap:.75rem;font-weight:600;margin-bottom:.25rem}.settings-action-title i{color:var(--np-cyan)}.settings-action-desc{color:var(--np-text-muted);font-size:.9rem;margin:0}.settings-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;border-radius:10px;color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,157,0.4)}.settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn.secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}.settings-btn.secondary:hover{background:rgba(255,255,255,0.15);box-shadow:none}.settings-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.settings-btn-danger:hover{box-shadow:0 4px 15px rgba(239,68,68,0.4)}.settings-status{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.settings-status.success{background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);color:var(--np-green)}.settings-status.error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:var(--np-red)}.settings-status.info{background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);color:var(--np-cyan)}.settings-links{display:flex;gap:1rem;flex-wrap:wrap}.settings-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,0.05);border:1px solid var(--np-border);border-radius:10px;color:var(--np-text-muted);text-decoration:none;font-size:.9rem;transition:all .3s ease}.settings-link:hover{background:rgba(255,107,157,0.1);border-color:rgba(255,107,157,0.3);color:white}.settings-link i{color:var(--np-cyan)}.settings-desc{color:var(--np-text-muted);font-size:.9rem;margin:0 0 1rem 0;line-height:1.5}.profile-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem}.profile-icon-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.profile-icon-option:hover{background:rgba(255,107,157,0.1);border-color:rgba(255,107,157,0.4);transform:translateY(-2px)}.profile-icon-option.selected{background:rgba(255,107,157,0.15);border-color:var(--np-pink);box-shadow:0 0 20px rgba(255,107,157,0.3)}.profile-icon-option.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--np-green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.profile-icon-option img{width:69px;height:69px;object-fit:contain;margin-bottom:.5rem}.profile-icon-option .icon-name{font-size:.75rem;color:var(--np-text-muted);text-align:center}.profile-icon-option.selected .icon-name{color:white}.profile-icon-option.locked{opacity:.6;cursor:not-allowed}.profile-icon-option.locked:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);transform:none}.profile-icon-option.locked .icon-name{color:rgba(255,255,255,0.4)}.icon-lock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:rgba(255,255,255,0.7);text-shadow:0 2px 8px rgba(0,0,0,0.8);pointer-events:none}.icon-check-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--np-green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.profile-icon-option.selected::after{display:none}.icon-unlock-progress{font-size:.85rem;color:var(--np-text-muted);margin-bottom:1rem}.current-icon-display{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);color:var(--np-text-muted);font-size:.9rem}.current-icon-preview{display:flex;align-items:center;gap:.5rem}.current-icon-preview img{width:40px;height:40px;object-fit:contain}.current-icon-preview span{color:white;font-weight:600}.lb-player-avatar.profile-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(255,107,157,0.15),rgba(139,92,246,0.15));border:2px solid rgba(255,107,157,0.3);border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lb-player-avatar.profile-icon img{width:40px;height:40px;object-fit:cover;border-radius:50%}.purchase-history-container{max-height:400px;overflow-y:auto;padding-right:.75rem}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,0.05);transition:background .3s ease}.purchase-item:last-child{border-bottom:0}.purchase-item:hover{background:rgba(255,107,157,0.05)}.purchase-info{display:flex;align-items:center;gap:1rem}.purchase-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(196,77,255,0.2),rgba(0,212,255,0.2));display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--np-cyan)}.purchase-details{display:flex;flex-direction:column}.purchase-name{font-weight:600;color:white}.purchase-shop{font-size:.8rem;color:var(--np-text-muted)}.purchase-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.purchase-price{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--np-pink)}.purchase-date{font-size:.8rem;color:var(--np-text-muted)}.purchase-qty{font-size:.8rem;color:var(--np-cyan)}.transaction-history-container{max-height:300px;overflow-y:auto;padding-right:.75rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}.transaction-item:last-child{border-bottom:0}.transaction-info{display:flex;align-items:center;gap:.75rem}.transaction-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.transaction-icon.positive{background:rgba(74,222,128,0.15);color:var(--np-green)}.transaction-icon.negative{background:rgba(239,68,68,0.15);color:var(--np-red)}.transaction-desc{font-size:.9rem}.transaction-amount{font-family:'Fredoka',sans-serif;font-weight:600}.transaction-amount.positive{color:var(--np-green)}.transaction-amount.negative{color:var(--np-red)}@media(max-width:768px){.settings-action-row{flex-direction:column;align-items:flex-start}.settings-btn{width:100%;justify-content:center}.purchase-item{flex-direction:column;gap:.75rem;align-items:flex-start}.purchase-meta{align-items:flex-start;flex-direction:row;gap:1rem}}.login-required{text-align:center;padding:4rem 2rem}.login-required i{font-size:4rem;color:var(--np-purple);margin-bottom:1.5rem}.login-required h2{font-family:'Fredoka',sans-serif;font-size:2rem;margin-bottom:1rem}.login-required p{color:var(--np-text-muted);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.login-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--np-pink),var(--np-purple));border:0;border-radius:50px;color:white;font-weight:700;font-size:1.1rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.login-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,107,157,0.4)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state i{font-size:4rem;color:var(--np-purple);opacity:.5;margin-bottom:1.5rem}.empty-state h4{font-family:'Fredoka',sans-serif;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--np-text-muted);margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}@media(max-width:900px){.companion-hero{grid-template-columns:1fr}.action-panels{grid-template-columns:1fr}}@media(max-width:768px){.main-content{padding:5rem 1rem 3rem}.dashboard-header h1{font-size:1.8rem}.lb-header,.lb-row{grid-template-columns:50px 1fr 80px}.lb-species{display:none}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header-actions{width:100%;justify-content:flex-start}.dashboard-tabs{margin-left:-1rem;margin-right:-1rem;padding:.5rem 1rem;border-radius:0;background:rgba(255,255,255,0.03);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding:.5rem}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{padding:.6rem 1rem;font-size:.85rem;scroll-snap-align:start}.dashboard-tab i{font-size:.9rem}}@media(max-width:480px){.main-content{padding:4.5rem .75rem 2rem}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.95rem}.dashboard-header-actions{flex-wrap:wrap;gap:.5rem}.replay-tutorial-btn,.share-profile-btn{padding:.6rem .85rem;font-size:.85rem}.dashboard-tabs{margin-left:-.75rem;margin-right:-.75rem;padding:.4rem .75rem;gap:.35rem}.dashboard-tab{padding:.5rem .75rem;font-size:.8rem;gap:.35rem}.dashboard-tab i{font-size:.8rem}.tab-badge{padding:1px 6px;font-size:.7rem}.companion-portrait{padding:1.25rem;border-radius:18px}.companion-name{font-size:1.4rem}.companion-species{font-size:.9rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.companion-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.companion-card{padding:.75rem}.companion-card-name{font-size:.85rem}.companion-card-level{font-size:.75rem}.equipment-slots{gap:.35rem}.equip-slot{padding:.4rem}.equip-slot-label{font-size:.6rem}}@media(max-width:360px){.dashboard-header h1{font-size:1.3rem}.dashboard-tab{padding:.45rem .6rem;font-size:.75rem}.dashboard-header-actions{flex-direction:column;align-items:stretch}.replay-tutorial-btn,.share-profile-btn{justify-content:center}.companion-grid{grid-template-columns:1fr;gap:.65rem}.collection-header h3{font-size:1.1rem}.sort-btn,.filter-btn{padding:.25rem .45rem;font-size:.65rem}.adopt-btn{font-size:.85rem;padding:.55rem .9rem}}@media(max-width:480px){.companion-card{padding:.65rem;border-radius:14px}.companion-card-image{width:60px;height:60px}.companion-card-image img{max-width:50px;max-height:50px}.companion-card-name{font-size:.8rem;margin-top:.35rem}.companion-card-level{font-size:.7rem;margin-top:.15rem}.companion-card-status{font-size:.65rem;padding:.2rem .5rem;margin-top:.35rem}.companion-card-actions{gap:.35rem;margin-top:.5rem}.companion-card-actions button{padding:.35rem .6rem;font-size:.7rem}}.profile-bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem;margin-bottom:1.5rem}.profile-bg-option{position:relative;width:100%;aspect-ratio:1;border-radius:12px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;display:flex;align-items:center;justify-content:center;overflow:visible}.profile-bg-option:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.3)}.profile-bg-option.selected{border-color:var(--np-pink);box-shadow:0 0 20px rgba(255,107,157,0.4)}.profile-bg-option.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--np-green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.profile-bg-option img{width:75%;height:75%;object-fit:contain}.current-bg-preview{display:flex;align-items:center;gap:.75rem}.bg-preview-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.bg-preview-circle img{width:36px;height:36px;object-fit:contain}.current-bg-preview span{color:white;font-weight:600;text-transform:capitalize}.avatar-bg-gray{background:linear-gradient(135deg,#374151 0,#1f2937 100%)}.avatar-bg-purple{background:linear-gradient(135deg,#7c3aed 0,#4c1d95 100%)}.avatar-bg-blue{background:linear-gradient(135deg,#3b82f6 0,#1e3a8a 100%)}.avatar-bg-cyan{background:linear-gradient(135deg,#22d3ee 0,#0e7490 100%)}.avatar-bg-orange{background:linear-gradient(135deg,#f97316 0,#9a3412 100%)}.avatar-bg-green{background:linear-gradient(135deg,#22c55e 0,#166534 100%)}.avatar-bg-pink{background:linear-gradient(135deg,#ec4899 0,#9d174d 100%)}.avatar-bg-gold{background:linear-gradient(135deg,#fbbf24 0,#b45309 100%)}.avatar-bg-shadow{background:linear-gradient(135deg,#1f2937 0,#030712 100%)}.avatar-bg-crimson{background:linear-gradient(135deg,#dc2626 0,#7f1d1d 100%)}.avatar-bg-cosmic{background:linear-gradient(135deg,#8b5cf6 0,#1e1b4b 100%)}.avatar-bg-teal{background:linear-gradient(135deg,#14b8a6 0,#134e4a 100%)}.gender-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:.85em;margin-left:.35em;vertical-align:middle}.gender-indicator i{font-size:.95em}.gender-male{color:#4a9eff}.gender-female{color:#ff69b4}.gender-none{color:#888;font-size:.8em;opacity:.7}.companion-card .gender-indicator{position:absolute;top:8px;right:8px;font-size:1rem;background:rgba(0,0,0,0.5);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.companion-card .gender-male{background:rgba(74,158,255,0.2);border:1px solid rgba(74,158,255,0.5)}.companion-card .gender-female{background:rgba(255,105,180,0.2);border:1px solid rgba(255,105,180,0.5)}.companion-card .gender-none{display:none}#skills-learned-notification{position:fixed;bottom:2rem;right:2rem;max-width:380px;width:90vw;background:rgba(15,10,30,0.96);border:1px solid rgba(168,85,247,0.45);border-radius:16px;z-index:10001;overflow:hidden;box-shadow:0 8px 32px rgba(168,85,247,0.2),0 0 60px rgba(168,85,247,0.08);opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}#skills-learned-notification.visible{opacity:1;transform:translateY(0);pointer-events:auto}.sln-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,rgba(168,85,247,0.25),rgba(236,72,153,0.15));border-bottom:1px solid rgba(168,85,247,0.25);font-weight:700;font-size:.9rem;color:#c084fc}.sln-header i:first-child{font-size:1rem}.sln-header span{flex:1}.sln-close{background:0;border:0;color:rgba(255,255,255,0.45);cursor:pointer;padding:4px;font-size:.85rem;line-height:1;transition:color .2s}.sln-close:hover{color:#fff}.sln-list{padding:10px 14px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.sln-companion{display:flex;align-items:baseline;gap:6px;padding:6px 10px;background:rgba(255,255,255,0.04);border-radius:8px;font-size:.82rem;flex-wrap:wrap}.sln-name{font-weight:700;color:#f8fafc;white-space:nowrap}.sln-name::after{content:':'}.sln-skills{color:rgba(255,255,255,0.65);flex:1;min-width:0}.sln-count{color:#a78bfa;font-size:.75rem;white-space:nowrap}.sln-overflow{padding:6px 10px;font-size:.8rem;color:rgba(255,255,255,0.45);font-style:italic}