:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5fa;--bg-glow:radial-gradient(1200px 500px at 20% -10%, #6366f11f, transparent 60%), radial-gradient(900px 400px at 100% 0%, #d977061a, transparent 55%);--surface:#fff;--surface-2:#f6f7fb;--border:#e3e7f0;--text:#0f172a;--text-2:#4b5567;--text-3:#8a94a8;--accent:#4f46e5;--accent-ink:#fff;--accent-soft:#4f46e51a;--gold:#d97706;--good:#15803d;--bad:#dc2626;--warn:#b45309;--grid:#e9ecf3;--shadow:0 1px 2px #0f172a0a, 0 8px 24px -16px #0f172a2e;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#6250d6;--s8:#e34948;--seq0:#d6e4f7;--seq1:#93bbea;--seq2:#4a8ddb;--seq3:#1d5fb3}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--bg-glow:radial-gradient(1200px 500px at 20% -10%, #818cf829, transparent 60%), radial-gradient(900px 400px at 100% 0%, #f5b73a1a, transparent 55%);--surface:#121a2e;--surface-2:#182340;--border:#243150;--text:#e7eaf4;--text-2:#a8b1c7;--text-3:#6f7a97;--accent:#8b93ff;--accent-ink:#0b1020;--accent-soft:#8b93ff24;--gold:#f5b73a;--good:#4ade80;--bad:#f87171;--warn:#fbbf24;--grid:#1f2a46;--shadow:0 1px 2px #0000004d, 0 10px 30px -18px #000c;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--seq0:#263a5c;--seq1:#35619c;--seq2:#4b8be0;--seq3:#93bff3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-glow), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:15px}code{background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:12.5px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.good{color:var(--good)}.bad{color:var(--bad)}.missed{color:var(--bad);font-weight:600}.mb{margin-bottom:16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}header.top{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:sticky;top:0;box-shadow:0 6px 16px -12px #00000080}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){header.top{background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%)}}header.top .inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav right";align-items:center;column-gap:20px;max-width:1240px;min-height:58px;margin:0 auto;padding:0 20px;display:grid}.brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;grid-area:brand;align-items:center;gap:10px;min-width:0;font-weight:700;display:flex}.brand-name{text-overflow:ellipsis;overflow:hidden}.brand .logo{background:linear-gradient(135deg, var(--accent), var(--gold));color:#fff;width:30px;height:30px;box-shadow:var(--shadow);border-radius:9px;place-items:center;font-size:15px;display:grid}nav.main{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-area:nav;gap:2px;min-width:0;display:flex;overflow-x:auto}nav.main::-webkit-scrollbar{display:none}nav.main a{white-space:nowrap;color:var(--text-2);border-radius:8px;flex:none;padding:7px 12px;font-weight:500}nav.main a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}nav.main a.active{color:var(--accent);background:var(--accent-soft)}.header-right{grid-area:right;justify-self:end;align-items:center;gap:10px;display:flex}.sync{color:var(--text-2);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.sync-short{display:none}.sync .dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 25%, transparent);border-radius:50%}.sync .dot.bad{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 25%, transparent)}.sync .dot.idle{background:var(--text-3);box-shadow:none}.theme-toggle{border:1px solid var(--border);background:var(--surface);border-radius:9px;display:inline-flex;overflow:hidden}.theme-toggle button{color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:6px 9px;font-size:13px;line-height:1}.theme-toggle button.on{background:var(--accent-soft);color:var(--accent)}@media (width<=1279px){.sync-full{display:none}.sync-short{display:inline}}@media (width<=1099px){header.top .inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand right""nav nav";column-gap:12px}.brand,.header-right{min-height:52px}nav.main{margin:0 -8px;padding:0 28px 8px 8px;scroll-padding-inline:8px 44px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}@media (width<=719px){header.top .inner{padding:0 12px}.sync-short{display:none}.header-right{gap:8px}.theme-toggle button{padding:6px 7px}nav.main a{padding:6px 10px}}main{max-width:1240px;margin:0 auto;padding:24px 20px 72px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:18px}.card.flat{box-shadow:none}.card.notice{border-left:4px solid var(--warn)}.card.error{border-left:4px solid var(--bad)}.grid{gap:12px;display:grid}.grid.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}.stat:after{content:"";background:var(--accent-soft);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -20% -60% auto}.stat .l{color:var(--text-2);font-size:12px;font-weight:500}.stat .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:700}.stat .s{color:var(--text-3);margin-top:2px;font-size:12px}.stat.gold .v{color:var(--gold)}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filters label{color:var(--text-2);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}select,input{background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;box-shadow:var(--shadow);border-radius:9px;padding:7px 10px}select:focus,input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.btn{background:var(--surface);color:var(--text-2);border:1px solid var(--border);cursor:pointer;font:inherit;box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.btn:hover{color:var(--text);border-color:var(--text-3)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;margin-bottom:14px;padding:3px;display:inline-flex}.tabs button{color:var(--text-2);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-weight:500}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px}th{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;background:var(--surface);font-size:11.5px;font-weight:600;position:sticky;top:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}td.n,th.n{text-align:right}tbody tr:hover td{background:var(--surface-2)}tr:last-child td{border-bottom:0}.scroll{overflow-x:auto}.avatar{color:#fff;vertical-align:middle;background:var(--accent);border-radius:8px;place-items:center;width:26px;height:26px;margin-right:8px;font-size:11px;font-weight:700;display:inline-grid}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, transparent);background:color-mix(in srgb, var(--good) 10%, transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, transparent);background:color-mix(in srgb, var(--bad) 10%, transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:color-mix(in srgb, var(--warn) 10%, transparent)}.badge.accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft)}.stars{letter-spacing:1px;color:var(--gold);white-space:nowrap}.stars .off{color:var(--border)}.cell-star{text-align:center;min-width:26px;color:var(--text);border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-block}.cell-3{background:var(--seq3);color:#fff}.cell-2{background:var(--seq2);color:#fff}.cell-1{background:var(--seq1)}.cell-0{background:var(--seq0)}.war-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:30px;font-weight:800;display:flex}.score-sub{letter-spacing:0;color:var(--text-3);font-size:13px;font-weight:400}.pill-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 11px;font-size:13px}.podium{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.podium .p{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);text-align:center;border-radius:14px;padding:14px}.podium .p:first-child{border-color:color-mix(in srgb, var(--gold) 50%, var(--border))}.podium .medal{font-size:28px}.podium .name{margin-top:4px;font-weight:650}.podium .val{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.bar{background:var(--grid);border-radius:3px;min-width:80px;height:6px;overflow:hidden}.bar>i{background:var(--accent);border-radius:0 3px 3px 0;height:100%;display:block}.progress{background:var(--grid);border-radius:4px;height:8px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;display:block}.hero-row{flex-wrap:wrap;gap:10px;display:flex}.hero{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:6px 12px}.title-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.title-row>img{width:60px;height:60px}.chart{height:240px}.chart.tall{height:300px}.chart-tip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;min-width:150px;padding:8px 10px;font-size:12.5px}.chart-tip b{margin-bottom:4px;display:block}.chart-tip .r{justify-content:space-between;gap:14px;display:flex}.chart-tip .r i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-empty{height:100%;color:var(--text-3);place-items:center;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:10px;height:16px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=1000px){.grid.three{grid-template-columns:1fr}}@media (width<=720px){.podium{grid-template-columns:1fr}main{padding:16px 12px 56px}.grid.two,.grid.three{grid-template-columns:1fr}}.winbar-track{background:var(--grid);border-radius:7px;gap:2px;height:14px;display:flex;overflow:hidden}.winbar-track i{height:100%;display:block}.winbar-track .w{background:var(--good)}.winbar-track .t{background:var(--text-3)}.winbar-track .l{background:var(--bad)}.winbar-labels{justify-content:space-between;margin-top:6px;font-size:13px;font-weight:600;display:flex}.winbar.compact .winbar-track{height:8px}.winbar.compact .winbar-labels{font-size:12px}.defchip{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;align-items:center;gap:4px;margin:2px 4px 2px 0;padding:1px 7px;font-size:12px;display:inline-flex}.defchip.s3{border-color:color-mix(in srgb, var(--bad) 50%, transparent);background:color-mix(in srgb, var(--bad) 10%, transparent)}.cmp{grid-template-columns:1.3fr 1fr 1fr;align-items:stretch;display:grid}.cmp>div{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;align-items:center;padding:8px 10px;display:flex}.cmp>.h{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.cmp>.v{text-align:right;justify-content:flex-end;font-weight:600}.cmp>.better{color:var(--good)}.cmp>.lbl{color:var(--text-2)}img.ico{object-fit:contain;vertical-align:middle;flex:none}.pico{vertical-align:middle;place-items:center;width:28px;height:28px;margin-right:8px;display:inline-grid}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:12px;align-items:center;gap:7px;padding:4px 11px 4px 4px;font-size:12px;display:inline-flex}.chip:not(:has(img)){padding-left:11px}.chip img.ico{border-radius:8px}.labels{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.oppbadge{vertical-align:middle;margin-right:8px}.league-hero{flex:none;place-items:center;width:64px;height:64px;display:grid}