.ranked-scope{--radius:.5rem;--background:oklch(16.4% .007 179);--foreground:oklch(96% .005 190);--surface:oklch(21.3% .009 195);--surface-foreground:oklch(96% .005 190);--card:oklch(21.3% .009 195);--card-foreground:oklch(96% .005 190);--popover:oklch(20.5% .009 195);--popover-foreground:oklch(96% .005 190);--primary:oklch(72% .196 132);--primary-foreground:oklch(17% .02 140);--secondary:oklch(26% .011 200);--secondary-foreground:oklch(96% .005 190);--muted:oklch(25% .01 200);--muted-foreground:oklch(79% .012 195);--accent:oklch(30% .028 160);--accent-foreground:oklch(90% .13 132);--destructive:oklch(70% .19 25);--destructive-foreground:oklch(17% .02 140);--border:oklch(29% .011 200);--input:oklch(29% .011 200);--ring:oklch(72% .196 132);--gold:oklch(82% .15 85);--chart-1:oklch(72% .196 132);--chart-2:oklch(82% .15 85);--chart-3:oklch(65% .15 220);--chart-4:oklch(68% .19 300);--chart-5:oklch(66% .2 25);--sidebar:oklch(22.3% .012 206);--sidebar-foreground:oklch(93% .006 195);--sidebar-primary:oklch(72% .196 132);--sidebar-primary-foreground:oklch(17% .02 140);--sidebar-accent:oklch(28% .02 175);--sidebar-accent-foreground:oklch(90% .13 132);--sidebar-border:oklch(30% .012 200);--sidebar-ring:oklch(72% .196 132);--cm-tabbar-h:3.75rem;--cm-safe-top:env(safe-area-inset-top,0px);--cm-safe-bottom:env(safe-area-inset-bottom,0px);--cm-safe-left:env(safe-area-inset-left,0px);--cm-safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--background);color:var(--foreground);font-family:Barlow,ui-sans-serif,system-ui,sans-serif}.ranked-scope h1,.ranked-scope h2,.ranked-scope h3,.ranked-scope h4{letter-spacing:-.01em;font-family:Archivo,ui-sans-serif,system-ui,sans-serif}.ranked-scope .row-defer{content-visibility:auto;contain-intrinsic-size:auto 44px}.ranked-scope .custom-scrollbar::-webkit-scrollbar{width:5px}.ranked-scope .custom-scrollbar::-webkit-scrollbar-track{background:0 0}.ranked-scope .custom-scrollbar::-webkit-scrollbar-thumb{background:oklch(33% .011 200);border-radius:999px}.ranked-scope .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:oklch(43% .013 200)}.ranked-scope .custom-scrollbar{scrollbar-width:thin;scrollbar-color:oklch(33% .011 200) transparent}.ranked-scope img{height:auto}@keyframes cm-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-slide-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes cm-pop{0%{opacity:0;transform:scale(.96)}60%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes cm-sheen{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes cm-glow{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 35%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--primary) 0%, transparent)}}.ranked-scope .cv-auto{content-visibility:auto;contain-intrinsic-size:auto 420px}.ranked-scope .animate-rise{animation:.45s cubic-bezier(.22,1,.36,1) both cm-rise}.ranked-scope .animate-fade{animation:.4s ease-out both cm-fade}.ranked-scope .animate-slide-left{animation:.35s cubic-bezier(.22,1,.36,1) both cm-slide-left}.ranked-scope .animate-pop{animation:.35s cubic-bezier(.22,1,.36,1) both cm-pop}.ranked-scope .animate-glow{animation:2.4s ease-out infinite cm-glow}.ranked-scope .stagger>*{animation:.45s cubic-bezier(.22,1,.36,1) both cm-rise}.ranked-scope .stagger>:first-child{animation-delay:30ms}.ranked-scope .stagger>:nth-child(2){animation-delay:70ms}.ranked-scope .stagger>:nth-child(3){animation-delay:.11s}.ranked-scope .stagger>:nth-child(4){animation-delay:.15s}.ranked-scope .stagger>:nth-child(5){animation-delay:.19s}.ranked-scope .stagger>:nth-child(6){animation-delay:.23s}.ranked-scope .stagger>:nth-child(7){animation-delay:.27s}.ranked-scope .stagger>:nth-child(8){animation-delay:.31s}.ranked-scope .stagger>:nth-child(9){animation-delay:.35s}.ranked-scope .stagger>:nth-child(10){animation-delay:.39s}.ranked-scope .stagger>:nth-child(11){animation-delay:.43s}.ranked-scope .stagger>:nth-child(12){animation-delay:.47s}.ranked-scope .stagger-rows>tr{animation:.35s ease-out both cm-fade}.ranked-scope .stagger-rows>tr:nth-child(-n+15){animation-name:cm-rise}.ranked-scope .stagger-rows>tr:first-child{animation-delay:20ms}.ranked-scope .stagger-rows>tr:nth-child(2){animation-delay:40ms}.ranked-scope .stagger-rows>tr:nth-child(3){animation-delay:60ms}.ranked-scope .stagger-rows>tr:nth-child(4){animation-delay:80ms}.ranked-scope .stagger-rows>tr:nth-child(5){animation-delay:.1s}.ranked-scope .stagger-rows>tr:nth-child(6){animation-delay:.12s}.ranked-scope .stagger-rows>tr:nth-child(7){animation-delay:.14s}.ranked-scope .stagger-rows>tr:nth-child(8){animation-delay:.16s}.ranked-scope .stagger-rows>tr:nth-child(9){animation-delay:.18s}.ranked-scope .stagger-rows>tr:nth-child(10){animation-delay:.2s}.ranked-scope .stagger-rows>tr:nth-child(n+11){animation-delay:.22s}.ranked-scope .hover-lift{will-change:transform;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}.ranked-scope .hover-lift:hover{border-color:color-mix(in oklab, var(--primary) 35%, var(--border));box-shadow:0 10px 26px -18px color-mix(in oklab, var(--primary) 60%, transparent);transform:translateY(-2px)}.ranked-scope .hover-lift:active{transform:translateY(0)}.ranked-scope .nav-item{transition:background-color .18s,color .18s,transform .18s cubic-bezier(.22,1,.36,1);position:relative}.ranked-scope .nav-item:hover{transform:translate(2px)}.ranked-scope .nav-item:before{content:"";background:var(--primary);border-radius:999px;width:2px;height:0;transition:height .22s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.ranked-scope .nav-item[data-status=active]:before,.ranked-scope .nav-item.is-active:before{height:60%}.ranked-scope .sheen{isolation:isolate;position:relative;overflow:hidden}.ranked-scope .sheen:after{content:"";background:linear-gradient(100deg, transparent, color-mix(in oklab, var(--primary) 12%, transparent), transparent);pointer-events:none;width:40%;position:absolute;inset:0 auto 0 0;transform:translate(-120%)}.ranked-scope .sheen:hover:after{animation:.9s ease-out cm-sheen}@media (prefers-reduced-motion:reduce){.ranked-scope *,.ranked-scope :before,.ranked-scope :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ranked-scope .hover-lift:hover,.ranked-scope .nav-item:hover{transform:none}}.ranked-scope .tab-item{-webkit-tap-highlight-color:transparent;transition:color .18s,transform .15s cubic-bezier(.22,1,.36,1);position:relative}.ranked-scope .tab-item:active{transform:scale(.92)}.ranked-scope .tab-item:after{content:"";background:var(--primary);border-radius:999px;width:0;height:2px;transition:width .22s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.ranked-scope .tab-item.tab-active:after{width:26px}.ranked-scope .tab-item.tab-active svg{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--primary) 45%, transparent))}@media (width<=1023px){.ranked-scope{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.ranked-scope .overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:none}.ranked-scope .overflow-x-auto::-webkit-scrollbar{height:0}.ranked-scope a,.ranked-scope button{touch-action:manipulation}}.ranked-scope .safe-x{padding-left:max(var(--cm-safe-left), 0px);padding-right:max(var(--cm-safe-right), 0px)}.ranked-scope .px-gutter{padding-left:calc(1rem + var(--cm-safe-left));padding-right:calc(1rem + var(--cm-safe-right))}.ranked-scope .safe-top{padding-top:var(--cm-safe-top)}.ranked-scope .safe-bottom{padding-bottom:var(--cm-safe-bottom)}.ranked-scope .pb-tabbar{padding-bottom:calc(var(--cm-tabbar-h) + var(--cm-safe-bottom) + 1.25rem)}.ranked-scope .text-fluid-2xl{font-size:clamp(1.35rem,4.6vw,1.75rem);line-height:1.15}.ranked-scope .text-fluid-3xl{font-size:clamp(1.6rem,6vw,2.25rem);line-height:1.1}.ranked-scope .text-fluid-4xl{font-size:clamp(1.9rem,7vw,3rem);line-height:1.05}@media (width<=1023px){.ranked-scope{scroll-padding-top:calc(var(--cm-safe-top) + 5.5rem);scroll-padding-bottom:calc(var(--cm-tabbar-h) + var(--cm-safe-bottom));-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.ranked-scope body{padding-left:var(--cm-safe-left);padding-right:var(--cm-safe-right)}.ranked-scope input,.ranked-scope select,.ranked-scope textarea{font-size:max(1rem,.95em)}.ranked-scope button,.ranked-scope [role=button],.ranked-scope a[aria-label]{min-height:44px}.ranked-scope table :is(th,td){padding-top:.7rem;padding-bottom:.7rem}}.ranked-scope .sidebar-surface{background:radial-gradient(120% 60% at 0% 0%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--sidebar) 96%, var(--primary)) 0%, var(--sidebar) 45%, var(--sidebar) 100%)}.ranked-scope .sidebar-heading{align-items:center;gap:.5rem;display:flex}.ranked-scope .sidebar-heading:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--sidebar-border) 90%, transparent), transparent);flex:1;height:1px}.ranked-scope .nav-item.is-active,.ranked-scope .nav-item[data-status=active]{background:linear-gradient(90deg, color-mix(in oklab, var(--primary) 18%, transparent), transparent 78%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 18%, transparent)}.ranked-scope .nav-item.is-active:before,.ranked-scope .nav-item[data-status=active]:before{box-shadow:0 0 10px 1px color-mix(in oklab, var(--primary) 70%, transparent)}.ranked-scope .mode-pill-active{box-shadow:0 6px 18px -8px color-mix(in oklab, var(--primary) 85%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.25)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ranked-scope .animate-ticker{animation:35s linear infinite ticker}.ranked-scope .animate-ticker:hover{animation-play-state:paused}.ranked-page{width:100%;max-width:1900px;margin:0 auto;padding:32px 50px}@media (width<=1300px){.ranked-page{padding:16px max(14px, var(--cm-safe-right)) calc(32px + var(--cm-safe-bottom)) max(14px, var(--cm-safe-left))}}
