@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: rgba(10, 13, 20, .4);--bg-surface: rgba(17, 21, 32, .7);--bg-card: rgba(22, 27, 46, .85);--bg-card-hover: rgba(28, 35, 64, .9);--border: rgba(255,255,255,.08);--border-bright: rgba(255,255,255,.16);--text-primary: #F0F2FF;--text-secondary:#8B92B3;--text-muted: #4A5068;--accent: #7C5CFC;--accent-glow: rgba(124,92,252,.4);--fire: #FF6B35;--wind: #A8E6CF;--earth: #C8A96E;--water: #4FC3F7;--lightning: #FFD700;--common: #9E9E9E;--rare: #42A5F5;--epic: #AB47BC;--legendary: #FFD700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;font-family:Nunito,sans-serif;font-size:16px;color:var(--text-primary);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased}html,body,#root{height:100%;width:100%;overflow-x:hidden;overscroll-behavior-y:none}#root{display:flex;justify-content:center;background:var(--bg-deep);position:relative}#root:before{content:"";position:fixed;top:-10%;left:-5%;width:110vw;height:120vh;background-image:url(/img/battle-arena-foreground.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.25;filter:blur(3px);z-index:0;pointer-events:none;will-change:transform;animation:subtle-parallax 60s ease-in-out infinite}@keyframes subtle-parallax{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,-1%) scale(1.02)}50%{transform:translateY(-2%) scale(1.03)}75%{transform:translate(2%,-1%) scale(1.02)}}#root:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#0a0d14b3,#0a0d144d 20%,#0a0d1400 35% 65%,#0a0d144d 80%,#0a0d14cc);z-index:0;pointer-events:none}.app-shell{width:100%;max-width:430px;min-height:100vh;display:flex;flex-direction:column;position:relative;background:transparent;overscroll-behavior-y:none;z-index:1}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes rainbowGlow{0%{box-shadow:0 0 20px #f0fc,0 0 40px #f0f6,0 0 60px #f0f3}25%{box-shadow:0 0 20px #0ffc,0 0 40px #0ff6,0 0 60px #0ff3}50%{box-shadow:0 0 20px #ff0c,0 0 40px #ff06,0 0 60px #ff03}75%{box-shadow:0 0 20px #0f0c,0 0 40px #0f06,0 0 60px #0f03}to{box-shadow:0 0 20px #f0fc,0 0 40px #f0f6,0 0 60px #f0f3}}@keyframes rainbowBorder{0%{border-color:#f0f;box-shadow:0 0 16px #f0f9,inset 0 0 16px #f0f3}25%{border-color:#0ff;box-shadow:0 0 16px #0ff9,inset 0 0 16px #0ff3}50%{border-color:#ff0;box-shadow:0 0 16px #ff09,inset 0 0 16px #ff03}75%{border-color:#0f0;box-shadow:0 0 16px #0f09,inset 0 0 16px #0f03}to{border-color:#f0f;box-shadow:0 0 16px #f0f9,inset 0 0 16px #f0f3}}.trainer-card-unique{animation:rainbowGlow 4s ease-in-out infinite}.trainer-avatar-unique{border:2px solid #FF00FF;animation:rainbowBorder 4s ease-in-out infinite}@keyframes sheen-slide{0%{transform:translate(-100%)}50%{transform:translate(400%)}to{transform:translate(400%)}}.progress-sheen{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:sheen-slide 3s ease-in-out infinite;will-change:transform}@keyframes sparkle-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes border-pulse{0%,to{box-shadow:0 0 16px var(--tier-glow)}50%{box-shadow:0 0 24px var(--tier-glow),0 0 32px var(--tier-glow)}}@keyframes float-slow{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(10px,-15px);opacity:.5}50%{transform:translate(-5px,-30px);opacity:.6}75%{transform:translate(-15px,-15px);opacity:.4}}@keyframes float-medium{0%,to{transform:translate(0) rotate(0);opacity:.4}33%{transform:translate(-12px,-20px) rotate(120deg);opacity:.6}66%{transform:translate(8px,-25px) rotate(240deg);opacity:.5}}@keyframes shimmer{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes shine-sweep{0%{left:-100%}50%,to{left:100%}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes depth-pulse{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 4px 16px #0000004d,0 0 20px #7c5cfc1a}}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease;pointer-events:none;z-index:10}.card-shine:hover:before{left:100%}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-particles:before,.floating-particles:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffff80;box-shadow:10vw 20vh 2px #fff6,30vw 40vh 1px #7c5cfc80,50vw 10vh 2px #ffffff4d,70vw 60vh 1px #7c5cfc66,20vw 70vh 2px #ffffff59,80vw 30vh 1px #ffffff73,40vw 80vh 2px #7c5cfc59,60vw 50vh 1px #fff6,15vw 90vh 2px #7c5cfc4d,85vw 15vh 1px #ffffff80,25vw 35vh 1px #ffffff59,65vw 75vh 2px #7c5cfc66,45vw 15vh 1px #ffffff4d,90vw 45vh 2px #7c5cfc59,12vw 55vh 1px #fff6,75vw 25vh 2px #7c5cfc4d,35vw 65vh 1px #ffffff73,55vw 85vh 2px #7c5cfc66,5vw 40vh 1px #ffffff59,95vw 70vh 2px #7c5cfc73,18vw 12vh 1px #fff6,72vw 48vh 2px #7c5cfc59,38vw 92vh 1px #ffffff80,88vw 58vh 2px #7c5cfc66,28vw 28vh 1px #ffffff59}.floating-particles:before{animation:float-slow 20s ease-in-out infinite}.floating-particles:after{animation:float-medium 15s ease-in-out infinite}.gradient-breath{background:linear-gradient(135deg,var(--accent),#A78BFA,var(--accent));background-size:200% 200%;animation:gradient-shift 3s ease infinite}.depth-pulse{animation:depth-pulse 4s ease-in-out infinite}