@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap";
:root{--font-body:"Inter", sans-serif;--font-heading:"Oswald", sans-serif;--bg-primary:#121420;--bg-secondary:#1a1c2b;--bg-tertiary:#23263b;--bg-nav:#121420d9;--text-primary:#fff;--text-secondary:#8c90ad;--text-muted:#5a5f7d;--accent-primary:#6b82ff;--accent-primary-hover:#8ba0ff;--accent-gold:#cfa861;--win-color:#618cff;--loss-color:#df4b54;--success:#52c47a;--warning:#f4c875;--danger:#df4b54;--purple:#a266ff;--teal:#45d4c2;--orange:#e3a337;--tier-challenger:#f4c875;--tier-grandmaster:#cd4444;--tier-master:#9f5bc5;--tier-diamond:#57a0e0;--tier-emerald:#52c47a;--tier-platinum:#45d4c2;--tier-gold:#e3a337;--tier-silver:#8c9ab0;--tier-bronze:#a06540;--tier-iron:#666e7a;--chart-1:#6b82ff;--chart-2:#52c47a;--chart-3:#df4b54;--chart-4:#f4c875;--chart-5:#a266ff;--border-subtle:#ffffff0d;--border-medium:#ffffff1a;--border-accent:#6b82ff4d;--border-nav:#6b82ff1f;--glass-bg:#1a1c2bb3;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #0000004d;--glass-blur:blur(12px);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--shadow-card:0 8px 32px 0 #0000004d;--shadow-card-hover:0 12px 40px #0006;--shadow-cta:0 4px 24px #6b82ff66;--shadow-cta-hover:0 4px 32px #6b82ff99;--shadow-glow:0 0 20px #6b82ff66;--transition:all .25s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease;--transition-slow:all .4s cubic-bezier(.16, 1, .3, 1);--ease-out-premium:cubic-bezier(.16, 1, .3, 1);--ease-hover:cubic-bezier(.2, .8, .2, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-in-soft:cubic-bezier(.32, 0, .67, 0);--motion-hover:.18s var(--ease-hover);--motion-panel:.38s var(--ease-out-premium);--motion-data:.62s var(--ease-out-premium);--glow-cyan-soft:0 0 22px #0ac8b92e;--glow-cyan-strong:0 0 32px #0ac8b957;--glow-gold-soft:0 0 22px #c89b3c33;--client-border:linear-gradient(90deg, #0ac8b9a6, #f0e6d261, #c89b3c9e);--container-max:1400px;--container-md:1200px;--container-sm:1100px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:radial-gradient(circle at 18% -10%, #6b82ff24, transparent 32rem), radial-gradient(circle at 92% 8%, #cfa8611a, transparent 28rem), var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #0ac8b9e6}button,input,select,textarea{font:inherit}button{cursor:pointer;font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase}img,svg,canvas,video{max-width:100%;display:block}::selection{color:var(--text-primary);background:#6b82ff59}.container{width:min(100% - 2rem, var(--container-max));margin:0 auto}.glass-panel{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem}.type-hero{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:4.5rem;font-weight:700;line-height:.95}.type-h1{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:2.5rem;font-weight:700}.type-h2{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:1.5rem;font-weight:600}.type-h3{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:1.1rem;font-weight:600}.type-eyebrow{color:var(--accent-primary);font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:.65rem;font-weight:600}.type-stat{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:0;font-size:1.75rem;font-weight:600}.type-body{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.7}.type-label{color:var(--text-muted);font-family:var(--font-body);letter-spacing:0;text-transform:uppercase;font-size:.65rem;font-weight:600}.type-caption{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:400}.type-button{font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;font-size:.85rem;font-weight:600}@keyframes glow{0%{box-shadow:0 0 10px #6b82ff33}50%{box-shadow:0 0 20px #6b82ff99}to{box-shadow:0 0 10px #6b82ff33}}@keyframes pulse{0%{box-shadow:0 0 #df4b54b3}70%{box-shadow:0 0 0 10px #df4b5400}to{box-shadow:0 0 #df4b5400}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes qClientEnter{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:saturate(1.4)brightness(1.18);transform:translate(-14px)scaleX(.985)}58%{opacity:1;clip-path:inset(0);filter:saturate(1.25)brightness(1.08);transform:translate(2px)scaleX(1)}to{opacity:1;clip-path:inset(0);filter:saturate()brightness();transform:translate(0,0)scaleX(1)}}@keyframes qClientSlideIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-22px)}62%{opacity:1;clip-path:inset(0);transform:translate(3px)}to{opacity:1;clip-path:inset(0);transform:translate(0)}}@keyframes qClientBarFill{0%{filter:brightness(2)saturate(1.65);transform:scaleX(0)}68%{filter:brightness(1.45)saturate(1.35);transform:scaleX(1.015)}to{filter:brightness(1.06)saturate(1.08);transform:scaleX(1)}}@keyframes qClientAccentPulse{0%,to{opacity:.58;filter:brightness(.85);box-shadow:0 0 10px #00d8ff40}50%{opacity:1;filter:brightness(1.85);box-shadow:0 0 22px #00d8ffbf,0 0 10px #c89b3c59}}@keyframes qClientSweep{0%{opacity:0;transform:translate(-150%)skew(-24deg)}12%{opacity:.85}44%{opacity:.22}to{opacity:0;transform:translate(260%)skew(-24deg)}}@keyframes qClientPanelSheen{0%{opacity:0;transform:translate(-130%)skew(-18deg)}18%{opacity:.9}to{opacity:0;transform:translate(180%)skew(-18deg)}}@keyframes qClientValuePulse{0%{filter:brightness();transform:translateY(0)scale(1)}36%{filter:brightness(1.55);transform:translateY(-1px)scale(1.018)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes qClientGlowBreath{0%,to{box-shadow:inset 0 1px #ffffff0d,inset 3px 0 #00d8ff14,0 16px 36px #00000038}50%{box-shadow:inset 0 1px #ffffff0f,inset 3px 0 #00d8ff6b,0 20px 48px #00d8ff1c}}@keyframes qClientBootLine{0%{opacity:0;transform:translate(-110%)scaleX(.5)}18%{opacity:1}72%{opacity:.75}to{opacity:0;transform:translate(210%)scaleX(1.05)}}@keyframes qClientDataFlicker{0%,to{opacity:.55;transform:translateY(0)}42%{opacity:1;transform:translateY(-1px)}47%{opacity:.35}52%{opacity:1}}@keyframes qClientMeterPulse{0%,to{filter:brightness(1.04)}50%{filter:brightness(1.35)}}@keyframes hotPulse{0%,to{background:#ff78320d;box-shadow:inset 3px 0 #ff7832}50%{box-shadow:inset 3px 0 0 var(--warning);background:#f4c87517}}@keyframes coldPulse{0%,to{box-shadow:inset 3px 0 0 var(--tier-diamond);background:#57a0e00d}50%{box-shadow:inset 3px 0 0 var(--purple);background:#a266ff12}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}:where([class*=page]){isolation:isolate;will-change:clip-path, transform, opacity;animation:.34s cubic-bezier(.2,.9,.08,1) both qClientEnter;position:relative}:where([class*=page]):after{content:"";z-index:30;pointer-events:none;background:linear-gradient(90deg,#0000,#00d8ff 24%,#f0e6d2 48%,#c89b3c 62%,#0000);height:2px;animation:.82s cubic-bezier(.16,1,.3,1) both qClientBootLine;position:absolute;top:0;left:0;right:0;box-shadow:0 0 22px #00d8ffa6}:where([class*=heroText],[class*=heroFeedCol],[class*=commandCenter],[class*=pulseCard],[class*=eventPanel],[class*=rivalryPanel],[class*=rivalryDeck],[class*=trophyDeck],[class*=metaIntelGrid],[class*=tableWrap],[class*=lpPanel],[class*=matchCard],[class*=teamBlock],[class*=rankCard],[class*=champStatsCard],[class*=forecastCard],[class*=coachStatPanel],[class*=championsTable]){will-change:clip-path, transform, opacity;animation:.38s cubic-bezier(.2,.9,.08,1) both qClientEnter}:where([class*=recentItem],[class*=eventRow],[class*=rivalryRow],[class*=tableRow],[class*=tierRow],[class*=champStatRow],[class*=championsRow],[class*=playerRow],[class*=carryCard],[class*=duoCard]){will-change:clip-path, transform, opacity;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,filter .14s;animation:.32s cubic-bezier(.2,.9,.08,1) both qClientSlideIn}:where([class*=recentItem],[class*=eventRow],[class*=rivalryRow],[class*=tableRow],[class*=tierRow],[class*=champCard],[class*=trophyCard],[class*=pulseCard],[class*=metaIntelCard],[class*=matchCard],[class*=championsRowClickable],[class*=duoCard]):hover{filter:brightness(1.12)saturate(1.12);transform:translate(4px,-2px);box-shadow:inset 3px 0 #00d8ff73,0 18px 38px #0000003d,0 0 20px #00d8ff14}:where([class*=recentItem],[class*=pulseCard],[class*=eventRow],[class*=trophyCard],[class*=metaIntelCard],[class*=matchCard],[class*=rankCard],[class*=champStatsCard],[class*=forecastCard],[class*=coachStatPanel]):before{animation:2.8s ease-in-out infinite qClientAccentPulse}:where([class*=winrateFill],[class*=meterFill],[class*=dmgFill],[class*=statBarFill],[class*=roleRowFill],[class*=duoBarFill],[class*=rankWlWin],[class*=rankWlLoss],[class*=liveWinBlue],[class*=liveWinRed]){transform-origin:0;will-change:transform, filter;transition:width .42s cubic-bezier(.16,1,.3,1),filter .16s;animation:.78s cubic-bezier(.16,1,.3,1) both qClientBarFill,2.2s ease-in-out .78s infinite qClientMeterPulse}:where([class*=winrateBar],[class*=meterTrack],[class*=dmgBar],[class*=statBarTrack],[class*=roleRowBar],[class*=duoBar],[class*=rankWlBar],[class*=liveWinBar]){position:relative;overflow:hidden}:where([class*=winrateBar],[class*=meterTrack],[class*=dmgBar],[class*=statBarTrack],[class*=roleRowBar],[class*=duoBar],[class*=rankWlBar],[class*=liveWinBar]):after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff57,#00d8ff33,#0000);width:42%;animation:1.1s cubic-bezier(.16,1,.3,1) .14s both qClientSweep;position:absolute;inset:0}:where([class*=pulseCard],[class*=trophyCard],[class*=metaIntelCard],[class*=rivalryCard],[class*=rankCard],[class*=matchCard]){animation-name:qClientEnter,qClientGlowBreath;animation-duration:.38s,3.8s;animation-timing-function:cubic-bezier(.2,.9,.08,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:both,none}:where([class*=eyebrow],[class*=subtitle],[class*=tierDesc],[class*=gamesLabel],[class*=updated],[class*=metaLabel],[class*=rankLabel],[class*=statLabel]){animation:4.5s step-end infinite qClientDataFlicker}:where([class*=pulseCard]:nth-child(2),[class*=tierRow]:nth-child(2),[class*=tableRow]:nth-child(2),[class*=recentItem]:nth-child(2)){animation-delay:50ms}:where([class*=pulseCard]:nth-child(3),[class*=tierRow]:nth-child(3),[class*=tableRow]:nth-child(3),[class*=recentItem]:nth-child(3)){animation-delay:.1s}:where([class*=pulseCard]:nth-child(4),[class*=tierRow]:nth-child(4),[class*=tableRow]:nth-child(4),[class*=recentItem]:nth-child(4)){animation-delay:.15s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.spinner{border:2px solid #6b82ff33;border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@media (max-width:768px){.container{width:min(100% - 1rem, var(--container-max))}.card{padding:1.25rem}.type-hero{font-size:3rem}.type-h1{font-size:2rem}}
.Navbar-module__cJzEcG__header{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(18px);background:linear-gradient(#090708fa,#050a0ef5),radial-gradient(circle at 70% 0,#c8aa6e1f,#0000 18rem);border-bottom:1px solid #c8aa6e59;position:sticky;top:0;box-shadow:0 10px 34px #00000061,inset 0 -1px #0ac8b929}.Navbar-module__cJzEcG__header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0ac8b9db,#c89b3ccc,#0000);height:1px;animation:4.8s cubic-bezier(.16,1,.3,1) infinite Navbar-module__cJzEcG__navEnergySweep;position:absolute;bottom:-1px;left:0;right:0}.Navbar-module__cJzEcG__inner{height:var(--nav-height);align-items:center;gap:1rem;width:min(100% - 1.5rem,1240px);margin:0 auto;padding:0;display:flex}.Navbar-module__cJzEcG__logo{color:#f0e6d2;min-width:176px;height:42px;font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter var(--motion-hover), transform var(--motion-hover), box-shadow var(--motion-panel), border-color var(--motion-hover);background:linear-gradient(#1e180ce6,#071016eb);border:1px solid #c8aa6e80;justify-content:center;align-items:center;margin-right:.4rem;font-size:1.25rem;font-weight:700;display:flex;position:relative;box-shadow:inset 0 0 20px #c8aa6e1c,0 0 20px #0ac8b914}.Navbar-module__cJzEcG__logo:before{content:"";background:radial-gradient(circle,#0ac8b952,#031218eb);border:1px solid #0ac8b98c;width:28px;height:28px;animation:2.8s ease-in-out infinite Navbar-module__cJzEcG__logoCorePulse;position:absolute;left:11px;transform:rotate(45deg)}.Navbar-module__cJzEcG__logo:hover{filter:brightness(1.12);border-color:#0ac8b9ad;transform:translate(2px,-1px);box-shadow:inset 0 0 22px #c8aa6e29,0 0 28px #0ac8b92e}.Navbar-module__cJzEcG__logoQ{color:#0ac8b9;margin-left:1.35rem}.Navbar-module__cJzEcG__logoDash,.Navbar-module__cJzEcG__logoUp{color:#f0e6d2}.Navbar-module__cJzEcG__nav{flex:1;align-items:stretch;height:100%;display:flex}.Navbar-module__cJzEcG__navLink{color:#a09b8c;font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;transition:color var(--motion-hover), background var(--motion-hover), border-color var(--motion-hover), text-shadow var(--motion-hover), transform var(--motion-hover), filter var(--motion-hover);border-inline:1px solid #0000;align-items:center;padding:0 1.25rem;font-size:.82rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.Navbar-module__cJzEcG__navLink:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 12%,#0ac8b924,#f0e6d21c,#0000 58%);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.Navbar-module__cJzEcG__navLink:hover:before,.Navbar-module__cJzEcG__navLink.Navbar-module__cJzEcG__active:before{opacity:1;animation:.72s cubic-bezier(.16,1,.3,1) both Navbar-module__cJzEcG__navTabSweep}.Navbar-module__cJzEcG__navLink:hover{color:#f0e6d2;text-shadow:0 0 12px #0ac8b947;filter:brightness(1.08);background:linear-gradient(#c8aa6e1a,#0000);transform:translateY(-1px)}.Navbar-module__cJzEcG__navLink.Navbar-module__cJzEcG__active{color:#f0e6d2;background:linear-gradient(#c8aa6e38,#0ac8b90d),#ffffff05;border-color:#c8aa6e2e}.Navbar-module__cJzEcG__activeLine{background:linear-gradient(90deg,#0000,#0ac8b9,#c89b3c,#0000);height:2px;animation:1.8s ease-in-out infinite Navbar-module__cJzEcG__activeLineCharge;position:absolute;bottom:0;left:.85rem;right:.85rem;box-shadow:0 0 12px #0ac8b999}.Navbar-module__cJzEcG__right{align-items:center;gap:.7rem;margin-left:auto;display:flex}.Navbar-module__cJzEcG__joinBtn{color:#f0e6d2;min-height:38px;font-family:var(--font-heading);letter-spacing:0;text-transform:uppercase;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:transform var(--motion-hover), box-shadow var(--motion-panel), filter var(--motion-hover), border-color var(--motion-hover);white-space:nowrap;background:linear-gradient(#6b4f1d,#1f1608);border:1px solid #c89b3c;justify-content:center;align-items:center;padding:0 1.15rem;font-size:.76rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #f0e6d214}.Navbar-module__cJzEcG__joinBtn:before{content:"";opacity:0;background:linear-gradient(100deg,#0000 18%,#f0e6d22e,#0ac8b929,#0000 62%);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.Navbar-module__cJzEcG__joinBtn:hover{filter:brightness(1.12);border-color:#f0e6d2bd;transform:translateY(-2px)translate(1px);box-shadow:0 0 22px #c89b3c57,0 0 16px #0ac8b91f}.Navbar-module__cJzEcG__joinBtn:hover:before{opacity:1;animation:.68s cubic-bezier(.16,1,.3,1) both Navbar-module__cJzEcG__navTabSweep}.Navbar-module__cJzEcG__hamburger{min-width:44px;min-height:44px;transition:transform var(--motion-hover), border-color var(--motion-hover), background var(--motion-hover), box-shadow var(--motion-hover);background:#031218b8;border:1px solid #0ac8b95c;flex-direction:column;justify-content:center;gap:5px;padding:10px 8px;display:none}.Navbar-module__cJzEcG__hamburger span{background:#c8aa6e;width:22px;height:2px;transition:all .2s;display:block}.Navbar-module__cJzEcG__hamburger:hover span{background:#f0e6d2}.Navbar-module__cJzEcG__hamburger:hover{box-shadow:var(--glow-cyan-soft);background:#0ac8b91f;border-color:#0ac8b9ad;transform:translateY(-1px)}.Navbar-module__cJzEcG__mobileMenu{background:#050a0efa;border-bottom:1px solid #c8aa6e42;flex-direction:column;animation:.2s cubic-bezier(.2,.9,.08,1) both Navbar-module__cJzEcG__mobileMenuBoot;display:flex}.Navbar-module__cJzEcG__mobileLink{color:#a09b8c;min-height:48px;font-family:var(--font-heading);text-transform:uppercase;transition:color var(--motion-hover), background var(--motion-hover), transform var(--motion-hover);border-bottom:1px solid #c8aa6e1a;align-items:center;padding:1rem 1.5rem;font-size:.85rem;font-weight:600;display:flex}.Navbar-module__cJzEcG__mobileLink:hover,.Navbar-module__cJzEcG__mobileLinkActive{color:#0ac8b9;background:#0ac8b914;transform:translate(4px)}@keyframes Navbar-module__cJzEcG__navEnergySweep{0%,48%{opacity:.35;transform:translate(-35%)scaleX(.5)}60%{opacity:1}to{opacity:.35;transform:translate(35%)scaleX(.7)}}@keyframes Navbar-module__cJzEcG__navTabSweep{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(140%)skew(-18deg)}}@keyframes Navbar-module__cJzEcG__activeLineCharge{0%,to{filter:brightness();transform:scaleX(.86)}50%{filter:brightness(1.65);transform:scaleX(1)}}@keyframes Navbar-module__cJzEcG__logoCorePulse{0%,to{filter:brightness(.95);box-shadow:0 0 10px #0ac8b94d}50%{filter:brightness(1.35);box-shadow:0 0 22px #0ac8b9b8,0 0 10px #c89b3c61}}@keyframes Navbar-module__cJzEcG__mobileMenuBoot{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@media (max-width:900px){.Navbar-module__cJzEcG__inner{padding:0 .75rem}.Navbar-module__cJzEcG__logo{min-width:132px;font-size:1rem}.Navbar-module__cJzEcG__nav{display:none}.Navbar-module__cJzEcG__hamburger{display:flex}.Navbar-module__cJzEcG__joinBtn{min-height:36px;padding:0 .85rem;font-size:.7rem}}