:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0e12;--color-surface:#17161c;--color-surface-elevated:#201f27;--color-surface-hover:#201f27;--color-surface-active:#2b2933;--color-border:#2b2933;--color-border-strong:#3b3846;--color-border-hero:#ffffff29;--color-overlay:#0000008c;--color-scrim:#0f0e12eb;--color-scrim-top:#0f0e128c;--color-scrim-mid:#0f0e12b8;--color-text:#fafaf9;--color-text-soft:#d6d3d1;--color-text-secondary:#a8a29e;--color-text-muted:#78716c;--color-text-inverse:#0f0e12;--color-accent-contrast:var(--color-text-inverse);--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-accent-strong:#fcd34d;--color-accent-soft:#f59e0b24;--color-accent-tint:#f59e0b14;--color-accent-border:#f59e0b66;--color-brand-secondary:#ec4899;--color-brand-secondary-hover:#f472b6;--gradient-brand:linear-gradient(135deg, #f59e0b, #ec4899);--gradient-brand-text:linear-gradient(90deg, #f59e0b, #ec4899);--color-win:#60a5fa;--gradient-record:linear-gradient(90deg, #267daa 0%, #6943cf 55%, #bd354f 100%);--color-record-text:#fff;--color-win-soft:#60a5fa24;--color-win-tint:#60a5fa0a;--color-win-border:#60a5fa59;--color-loss:#f87171;--color-loss-soft:#f8717124;--color-loss-tint:#f871710a;--color-loss-border:#f8717159;--color-remake:#a8a29e;--color-remake-soft:#a8a29e24;--color-success:#34d399;--color-success-soft:#34d3991f;--color-warning:#fbbf24;--color-warning-soft:#fbbf241f;--color-warning-border:#fbbf244d;--color-danger:#f87171;--color-danger-soft:#f871711f;--color-danger-border:#f8717166;--color-info:#60a5fa;--color-info-soft:#60a5fa1f;--color-info-border:#60a5fa59;--color-duo:#8b7cf6;--color-focus:#f59e0b;--color-tier-s-plus:#f97316;--color-tier-s-plus-soft:#f9731633;--color-tier-s:#fbbf24;--color-tier-s-soft:#f59e0b33;--color-tier-a:#60a5fa;--color-tier-a-soft:#60a5fa2e;--color-tier-b:#d4d4d8;--color-tier-b-soft:#a1a1aa29;--color-tier-c:#fbbf24;--color-tier-c-soft:#fbbf2429;--color-tier-d:#f87171;--color-tier-d-soft:#f8717129;--color-rank-iron:#8d8a86;--color-rank-bronze:#b0765b;--color-rank-silver:#a8a29e;--color-rank-gold:#fbbf24;--color-rank-platinum:#2dd4bf;--color-rank-emerald:#34d399;--color-rank-diamond:#60a5fa;--color-rank-master:#c084fc;--color-rank-grandmaster:#f87171;--color-rank-challenger:#f5d06a;--font-body:"Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, "SF Mono", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-base:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-hero:clamp(3.5rem, 9vw, 7rem);--leading-tight:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--leading-loose:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-caps:.08em;--tracking-wide:.14em;--heading-page-size:var(--text-2xl);--heading-section-size:var(--text-xl);--heading-subsection-size:var(--text-lg);--heading-detail-size:var(--text-md);--heading-minor-size:var(--text-sm);--heading-weight:var(--weight-bold);--heading-leading:var(--leading-tight);--heading-tracking:-.01em;--heading-color:var(--color-text);--search-hero-height:3.5rem;--search-mobile-font-size:var(--text-lg);--search-avatar-size:2rem;--search-rank-icon-size:1.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--border-width:1px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 20px 60px #0006;--shadow-hero:0 12px 40px #00000080;--bevel-sm:6px;--bevel-lg:10px;--shadow-focus-accent:0 0 0 3px var(--color-accent-soft);--shadow-focus-accent-lg:0 0 0 4px var(--color-accent-soft);--duration-fast:.12s;--duration-base:.15s;--duration-slow:.2s;--ease:ease-out;--ease-out:var(--ease);--container:80rem;--container-narrow:60rem;--article-width:45rem;--cms-page-container:75rem;--cms-page-title-size:2.5rem;--cms-page-title-size-mobile:2rem;--sidebar-width:17.5rem;--header-height:3.75rem;--nav-height:2.75rem;--touch-target:2.75rem;--control-height:2.5rem;--control-height-sm:2.25rem;--page-gutter:var(--space-4);--page-padding-top:var(--space-6);--page-padding-bottom:var(--space-12);--page-section-gap:var(--space-4);--panel-padding:var(--space-3);--landing-section-gap:var(--space-8);--table-rank-width:3.5rem;--leaderboard-ranked-min-width:55rem;--leaderboard-player-width:33%;--leaderboard-tier-width:14%;--leaderboard-lp-width:9%;--leaderboard-record-width:24%;--tier-table-champion-width:20%;--tier-table-grade-width:10%;--tier-table-counters-width:19%;--tier-table-aram-champion-width:30%;--tier-table-aram-grade-width:16%;--profile-emblem-size:56px;--profile-level-badge-size:18px;--profile-portrait-radius:10px;--z-dropdown:20;--z-header:30;--z-drawer:40;--z-tooltip:50;--bg:var(--color-bg);--fg:var(--color-text);--fg-muted:var(--color-text-secondary);--bg-surface:var(--color-surface);--border:var(--color-border);--focus:var(--color-focus);--radius:var(--radius-md)}@media (width>=48rem){:root{--page-gutter:var(--space-6);--page-padding-top:var(--space-8);--page-padding-bottom:var(--space-16);--page-section-gap:var(--space-6);--heading-page-size:var(--text-3xl);--heading-section-size:var(--text-2xl);--panel-padding:var(--space-4);--landing-section-gap:var(--space-12)}}@media (width<=48rem){:root{--control-height:var(--touch-target)}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.tp{z-index:var(--z-tooltip);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);max-width:320px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:none;position:absolute;top:0;left:0}.tp[hidden]{visibility:hidden;opacity:0}.tp-loading{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);padding:10px 14px;font-size:0;display:flex}.tp-loading:before{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);content:"";border-radius:50%;width:14px;height:14px;animation:.8s linear infinite tp-spin}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-error{border-left:3px solid var(--color-danger);color:var(--color-danger);padding:8px 12px}.tp-overlay{z-index:var(--z-tooltip);padding:var(--space-4);background:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tp-mobile{border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);width:100%;max-width:420px;max-height:88vh;position:relative;overflow-y:auto}.tp-mobile-close{top:var(--space-2);z-index:1;float:right;width:30px;height:30px;margin:var(--space-2);background:var(--color-surface-active);color:var(--color-text);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:sticky}.tp-mobile-content{clear:both}[data-tooltip-id]{cursor:help}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:clip}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--heading-color);line-height:var(--heading-leading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);text-wrap:balance;overflow-wrap:anywhere;margin:0}h1{font-size:var(--heading-page-size)}h2{font-size:var(--heading-section-size)}h3{font-size:var(--heading-subsection-size)}h4{font-size:var(--heading-detail-size)}h5,h6{font-size:var(--heading-minor-size)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}select option{background:var(--color-surface-elevated);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:min(var(--container), 100%);padding-inline:var(--page-gutter);margin-inline:auto}.page-content{gap:var(--page-section-gap);min-width:0;padding-block:var(--page-padding-top) var(--page-padding-bottom);flex-direction:column;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-text-secondary)}.num{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-head{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.page-head__description{max-width:var(--article-width);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.page-meta{align-items:center;gap:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed);flex-wrap:wrap;display:flex}.page-meta>li{text-wrap:pretty;max-width:100%}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.section-header__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card--feature{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.card--accent{border-color:var(--color-accent-border)}.card--info{border-color:var(--color-info-border)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease), filter var(--duration-base) var(--ease);line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.btn:active{background:var(--color-surface-active)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-inverse)}.btn--gradient{background:var(--gradient-brand);color:var(--color-text-inverse);border-color:#0000}.btn--gradient:hover{background:var(--gradient-brand);color:var(--color-text-inverse);filter:brightness(1.1)}.btn--info{background:var(--color-info);border-color:var(--color-info);color:var(--color-text-inverse)}.btn--info:hover{background:var(--color-info);color:var(--color-text-inverse);filter:brightness(1.1)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--color-surface-elevated);color:var(--color-text)}.btn--lg{height:var(--touch-target);padding-inline:var(--space-5);border-radius:10px}.btn--sm{height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--text-sm)}.btn--block{width:100%}.btn--icon{width:var(--control-height);padding-inline:0}.btn--icon.btn--lg{width:var(--touch-target)}.btn[disabled]{opacity:.5;pointer-events:none}.btn[aria-busy=true]{opacity:.7}.input,.select{height:var(--control-height);padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease), background-color var(--duration-base) var(--ease)}.input::placeholder{color:var(--color-text-secondary)}.input:hover,.select:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus{border-color:var(--color-accent);outline:none}.input::-webkit-search-cancel-button{appearance:none}.input-icon{display:flex;position:relative}.input-icon>.game-icon,.input-icon>svg{top:50%;left:var(--space-3);z-index:1;color:var(--color-text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}.input-icon>.input{width:100%;padding-left:38px}.select{appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23a8a29e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:1rem}.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tabs{border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:2px;max-width:100%;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--space-2);height:var(--touch-target);padding:0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;display:inline-flex}.tab:hover{color:var(--color-text)}.tab[aria-current],.tab.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}@media (width<=48rem){.tab{padding-inline:var(--space-2);font-size:var(--text-sm)}}.table-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.table-card__scroll{position:relative;overflow-x:auto}.table{table-layout:fixed;width:100%;font-size:var(--text-md)}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:center;vertical-align:middle;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;padding-block:10px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color var(--duration-fast) var(--ease)}.table--clickable tbody tr{cursor:pointer}.table--clickable tbody tr:hover,.table--clickable tbody tr:focus-within{background:var(--color-surface-elevated)}.table .is-num{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.table .is-center{text-align:center}.table .is-strong{color:var(--color-text);font-weight:var(--weight-semibold)}.table .is-muted{color:var(--color-text-secondary)}.table__row-link{justify-content:flex-start;align-items:center;gap:var(--space-3);width:100%;max-width:var(--row-link-width,12rem);color:inherit;text-align:left;min-height:2rem;margin-inline:auto;display:flex}.table__row-link:hover{color:var(--color-text)}.rank{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--weight-medium);--rank-color:var(--color-text-secondary);display:inline-flex}.rank__label{color:var(--rank-color)}.rank--unranked{color:var(--color-text-secondary);font-weight:var(--weight-normal)}.rank--iron{--rank-color:var(--color-rank-iron)}.rank--bronze{--rank-color:var(--color-rank-bronze)}.rank--silver{--rank-color:var(--color-rank-silver)}.rank--gold{--rank-color:var(--color-rank-gold)}.rank--platinum{--rank-color:var(--color-rank-platinum)}.rank--emerald{--rank-color:var(--color-rank-emerald)}.rank--diamond{--rank-color:var(--color-rank-diamond)}.rank--master{--rank-color:var(--color-rank-master)}.rank--grandmaster{--rank-color:var(--color-rank-grandmaster)}.rank--challenger{--rank-color:var(--color-rank-challenger)}.result{font-size:var(--text-sm);font-weight:var(--weight-semibold);--result-color:var(--color-remake);color:var(--result-color);align-items:center;display:inline-flex}.result--win{--result-color:var(--color-win)}.result--loss{--result-color:var(--color-loss)}.result--remake{--result-color:var(--color-remake)}.bar{background:var(--color-surface-elevated);border-radius:2px;height:4px;position:relative;overflow:hidden}.bar__fill{border-radius:inherit;background:var(--color-accent);position:absolute;inset:0 auto 0 0}.empty{align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.empty__title{color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-md)}.menu{position:relative}.menu__panel{z-index:var(--z-dropdown);border:1px solid var(--color-border);background:var(--color-surface-elevated);min-width:180px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), visibility 0s linear var(--duration-fast);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(4px)}.menu.is-open .menu__panel{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.menu__item{width:100%;height:var(--control-height);border-radius:var(--radius-md);color:var(--color-text);text-align:left;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.menu__item:hover,.menu__item:focus-visible,.menu__item[aria-current],.menu__item.is-active{background:var(--color-surface-active)}.menu__code{width:24px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.menu__item[aria-current] .menu__code{color:var(--color-accent)}.chevron{transition:transform var(--duration-slow) var(--ease)}[aria-expanded=true]>.chevron,[aria-expanded=true] .chevron{transform:rotate(180deg)}.page-enter{animation:fade-in var(--duration-base) var(--ease) both}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}