@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap");:root{--background:#05070f;--foreground:#e8eaf6;--primary:#7c3aed;--primary-light:#9d5cf6;--primary-dark:#5b21b6;--primary-glow:rgba(124,58,237,.45);--secondary:#06b6d4;--secondary-light:#22d3ee;--secondary-dark:#0891b2;--secondary-glow:rgba(6,182,212,.35);--accent:#f59e0b;--accent-light:#fcd34d;--accent-dark:#d97706;--accent-glow:rgba(245,158,11,.4);--danger:#ef4444;--danger-glow:rgba(239,68,68,.35);--success:#10b981;--success-glow:rgba(16,185,129,.35);--warning:#f59e0b;--glass-bg:rgba(10,12,28,.65);--glass-border:hsla(0,0%,100%,.07);--glass-highlight:hsla(0,0%,100%,.035);--card-bg:rgba(14,17,38,.7);--card-border:hsla(0,0%,100%,.06);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 30px rgba(0,0,0,.4);--shadow-lg:0 20px 60px rgba(0,0,0,.5);--shadow-xl:0 32px 80px rgba(0,0,0,.6);--shadow-primary:0 8px 30px var(--primary-glow);--shadow-secondary:0 8px 30px var(--secondary-glow);--shadow-accent:0 8px 30px var(--accent-glow);--font-xs:0.65rem;--font-sm:0.78rem;--font-md:0.9rem;--font-lg:1rem;--font-xl:1.2rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.5rem;--font-5xl:3.5rem}*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Cairo,sans-serif;background-color:var(--background);color:var(--foreground);min-height:100vh;direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 90% 70% at 15% 5%,rgba(124,58,237,.12) 0,transparent 55%),radial-gradient(ellipse 70% 60% at 85% 95%,rgba(6,182,212,.09) 0,transparent 55%),radial-gradient(ellipse 50% 50% at 55% 45%,rgba(245,158,11,.05) 0,transparent 50%),radial-gradient(ellipse 40% 35% at 30% 75%,rgba(16,185,129,.04) 0,transparent 45%);background-attachment:fixed}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.015)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}button,input,select,textarea{font-family:Cairo,sans-serif;outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes rowEntry{0%{opacity:0;transform:translateX(20px) scaleX(.97)}to{opacity:1;transform:translateX(0) scaleX(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes shimmerSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.12}50%{transform:scale(1.12);opacity:.22}}@keyframes pulseFast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}@keyframes floatX{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(22px) translateY(-18px)}66%{transform:translateX(-12px) translateY(12px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderGlow{0%,to{box-shadow:0 0 15px rgba(124,58,237,.1)}50%{box-shadow:0 0 35px rgba(124,58,237,.35),0 0 70px rgba(124,58,237,.1)}}@keyframes battlePulse{0%,to{box-shadow:0 0 0 0 rgba(124,58,237,0),0 0 40px rgba(124,58,237,.1)}50%{box-shadow:0 0 0 6px rgba(124,58,237,.04),0 0 60px rgba(124,58,237,.2)}}@keyframes vsFlash{0%,to{opacity:1;text-shadow:0 0 20px var(--accent-glow)}50%{opacity:.7;text-shadow:0 0 40px var(--accent-glow),0 0 80px var(--accent-glow)}}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}@keyframes progressFill{0%{width:0}}@keyframes numberCount{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeInUp .55s cubic-bezier(.22,1,.36,1) forwards}.animate-fade-down{animation:fadeInDown .55s cubic-bezier(.22,1,.36,1) forwards}.animate-scale-in{animation:scaleIn .45s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-right{animation:slideInRight .45s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-left{animation:slideInLeft .45s cubic-bezier(.22,1,.36,1) forwards}.num-anim{animation:numberCount .7s cubic-bezier(.22,1,.36,1) forwards}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--glass-highlight) 0,transparent 55%);pointer-events:none;z-index:0}button{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary-dark) 100%);background-size:200% 200%;color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:800;font-size:var(--font-lg);font-family:Cairo,sans-serif;box-shadow:0 4px 24px var(--primary-glow),inset 0 1px 0 hsla(0,0%,100%,.18);position:relative;overflow:hidden;letter-spacing:.02em}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,hsla(0,0%,100%,.1) 50%,transparent 75%);transform:translateX(-110%);transition:transform .6s ease}.btn-primary:hover{box-shadow:0 8px 35px var(--primary-glow),0 0 0 1px hsla(0,0%,100%,.1);transform:translateY(-2px);animation:gradientShift 3s ease infinite}.btn-primary:hover:after{transform:translateX(110%)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.input-field{width:100%;background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.08);color:#fff;padding:13px 16px;border-radius:var(--radius-md);font-size:var(--font-lg);font-family:Cairo,sans-serif;transition:all .3s ease}.input-field::placeholder{color:hsla(0,0%,100%,.22)}.input-field:focus{border-color:var(--primary);background:rgba(124,58,237,.07);box-shadow:0 0 0 3px rgba(124,58,237,.18),0 0 24px rgba(124,58,237,.1)}.input-field option{background:#0d1020}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .25s ease forwards;overflow-y:auto;padding:2rem 1rem}.loader{border-left:3px solid hsla(0,0%,100%,.06);border-bottom:3px solid hsla(0,0%,100%,.06);border-top:3px solid hsla(0,0%,100%,.06);border-top-color:var(--primary);border-right:3px solid hsla(0,0%,100%,.06);border-right-color:var(--secondary);border-radius:50%;width:36px;height:36px;animation:spin .75s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px var(--primary-glow)}.container{max-width:1140px;margin:0 auto;padding:2rem 1.5rem}.stat-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 60px rgba(0,0,0,.35)!important}.tx-row{transition:all .25s ease;animation:rowEntry .4s cubic-bezier(.22,1,.36,1) both}.tx-row:hover{background:rgba(124,58,237,.07)!important;border-color:rgba(124,58,237,.22)!important;transform:translateX(-5px)}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:floatX 14s ease-in-out infinite}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:var(--font-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.badge-primary{background:rgba(124,58,237,.15);color:var(--primary-light);border-color:rgba(124,58,237,.28)}.badge-success{background:rgba(16,185,129,.12);color:var(--success);border-color:rgba(16,185,129,.25)}.badge-accent{background:rgba(245,158,11,.12);color:var(--accent);border-color:rgba(245,158,11,.25)}.avatar{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0;position:relative}.avatar:after{content:"";position:absolute;inset:-2px;border-radius:14px;background:inherit;filter:blur(10px);opacity:.4;z-index:-1}.sep{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);margin:1.5rem 0}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.filter-tab{padding:8px 18px;border-radius:var(--radius-sm);border:none;font-size:var(--font-sm);font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;transition:all .25s ease;letter-spacing:.02em;color:hsla(0,0%,100%,.5);background:transparent}.filter-tab:hover{color:hsla(0,0%,100%,.82);background:hsla(0,0%,100%,.06)}.filter-tab.active{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.section-title{font-size:1.1rem;font-weight:800;color:#f1f5f9;letter-spacing:-.02em}.comparison-card{animation:battlePulse 4s ease-in-out infinite;border:1px solid rgba(124,58,237,.2)!important;background:linear-gradient(145deg,rgba(10,5,25,.9),rgba(8,12,30,.85) 50%,rgba(5,8,20,.92))!important}.comparison-card .vs-badge{font-size:1.1rem;font-weight:900;color:var(--accent);letter-spacing:.12em;animation:vsFlash 2.5s ease-in-out infinite;text-shadow:0 0 20px var(--accent-glow)}.comparison-card .crown-icon{animation:crownBounce 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 10px var(--accent-glow))}.comparison-player-card{border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease}.comparison-player-card:hover{transform:translateY(-3px)}.progress-bar-track{height:8px;background:hsla(0,0%,100%,.06)}.progress-bar-fill,.progress-bar-track{border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;animation:progressFill 1.2s cubic-bezier(.22,1,.36,1) forwards}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.35),transparent);animation:shimmerSlide 2s ease-in-out infinite}.battle-message{text-align:center;padding:.85rem 1.5rem;border-radius:var(--radius-md);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);font-weight:800;font-size:.95rem;letter-spacing:-.01em}@media (max-width:768px){.container{padding:1rem .85rem}.glass-panel{border-radius:var(--radius-lg)}:root{--font-5xl:2.8rem;--font-4xl:2rem}}@media (max-width:480px){:root{--font-5xl:2.4rem;--font-4xl:1.7rem}}