.champion-dashboard{font-variant-numeric:tabular-nums;min-width:0;padding-block:10px 28px}.champion-dashboard-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px;display:flex}.champion-dashboard-heading h2{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(21px,2.2vw,27px);line-height:1.15}.champion-dashboard-heading>p{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.champion-dashboard .champion-performance-section{margin:0 0 14px;padding:0}.champion-toolbar{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;padding:7px 9px}.champion-dashboard .champion-controls{grid-template-columns:minmax(200px,1.5fr) minmax(140px,1fr) minmax(130px,1fr) auto;align-items:end;gap:7px;margin:0;display:grid}.champion-dashboard .champion-controls label{gap:5px;min-width:0;font-size:11px;font-weight:600}.champion-dashboard .champion-controls select,.champion-dashboard .champion-controls input{border-radius:6px;width:100%;min-width:0;min-height:34px;padding-block:6px;font-size:12px}.champion-sort-controls{gap:6px;min-width:0;display:flex}.champion-sort-controls select{flex:1}.champion-sort-direction{border:1px solid var(--line);background:var(--surface-strong);min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;flex:0 0 34px}.champion-search-field{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-items:center;gap:7px;padding-inline-start:12px;display:flex}.champion-search-field>svg{color:var(--primary);flex-shrink:0}.champion-dashboard .champion-search-field input{background:0 0;border:0}.champion-search-field:focus-within{outline:2px solid var(--primary);outline-offset:3px}.champion-dashboard .champion-search-field input:focus-visible{outline:none}.champion-filter-reset{border:1px solid var(--line);background:var(--surface-soft);min-height:34px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:flex}.champion-dashboard .champion-performance-heading{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 6px}.champion-performance-heading h3{letter-spacing:-.025em;margin:0;font-size:14px}.champion-sample{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px 14px;font-size:11px;line-height:1.7;display:flex}.champion-sample strong{color:var(--text);margin-inline:3px;font-size:13px}.champion-dashboard [data-kda-band=low]{--champion-kda-color:var(--profile-kda-low)}.champion-dashboard [data-kda-band=average]{--champion-kda-color:var(--profile-kda-average)}.champion-dashboard [data-kda-band=good]{--champion-kda-color:var(--profile-kda-good)}.champion-dashboard [data-kda-band=strong]{--champion-kda-color:var(--profile-kda-strong)}.champion-table-wrap{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;width:100%;overflow-x:auto}.champion-performance-table{border-collapse:separate;border-spacing:0;text-align:start;width:100%;min-width:650px}.champion-performance-table th,.champion-performance-table td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:3px 9px;font-size:12px;line-height:1.25}.champion-performance-table thead th{height:32px;color:var(--muted);background:var(--surface-soft);padding-block:6px;font-size:10px;font-weight:650}.champion-sort-heading{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.champion-sort-heading span{color:var(--primary);font-size:13px}.champion-performance-table thead th[aria-sort=none] .champion-sort-heading span{opacity:.6}.champion-performance-table thead th:first-child{border-start-start-radius:12px}.champion-performance-table thead th:last-child{border-start-end-radius:12px}.champion-dashboard .champion-performance-table .champion-performance{background:0 0;border:0;display:table-row}.champion-performance-table tbody tr:last-child>*{border-bottom:0}.champion-performance-table tbody tr:is(:hover,:focus-within){background:var(--surface-soft)}.champion-table-identity{align-items:center;gap:7px;min-width:0;display:flex}.champion-table-identity .champion-token{border-radius:6px;flex-shrink:0;width:30px;height:30px}.champion-table-identity>div{min-width:0;max-width:110px}.champion-table-identity strong,.champion-table-identity small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.champion-performance-table th[scope=row]{border-inline-start:3px solid var(--profile-border);width:150px}.champion-performance-table tr:has(.wr-red) th[scope=row]{border-inline-start-color:var(--negative-text)}.champion-performance-table tr:has(.wr-green) th[scope=row]{border-inline-start-color:var(--positive-text)}.champion-performance-table tr:has(.wr-gold) th[scope=row]{border-inline-start-color:var(--profile-kda-strong)}.champion-table-identity{min-height:36px}.champion-table-record>span:first-child{color:var(--positive-text);font-weight:650}.champion-table-record>span:nth-child(3){color:var(--negative-text);font-weight:650}.champion-table-metric.perf-unavailable .performance-indicator{display:none}.champion-table-identity strong{overflow-wrap:anywhere;font-size:13px;font-weight:700}.champion-performance-table small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;line-height:1.4;display:block}.champion-performance-table td>strong,.champion-table-metric>strong,.champion-table-winrate>strong{font-size:13px;font-weight:730}.champion-table-metric,.champion-table-winrate{color:var(--performance-color,var(--text));align-items:center;gap:5px;display:flex}:root body .champion-dashboard .champion-table-kda>strong{border:1px solid color-mix(in srgb, var(--champion-kda-color) 55%, var(--line));background:color-mix(in srgb, var(--champion-kda-color) 13%, var(--surface-strong));color:var(--champion-kda-color);border-radius:6px;padding:2px 6px}.champion-table-winrate{flex-wrap:wrap;min-width:78px;max-width:112px}.champion-dashboard .wr-red{--performance-color:var(--negative-text)}.champion-dashboard .wr-grey{--performance-color:var(--muted)}.champion-dashboard .wr-green{--performance-color:var(--positive-text)}.champion-dashboard .wr-gold{--performance-color:#8a6100}:root[data-theme=dark] .champion-dashboard .wr-gold{--performance-color:#f4cc70}.champion-table-winrate>strong{color:var(--performance-color)}.champion-table-winrate .progress-viz .progress-value{fill:var(--performance-color)}.champion-table-winrate .progress-viz{flex-basis:100%;width:100%;height:4px;margin:1px 0 0}.champion-performance-table time{color:var(--muted);font-size:11px}.champion-performance-table abbr{text-decoration:none}.champion-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:24px 16px;line-height:1.7}.champion-dashboard .performance-legend{margin-top:9px}.champion-dashboard .performance-legend summary{min-height:24px;padding-block:3px}.champion-dashboard .champion-mastery-section{border-radius:8px;padding:10px}.champion-mastery-section .card-heading{margin-bottom:9px}.champion-mastery-section .card-heading h2{letter-spacing:-.035em;font-size:17px}.champion-mastery-scope{border-inline-start:2px solid var(--primary);color:var(--muted);margin:0 0 15px;padding-inline-start:10px;font-size:11px;line-height:1.8}.champion-dashboard .mastery-ladder article{scroll-margin-block:110px 24px}.champion-mastery-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.champion-mastery-more .button{gap:8px;min-height:44px;font-size:12px}.champion-mastery-more>span{color:var(--muted);font-size:11px}.champion-dashboard :is(button,select,article):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=1050px){.champion-dashboard .champion-controls{grid-template-columns:minmax(180px,1.3fr) minmax(120px,1fr) minmax(100px,1fr)}.champion-filter-reset{grid-column:1/-1;justify-self:start}.champion-performance-table th,.champion-performance-table td{padding-inline:8px}.champion-table-identity{gap:7px}.champion-table-identity .champion-token{width:32px;height:32px}}@media (width<=800px){.champion-dashboard-heading{gap:6px}.champion-dashboard-heading>p{max-width:none}.champion-table-wrap{isolation:isolate}.champion-performance-table th,.champion-performance-table td{white-space:nowrap;padding-inline:6px}.champion-performance-table th:first-child{z-index:1;position:sticky;inset-inline-start:0}.champion-performance-table th[scope=row]{background:var(--surface-strong);width:128px;box-shadow:1px 0 0 var(--line)}.champion-table-identity>div{max-width:78px}.champion-table-identity strong,.champion-table-identity small{text-overflow:ellipsis;display:block;overflow:hidden}}@media (width<=550px){.champion-dashboard .champion-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.champion-controls .champion-search{grid-column:1/-1}.champion-toolbar{padding:7px}.champion-sample{gap:3px 8px}.champion-dashboard .champion-mastery-section{padding:9px}.champion-mastery-section .card-heading{gap:7px}.champion-mastery-more{text-align:center;flex-direction:column;align-items:stretch}}:root:not([data-theme=dark]) .profile-dashboard.champion-profile-page{--profile-accent:#006b75;--profile-violet:#663ca4;--profile-background:#eaf0f5;--profile-panel:#fff;--profile-wash:#edf4f8;--profile-ink:#172c3d;--profile-muted:#475f70;--profile-border:#b9cbd6;--profile-kda-low:#ad2843;--profile-kda-average:#43596d;--profile-kda-good:#006b58;--profile-kda-strong:#855300;--profile-kda-violet:#673aa4;--performance-good:#006b58;--performance-middle:#855300;--performance-bad:#ad2843;--performance-unknown:#43596d}:root:not([data-theme=dark]) .champion-profile-page .champion-ranks-panel,:root:not([data-theme=dark]) .champion-profile-page .champion-toolbar,:root:not([data-theme=dark]) .champion-profile-page .champion-table-wrap,:root:not([data-theme=dark]) .champion-profile-page .champion-mastery-section{box-shadow:0 2px #172c3d14}:root:not([data-theme=dark]) .champion-profile-page .champion-ranks-panel{border-inline-start:5px solid var(--profile-accent);background:linear-gradient(110deg,#e4f3f6,#fff 55%)}:root:not([data-theme=dark]) .champion-profile-page .champion-dashboard-heading h2,:root:not([data-theme=dark]) .champion-profile-page .champion-performance-heading h3,:root:not([data-theme=dark]) .champion-profile-page .champion-mastery-section h2{color:#17394f}:root:not([data-theme=dark]) .champion-profile-page .champion-performance-table thead th{color:#fff;background:#203d52;border-bottom-color:#203d52}:root:not([data-theme=dark]) .champion-profile-page .champion-performance-table .champion-sort-heading span{color:#80e2e7}:root:not([data-theme=dark]) .champion-profile-page .champion-performance-table th,:root:not([data-theme=dark]) .champion-profile-page .champion-performance-table td{border-bottom-color:#cfdae2}:root:not([data-theme=dark]) .champion-profile-page .champion-performance-table tbody tr:hover{background:#dceef3}:root:not([data-theme=dark]) body .champion-profile-page .champion-dashboard .champion-table-kda>strong{border-color:color-mix(in srgb, var(--champion-kda-color) 55%, var(--line));background:color-mix(in srgb, var(--champion-kda-color) 15%, var(--surface-strong))}:root:not([data-theme=dark]) body .champion-profile-page .champion-dashboard .performance-indicator.is-compact{border-color:color-mix(in srgb, var(--performance-color) 42%, var(--line));background:color-mix(in srgb, var(--performance-color) 11%, var(--surface-strong))}:root:not([data-theme=dark]) .champion-profile-page .champion-table-winrate.wr-red{--performance-color:var(--performance-bad)}:root:not([data-theme=dark]) .champion-profile-page .champion-table-winrate.wr-grey{--performance-color:var(--performance-unknown)}:root:not([data-theme=dark]) .champion-profile-page .champion-table-winrate.wr-green{--performance-color:var(--performance-good)}:root:not([data-theme=dark]) .champion-profile-page .champion-table-winrate.wr-gold{--performance-color:var(--performance-middle)}:root:not([data-theme=dark]) body .champion-profile-page .champion-dashboard .champion-performance-table .champion-table-metric:not(.champion-table-kda)>strong,:root:not([data-theme=dark]) .champion-profile-page .champion-mastery-section .mastery-win-rate strong{color:var(--profile-ink)}@media (width>=801px){:root:not([data-theme=dark]) .champion-profile-page .champion-dashboard .champion-performance-table tbody tr:nth-child(2n){background:#f0f5f8}:root:not([data-theme=dark]) .champion-profile-page .champion-dashboard .champion-performance-table tbody tr:hover{background:#dceef3}}.champion-dashboard .champion-ranking-link{color:var(--profile-ink);border-radius:6px;text-decoration:none}.champion-dashboard .champion-ranking-link:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}.champion-dashboard .champion-ranking-link img{object-fit:cover;border-radius:6px;transition:box-shadow .12s}.champion-dashboard .champion-ranking-link:is(:hover,:focus-visible) img{box-shadow:0 0 0 2px var(--profile-accent)}.champion-dashboard .champion-ranking-link:is(:hover,:focus-visible) strong{color:var(--profile-accent)}.champion-dashboard .champion-ranks-panel{border-radius:8px;margin:8px 0 12px;padding:9px 10px}.champion-dashboard .champion-ranks-heading{align-items:center;gap:8px}.champion-ranks-heading>div{flex-wrap:wrap;align-items:center;gap:5px 8px;display:flex}.champion-dashboard .champion-ranks-heading h3{margin:0;font-size:14px}.champion-ranks-source{background:color-mix(in srgb, var(--profile-accent) 13%, var(--profile-panel));color:var(--profile-accent);border-radius:4px;padding:3px 5px;font-size:9px;font-weight:650}.champion-ranks-heading>small{white-space:nowrap;font-size:10px}.champion-dashboard .champion-ranks-list{margin-top:6px}.champion-dashboard .champion-ranks-row{grid-template-columns:minmax(130px,1fr) minmax(190px,1.3fr) minmax(200px,1.2fr);gap:8px;min-height:42px;padding:4px 0;font-size:12px}.champion-ranks-identity{align-items:center;gap:8px;min-height:34px;display:flex}.champion-dashboard .champion-ranks-row img{width:30px;height:30px}.champion-dashboard .champion-ranks-position{grid-column:auto;gap:5px}.champion-dashboard .champion-ranks-position>span{border:1px solid color-mix(in srgb, var(--profile-accent) 25%, var(--profile-border));background:color-mix(in srgb, var(--profile-accent) 9%, var(--profile-panel));color:var(--profile-accent);border-radius:5px;gap:0 4px;padding:0 6px;font-size:11px}.champion-dashboard .champion-ranks-position>.champion-ranks-world{border-color:color-mix(in srgb, var(--profile-violet) 28%, var(--profile-border));background:color-mix(in srgb, var(--profile-violet) 10%, var(--profile-panel));color:var(--profile-violet)}.champion-dashboard .champion-ranks-position a{gap:4px;min-width:0;min-height:28px;text-decoration:none}.champion-dashboard .champion-ranks-position b{background:0 0;padding:0}.champion-dashboard .champion-ranks-performance{flex-wrap:wrap;grid-column:auto;justify-content:flex-end;gap:8px;font-size:11px;display:flex}.champion-dashboard .champion-ranks-games{color:var(--profile-muted);font-size:10px}.champion-dashboard .champion-ranks-winrate{width:72px;min-width:60px;color:var(--performance-color,var(--profile-accent));flex:0 0 72px}.champion-dashboard .champion-ranks-track .percentage-bar{width:100%;height:100%;color:var(--performance-color,var(--profile-accent))}.champion-dashboard .champion-ranks-kda{border:1px solid color-mix(in srgb, var(--champion-kda-color) 40%, var(--line));background:color-mix(in srgb, var(--champion-kda-color) 13%, var(--profile-panel));color:var(--champion-kda-color);border-radius:5px;padding:3px 5px}.champion-ranks-footer{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:3px;display:flex}.champion-dashboard .champion-ranks-method{margin:0;font-size:11px}.champion-ranks-method summary{cursor:pointer;align-items:center;gap:4px;min-height:24px;font-size:10px;display:inline-flex}.champion-ranks-method summary:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px}.champion-ranks-method[open] summary{color:var(--profile-accent)}.champion-ranks-method p{margin:5px 0;line-height:1.5}.champion-dashboard .champion-ranks-small-sample{color:var(--profile-violet);background:color-mix(in srgb, var(--profile-violet) 10%, transparent);border-radius:4px;margin:2px 0 0;padding:2px 5px;font-size:10px}.champion-dashboard .mastery-hero{grid-template-columns:40px minmax(0,1fr) auto;gap:3px 8px;padding:12px 9px 8px}.champion-dashboard .mastery-hero .champion-mastery-icon{grid-row:1/3}.champion-dashboard .champion-mastery-icon{justify-content:center;align-items:center;min-width:34px;min-height:34px;display:inline-flex}.champion-dashboard .champion-mastery-icon img{width:30px;height:30px}.champion-dashboard .mastery-hero .champion-mastery-icon img{width:40px;height:40px}.champion-dashboard .mastery-hero>div strong{font-size:13px}.champion-dashboard .mastery-ladder article{gap:6px;min-height:42px;padding:4px 8px}.champion-dashboard .mastery-ladder article>div>strong{font-size:12px}.champion-dashboard .champion-mastery-more{margin-top:8px}@media (width<=700px){.champion-dashboard .champion-ranks-heading{flex-wrap:wrap;display:flex}.champion-dashboard .champion-ranks-row{grid-template-columns:minmax(80px,1fr) auto;gap:3px 6px}.champion-ranks-identity{grid-row:1;gap:5px;min-height:44px}.champion-dashboard .champion-ranks-position{grid-area:2/1/auto/-1;justify-content:flex-start}.champion-dashboard .champion-ranks-position a{min-width:44px;min-height:44px}.champion-dashboard .champion-ranks-performance{grid-area:1/2;gap:5px}.champion-dashboard .champion-ranks-performance>span{font-size:10px}.champion-dashboard .champion-ranks-winrate{flex-basis:56px;width:56px;min-width:52px}}@media (width<=600px){.champion-dashboard .mastery-ladder .champion-mastery-icon{grid-area:1/2/3}}