@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap";:root{--bg-main:#080408;--bg-navbar:#0a0509;--bg-panel:#10080e;--bg-row-dark:#110a10;--bg-row-light:#160e15;--border-light:#ff282814;--border-glow:#dc262626;--text-primary:#f8f0f0;--text-secondary:#8b6b6b;--text-dim:#5c3f3f;--accent-gold:#fbbf24;--accent-silver:#cbd5e1;--accent-bronze:#cd7f32;--red-hot:#ef4444;--red-deep:#dc2626;--red-blood:#991b1b;--red-ember:#f97316;--crimson:#be123c;--magenta-fire:#e11d48;--btn-bg:#dc262614;--btn-hover:#dc26262e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-main);box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 20px #ef444499}}@keyframes borderPulse{0%,to{border-color:#dc262626}50%{border-color:#dc262659}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}body{background:var(--bg-main);background-image:radial-gradient(80% 50% at 50% 0,#dc26260f 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#f973160a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0}#root{max-width:1200px;margin:0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--red-blood);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--red-deep)}::selection{color:#fff;background:#dc262666}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}input{color:#fff;background:#dc26260d;border:1px solid #dc26261f;border-radius:6px;outline:none;padding:6px 12px;transition:all .3s}input:focus{border-color:var(--red-hot);box-shadow:0 0 12px #ef444433}.glass-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#080408e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(145deg,#10080e,#1a0e18);border:1px solid #dc262633;border-radius:16px;width:400px;max-width:90vw;padding:24px;animation:.35s cubic-bezier(.4,0,.2,1) scaleIn;box-shadow:0 20px 60px #000c,0 0 40px #dc26261a}.navbar{border-bottom:1px solid var(--border-glow);justify-content:space-between;align-items:center;height:64px;padding:0;animation:.5s fadeIn;display:flex}.logo{letter-spacing:.05em;background:linear-gradient(135deg,#ef4444,#f97316,#fbbf24) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ef44444d;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.6rem;font-style:italic;font-weight:900;animation:4s linear infinite shimmer;display:flex}.nav-links{color:var(--text-secondary);gap:24px;font-size:.9rem;font-weight:600;display:flex}.nav-link{cursor:pointer;align-items:center;gap:6px;padding:4px 0;transition:all .3s;display:flex;position:relative}.nav-link:after{content:"";background:linear-gradient(to right, var(--red-hot), var(--red-ember));border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--red-hot)}.nav-link:hover:after{width:100%}.search-box{background:#dc26260a;border:1px solid #dc26261a;border-radius:20px;align-items:center;gap:8px;width:250px;padding:6px 16px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--red-hot);background:#dc262614;box-shadow:0 0 16px #ef444426}.search-box input{width:100%;box-shadow:none;background:0 0;border:none;padding:0}.search-box input:focus{box-shadow:none;border-color:#0000}.tabs-container{border-bottom:1px solid var(--border-glow);gap:8px;margin-bottom:24px;padding:16px 0;animation:.5s .1s both fadeInUp;display:flex;overflow-x:auto}.tab-pill{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:80px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tab-pill:before{content:"";opacity:0;border-radius:inherit;background:radial-gradient(circle,#dc26261f,#0000 70%);transition:opacity .35s;position:absolute;inset:0}.tab-pill:hover{color:var(--text-primary);background:#dc26260f;border-color:#dc262626;transform:translateY(-2px)}.tab-pill:hover:before{opacity:1}.tab-pill:active{transform:translateY(0)scale(.97)}.tab-pill.active{color:var(--text-primary);background:linear-gradient(145deg,#dc26261a,#dc26260a);border:1px solid #dc262640;box-shadow:0 0 20px #dc26261a,inset 0 0 20px #dc26260d}.tab-pill.active .tab-icon{filter:drop-shadow(0 0 6px #ef444480)}.tab-icon{margin-bottom:2px;transition:all .3s}.leaderboard-container{border:1px solid var(--border-glow);border-radius:16px;flex-direction:column;gap:2px;animation:.6s .2s both fadeInUp;display:flex;overflow:hidden;box-shadow:0 4px 30px #0006,0 0 60px #dc26260a}.leaderboard-header{color:var(--red-hot);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-glow);background:linear-gradient(90deg,#dc26260f,#dc262605);grid-template-columns:140px 1fr 100px 300px;padding:12px 24px;font-size:.75rem;font-weight:800;display:grid}.leaderboard-row{background:var(--bg-row-dark);cursor:pointer;grid-template-columns:140px 1fr 100px 300px;align-items:center;min-height:88px;padding:0 24px 0 0;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s both fadeInUp;display:grid;position:relative}.leaderboard-row:nth-child(2n){background:var(--bg-row-light)}.leaderboard-row:hover{box-shadow:inset 4px 0 0 var(--red-hot), 0 0 20px #dc262614;background:#dc26260f;transform:scale(1.005)}.leaderboard-row:first-child{animation-delay:.1s}.leaderboard-row:nth-child(2){animation-delay:.15s}.leaderboard-row:nth-child(3){animation-delay:.2s}.leaderboard-row:nth-child(4){animation-delay:.25s}.leaderboard-row:nth-child(5){animation-delay:.3s}.leaderboard-row:nth-child(6){animation-delay:.35s}.leaderboard-row:nth-child(7){animation-delay:.4s}.leaderboard-row:nth-child(8){animation-delay:.45s}.rank-avatar-area{border-radius:0;align-items:center;gap:4px;height:100%;padding:0 8px;transition:all .3s;display:flex;position:relative;overflow:hidden}.rank-avatar-area.top-rank{clip-path:polygon(0 0,100% 0,85% 100%,0% 100%)}.leaderboard-row:nth-child(2) .rank-avatar-area.top-rank{box-shadow:inset 0 0 30px #fbbf2433}.rank-number{color:var(--text-primary);text-shadow:2px 2px 4px #00000080;z-index:2;min-width:40px;font-size:1.8rem;font-style:italic;font-weight:900;transition:all .3s}.rank-avatar-area.top-rank .rank-number{color:#fffffff2}.rank-1{color:var(--accent-gold);text-shadow:0 0 12px #fbbf2466}.rank-2{color:var(--accent-silver);text-shadow:0 0 10px #cbd5e14d}.rank-3{color:var(--accent-bronze);text-shadow:0 0 10px #cd7f324d}.player-avatar{flex-shrink:0;width:52px;min-width:52px;height:80px;position:relative;overflow:hidden}.player-avatar img{filter:drop-shadow(2px 2px 3px #00000080);width:100%;height:auto;image-rendering:optimizeQuality;transition:all .3s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.leaderboard-row:hover .player-avatar img{filter:drop-shadow(2px 2px 6px #ef44444d);transform:translate(-50%)scale(1.05)}.player-details{flex-direction:column;padding:12px 0;animation:.5s both slideInLeft;display:flex}.player-username{letter-spacing:-.02em;font-size:1.25rem;font-weight:800;transition:all .3s}.leaderboard-row:hover .player-username{color:#fff;text-shadow:0 0 10px #ef444433}.player-title-row{align-items:center;gap:6px;font-size:.8rem;display:flex}.title-icon{color:var(--accent-gold)}.player-title{color:var(--text-secondary);transition:color .3s}.player-points{color:var(--text-dim)}.region-badge{color:#fca5a5;text-align:center;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#7f1d1d,#991b1b);border:1px solid #ef444426;border-radius:6px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:800;transition:all .3s}.region-badge:hover{box-shadow:0 0 10px #ef444433}.region-badge.EU{color:#86efac;background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e26}.region-badge.EU:hover{box-shadow:0 0 10px #22c55e33}.tier-bubbles{flex-wrap:wrap;gap:8px;display:flex}.tier-bubble{background:#000;border:2px solid #dc262626;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.tier-bubble:hover{border-color:var(--red-hot);transform:scale(1.15);box-shadow:0 0 12px #ef444459}.tier-bubble.active-badge{border-color:var(--red-hot);animation:2.5s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #ef44444d}.tier-bubble-icon{justify-content:center;align-items:center;font-size:.8rem;display:flex}.tier-bubble-icon img{background:#000;border-radius:50%}.tier-bubble-text{margin-top:1px;font-size:.55rem;font-weight:800}.stats-modal{background:linear-gradient(165deg,#10080e 0%,#140a12 50%,#0d060b 100%);border:1px solid #dc262633;border-radius:20px;flex-direction:column;align-items:center;width:420px;max-width:92vw;max-height:85vh;padding:32px 36px;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 80px #000000d9,0 0 60px #dc262614,inset 0 1px #ffffff08}.stats-close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#dc262614;border:1px solid #dc262626;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.stats-close-btn:hover{color:var(--red-hot);background:#dc262633;transform:rotate(90deg);box-shadow:0 0 12px #ef44444d}.stats-avatar-container{margin-bottom:16px;animation:.5s .1s both fadeInUp}.stats-avatar-ring{background:conic-gradient(from 180deg,#475569,#94a3b8,#cbd5e1,#94a3b8,#475569);border-radius:50%;width:160px;height:160px;padding:3px;transition:box-shadow .3s;animation:3s ease-in-out infinite subtleFloat;box-shadow:0 0 25px #64748b40,0 8px 32px #00000080}.stats-avatar-ring:hover{box-shadow:0 0 35px #64748b59,0 8px 40px #0009}.stats-avatar-inner{background:radial-gradient(circle at 50% 55%,#1e293b 0%,#0f172a 70%,#0a0f1a 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.stats-avatar-img{object-fit:contain;image-rendering:auto;filter:drop-shadow(2px 4px 10px #0009);width:auto;max-width:130%;height:90%;transition:transform .4s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-avatar-ring:hover .stats-avatar-img{transform:translate(-50%,-50%)scale(1.05)}.stats-username{letter-spacing:-.02em;text-shadow:0 0 20px;margin-bottom:10px;font-size:1.6rem;font-weight:900;animation:.5s .15s both fadeInUp}.stats-title-badge{border:1px solid;border-radius:20px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 16px;font-size:.85rem;font-weight:700;animation:.5s .2s both fadeInUp;display:flex}.stats-region{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;font-weight:500;animation:.5s .25s both fadeInUp}.stats-namemc-btn{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;animation:.5s .3s both fadeInUp;display:flex}.stats-namemc-btn:hover{background:#dc26261a;border-color:#dc262640;transform:translateY(-1px);box-shadow:0 0 12px #ef444426}.stats-divider{background:linear-gradient(90deg,#0000,#dc262633,#0000);width:100%;height:1px;margin:16px 0}.stats-section-label{letter-spacing:.12em;color:var(--red-hot);text-transform:uppercase;align-self:flex-start;margin-bottom:10px;font-size:.75rem;font-weight:800;animation:.5s .35s both fadeInUp}.stats-position-row{background:#0000004d;border:1px solid #dc26261a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .3s;animation:.5s .4s both fadeInUp;display:flex}.stats-position-row:hover{border-color:#dc262640;box-shadow:0 0 15px #dc262614}.stats-rank-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stats-rank-number{color:#fff;text-shadow:1px 1px 3px #00000080;font-size:1.1rem;font-style:italic;font-weight:900}.stats-position-info{align-items:center;gap:8px;font-size:.9rem;display:flex}.stats-tiers-grid{background:#0000004d;border:1px solid #dc26261a;border-radius:12px;flex-wrap:wrap;gap:8px;width:100%;padding:12px 14px;animation:.5s .45s both fadeInUp;display:flex}.stats-tier-item{border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:44px;padding:6px;transition:all .3s;display:flex}.stats-tier-item:hover{background:#dc262614;transform:scale(1.1)}.stats-tier-item.active img{box-shadow:0 0 8px #ef444466}.stats-tier-label{font-size:.6rem;font-weight:800}