:root{--bg-primary:#04060f;--bg-secondary:#0b0e1b;--bg-card:#0e1529b3;--bg-card-hover:#16203dd9;--border-color:#c8aa6e26;--border-glow:#0ac8b94d;--color-hextech:#c8aa6e;--color-blue:#0ac8b9;--color-red:#ff4e50;--color-victory:#c8aa6e;--color-defeat:#ff4e50;--color-green:#3fec95;--color-orange:#ff9f43;--color-purple:#a55eea;--text-main:#f0f3fa;--text-muted:#8c97ac;--text-muted-dark:#58637a;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--card-radius:12px;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--glass-shadow:0 8px 32px 0 #00000080;--glass-border:1px solid #ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#0ac8b90d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#c8aa6e0a 0%,#0000 40%),radial-gradient(circle,#0b0e1b 0%,#04060f 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--card-radius);transition:var(--transition-smooth)}.glass-interactive:hover{background:var(--bg-card-hover);border-color:#c8aa6e4d;transform:translateY(-2px);box-shadow:0 10px 40px #0009,0 0 15px #c8aa6e14}.glow-cyan{border-color:#0ac8b94d;box-shadow:0 0 15px #0ac8b926}.glow-gold{border-color:#c8aa6e4d;box-shadow:0 0 15px #c8aa6e26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e263d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2b3758}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{border-color:#0ac8b940;box-shadow:0 0 20px #0ac8b926}50%{border-color:#0ac8b980;box-shadow:0 0 35px #0ac8b959}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.spinner{border:3px solid #ffffff1a;border-top-color:var(--color-blue);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.tag-badge{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600;font-family:var(--font-display);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.tag-badge.danger{color:var(--color-red);background:#ff4e501f;border:1px solid #ff4e5040}.tag-badge.success{color:var(--color-green);background:#3fec951f;border:1px solid #3fec9540}.tag-badge.info{color:var(--color-blue);background:#0ac8b91f;border:1px solid #0ac8b940}.tag-badge.warning{color:var(--color-orange);background:#ff9f431f;border:1px solid #ff9f4340}.tag-badge.purple{color:var(--color-purple);background:#a55eea1f;border:1px solid #a55eea40}.nav-tab{cursor:pointer;font-family:var(--font-display);color:var(--text-muted);transition:var(--transition-smooth);border-bottom:2px solid #0000;padding:12px 24px;font-size:.95rem;font-weight:600}.nav-tab:hover{color:var(--text-main)}.nav-tab.active{color:var(--color-hextech);border-bottom:2px solid var(--color-hextech)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.row-align{align-items:center;display:flex}.justify-between{justify-content:space-between}.rank-challenger{color:#f5f6fa;text-shadow:0 0 10px #ffffff4d}.rank-grandmaster{color:#eb4d4b;text-shadow:0 0 10px #eb4d4b4d}.rank-master{color:#be2edd;text-shadow:0 0 10px #be2edd4d}.rank-diamond{color:#48dbfb;text-shadow:0 0 10px #48dbfb4d}.rank-emerald{color:#1dd1a1;text-shadow:0 0 10px #1dd1a14d}.rank-platinum{color:#4bcffa}.rank-gold{color:#f1c40f}.rank-silver{color:#bdc581}.rank-bronze{color:#d35400}.rank-iron{color:#7f8c8d}