:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#171a21;--surface-raised:#1e222b;--border:#262a33;--ink:#f2f3f5;--muted:#a0a6b1;--radiant:#8dc63f;--dire:#d64b3a;--gold:#e0b14f;--grade-s:var(--gold);--grade-a:#6cd46a;--grade-b:#9bb79a;--grade-c:#9aa0ab;--grade-d:#f0923b;--grade-f:#ec5a48;--on-dire:#fff;--on-radiant:#0f1115;--focus:var(--gold);--link:var(--gold);--overlay:#0f1115b3;--kit-bg-app:#131313;--kit-bg-subtle:#171717;--kit-bg-elevated:#1c1c1c;--kit-border:#303030;--kit-text:#f0f0f0;--kit-text-secondary:#aeaeae;--kit-text-muted:#7a7a7a;--kit-accent-blue:#168bfa;--kit-danger:#f04449;--kit-success:#53cf43;--kit-warning:#ff9e2c;--kit-light-bg:#fff;--kit-light-text:#292929;--kit-light-border:#eee;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Unbounded, "Russo One", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-raised:0 12px 32px #0f1115cc;--shadow-menu:0 8px 20px #00000014;--shadow-context-light:0 2px 6px #00000014;--shadow-context-medium:0 4px 10px #0000001f;--shadow-knob:0 1px 2px #00000026}.verdict-title{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:32px}.grade{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:40px}.grade-sm{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:24px}.impact{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:28px}.stamp{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:20px;font-weight:700;line-height:24px}.h1{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:36px}.h2{font-family:var(--font-sans);font-size:20px;font-weight:600;line-height:26px}.body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:22px}.body-strong{font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:22px}.mock{font-family:var(--font-sans);font-size:15px;font-style:italic;font-weight:500;line-height:20px}.small{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:18px}.caption{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0}body{flex-direction:column;min-height:100dvh;font-size:15px;line-height:22px;display:flex}a{color:var(--link)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.page{width:100%;max-width:64rem;padding:var(--space-8) var(--space-4) var(--space-12);flex:1;margin:0 auto}.home{max-width:40rem;padding-top:18vh}h1{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.75rem,7vw,3.25rem);line-height:1.08}.lead{margin:0 0 var(--space-6);color:var(--muted);font-size:1.05rem;line-height:1.5}.lookup{gap:var(--space-2);flex-wrap:wrap;display:flex}.lookup input{min-width:0;padding:.85rem var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;flex:16rem;font-size:1rem}.lookup input::placeholder{color:var(--muted)}.lookup input[aria-invalid=true]{border-color:var(--grade-f)}.lookup input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.lookup button,.button-link{border-radius:var(--radius-md);background:var(--gold);color:var(--bg);font:inherit;cursor:pointer;border:0;flex:none;padding:.85rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.lookup button:hover,.button-link:hover{opacity:.88}.lookup button:active,.button-link:active{transform:translateY(1px)}.examples{margin:var(--space-4) 0 var(--space-6)}.examples-title{margin:0 0 var(--space-2);color:var(--muted)}.examples-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.examples-list code{max-width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow-wrap:anywhere;font-size:13px;display:inline-block}.state{max-width:40rem;padding-top:12vh}.state-text{color:var(--muted)}.state-text p{margin:0 0 var(--space-3)}.match-header{margin-bottom:var(--space-6)}.match-header .caption{margin:0 0 var(--space-2);color:var(--muted)}.score{gap:var(--space-2);margin:0 0 var(--space-4);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px;line-height:32px;display:flex}.score-radiant{color:var(--radiant)}.score-dire{color:var(--dire)}.facts{gap:var(--space-3) var(--space-8);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.facts dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.facts dd{margin:0}.match-state{margin:0 var(--space-2) var(--space-2) 0;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);font-size:13px;line-height:18px;display:inline-block}.match-state[data-state=parsed]{color:var(--ink)}.team{margin-top:var(--space-6)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.players{border-collapse:collapse;width:100%;min-width:42rem}.players caption{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600}.team-name:before{content:"";width:10px;height:10px;margin-right:var(--space-2);border-radius:var(--radius-pill);background:var(--radiant);display:inline-block}.team[data-side=dire] .team-name:before{background:var(--dire)}.team-result,.team-kills{margin-left:var(--space-3)}.team-kills{color:var(--muted);font-weight:400}.players th,.players td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);text-align:left;white-space:nowrap}.players thead th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.players .num{font-variant-numeric:tabular-nums}.players th.player{background:var(--surface);font-weight:600;position:sticky;left:0}.hero,.player-notes{display:block}.player-notes{color:var(--muted);font-size:12px;font-weight:400;line-height:16px}.items{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.items li{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.muted{color:var(--muted)}abbr[title]{cursor:help;text-decoration:none}.match-foot{margin-top:var(--space-8)}.skeleton{border-radius:var(--radius-sm);background:var(--surface-raised);animation:1.1s ease-in-out infinite alternate skeleton-pulse}@keyframes skeleton-pulse{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-caption{width:8rem;height:16px;margin-bottom:var(--space-3)}.skeleton-title{width:min(24rem,80%);height:40px;margin-bottom:var(--space-4)}.skeleton-line{width:min(16rem,60%);height:20px;margin-bottom:var(--space-3)}.skeleton-row{height:40px;margin-top:var(--space-2)}.skeleton-team{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.footer{padding:var(--space-6) var(--space-4);color:var(--muted);text-align:center;font-size:13px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
