*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--primary: #667eea;--secondary: #764ba2;--accent: #00f2fe;--success: #43e97b;--danger: #f5576c;--warning: #fee140;--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--bg-tertiary: #252b4a;--bg-glass: rgba(26, 31, 58, .6);--text-primary: #ffffff;--text-secondary: #b8c1ec;--text-muted: #6b7280;--glow-primary: 0 0 20px rgba(102, 126, 234, .3);--glow-accent: 0 0 20px rgba(0, 242, 254, .3);--glow-success: 0 0 20px rgba(67, 233, 123, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(118,75,162,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(0,242,254,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(245,87,108,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}button{cursor:pointer;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--glow-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--secondary),var(--primary))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes levelUpPulse{0%,to{box-shadow:0 8px 32px #43e97b4d;transform:scale(1)}50%{box-shadow:0 8px 32px #43e97b99;transform:scale(1.02)}}.glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{animation:glow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.bottom-nav{display:none!important}@media(max-width:768px){.bottom-nav{display:flex!important}.main-app-container{padding-bottom:80px!important}nav>div>div:nth-child(2),nav>div>div:nth-child(3){display:none!important}button[aria-label="Toggle menu"]{display:flex!important}.container,[style*="padding: 2rem"]{padding:1rem!important}.login-features{grid-template-columns:1fr!important}[style*="padding: 4rem"]{padding:2rem 1rem!important}.stats-grid-mobile{grid-template-columns:repeat(3,1fr)!important}.info-grid-mobile{grid-template-columns:1fr!important}.actions-grid-mobile{grid-template-columns:repeat(2,1fr)!important}.characters-grid-mobile{grid-template-columns:1fr!important}.tab-mobile{padding:1rem!important}.tab-mobile span[style*="font-size: 3rem"]{font-size:2rem!important}.tab-mobile span[style*="font-size: 1.5rem"]{font-size:1rem!important}h1[style*="font-size: 2.5rem"],h1[style*="font-size: 3.5rem"]{font-size:1.75rem!important}.modal-mobile{width:95%!important;max-width:none!important;margin:1rem!important}.btn-mobile-full{width:100%!important}.tier-grid-mobile,.element-grid-mobile{grid-template-columns:repeat(2,1fr)!important}.warning-content-mobile{flex-direction:column!important;text-align:center!important}.hero-stats-mobile{flex-direction:column!important;gap:1rem!important}.hero-stats-mobile>div[style*="width: 1px"]{display:none!important}}@media(max-width:480px){.login-box{padding:2rem 1.5rem!important;margin:1rem!important}.login-title{font-size:1.75rem!important}.actions-grid-mobile{grid-template-columns:1fr!important}[style*="font-size: 4rem"],[style*="font-size: 5rem"]{font-size:3rem!important}.tier-grid-mobile{grid-template-columns:1fr!important}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-8px) rotate(-1deg)}75%{transform:translateY(-20px) rotate(.5deg)}}@keyframes parallaxMove{0%,to{transform:translate(0) scale(1.05)}25%{transform:translate(-10px,-5px) scale(1.05)}50%{transform:translate(5px,10px) scale(1.05)}75%{transform:translate(-5px,5px) scale(1.05)}}@keyframes rareBorderGlow{0%{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,inset 0 0 20px #ffd70033;border-color:#ffd700cc}25%{box-shadow:0 0 20px #ff69b4cc,0 0 40px #ff69b480,inset 0 0 20px #ff69b433;border-color:#ff69b4cc}50%{box-shadow:0 0 20px #8a2be2cc,0 0 40px #8a2be280,inset 0 0 20px #8a2be233;border-color:#8a2be2cc}75%{box-shadow:0 0 20px #00bfffcc,0 0 40px #00bfff80,inset 0 0 20px #00bfff33;border-color:#00bfffcc}to{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,inset 0 0 20px #ffd70033;border-color:#ffd700cc}}@keyframes epicBorderGlow{0%,to{box-shadow:0 0 15px #8a2be2cc,0 0 30px #8a2be266,inset 0 0 15px #8a2be233;border-color:#8a2be2e6}50%{box-shadow:0 0 25px #8a2be2,0 0 50px #8a2be299,inset 0 0 25px #8a2be24d;border-color:#8a2be2}}@keyframes fireFlicker{0%,to{transform:scaleY(1) scaleX(1) translateY(0);opacity:1;filter:blur(0px) hue-rotate(0deg)}25%{transform:scaleY(1.15) scaleX(.95) translateY(-5px);opacity:.9;filter:blur(1px) hue-rotate(10deg)}50%{transform:scaleY(.95) scaleX(1.05) translateY(-2px);opacity:1;filter:blur(0px) hue-rotate(-10deg)}75%{transform:scaleY(1.1) scaleX(.9) translateY(-8px);opacity:.85;filter:blur(1px) hue-rotate(5deg)}}@keyframes emberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:1}50%{transform:translateY(-30px) translate(10px) scale(.8);opacity:.6}to{transform:translateY(-60px) translate(-5px) scale(.3);opacity:0}}@keyframes neonPulse{0%{box-shadow:0 0 10px #667eea80,0 0 20px #667eea4d,0 0 30px #667eea33}50%{box-shadow:0 0 20px #667eeacc,0 0 40px #667eea80,0 0 60px #667eea4d}to{box-shadow:0 0 10px #667eea80,0 0 20px #667eea4d,0 0 30px #667eea33}}@keyframes neonRotate{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.2)}to{filter:hue-rotate(0deg) brightness(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pageTransitionIn{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes pageTransitionOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-20px) scale(.98);filter:blur(5px)}}@keyframes glowExpand{0%{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 25px #667eeacc,0 0 50px #667eea66}to{box-shadow:0 0 5px #667eea4d}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.animate-slideInUp{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) both}.animate-fadeIn{animation:fadeIn .8s ease-out both}.animate-float{animation:float 6s ease-in-out infinite}.animate-parallax{animation:parallaxMove 20s ease-in-out infinite}.animate-rareBorder{animation:rareBorderGlow 3s linear infinite}.animate-epicBorder{animation:epicBorderGlow 2s ease-in-out infinite}.animate-fire{animation:fireFlicker .3s ease-in-out infinite}.animate-ember{animation:emberRise 2s ease-out infinite}.animate-neonPulse{animation:neonPulse 2s ease-in-out infinite,neonRotate 4s linear infinite}.animate-countUp{animation:countUp .5s cubic-bezier(.4,0,.2,1) both}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pageIn{animation:pageTransitionIn .5s cubic-bezier(.4,0,.2,1) both}.animate-pageOut{animation:pageTransitionOut .3s cubic-bezier(.4,0,.2,1) both}.animate-glowExpand{animation:glowExpand 2s ease-in-out infinite}