:root{color-scheme:dark;--bg: oklch(.17 .012 255);--surface: oklch(.212 .014 255);--surface-2: oklch(.252 .016 255);--line: oklch(.3 .014 255);--ink: oklch(.96 .005 250);--ink-2: oklch(.745 .012 250);--ink-3: oklch(.665 .012 250);--tier-iron: oklch(.74 .02 258);--tier-bronze: oklch(.74 .1 52);--tier-silver: oklch(.82 .03 238);--tier-gold: oklch(.83 .14 88);--tier-platinum: oklch(.83 .1 198);--tier-emerald: oklch(.8 .14 168);--tier-diamond: oklch(.78 .13 280);--tier-master: oklch(.76 .16 312);--tier-grandmaster: oklch(.74 .17 15);--tier-challenger: oklch(.88 .1 108);--accent: oklch(.82 .11 218);--tint: oklch(from var(--accent) l c h / .1);--accent-wash: oklch(from var(--accent) l c h / .16);--victory: oklch(.8 .13 142);--victory-wash: oklch(.8 .13 142 / .06);--defeat: oklch(.72 .16 345);--defeat-wash: oklch(.72 .16 345 / .09);--side-blue: oklch(.72 .13 252);--side-red: oklch(.72 .15 30);--lp-up: oklch(.82 .11 218);--lp-down: oklch(.8 .13 68);--grid-division: oklch(.27 .014 255);--grid-tier: oklch(.44 .02 255);--warn: oklch(.8 .13 68);--warn-bg: oklch(.8 .13 68 / .1);--warn-line: oklch(.8 .13 68 / .35);--shadow: oklch(0 0 0 / .45);--scrim: oklch(0 0 0 / .45);--curve-opacity: .5;--font-display: "Chakra Petch", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, "SF Mono", monospace;--radius-xs: 5px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 18px;--space-5: 26px;--space-6: 36px;--space-7: 48px;--space-8: 72px;background-color:var(--bg);background-image:radial-gradient(1100px 460px at 50% -8%,var(--tint),transparent 72%);background-repeat:no-repeat;color:var(--ink);font:15px/1.5 var(--font-body)}[data-theme=light]{color-scheme:light;--bg: oklch(.975 .004 250);--surface: oklch(1 0 0);--surface-2: oklch(.962 .005 250);--line: oklch(.9 .006 250);--ink: oklch(.22 .015 255);--ink-2: oklch(.44 .014 255);--ink-3: oklch(.52 .012 255);--tier-iron: oklch(.46 .02 258);--tier-bronze: oklch(.47 .11 52);--tier-silver: oklch(.5 .04 238);--tier-gold: oklch(.55 .13 88);--tier-platinum: oklch(.5 .1 198);--tier-emerald: oklch(.48 .13 168);--tier-diamond: oklch(.48 .16 280);--tier-master: oklch(.47 .18 312);--tier-grandmaster: oklch(.48 .19 15);--tier-challenger: oklch(.53 .12 108);--accent: oklch(.46 .11 218);--tint: oklch(from var(--accent) l c h / .08);--accent-wash: oklch(from var(--accent) l c h / .13);--victory: oklch(.47 .13 142);--victory-wash: oklch(.47 .13 142 / .07);--defeat: oklch(.5 .18 345);--defeat-wash: oklch(.5 .18 345 / .06);--side-blue: oklch(.46 .16 252);--side-red: oklch(.5 .17 30);--lp-up: oklch(.46 .11 218);--lp-down: oklch(.5 .13 68);--grid-division: oklch(.915 .006 250);--grid-tier: oklch(.78 .01 250);--warn: oklch(.5 .13 68);--warn-bg: oklch(.5 .13 68 / .08);--warn-line: oklch(.5 .13 68 / .3);--shadow: oklch(.55 .02 250 / .1);--scrim: oklch(0 0 0 / .25);--curve-opacity: .42}[data-tier=iron]{--accent: var(--tier-iron)}[data-tier=bronze]{--accent: var(--tier-bronze)}[data-tier=silver]{--accent: var(--tier-silver)}[data-tier=gold]{--accent: var(--tier-gold)}[data-tier=platinum]{--accent: var(--tier-platinum)}[data-tier=emerald]{--accent: var(--tier-emerald)}[data-tier=diamond]{--accent: var(--tier-diamond)}[data-tier=master]{--accent: var(--tier-master)}[data-tier=grandmaster]{--accent: var(--tier-grandmaster)}[data-tier=challenger]{--accent: var(--tier-challenger)}*{box-sizing:border-box}body{margin:0}.app{max-width:1168px;margin:0 auto;padding:0 var(--space-4) var(--space-8)}.topbar{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--line);margin-bottom:var(--space-5)}.topbar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar-path{font:400 11px/14px var(--font-mono);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-search{display:flex;align-items:center;gap:var(--space-2);height:34px;width:190px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line)}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .16)}.topbar-search[data-invalid=true],.topbar-search:has(input[aria-invalid=true]){border-color:var(--warn)}.topbar-search-icon{flex:none;width:9px;height:9px;border-radius:var(--radius-pill);border:1.5px solid var(--ink-3)}.topbar-search input{flex:1;min-width:0;padding:0;border:0;background:transparent;font:400 12.5px/1 var(--font-body);color:var(--ink)}.topbar-search input::placeholder{color:var(--ink-3)}.topbar-search input:focus{outline:none}.wordmark{display:inline-flex;align-items:baseline;gap:5px;color:var(--ink);font:700 19px/1 var(--font-display);text-decoration:none}.wordmark-dot{display:inline-block;width:5px;height:5px;border-radius:1px;background:var(--accent)}.topbar-tools{display:flex;align-items:center;gap:var(--space-3)}.topbar form{display:flex;gap:var(--space-2)}.theme-toggle{display:flex;gap:2px;padding:2px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line)}.theme-toggle button{font:500 10px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-3);cursor:pointer}.theme-toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}input,button{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink)}input[aria-invalid=true]{border-color:var(--warn)}button{cursor:pointer;background:var(--accent);color:var(--bg);border-color:transparent;font-weight:600}.type-display-xl{font:700 44px/42px var(--font-display);letter-spacing:-.015em;font-variant-numeric:tabular-nums}.type-display-lg{font:700 34px/34px var(--font-display);letter-spacing:0;font-variant-numeric:tabular-nums}.type-display-md,h1,.rank{font:600 21px/24px var(--font-display);letter-spacing:0;font-variant-numeric:tabular-nums}.type-display-sm,h2{font:600 15px/20px var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums}.type-stat{font:600 14px/16px var(--font-display);letter-spacing:0;font-variant-numeric:tabular-nums}.type-body{font:400 13.5px/21px var(--font-body);letter-spacing:0}.type-body-sm{font:500 12.5px/18px var(--font-body);letter-spacing:0}.type-label,h3{font:500 10px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.type-meta{font:400 10.5px/15px var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}h1,h2,h3{margin:0 0 var(--space-2)}h3{color:var(--ink-2)}p{margin:0 0 var(--space-2)}.muted{color:var(--ink-2)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.small{font-size:13px}.error{color:var(--defeat)}.warn{color:var(--warn)}.home{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);min-height:calc(100vh - 140px);padding-top:var(--space-6);text-align:center}.home-curve{position:fixed;left:0;right:0;bottom:0;width:100%;height:46vh;display:block;opacity:var(--curve-opacity);pointer-events:none;z-index:0}.home>:not(.home-curve){position:relative;z-index:1}.home-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.home-title{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font:700 clamp(44px,7.5vw,95px) / .9 var(--font-display);letter-spacing:-.03em}.home-dot{width:12px;height:12px;border-radius:2px;margin-bottom:var(--space-2)}.home-strapline{margin:0;font:400 11.5px/1.4 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.home-search{display:flex;flex-direction:column;gap:var(--space-2);width:min(620px,100%)}.home-field{display:flex;align-items:center;gap:var(--space-3);height:62px;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 30px var(--shadow);cursor:text}.home-field-icon{flex:none;width:13px;height:13px;border-radius:var(--radius-pill);border:1.75px solid var(--ink-3)}.home-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .16),0 8px 30px var(--shadow)}.home-field:focus-within .home-field-icon{border-color:var(--accent)}.home-field[data-invalid=true]{background:var(--warn-bg);border-color:var(--warn)}.home-field[data-invalid=true] .home-field-icon{border:0;border-radius:2px;background:var(--warn)}.home-field[data-invalid=true] .home-enter{color:var(--warn)}.home-field input{flex:1;min-width:0;padding:0;border:0;background:transparent;font:500 21px/1 var(--font-display);color:var(--ink)}.home-field input::placeholder{color:var(--ink-3)}.home-field input:focus{outline:none}.home-enter{font:500 10px/14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.home-hints{display:flex;justify-content:space-between;gap:var(--space-3);font:400 10px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.home-invalid{margin:0;text-align:left;font:400 12px/1.5 var(--font-body);color:var(--warn)}.home-body{max-width:620px;margin:0;font:400 15px/1.65 var(--font-body);color:var(--ink-2);text-wrap:pretty}.home-note{display:flex;align-items:flex-start;gap:var(--space-3);max-width:620px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:left;font:400 13px/1.6 var(--font-body);color:var(--ink-2);text-wrap:pretty}.home-note-dot{flex:none;width:6px;height:6px;margin-top:7px;border-radius:var(--radius-pill);background:var(--ink-3)}.home-footer{margin:auto 0 0;padding-bottom:var(--space-5);font:400 10px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.skeleton{display:flex;flex-direction:column;gap:9px;margin-bottom:var(--space-4)}.skeleton[data-status=queued]{opacity:.62}.skeleton-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font:400 9.5px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.skeleton-status{font-size:9px;letter-spacing:.1em}.skeleton[data-status=arriving] .skeleton-status{color:var(--accent)}.skeleton-block,.skeleton-square,.skeleton-bar{border-radius:var(--radius-sm);background:var(--surface-2)}.skeleton-block{border-radius:var(--radius-md)}.skeleton[data-status=arriving] .skeleton-block,.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-2) 0%,var(--line) 50%,var(--surface-2) 100%);background-size:220% 100%;animation:skeleton-shimmer 1.5s linear infinite}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.skeleton-header{flex-direction:row;align-items:center;gap:var(--space-4);height:100px;margin-bottom:var(--space-4)}.skeleton-square{flex:none;width:92px;height:92px;border-radius:var(--radius-lg)}.skeleton-bars{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.skeleton-bar{display:block}.section-enter{animation:section-enter .4s ease both}@keyframes section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.skeleton[data-status=arriving] .skeleton-block,.skeleton-shimmer,.section-enter{animation:none}}.not-found{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:34px 26px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center}.not-found-ghost{width:31px;height:31px;margin:6px;border-radius:4px;border:1.5px dashed var(--ink-3);transform:rotate(45deg);opacity:.7}.not-found-title{margin:0;font:700 22px/1.2 var(--font-display);letter-spacing:0}.not-found-copy{max-width:420px;margin:0;font:400 13.5px/1.6 var(--font-body);color:var(--ink-2);text-wrap:pretty}.not-found-command{margin:0;padding:9px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);font:400 13px/1.4 var(--font-mono);white-space:nowrap;overflow-x:auto;max-width:100%}.not-found-command-name{color:var(--accent)}.not-found-command-args{color:var(--ink-3)}.not-found-search{align-items:center;width:min(360px,100%)}.not-found-label{font:400 13.5px/1.4 var(--font-body);color:var(--ink-3)}.home-field.compact{width:100%;height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--bg);box-shadow:none}.home-field.compact input{font:500 14px/1 var(--font-body)}.home-field.compact .home-field-icon{width:11px;height:11px;border-width:1.5px}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.summoner-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-4)}.summoner-identity{display:flex;align-items:center;gap:var(--space-4);min-width:0}.summoner-identity .icon-profile{outline:1.5px solid oklch(from var(--accent) l c h / .55);outline-offset:4px}.summoner-titles{display:flex;flex-direction:column;gap:7px;min-width:0}.summoner-header .summoner-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:0;font:700 44px/.95 var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere}.summoner-tag{font:500 20px/1 var(--font-display);color:var(--ink-3)}.summoner-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:0;font:400 11.5px/1.4 var(--font-mono);text-transform:uppercase;color:var(--ink-2)}.summoner-meta-slash{opacity:.4}.refresh-button{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:500 10.5px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.refresh-button:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.refresh-button:disabled{cursor:default;color:var(--ink-3)}.refresh-button[data-phase=failed]{border-color:var(--warn-line);color:var(--warn)}.refresh-icon{width:9px;height:9px;border-radius:var(--radius-pill);border:1.5px solid currentColor;border-right-color:transparent}.refresh-button[data-phase=busy] .refresh-icon{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.refresh-button[data-phase=busy] .refresh-icon{animation:none}}.rhythm{flex:1 1 0;max-width:520px;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.rhythm-labels{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font:400 9.5px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.rhythm-wins{color:var(--victory)}.rhythm-losses{color:var(--defeat)}.rhythm-track{position:relative;height:54px;display:flex;align-items:stretch;gap:3px}.rhythm-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.rhythm-tick{position:relative;flex:1 1 0;min-width:0}.rhythm-bar{position:absolute;left:0;right:0;animation:rhythm-tick .32s ease both}.rhythm-bar.win{bottom:50%;background:var(--victory);border-radius:2px 2px 0 0;transform-origin:bottom}.rhythm-bar.loss{top:50%;background:var(--defeat);border-radius:0 0 2px 2px;transform-origin:top}@keyframes rhythm-tick{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.rhythm-bar{animation:none}}.cards{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-bottom:var(--space-4)}.rank-card{display:flex;flex-direction:column;gap:var(--space-5);min-width:0;padding:24px 26px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 var(--surface-2) inset;overflow:hidden}.rank-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.rank-card-identity{--mark-size: 52px;display:flex;align-items:center;gap:var(--space-4);min-width:0}.rank-card-titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.rank-card-label{margin:0;font:500 10px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.rank-card-tier{display:flex;align-items:baseline;gap:var(--space-2);margin:0}.rank-card-tier-word{font:700 34px/1 var(--font-display);color:var(--accent)}.rank-card-lp{font:600 21px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}.rank-stats{display:flex;gap:var(--space-5);margin:0}.rank-stat{display:flex;flex-direction:column;gap:3px;min-width:62px}.rank-stat dt{font:400 9.5px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.rank-stat dd{margin:0;font:600 17px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.rank-stat-win dd{color:var(--victory)}.rank-stat-loss dd{color:var(--defeat)}.rank-stat-ink dd{color:var(--ink)}.rank-card-curve{min-width:0}.rank-curve{position:relative;width:100%;height:244px}.rank-curve-frame{position:absolute;top:0;right:0;bottom:0;left:0;animation:curve-fade .24s ease both}.rank-curve-sparse{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.rank-curve-sparse-copy{font:400 13.5px/1.4 var(--font-body);color:var(--ink-2)}.rank-curve-sparse-meta{font:400 10px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.rank-card-sheet{display:grid;gap:var(--space-4)}@keyframes curve-fade{0%{opacity:0}to{opacity:1}}.rank-path-draw{stroke-dasharray:1;animation:curve-draw 1.5s cubic-bezier(.4,.1,.2,1) both}@keyframes curve-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.curve-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-3)}.curve-title{display:flex;flex-direction:column;gap:5px;min-width:0}.curve-label{font:400 11px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.curve-net-line{display:flex;align-items:baseline;gap:9px}.curve-net{font:700 27px/1 var(--font-display);font-variant-numeric:tabular-nums}.curve-net.up{color:var(--lp-up)}.curve-net.down{color:var(--lp-down)}.curve-count{font:400 13px/1.2 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-2)}.curve-x-label{font:400 10.5px var(--font-mono);fill:var(--ink-3)}.curve-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3);font:400 10px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.curve-windows{display:flex;gap:2px;padding:2px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line)}.curve-windows button{font:500 10.5px/14px var(--font-mono);letter-spacing:.04em;padding:var(--space-1) 10px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-2);cursor:pointer}.curve-windows button[aria-pressed=true]{background:oklch(from var(--accent) l c h / .15);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}@media(prefers-reduced-motion:reduce){.rank-curve-frame,.rank-path-draw{animation:none}.rank-path-draw{stroke-dasharray:none}}.rank-curve-plot{display:block;overflow:visible}.rank-band line{stroke:var(--grid-division);stroke-width:1;stroke-dasharray:2 5}.rank-band.strong line{stroke:var(--grid-tier);stroke-width:1.3;stroke-dasharray:none}.rank-band text{font:400 9.5px var(--font-mono);letter-spacing:.03em;fill:var(--ink-3)}.rank-band.strong text{font-weight:600;fill:var(--ink-2)}.rank-dot{fill:var(--accent);fill-opacity:.55;stroke:var(--bg);stroke-width:1;paint-order:stroke}.rank-now line{stroke:var(--accent);stroke-width:1;stroke-dasharray:2 3;opacity:.45}.rank-now-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2.5;paint-order:stroke;filter:drop-shadow(0 0 8px var(--accent))}.rank-now-pulse{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:rank-now-pulse 2.8s ease-out infinite}@keyframes rank-now-pulse{0%{transform:scale(.6);opacity:.55}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.rank-now-label{position:absolute;display:flex;flex-direction:column;pointer-events:none}.rank-now-word{font:400 9px/12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.rank-now-rank{font:700 13px/16px var(--font-display);color:var(--accent);white-space:nowrap}@media(prefers-reduced-motion:reduce){.rank-now-pulse{animation:none;opacity:0}}.rank-hit{cursor:crosshair;touch-action:manipulation}.rank-tip-mark line{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.rank-tip-mark circle{fill:var(--surface);stroke:var(--accent);stroke-width:2}.rank-tip{position:absolute;display:flex;flex-direction:column;gap:2px;width:max-content;padding:9px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);box-shadow:0 12px 28px #00000059;pointer-events:none}.rank-tip-rank{font:600 13px/16px var(--font-display);color:var(--ink);white-space:nowrap}.rank-tip-meta{display:flex;gap:var(--space-2);align-items:baseline;font:400 10.5px/14px var(--font-mono);color:var(--ink-2);white-space:nowrap}.rank-tip-delta.up{color:var(--lp-up)}.rank-tip-delta.down{color:var(--lp-down)}.rank-card-unranked{gap:var(--space-3);border-style:dashed;box-shadow:none}.rank-card-unranked .rank-card-head{align-items:center;justify-content:flex-start;gap:var(--space-3)}.rank-card-ghost{flex:none;width:24px;height:24px;margin:5px;border-radius:3px;border:1.5px dashed var(--ink-3);transform:rotate(45deg);opacity:.5}.rank-card-unranked-word{margin:0;font:600 22px/1 var(--font-display);color:var(--ink-2)}.rank-card-note{margin:0;font:400 12.5px/1.5 var(--font-body);color:var(--ink-3);text-wrap:pretty}.rank-card-foot{margin:auto 0 0;padding-top:var(--space-3);border-top:1px solid var(--line);font:400 10px/14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.rank{margin-bottom:2px}.rank-row{--mark-size: 52px;display:flex;align-items:center;gap:var(--space-3)}.tier-mark{flex:none;display:block;width:var(--mark-size);height:var(--mark-size);margin:var(--space-1) var(--space-1);overflow:visible}.tier-sheet{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-4)}.tier-sheet-cell{margin:0;min-width:0}.tier-sheet-cell .rank-row>div{min-width:0}.tier-sheet-name{margin-bottom:2px}.tier-sheet-cell .type-meta{overflow-wrap:anywhere}.tier-sheet-inline{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.tier-sheet-inline .tier-mark{--mark-size: 16px;margin:0 var(--space-1)}.chart{width:100%;height:90px;color:var(--accent);margin-top:var(--space-2)}.recent-games{margin-bottom:var(--space-4)}.match-table{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.match-table-head,.match-row{display:grid;grid-template-columns:98px 200px 78px 1fr 132px 62px 74px 54px 16px;align-items:center;gap:var(--space-3);padding:9px var(--space-4)}.match-table-head{background:var(--surface-2);border-bottom:1px solid var(--line);font:400 9.5px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.match-table-head .right,.match-cell.right{text-align:right}.match-rows{list-style:none;margin:0;padding:0}.match-row{position:relative;border-bottom:1px solid var(--line);border-left:3px solid var(--line);transition:background .15s ease}.match-row[data-openable]{cursor:pointer}.match-row[data-openable] .match-chevron:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.match-row:has(.match-chevron:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.match-row[data-openable]:hover .match-chevron span{border-color:var(--ink)}.match-row:last-child{border-bottom:0}.match-row.win{--result: var(--victory);border-left-color:var(--victory);background:var(--victory-wash)}.match-row.loss{--result: var(--defeat);border-left-color:var(--defeat);background:var(--defeat-wash)}.match-row:hover{background:var(--surface-2)}.match-cell-result{display:flex;align-items:center;gap:var(--space-2)}.match-tri{flex:none;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent}.match-row.win .match-tri{border-bottom:7px solid var(--result)}.match-row.loss .match-tri{border-top:7px solid var(--result)}.match-word{font:600 13px/1.2 var(--font-display);letter-spacing:.02em;color:var(--result)}.match-cell{min-width:0}.match-cell-champion{display:flex;align-items:center;gap:10px}.match-champion-text{display:flex;flex-direction:column;gap:2px;min-width:0}.match-champion-name{font:600 13.5px/1.2 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-role,.match-meta{font:400 10px/14px var(--font-mono);color:var(--ink-3);white-space:nowrap}.match-role{letter-spacing:.06em;text-transform:uppercase}.mobile-only{display:none}.match-meta{font-variant-numeric:tabular-nums}.match-cell-vs{display:flex;align-items:center;gap:7px}.match-vs-word{font:400 9.5px/14px var(--font-mono);color:var(--ink-3)}.match-vs-empty{opacity:0}.match-queue-name{font:500 12.5px/1.2 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-queue-unknown{font-family:var(--font-mono);color:var(--ink-2)}.match-cell-queue,.match-cell-kda{display:flex;flex-direction:column;gap:2px}.match-cell-kda{align-items:flex-end}.match-kda{font:600 14px/1.2 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.match-ratio{font:400 10px/14px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}.match-ratio.perfect{color:var(--lp-up)}.match-stat{font:500 13px/1.2 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.match-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;background:transparent;cursor:pointer}.match-chevron:focus-visible{outline:none}.match-chevron span{width:6px;height:6px;border-right:1.5px solid var(--ink-3);border-top:1.5px solid var(--ink-3);transform:translate(-1.5px) rotate(45deg);transition:border-color .15s ease}.live{border-radius:var(--radius-xl);background:var(--surface);margin-bottom:var(--space-4)}.live-active{display:flex;flex-direction:column;gap:var(--space-4);padding:24px 26px;border:1px solid var(--accent)}.live-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.live-status{display:flex;align-items:center;gap:11px}.live-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--accent);animation:live-pulse 1.9s ease-out infinite}.live-dot-idle{background:var(--ink-3);opacity:.5;animation:none}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--tint)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.live-word{font:700 15px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.live-mode{font:400 13px/1.2 var(--font-body);color:var(--ink-2)}.live-clock{display:flex;align-items:baseline;gap:var(--space-2)}.live-clock-time{font:700 26px/1 var(--font-display);font-variant-numeric:tabular-nums}.live-clock-label{font:400 10px/14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.live-teams{display:grid;grid-template-columns:1fr 1fr;gap:20px}.live-team{--side: var(--side-blue);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.live-team-red{--side: var(--side-red)}.live-team-head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--side)}.live-chip{width:8px;height:8px;border-radius:2px;background:var(--side)}.live-team-red .live-chip{border-radius:var(--radius-pill)}.live-team-label{font:400 10px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--side)}.live-roster{list-style:none;margin:0;padding:0}.live-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:6px 0}.live-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.live-row-name{font:500 13px/1.2 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-row-unknown{font-style:italic;color:var(--ink-3)}.live-row-champion{font:400 10px/14px var(--font-mono);text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.live-row-rank{font:400 10.5px/14px var(--font-mono);color:var(--ink-2);white-space:nowrap}.live-row-unranked{color:var(--ink-3)}.match-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--scrim);animation:match-fade .38s ease both}.match-panel{position:fixed;top:0;right:0;bottom:0;z-index:31;width:min(640px,100vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);box-shadow:-30px 0 70px var(--shadow);overflow-y:auto;animation:match-slide .38s cubic-bezier(.2,.8,.2,1) both}@keyframes match-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes match-fade{0%{opacity:0}to{opacity:1}}.match-head{display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.match-head[data-result=win]{background:var(--victory-wash)}.match-head[data-result=loss]{background:var(--defeat-wash)}.match-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.match-head-title{display:flex;flex-direction:column;gap:7px;min-width:0}.match-result{display:flex;align-items:center;gap:10px;min-height:30px}.match-tri{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid var(--victory)}.match-head[data-result=loss] .match-tri{border-bottom:0;border-top:9px solid var(--defeat)}.match-result-word{font:700 30px/1 var(--font-display);letter-spacing:-.01em;color:var(--victory)}.match-head[data-result=loss] .match-result-word{color:var(--defeat)}.match-result-unknown{color:var(--ink-3)}.match-meta{margin:0;font:400 10.5px/14px var(--font-mono);letter-spacing:.08em;color:var(--ink-2);text-wrap:pretty}.match-missing{margin:0;font:400 13px/1.4 var(--font-body)}.match-nav{display:flex;align-items:center;gap:9px;flex:none}.match-nav-btn,.match-panel-close{position:relative;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);cursor:pointer}.match-nav-btn:disabled{cursor:default}.match-nav-prev{margin-right:-3px}.match-nav-btn span{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -2px;border-left:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg)}.match-nav-next span{margin-left:-4px;transform:rotate(-135deg)}.match-nav-btn:disabled{background:transparent;opacity:.45}.match-nav-btn:disabled span{border-color:var(--ink-3)}.match-position{font:400 9.5px/14px var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-3)}.match-nav-divider{width:1px;height:18px;background:var(--line)}.match-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:14px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--line)}.summary-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.summary-stat dd{margin:0}.summary-stat-label{font:400 8.5px/12px var(--font-mono);letter-spacing:.12em;color:var(--ink-3)}.summary-stat-value{font:600 16px/1.2 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.summary-stat-sub{min-height:12px;font:400 9px/12px var(--font-mono);color:var(--ink-3);white-space:nowrap}.match-tabs{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.match-tab{flex:1;padding:8px 0;border:0;border-radius:7px;background:transparent;color:var(--ink-3);font:500 12.5px/1 var(--font-body);cursor:pointer}.match-tab[aria-selected=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.match-tab[aria-disabled=true]{cursor:not-allowed}.match-skel{display:block;border-radius:var(--radius-sm);background:var(--surface-2)}.match-skel-word{width:120px;height:30px}.match-skel-meta{width:260px;height:14px}.match-skel-value{width:60%;height:19px}.match-skel-sub{width:45%;height:12px}.match-panel-esc{font:400 9px/14px var(--font-mono);letter-spacing:.1em;color:var(--ink-3)}.match-panel-close span{position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--ink-2);transform:rotate(45deg)}.match-panel-close span+span{transform:rotate(-45deg)}.match-panel-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-panel-body{display:flex;flex-direction:column}.match-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--line)}.match-footer-id,.match-footnote{margin:0;font:400 9px/1.7 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.match-footer-id{font-size:9.5px;text-transform:none}.advantage-charts{display:flex;flex-direction:column;gap:14px}.advantage{display:flex;flex-direction:column;gap:7px}.advantage-head{display:flex;align-items:baseline;gap:9px}.advantage-label{font:400 9px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.advantage-final{font:600 14px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.advantage-final.blue{color:var(--side-blue)}.advantage-final.red{color:var(--side-red)}.advantage-note{font:400 9.5px/14px var(--font-mono);text-transform:uppercase;color:var(--ink-3)}.advantage-plot{position:relative}.advantage-plot svg{display:block;overflow:visible}.advantage-area{opacity:.26}.advantage-area.blue{fill:var(--side-blue)}.advantage-area.red{fill:var(--side-red)}.advantage-line{fill:none;stroke-width:1.75;stroke-linejoin:round}.advantage-line.blue{stroke:var(--side-blue)}.advantage-line.red{stroke:var(--side-red)}.advantage-zero{stroke:var(--ink-3);stroke-width:1;opacity:.55}.advantage-flip{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:2 3;opacity:.8}.advantage-peak.blue{fill:var(--side-blue)}.advantage-peak.red{fill:var(--side-red)}.advantage-flip-label,.advantage-peak-label{position:absolute;font:400 8.5px/12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.advantage-flip-label{top:-2px}.advantage-peak-label{left:0;text-align:right}.advantage-axis{position:relative;height:14px}.advantage-axis span{position:absolute;left:0;top:0;text-align:right;font:400 8px/12px var(--font-mono);letter-spacing:.06em;color:var(--ink-3)}.objective-track{position:relative;height:87px}.objective-midline{position:absolute;left:0;right:0;top:43px;height:1px;background:var(--line)}.objective-slot{position:absolute;left:0;display:flex;justify-content:flex-end}.objective-slot[data-side=blue]{top:3px}.objective-slot[data-side=blue][data-lane="1"]{top:22px}.objective-slot[data-side=red]{top:66px}.objective-slot[data-side=red][data-lane="1"]{top:47px}.objective-glyph{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font:500 9px/1 var(--font-mono);letter-spacing:0}.objective-dragon,.objective-baron{border-radius:var(--radius-pill)}.objective-slot[data-side=blue] .objective-glyph{background:oklch(from var(--side-blue) l c h / .18);border:1px solid oklch(from var(--side-blue) l c h / .5);color:var(--side-blue)}.objective-slot[data-side=red] .objective-glyph{background:oklch(from var(--side-red) l c h / .18);border:1px solid oklch(from var(--side-red) l c h / .5);color:var(--side-red)}.objective-legend{display:flex;gap:14px;flex-wrap:wrap;font:400 8.5px/12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.insights{display:flex;flex-direction:column;gap:30px;padding:22px 24px 26px}.insights-unavailable{display:flex;align-items:center;gap:var(--space-3);margin:0;padding:12px 18px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--warn-line);font:400 13px/1.4 var(--font-body);color:var(--ink)}.insights-unavailable-dot{flex:none;width:7px;height:7px;border-radius:2px;background:var(--warn)}.lane-rows{display:flex;flex-direction:column;gap:7px}.lane-row{display:grid;grid-template-columns:34px 1fr 58px 46px;align-items:center;gap:10px}.lane-name{font:400 9px/12px var(--font-mono);letter-spacing:.1em;color:var(--ink-3)}.lane-track{position:relative;display:block;height:16px}.lane-centre{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.lane-bar{position:absolute;top:3px;height:10px;border-radius:2px}.lane-blue{background:var(--side-blue)}.lane-red{background:var(--side-red)}.lane-gold{text-align:right;font:600 12.5px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.lane-gold.lane-blue{background:none;color:var(--side-blue)}.lane-gold.lane-red{background:none;color:var(--side-red)}.lane-unknown{color:var(--ink-3)}.lane-cs{text-align:right;font:400 10px/12px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.insight-section{display:flex;flex-direction:column;gap:11px}.insight-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.insight-title{margin:0;font:400 9.5px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.insight-note{font:400 9px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.insight-rows{display:flex;flex-direction:column;gap:9px}.insight-label{font:400 9px/14px var(--font-mono);letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-you{color:var(--accent)}.insight-blue{color:var(--side-blue)}.insight-red{color:var(--side-red)}.insight-value{text-align:right;font:600 12.5px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.dmg-legend{display:flex;gap:12px;font:400 8.5px/12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.dmg-legend-item{display:flex;align-items:center;gap:5px}.dmg-swatch{width:8px;height:8px;border-radius:2px}.dmg-champions{background:var(--side-blue)}.dmg-objectives{background:var(--lp-down)}.dmg-turrets{background:var(--ink-3)}.dmg-row{display:grid;grid-template-columns:78px 1fr 54px;align-items:center;gap:10px}.dmg-bar{display:flex;height:12px;border-radius:3px;overflow:hidden;background:var(--line)}.dmg-part{display:block;height:100%}.kp-row{display:grid;grid-template-columns:24px 1fr 44px 40px;align-items:center;gap:10px}.kp-bar{display:block;height:10px;border-radius:2px;background:var(--line);overflow:hidden}.kp-fill{display:block;height:100%;border-radius:2px;background:var(--side-blue)}.kp-row[data-you] .kp-fill{background:var(--accent)}.kp-row[data-you] .insight-value{color:var(--accent)}.kp-raw{text-align:right;font:400 9.5px/12px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.vision-table{display:grid;grid-template-columns:78px 1fr 1fr 1fr;align-items:center;gap:9px 10px}.vision-row{display:contents}.vision-heading{text-align:right;font:400 8.5px/12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.vision-value{text-align:right;font:600 13px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.vision-row .insight-blue~.vision-value,.vision-row .insight-red~.vision-value{color:var(--ink-2)}@media(max-width:640px){.insights{gap:26px;padding:18px 16px 22px}.dmg-row{grid-template-columns:64px 1fr 48px}.vision-table{grid-template-columns:64px 1fr 1fr 1fr}}.team-block{--side: var(--side-blue)}.team-red{--side: var(--side-red)}.team-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.team-head-left{display:flex;align-items:center;gap:9px}.team-chip{flex:none;width:8px;height:8px;border-radius:2px;background:var(--side)}.team-red .team-chip{border-radius:var(--radius-pill)}.team-side{font:400 10px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--side)}.team-result{font:600 11.5px/14px var(--font-display);letter-spacing:.06em;text-transform:uppercase}.team-result-win{color:var(--victory)}.team-result-loss{color:var(--defeat)}.team-totals{display:flex;align-items:center;gap:14px;margin:0}.team-total{display:flex;align-items:baseline;gap:5px}.team-total dd,.team-total dt{margin:0}.team-total-value{font:600 12.5px/14px var(--font-display);font-variant-numeric:tabular-nums}.team-total-label{font:400 8.5px/12px var(--font-mono);letter-spacing:.1em;color:var(--ink-3)}.team-rows{list-style:none;margin:0;padding:0}.team-row{position:relative;display:grid;grid-template-columns:36px 1fr 131px 202px;grid-template-areas:"icon name items stats";align-items:center;gap:12px;padding:11px 21px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.team-row:last-child{border-bottom:0}.team-row[data-you]{background:var(--accent-wash);border-left-color:var(--accent)}.team-row[data-you] .team-row-player{font-weight:600;color:var(--ink)}.team-row[data-you] .team-bar-fill{background:var(--accent)}.team-row-you{flex:none;padding:2px 6px;border-radius:4px;background:var(--accent-wash);font:400 8px/12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.team-row>.icon{grid-area:icon}.team-row-name{grid-area:name;display:flex;flex-direction:column;gap:3px;min-width:0}.team-row-line{display:flex;align-items:baseline;gap:7px;min-width:0}.team-row-player{font:500 13px/1.2 var(--font-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row-tag{color:var(--ink-3)}.team-row-champ,.team-row-rank{font:400 9.5px/12px var(--font-mono);white-space:nowrap}.team-row-champ{letter-spacing:.06em;color:var(--ink-2)}.team-row-rank{color:var(--ink-2)}.team-row-norank{color:var(--ink-3)}.team-row-items{grid-area:items;display:flex;gap:2px}.item-slot{display:block;width:17px;height:17px;border-radius:3px;overflow:hidden;background:var(--surface-2);border:1px solid transparent}.item-slot img{display:block;width:100%;height:100%;object-fit:cover}.item-empty{background:var(--bg);border-color:var(--line)}.item-trinket{border-radius:var(--radius-pill)}.team-row-stats{grid-area:stats;display:grid;grid-template-columns:68px 52px 58px;align-items:end;gap:12px}.team-stat{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.team-stat-damage{gap:4px}.team-stat-kda{font:600 14px/1.2 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.team-stat-value{font:500 12.5px/1.2 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.team-stat-sub{font:400 9px/12px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}.team-bar{display:block;width:100%;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.team-bar-fill{display:block;height:100%;border-radius:2px;background:var(--side);transform-origin:right;animation:team-bar .7s cubic-bezier(.3,.1,.2,1) both}@keyframes team-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.team-bar-fill{animation:none}}.match-panel-handle{display:none;justify-content:center;padding:9px 0 3px}.match-panel-handle span{width:38px;height:4px;border-radius:var(--radius-pill);background:var(--line)}.team-head-toggle{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.team-head-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.team-caret{position:relative;width:14px;height:14px;flex:none}.team-caret:before{content:"";position:absolute;left:3px;top:2px;width:7px;height:7px;border-right:1.5px solid var(--side);border-bottom:1.5px solid var(--side);transform:rotate(45deg)}.team-block[data-collapsed] .team-caret:before{top:4px;transform:rotate(-45deg)}.team-count{font:400 9px/12px var(--font-mono);letter-spacing:.1em;color:var(--ink-3)}@media(max-width:640px){.match-panel{top:0;right:0;bottom:0;left:0;width:auto;border-left:0;border-radius:18px 18px 0 0;box-shadow:0 -18px 60px var(--shadow);animation:match-sheet .42s cubic-bezier(.2,.8,.2,1) both}.match-panel-handle{display:flex}.match-head{gap:14px;padding:14px 16px 18px}.match-result-word{font-size:26px}.match-result{min-height:26px}.match-skel-word{height:26px}.match-panel-esc,.match-nav-divider{display:none}.match-nav{gap:7px}.match-nav-btn,.match-panel-close{width:28px;height:28px}.match-summary{grid-template-columns:1fr 1fr 1fr;gap:12px}.summary-stat:nth-child(n+4){display:none}.summary-stat-value{font-size:15px}.match-footer{padding:13px 16px}.team-head{position:relative;padding:12px 16px}.team-total:nth-child(n+3){display:none}.team-totals{gap:10px}.team-row{grid-template-columns:34px 1fr;grid-template-areas:"icon name" "items items" "stats stats";gap:9px;padding:11px 13px 12px}.team-row .icon-match{--icon-size: 34px}.team-row-player{font-size:12.5px}.item-slot{width:15px;height:15px}.team-row-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:9px;border-top:1px solid var(--line)}.team-stat-kda{font-size:13px}.team-stat-value{font-size:12px}}@keyframes match-sheet{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce)and (max-width:640px){.match-panel{animation:match-fade .2s ease both}}@media(prefers-reduced-motion:reduce){.match-panel{animation:match-fade .2s ease both}}.degraded-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding:12px 18px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--warn-line)}.degraded-dot{flex:none;width:7px;height:7px;border-radius:2px;background:var(--warn)}.degraded-copy{flex:1 1 220px;min-width:0;font:400 13px/1.4 var(--font-body);color:var(--ink)}.degraded-cached{margin-left:auto;font:400 9.5px/14px var(--font-mono);letter-spacing:.1em;color:var(--warn);white-space:nowrap}.live-unavailable{border-color:var(--warn-line)}.live-dot-warn{background:var(--warn);animation:none}.live-unavailable-label{font:400 9.5px/14px var(--font-mono);letter-spacing:.1em;color:var(--warn);white-space:nowrap}.live-idle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 26px;border:1px solid var(--line)}.live-idle-copy{display:flex;align-items:center;gap:11px;font:400 13.5px/1.3 var(--font-body);color:var(--ink-2)}.live-last-seen{font:400 11px/14px var(--font-mono);text-transform:uppercase;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-head h2{margin:0}.section-meta{font:400 10px/14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.most-played{margin-bottom:var(--space-4)}.champion-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.champion-tile{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:13px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:border-color .15s ease,transform .15s ease}.champion-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.champion-tile-text{display:flex;flex-direction:column;gap:3px;min-width:0}.champion-tile-name{font:600 14px/1.2 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-tile-games,.champion-tile-kda{font:400 10.5px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.champion-tile-games{color:var(--ink-2)}.champion-tile-kda{color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.champion-tile,.champion-tile:hover{transition:none;transform:none}}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--icon-size);height:var(--icon-size);overflow:hidden;background:var(--surface-2);color:var(--ink-2);font-weight:600}.icon img{width:100%;height:100%;object-fit:cover;display:block}.icon-row{--icon-size: 32px;border-radius:var(--radius-md);font-size:12px}.icon-tile{--icon-size: 42px;border-radius:var(--radius-md);font-size:13px}.icon-live{--icon-size: 30px;border-radius:var(--radius-sm);font-size:11px}.icon-match{--icon-size: 36px;border-radius:8px;font-size:12px}.icon-vs,.icon-kp{--icon-size: 24px;border-radius:6px;font-size:9px}.icon-profile{--icon-size: 92px;border-radius:var(--radius-lg);font-size:32px;color:var(--accent);background:var(--tint)}.icon-text{width:auto;min-width:var(--icon-size);padding:0 var(--space-2);white-space:nowrap}@media(max-width:640px){.match-table{border:0;border-radius:0;background:transparent;overflow:visible}.match-table-head,.match-cell-vs,.match-cell-queue,.match-role,.match-ratio{display:none}.match-chevron{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.match-chevron span{display:none}.mobile-only{display:block}.match-rows{display:flex;flex-direction:column;gap:var(--space-2)}.match-row{grid-template-columns:repeat(4,1fr);grid-template-areas:"champ champ champ result" "line line line line" "kda cs dmg vis";column-gap:var(--space-2);row-gap:10px;padding:11px 13px;border:1px solid var(--line);border-left-width:3px;border-radius:11px}.match-row:before{content:"";grid-area:line;border-top:1px solid var(--line);margin-top:-1px}.match-cell-champion{grid-area:champ;gap:11px}.match-cell-champion .icon-match{--icon-size: 38px}.match-champion-name{font-size:14.5px}.match-role-meta{font:400 9.5px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-cell-result{grid-area:result;justify-self:end;gap:6px}.match-word{font-size:12.5px}.match-cell-kda{grid-area:kda;align-items:flex-start}.match-stat:nth-of-type(1){grid-area:cs}.match-stat:nth-of-type(2){grid-area:dmg}.match-stat:nth-of-type(3){grid-area:vis}.match-cell-kda,.match-stat,.match-row .match-cell.right{display:flex;flex-direction:column;gap:2px;text-align:left}.match-cell-kda:before,.match-stat:before{content:attr(data-label);font:400 8.5px/12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.match-kda{font-size:13px}.topbar{flex-direction:column;align-items:stretch}.topbar-tools{justify-content:space-between}.topbar-path{display:none}.topbar-search{width:120px}.summoner-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.rhythm{max-width:none}.rhythm-track{gap:2px}.summoner-header .summoner-name{font-size:30px}.summoner-tag{font-size:15px}.topbar-home{flex-direction:row;align-items:center}.icon-profile{--icon-size: 64px;font-size:24px}.rank-row{--mark-size: 42px}.cards{grid-template-columns:1fr;gap:14px}.rank-card{gap:var(--space-4);padding:var(--space-4)}.rank-card-identity{--mark-size: 42px}.rank-card-tier-word{font-size:26px}.rank-card-lp{font-size:17px}.rank-stats{gap:var(--space-4)}.rank-curve{height:200px}.champion-tiles{grid-template-columns:1fr 1fr;gap:10px}.live-active,.live-idle{padding:var(--space-4)}.live-teams{grid-template-columns:1fr;gap:14px}}