@layer components{.stats-hub{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}@media (min-height:600px) and (min-width:1024px){.stats-hub{height:100svh;overflow:clip}}.stats-hub[data-sec=pro]{--sh-c:var(--vr-stats-pro);--sh-btn:var(--vr-stats-pro-btn)}.stats-hub[data-sec=champ]{--sh-c:var(--vr-stats-champ);--sh-btn:var(--vr-stats-champ-btn)}.stats-hub[data-sec=patch]{--sh-c:var(--vr-stats-patch);--sh-btn:var(--vr-stats-patch-btn)}.stats-hub__ink{z-index:0;pointer-events:none;opacity:.55;position:absolute;inset:0}.stats-hub__main{z-index:1;flex-direction:column;flex:1 0 auto;justify-content:safe center;gap:clamp(10px,2.2vh,22px);width:100%;max-width:560px;min-height:0;margin:0 auto;padding:clamp(8px,2vh,28px) 20px clamp(60px,9vh,80px);display:flex;position:relative}.stats-hub__head{flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px);display:flex}.stats-hub__mascot{aspect-ratio:904/1220;flex:none;height:min(26vh,250px)}.stats-hub__mascot>*{animation:stats-hub-in var(--vr-t-lift) var(--vr-ease-lift) both}.stats-hub__title{font:400 min(52px, 7vh, 12vw) / 1 var(--vr-font-brand);color:var(--vr-acc);margin:0}.stats-hub__tabs{border-radius:var(--vr-r-panel);border:1px solid var(--vr-line2);background:var(--vr-card2);grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;display:grid;position:relative}.stats-hub__cursor{border-radius:var(--vr-r-field);border:1px solid color-mix(in srgb, var(--sh-c) 55%, transparent);background:var(--vr-bg2);width:calc(33.3333% - 3.33333px);box-shadow:0 8px 22px -10px var(--sh-c);transform:translateX(calc(var(--sh-i) * 100%));transition:transform var(--vr-t-lift) var(--vr-ease-spring), border-color var(--vr-t-color) ease, box-shadow var(--vr-t-color) ease;position:absolute;top:5px;bottom:5px;left:5px}.stats-hub__tab{cursor:pointer;height:clamp(40px,5.6vh,48px);color:var(--vr-mute);font:600 14px / 1 var(--vr-font);background:0 0;border:0;position:relative}@media (pointer:coarse){.stats-hub__tab{min-height:44px}}.stats-hub__tab{transition:color var(--vr-t-color) ease, transform var(--vr-t-spring) var(--vr-ease-spring)}.stats-hub__tab[aria-selected=true]{color:var(--sh-c)}.stats-hub__tab:active{transform:scale(.94)}@media (hover:hover){.stats-hub__tab:hover{color:var(--vr-ink)}.stats-hub__tab[aria-selected=true]:hover{color:var(--sh-c)}}.stats-hub__panel{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px);display:flex}.stats-hub__desc{min-height:2.9em;font:400 15px / 1.45 var(--vr-font);color:var(--vr-mute);text-wrap:balance;margin:0}.stats-hub__chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stats-hub__chip{white-space:nowrap;border-radius:var(--vr-r-pill);border:1px solid color-mix(in srgb, var(--sh-c) 35%, transparent);background:color-mix(in srgb, var(--sh-c) 10%, transparent);height:28px;color:var(--sh-c);font:500 12px / 1 var(--vr-font);align-items:center;padding:0 12px;display:flex}.stats-hub__cta{border-radius:var(--vr-r-field);background:var(--sh-btn);height:clamp(46px,6.4vh,58px);color:var(--vr-on-bright);font:400 16px / 1 var(--vr-font-brand);letter-spacing:var(--vr-track-action);box-shadow:0 18px 40px -18px var(--sh-c);transition:transform var(--vr-t-spring) var(--vr-ease-spring), background-color var(--vr-t-color) ease, box-shadow var(--vr-t-color) ease;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.stats-hub__cta:active:not([aria-disabled=true]){transform:scale(.97)}@media (hover:hover){.stats-hub__cta:hover:not([aria-disabled=true]){color:var(--vr-on-bright);transform:translateY(-2px)}}.stats-hub__cta[aria-disabled=true]{cursor:not-allowed;opacity:.5;box-shadow:none}@keyframes stats-hub-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.stats-hub__cursor,.stats-hub__tab,.stats-hub__cta{transition:none}.stats-hub__mascot>*{animation:none}}}