:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b09;--bg-raised:#0c110e;--panel:#101612;--panel-2:#141c17;--panel-3:#19231d;--line:#1f2b24;--line-strong:#2c3b32;--text:#e9efea;--muted:#95a69a;--faint:#66776c;--accent:#a7f36b;--accent-ink:#0a0f0b;--accent-soft:color-mix(in oklab, var(--accent) 14%, transparent);--up:#7fe39a;--down:#ff8d92;--grade-f:#9a4545;--grade-e:#c0624f;--grade-d:#cf8e4f;--grade-c:#cdb45d;--grade-b:#8cc46a;--grade-a:#4fc9a1;--grade-s:#4caeea;--grade-ss:#8f80f2;--grade-sss:#e46ddb;--grade-mayhem:#ff4f9e;--tier-d:#a07a58;--tier-c:#aab6c1;--tier-b:#e0b64b;--tier-a:#45c3ad;--tier-s:#3fcf78;--tier-ss:#79b6ff;--tier-sss:#ff6b5c;--tier-mayhem:#ffd35a;--gutter:16px;--page:1180px;--gap:16px;--radius:14px;--radius-sm:9px;--radius-pill:999px;--shadow:0 18px 50px -24px lab(0% 0 0/.8);--ease:cubic-bezier(.2, .8, .2, 1);--fast:.14s;--slow:.52s;--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Segoe UI Variable Display", "Inter", "Segoe UI", system-ui, sans-serif}@media (prefers-reduced-motion:reduce){:root{--fast:0s;--slow:0s}}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(1200px 500px at 15% -10%, color-mix(in oklab, var(--accent) 7%, transparent), transparent 60%), var(--bg);min-height:100vh;color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}img{display:block}button,input,select{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:var(--page);padding:0 var(--gutter);margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-head{z-index:20;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-head .wrap{align-items:center;gap:24px;height:60px;display:flex}.brand{font:800 22px/1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:10px;display:flex}.brand b{color:var(--accent)}.brand small{font:700 11px/1 var(--font);letter-spacing:.22em;color:var(--muted)}.nav{gap:4px;display:flex}.nav a{border-radius:var(--radius-pill);color:var(--muted);white-space:nowrap;padding:7px 12px;font-size:14px;font-weight:600}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--panel-2)}.search{width:min(300px,40vw);margin-left:auto;position:relative}.search input{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--panel);outline:none;width:100%;height:38px;padding:0 14px 0 36px}.search input:focus{border-color:var(--accent)}.search>svg{color:var(--faint);pointer-events:none;position:absolute;top:11px;left:12px}.search ul{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin:0;padding:6px;list-style:none;position:absolute;top:44px;left:0;right:0}.search li a{border-radius:7px;align-items:center;gap:10px;padding:7px 8px;display:flex}.search li a[data-active=true],.search li a:hover{background:var(--panel-3);color:var(--text)}.search li small{color:var(--faint);margin-left:auto}@media (max-width:760px){.site-head .wrap{flex-wrap:wrap;gap:10px 16px;height:auto;padding-top:10px;padding-bottom:10px}.nav{order:3;width:100%;overflow-x:auto}.search{flex:1;width:auto;min-width:140px}}.site-foot{border-top:1px solid var(--line);color:var(--faint);margin-top:64px;font-size:13px}.site-foot .wrap{gap:12px;padding-top:24px;padding-bottom:32px;display:grid}.site-foot nav{color:var(--muted);flex-wrap:wrap;gap:18px;display:flex}.site-foot p{max-width:820px;margin:0}main{flex:1;padding-top:32px}.eyebrow{font:700 11px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.page-head h1{font:800 clamp(30px, 5vw, 46px) / 1.05 var(--font-display);letter-spacing:-.03em;margin:8px 0 0}.page-head .side{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:18px}.card h2,.section-title{font:700 12px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.grid{gap:var(--gap);display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-main{grid-template-columns:minmax(0,1fr) 300px;align-items:start}@media (max-width:1080px){.cols-main{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.cols-3,.cols-main{grid-template-columns:minmax(0,1fr)}}.stack{gap:var(--gap);align-content:start;display:grid}.muted{color:var(--muted)}.faint{color:var(--faint)}.up{color:var(--up)}.down{color:var(--down)}.fine{color:var(--faint);margin:0;font-size:13px}.fine a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.notice,.error{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line-strong);color:var(--muted);margin-bottom:var(--gap);padding:12px 14px}.error{border-color:color-mix(in oklab, var(--down) 50%, var(--line));color:var(--down)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.back{color:var(--muted);margin-bottom:16px;font-size:14px;display:inline-block}.tabs{border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--line);scrollbar-width:none;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs button{border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;padding:7px 14px;font-size:14px;font-weight:600}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.field{gap:8px;display:flex}.field input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);width:170px;min-width:0;height:36px;padding:0 12px}.button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer;white-space:nowrap;height:36px;padding:0 14px;font-weight:600}.button:hover{border-color:var(--accent)}.live{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.live:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px}.live[data-on=true]:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}[data-g=F]{--c:var(--grade-f)}[data-g=E]{--c:var(--grade-e)}[data-g=D]{--c:var(--grade-d)}[data-g=C]{--c:var(--grade-c)}[data-g=B]{--c:var(--grade-b)}[data-g=A]{--c:var(--grade-a)}[data-g=S]{--c:var(--grade-s)}[data-g=SS]{--c:var(--grade-ss)}[data-g=SSS]{--c:var(--grade-sss)}[data-g=MAYHEM]{--c:var(--grade-mayhem)}[data-tier=d]{--c:var(--tier-d)}[data-tier=c]{--c:var(--tier-c)}[data-tier=b]{--c:var(--tier-b)}[data-tier=a]{--c:var(--tier-a)}[data-tier=s]{--c:var(--tier-s)}[data-tier=ss]{--c:var(--tier-ss)}[data-tier=sss]{--c:var(--tier-sss)}[data-tier=mayhem]{--c:var(--tier-mayhem)}.grade{min-width:30px;height:24px;font:800 12px/1 var(--font-display);letter-spacing:.02em;color:var(--c);background:color-mix(in oklab, var(--c) 16%, transparent);border:1px solid color-mix(in oklab, var(--c) 40%, transparent);white-space:nowrap;border-radius:7px;place-items:center;padding:0 7px;display:inline-grid}.grade.sm{border-radius:6px;min-width:24px;height:20px;padding:0 5px;font-size:10px}.grade.gain{grid-auto-flow:column;gap:4px}.grade.gain em{color:var(--text);font-style:normal;font-weight:700}.grade[data-g=MAYHEM]{box-shadow:0 0 14px -2px color-mix(in oklab, var(--c) 60%, transparent)}.grade-icon{object-fit:contain;mix-blend-mode:screen}.tier-text{color:var(--c)}.tier-mark{--size:44px;width:var(--size);height:var(--size);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, color-mix(in oklab, var(--c) 80%, white 20%), color-mix(in oklab, var(--c) 45%, var(--bg)) 75%);color:var(--bg);font:900 calc(var(--size) * .36) / 1 var(--font-display);letter-spacing:-.02em;flex:none;place-items:center;display:grid}.tier-mark[data-len="2"]{font-size:calc(var(--size) * .3)}.tier-mark[data-len="3"]{font-size:calc(var(--size) * .25)}.tier-mark[data-len="6"]{font-size:calc(var(--size) * .15)}.tier-mark.none{background:var(--panel-3);color:var(--faint)}.mp-bar{border-radius:var(--radius-pill);background:var(--panel-3);height:6px;overflow:hidden}.mp-bar span{border-radius:inherit;background:var(--c,var(--accent));transform-origin:0;height:100%;animation:grow var(--slow) var(--ease) both;display:block}@keyframes grow{0%{transform:scaleX(0)}}.champ{background:var(--panel-3);object-fit:cover;border-radius:8px;flex:none;width:28px;height:28px}.champ.lg{border-radius:11px;width:44px;height:44px}.avatar{background:var(--panel-3);object-fit:cover;border-radius:50%;flex:none;width:34px;height:34px}.avatar.xl{border:2px solid var(--line-strong);width:84px;height:84px}.item{background:var(--panel-3);border-radius:5px;width:22px;height:22px}.apex{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.apex .card{border-color:color-mix(in oklab, var(--c) 30%, var(--line));background:linear-gradient(120deg, color-mix(in oklab, var(--c) 10%, transparent), transparent 60%), var(--panel);align-items:center;gap:16px;display:flex}.apex strong{font:800 22px/1.1 var(--font-display);display:block}@media (max-width:640px){.apex{grid-template-columns:minmax(0,1fr)}}.histogram{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px;height:150px;display:grid}.histogram>div{text-align:center;color:var(--muted);grid-template-rows:auto minmax(0,1fr) auto;font-size:12px;display:grid}.histogram .track{align-items:flex-end;display:flex}.histogram .bar{background:linear-gradient(to top, color-mix(in oklab, var(--c) 40%, var(--panel-3)), var(--c));transform-origin:bottom;width:100%;min-height:3px;animation:rise var(--slow) var(--ease) both;border-radius:6px 6px 2px 2px}.histogram .label{color:var(--c);margin-top:6px;font-weight:800}@keyframes rise{0%{transform:scaleY(0)}}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--fast) var(--ease)}.table tbody tr:hover{background:var(--panel-2)}.table .right{text-align:right}.place{width:46px;font:800 16px/1 var(--font-display);color:var(--muted)}tr[data-place="1"] .place{color:var(--tier-mayhem)}tr[data-place="2"] .place{color:var(--tier-c)}tr[data-place="3"] .place{color:var(--tier-d)}.who{align-items:center;gap:12px;min-width:0;display:flex}.who b{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-weight:700;display:block;overflow:hidden}.who small{color:var(--faint)}.rank-cell{align-items:center;gap:12px;min-width:170px;display:flex}.rank-cell .tier-mark{--size:36px}.rank-cell b{font:800 15px/1.1 var(--font-display);white-space:nowrap}.rank-cell .mp-bar{width:100px;margin-top:6px}.winrate{gap:5px;min-width:110px;font-size:13px;display:grid}.winrate .mp-bar span{--c:var(--up)}.chips{gap:3px;display:flex}.champs{gap:4px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow-x:auto}@media (max-width:760px){.hide-sm{display:none}}.hero{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(110deg, color-mix(in oklab, var(--c,var(--accent)) 13%, transparent), transparent 55%), var(--panel);margin-bottom:var(--gap);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.hero h1{font:800 clamp(26px, 4vw, 38px) / 1.05 var(--font-display);letter-spacing:-.02em;word-break:break-word;margin:0}.hero h1 small{color:var(--faint);font-size:.55em;font-weight:600}.facts{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:14px;display:flex}.badges{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);padding:4px 10px;font-size:12px;font-weight:700}.badge.climb{background:color-mix(in oklab, var(--up) 14%, transparent);color:var(--up)}.rank-card{align-items:center;gap:16px;min-width:250px;display:flex}.rank-card .tier-mark{--size:76px}.rank-card .name{font:900 28px/1 var(--font-display);letter-spacing:-.02em}.rank-card .mp-bar{width:160px;margin-top:10px}@media (max-width:760px){.hero{grid-template-columns:auto minmax(0,1fr)}.hero .rank-card{grid-column:1/-1}}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{border-radius:var(--radius-sm);background:var(--panel-2);min-width:0;padding:12px}.stat small{color:var(--faint);font-size:12px;display:block}.stat strong{font:800 20px/1.3 var(--font-display)}@media (max-width:640px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart{width:100%;height:auto;display:block;overflow:visible}.chart .line{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--accent-soft)}.chart .grid-line{stroke:var(--line);stroke-width:1px}.chart .grid-line.tier{stroke:color-mix(in oklab, var(--c) 35%, var(--line));stroke-dasharray:4 5}.chart text{fill:var(--faint);font-size:11px}.chart .tier-label{fill:var(--c);font-weight:800}.chart .dot-up{fill:var(--up)}.chart .dot-down{fill:var(--down)}.radar polygon.shape{fill:color-mix(in oklab, var(--accent) 22%, transparent);stroke:var(--accent);stroke-width:2px}.radar polygon.ring{fill:none;stroke:var(--line)}.radar polygon.zero{fill:none;stroke:var(--line-strong);stroke-dasharray:3 4}.radar line{stroke:var(--line)}.radar text{fill:var(--muted);font-size:11px}.matches{gap:8px;display:grid}.match{border:1px solid var(--line);border-left:3px solid var(--c,var(--line-strong));border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.match>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:50px 44px minmax(120px,1.3fr) minmax(80px,.8fr) minmax(100px,.9fr) 64px 20px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:grid}.match>button:hover{background:var(--panel-2)}.match .grade-icon{width:46px;height:46px}.match .title b{display:block}.match small{color:var(--faint);font-size:12px;display:block}.match .gain{font:800 17px/1 var(--font-display);text-align:right}.match .gain small{font:500 11px/1.4 var(--font)}.match .chev{color:var(--faint);transition:transform var(--fast) var(--ease)}.match[data-open=true] .chev{transform:rotate(180deg)}@media (max-width:760px){.match>button{grid-template-columns:42px 36px minmax(0,1fr) 54px 18px}.match .grade-icon{width:40px;height:40px}}.lobby{border-top:1px solid var(--line);background:var(--bg-raised);animation:open var(--slow) var(--ease) both;padding:12px 14px 16px}.lobby .teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}@keyframes open{0%{opacity:0;transform:translateY(-6px)}}.team h3{font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}.seat{border-radius:7px;grid-template-columns:28px 52px minmax(0,1fr) 64px;align-items:center;gap:8px;padding:5px 6px;font-size:13px;display:grid}.seat[data-you=true]{background:var(--accent-soft)}.seat .bars{gap:2px;display:grid}.seat .bars span{background:var(--c);border-radius:2px;height:4px;display:block}.k-dmg{--c:var(--grade-mayhem)}.k-tank{--c:var(--grade-s)}.k-care{--c:var(--grade-a)}.mvp{font:800 9px/1.4 var(--font);letter-spacing:.08em;background:var(--tier-mayhem);color:var(--accent-ink);border-radius:4px;margin-left:4px;padding:1px 5px}.legend{color:var(--faint);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.legend i{background:var(--c);vertical-align:middle;border-radius:2px;width:10px;height:4px;margin-right:5px;display:inline-block}.items{flex-wrap:wrap;gap:3px;display:flex}@media (max-width:760px){.lobby .teams{grid-template-columns:minmax(0,1fr)}}.prose{max-width:760px}.prose h1{font:800 34px/1.1 var(--font-display);letter-spacing:-.02em}.prose h1 span{color:var(--accent)}.prose h2{margin-top:28px;font-size:18px}.prose p,.prose li{color:var(--muted)}.prose a,.prose code{color:var(--accent)}pre{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;font-size:13px;overflow-x:auto}@media (max-width:760px){.table th,.table td{padding:8px}.rank-cell{gap:8px;min-width:0}.rank-cell .tier-mark{--size:30px}.rank-cell .mp-bar{width:64px}.who b{max-width:120px}.who .avatar{display:none}.apex .card{padding:12px 14px}}