.dota-catalogue{min-height:100dvh;color:var(--ds-text);background:var(--ds-bg);font-family:var(--ds-font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dota-catalogue *{box-sizing:border-box}.dota-catalogue :is(a,button,input,select):focus-visible{outline:2px solid var(--ds-focus);outline-offset:4px}.dota-catalogue button:not(:disabled),.dota-catalogue select{cursor:pointer}.dota-catalogue button:disabled{opacity:.5;cursor:wait}.dota-catalogue a{text-decoration:none}.hc-main{min-height:70vh;padding-block:40px 80px}.hc-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:12px 0 24px;display:flex}.hc-heading h1,.hc-hero-heading h1{font-family:var(--ds-font-heading);font-weight:700;font-size:var(--ds-text-page);margin:10px 0 14px;line-height:1.15}.hc-heading p:not(.hc-eyebrow),.hc-hero-heading p:not(.hc-eyebrow){color:var(--ds-muted);margin:0;line-height:1.7}.hc-eyebrow{color:var(--ds-accent);letter-spacing:2px;margin:0;font-size:11px;line-height:1.5}.hc-freshness{color:var(--ds-subtle);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.hc-patch{border:1px solid var(--ds-line-strong);color:var(--ds-muted);font-family:var(--ds-font-mono);padding:4px 8px}.hc-filters{background:var(--ds-panel);border:1px solid var(--ds-line);flex-wrap:wrap;align-items:flex-end;gap:16px;margin:28px 0 24px;padding:20px;display:flex}.hc-filters>label{min-width:0;color:var(--ds-muted);flex-direction:column;flex:150px;gap:8px;font-size:12px;display:flex}.hc-filters>.ds-select{flex:0 220px}.hc-filters .ds-select label{flex:none}.hc-filters :is(select,input){border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius);width:100%;height:44px;color:var(--ds-text);background:var(--ds-input-bg);padding:0 12px;font-size:14px}.hc-search{flex:1.5 220px!important}.hc-search>span{position:relative}.hc-search svg{color:var(--ds-subtle);position:absolute;top:13px;left:12px}.hc-search input{padding-left:38px}.hc-attributes,.hc-mode-switch{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hc-attributes{margin:28px 0 20px}.hc-attributes button,.hc-mode-switch button{min-height:42px;color:var(--ds-muted);border:1px solid var(--ds-line);background:0 0;padding:8px 16px;font-size:13px}.hc-attributes button[aria-pressed=true],.hc-mode-switch button[aria-pressed=true]{color:var(--ds-accent);border-color:var(--ds-accent);background:var(--ds-brand-surface)}.hc-attributes>span{color:var(--ds-subtle);font-family:var(--ds-font-mono);margin-left:auto;font-size:12px}.hc-mode-switch{margin-top:28px}.hc-hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.hc-hero-card{background:var(--ds-panel);border:1px solid var(--ds-line);min-width:0;padding:10px;transition:border-color .15s,background .15s}.hc-hero-card:hover{border-color:var(--ds-accent);background:var(--ds-panel-raised)}.hc-card-art{position:relative;overflow:hidden}.hc-portrait{object-fit:cover;background:var(--ds-input-bg);flex:none;width:64px;height:36px;display:block}.hc-card-art .hc-portrait{aspect-ratio:16/9;width:100%;height:auto}.hc-card-art>svg{color:var(--ds-text);background:#101317b3;position:absolute;bottom:6px;right:6px}.hc-hero-card h2{color:var(--ds-text);overflow-wrap:anywhere;margin:12px 0;font-size:14px;font-weight:600}.hc-card-stats{font-family:var(--ds-font-mono);justify-content:space-between;gap:8px;font-size:13px;display:flex}.hc-card-stats small{color:var(--ds-subtle);font-family:var(--ds-font-body);margin-bottom:4px;font-size:10px;display:block}.hc-hero-card p{color:var(--ds-subtle);margin:10px 0 2px;font-size:10px}.hc-positive{color:var(--ds-positive)}.hc-negative{color:var(--ds-negative)}.hc-subtle,.hc-explanation{color:var(--ds-muted);font-size:13px;line-height:1.7}.hc-explanation{max-width:850px;margin:0 0 24px}.hc-notice{border-left:2px solid var(--ds-accent);background:var(--ds-panel);color:var(--ds-muted);padding:16px 20px;font-size:13px}.hc-button{border:1px solid var(--ds-line-strong);background:var(--ds-panel);min-height:44px;color:var(--ds-text);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.hc-button:hover{border-color:var(--ds-accent);background:var(--ds-panel-raised)}.hc-button--primary{background:var(--ds-action);border-color:var(--ds-action-border);color:var(--ds-on-action)}.hc-button--primary:hover{background:var(--ds-action-hover)}.hc-text-link{min-height:44px;color:var(--ds-accent);white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:inline-flex}.hc-empty{min-height:150px;color:var(--ds-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:13px;line-height:1.6;display:flex}.hc-empty p{max-width:480px;margin:0}.hc-panel{border:1px solid var(--ds-line);background:var(--ds-panel);min-width:0}.hc-panel h3{border-bottom:1px solid var(--ds-line);margin:0;padding:20px;font-size:16px;font-weight:600}.hc-pair-row{border-bottom:1px solid var(--ds-line);grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:8px;min-width:0;padding:14px 12px;display:grid}.hc-pair-row:last-child{border:0}.hc-pair-hero{min-width:0;color:var(--ds-text);align-items:center;gap:10px;display:flex}.hc-pair-hero:hover strong{color:var(--ds-accent)}.hc-pair-hero .hc-portrait{width:48px;height:32px}.hc-pair-hero>span{min-width:0}.hc-pair-hero strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.hc-pair-hero small{color:var(--ds-subtle);font-size:10px;line-height:1.6;display:block}.hc-score{font-family:var(--ds-font-mono);white-space:nowrap;text-align:right;font-size:13px}.hc-score small{color:var(--ds-subtle);font-size:9px;font-family:var(--ds-font-body);margin-top:4px;display:block}.hc-pair-action{min-width:36px;min-height:44px;color:var(--ds-muted);place-items:center;display:grid}.hc-pair-action:hover{color:var(--ds-accent);background:var(--ds-input-bg)}.hc-pair-row--full{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px 44px;gap:24px;padding:18px 24px}.hc-pair-row--full .hc-portrait{width:80px;height:45px}.hc-pair-row--full strong{font-size:15px}.hc-pair-row--full small{font-size:12px}.hc-pairs-head{color:var(--ds-subtle);border-bottom:1px solid var(--ds-line-strong);text-transform:uppercase;letter-spacing:1px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px 44px;gap:24px;padding:16px 24px;font-size:11px;display:grid}.hc-pairs-head span:nth-child(3){text-align:right}.hc-pagination{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.hc-breadcrumb{color:var(--ds-subtle);gap:12px;margin-bottom:28px;font-size:12px;display:flex}.hc-breadcrumb a:hover{color:var(--ds-accent)}.hc-hero-heading{align-items:center;gap:28px;padding-bottom:12px;display:flex}.hc-hero-heading>.hc-portrait{border:1px solid var(--ds-line-strong);width:200px;height:150px}.hc-hero-heading>div{flex:1;min-width:0}.hc-hero-heading .hc-freshness{margin-top:18px}.hc-section-nav{border-bottom:1px solid var(--ds-line);gap:28px;margin-bottom:24px;display:flex;overflow-x:auto}.hc-section-nav a{white-space:nowrap;color:var(--ds-muted);padding:14px 0;font-size:13px}.hc-section-nav a:hover{color:var(--ds-accent)}.hc-metrics{background:var(--ds-line);border:1px solid var(--ds-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.hc-metric{background:var(--ds-bg);padding:24px}.hc-metric>span{color:var(--ds-subtle);margin-bottom:12px;font-size:12px;display:block}.hc-metric>strong{font-family:var(--ds-font-mono);font-size:26px;font-weight:500}.hc-section{scroll-margin-top:calc(var(--ds-header-height) + 24px);margin-top:56px}.hc-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.hc-section h2{font-family:var(--ds-font-heading);font-size:var(--ds-text-section);margin:8px 0 0;font-weight:700;line-height:1.25}.hc-matchup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hc-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hc-build{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:16px;padding:20px;display:grid}.hc-build-number{color:var(--ds-subtle);font-family:var(--ds-font-mono);font-size:12px}.hc-build-items,.hc-match-items{flex-wrap:wrap;gap:4px;display:flex}.hc-item{background:var(--ds-input-bg);border:1px solid var(--ds-line);color:var(--ds-subtle);flex:none;justify-content:center;align-items:center;width:48px;height:35px;display:inline-flex}.hc-item img{object-fit:cover;width:100%;height:100%;display:block}.hc-build-stats{color:var(--ds-subtle);grid-column:2;align-items:center;gap:18px;font-size:12px;display:flex}.hc-build-stats>span:first-child{font-family:var(--ds-font-mono);font-size:14px}.hc-build-stats a{color:var(--ds-accent);align-items:center;gap:4px;margin-left:auto;display:inline-flex}.hc-subheading{margin:28px 0 16px;font-size:16px;font-weight:600}.hc-item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hc-item-stat{background:var(--ds-panel);border:1px solid var(--ds-line);align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.hc-item-stat strong{overflow-wrap:anywhere;margin-bottom:6px;font-size:12px;display:block}.hc-item-stat span,.hc-item-stat small{color:var(--ds-muted);font-size:10px}.hc-item-stat small{margin-top:4px;display:block}.hc-item-stat .hc-positive{color:var(--ds-positive)}.hc-item-stat .hc-negative{color:var(--ds-negative)}.hc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hc-stat-row{min-height:58px;color:var(--ds-text);border-bottom:1px solid var(--ds-line);grid-template-columns:32px minmax(100px,1.2fr) minmax(32px,1fr) 64px 52px;align-items:center;gap:10px;padding:8px 20px;display:grid}.hc-stat-row strong{font-size:12px;font-weight:500}.hc-stat-row>span:not(.hc-rate-bar),.hc-stat-row small{text-align:right;font-family:var(--ds-font-mono);font-size:12px}.hc-stat-row small{color:var(--ds-subtle);font-size:10px}.hc-stat-row:hover,.hc-stat-row.is-selected{background:var(--ds-panel-raised)}.hc-stat-row.is-selected{box-shadow:inset 2px 0 var(--ds-accent)}.hc-rate-bar{background:var(--ds-input-bg);height:4px;display:block}.hc-rate-bar>span{background:var(--ds-positive);height:4px;display:block}.hc-stats-note{color:var(--ds-subtle);padding:20px;font-size:12px;line-height:1.7}.hc-match{border:1px solid var(--ds-line);background:var(--ds-panel);grid-template-columns:175px minmax(260px,1fr) minmax(190px,320px) 44px;align-items:center;gap:24px;padding:20px;display:grid}.hc-match+.hc-match{border-top:0}.hc-match-meta{grid-template-columns:1fr;gap:5px;font-size:11px;display:grid}.hc-match-meta>span:first-child{font-size:13px;font-weight:600}.hc-match-meta strong{color:var(--ds-muted);font-weight:400}.hc-match-meta>span:nth-child(3){color:var(--ds-subtle);font-family:var(--ds-font-mono);align-items:center;gap:5px;display:flex}.hc-match-meta time{font-family:var(--ds-font-body);margin-left:8px}.hc-match-meta small{color:var(--ds-subtle);font-size:10px}.hc-match-drafts{gap:6px;display:grid}.hc-match-drafts>div{align-items:center;gap:4px;display:flex}.hc-match-drafts .hc-portrait{width:48px;height:27px}.hc-side{width:18px;font-size:10px;font-family:var(--ds-font-mono);flex:none;display:block}.hc-side--radiant{color:var(--ds-positive)}.hc-side--dire{color:var(--ds-negative)}.hc-target-hero{outline:2px solid var(--ds-accent);outline-offset:0}.hc-match-link{color:var(--ds-accent);place-items:center;min-height:44px;display:grid}.hc-match-items small{color:var(--ds-subtle);font-size:12px}.hc-load-more{margin:24px auto 0;display:flex}@media (max-width:1150px){.hc-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hc-matchup-grid{grid-template-columns:1fr}.hc-matchup-grid .hc-pair-row{grid-template-columns:minmax(0,1fr) 100px 44px;padding-inline:20px}.hc-matchup-grid .hc-pair-hero .hc-portrait{width:64px;height:36px}.hc-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hc-stat-row{grid-template-columns:28px minmax(0,1fr) 56px 44px;padding-inline:14px}.hc-stat-row .hc-rate-bar{display:none}.hc-match{grid-template-columns:130px minmax(240px,1fr) 150px 32px;gap:16px}.hc-match-items .hc-item{width:45px;height:32px}}@media (max-width:760px){.hc-main{padding-top:24px}.hc-heading{flex-direction:column;align-items:flex-start;gap:8px}.hc-hero-heading{flex-wrap:wrap;gap:20px}.hc-hero-heading>.hc-portrait{width:112px;height:96px}.hc-hero-heading>div{flex-basis:calc(100% - 140px)}.hc-hero-heading h1{font-size:30px}.hc-hero-heading .hc-eyebrow{font-size:9px}.hc-hero-heading p:not(.hc-eyebrow){font-size:12px}.hc-hero-heading>.hc-button{width:100%}.hc-hero-heading .hc-freshness{gap:8px;font-size:10px}.hc-filters{gap:12px;padding:16px}.hc-filters>label{flex-basis:calc(50% - 12px)}.hc-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-section-nav{gap:24px}.hc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-metric{padding:20px}.hc-metric>strong{font-size:24px}.hc-section{margin-top:40px}.hc-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.hc-build-grid,.hc-stats-grid{grid-template-columns:1fr}.hc-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-stat-row{grid-template-columns:32px minmax(100px,1.2fr) minmax(20px,1fr) 56px 44px}.hc-stat-row .hc-rate-bar{display:block}.hc-match{grid-template-columns:112px minmax(0,1fr) 28px;gap:16px 12px;padding:16px}.hc-match-drafts{grid-area:1/2}.hc-match-drafts .hc-portrait{width:40px;height:25px}.hc-match-items{grid-area:2/2}.hc-match-link{grid-area:1/3/3}.hc-pair-row--full{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px 28px;gap:12px;padding:16px}.hc-pair-row--full .hc-pair-hero{flex-direction:column;align-items:flex-start;gap:8px}.hc-pair-row--full strong{font-size:13px}.hc-pair-row--full small{font-size:10px}.hc-pairs-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px 28px;gap:12px;padding:14px 16px;font-size:10px}}@media (max-width:480px){.hc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-attributes{gap:6px}.hc-attributes button{padding:8px 10px;font-size:11px}.hc-mode-switch{gap:6px}.hc-mode-switch button{flex:1;padding:8px 10px;font-size:11px}.hc-build{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:16px}.hc-build-items{gap:3px}.hc-build-items .hc-item{width:39px;height:29px}.hc-build-stats{gap:12px;font-size:10px}.hc-item-grid{gap:8px}.hc-item-stat{align-items:flex-start;gap:8px;padding:8px}.hc-item-stat .hc-item{width:36px;height:27px}.hc-item-stat strong{font-size:10px}.hc-stat-row{grid-template-columns:28px minmax(0,1fr) 56px 44px;gap:8px}.hc-stat-row .hc-rate-bar{display:none}.hc-match{grid-template-columns:minmax(0,1fr) 28px;gap:12px;padding:16px}.hc-match-meta{grid-area:1/1;grid-template-columns:1fr 1fr;gap:8px}.hc-match-drafts{grid-area:2/1}.hc-match-items{grid-area:3/1;gap:3px}.hc-match-items .hc-item{width:40px;height:29px}.hc-match-drafts .hc-portrait{width:44px;height:27px}.hc-match-link{grid-area:1/2/4}.hc-pair-row--full{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px 28px;gap:8px;padding:12px}.hc-pair-row--full .hc-portrait{width:64px;height:36px}.hc-pair-row--full strong,.hc-pair-row--full .hc-score{font-size:11px}.hc-pair-row--full .hc-score small{display:none}.hc-pairs-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px 28px;gap:8px;padding:12px}}@media (prefers-reduced-motion:reduce){.dota-catalogue *{transition:none!important}}.dota-catalogue{flex-direction:column;display:flex}.hc-main{flex:1}.hc-directory .hc-main{width:min(1480px,calc(100% - var(--ds-gutter)*2));flex-direction:column;gap:32px;min-height:0;padding-block:32px 48px;display:flex}.hc-directory .ds-site-footer-inner{padding-block:16px}.hc-directory-heading{grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:24px;display:grid}.hc-directory-heading h1{font-family:var(--ds-font-heading);margin:4px 0 0;font-size:34px;font-weight:700;line-height:1.1}.hc-roster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:36px 32px;display:grid}.hc-roster-group{--attribute-color:#c3b298;min-width:0}.hc-roster-group--str{--attribute-color:#d47565}.hc-roster-group--agi{--attribute-color:#8ec592}.hc-roster-group--int{--attribute-color:#7cadd3}.hc-roster-group h2{border-bottom:1px solid color-mix(in srgb,var(--attribute-color)30%,transparent);font-family:var(--ds-font-heading);color:var(--ds-text);align-items:center;gap:10px;margin:0 0 14px;padding-bottom:12px;font-size:18px;font-weight:600;display:flex}.hc-roster-group h2 img{object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--attribute-color)25%,transparent))}.hc-roster-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.hc-roster-hero{aspect-ratio:16/9;border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius);background:var(--ds-panel);transform-origin:50%;min-width:0;transition:transform .16s ease-out,opacity .12s,border-color .16s,box-shadow .16s;display:block;position:relative}.hc-roster-hero .hc-portrait{aspect-ratio:16/9;filter:brightness(.88)saturate(.85);border-radius:1px;width:100%;height:100%;transition:filter .16s}.hc-roster-name{z-index:2;border:1px solid var(--ds-accent);border-radius:0 0 var(--ds-radius)var(--ds-radius);background:var(--ds-panel-raised);color:var(--ds-text);text-align:center;overflow-wrap:anywhere;pointer-events:none;opacity:0;border-top:0;padding:7px 4px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .12s;position:absolute;top:100%;left:-1px;right:-1px}.hc-roster-hero[data-match=false]{opacity:.12;filter:grayscale();pointer-events:none}.hc-roster-hero:is(:hover,:focus-visible){border-color:var(--ds-accent);z-index:5;outline:none;transform:translateY(-4px)scale(1.14);box-shadow:0 10px 24px #0009}.hc-roster-hero:is(:hover,:focus-visible) .hc-portrait{filter:brightness(1.1)saturate(1.1)}.hc-roster-hero:is(:hover,:focus-visible) .hc-roster-name{opacity:1}@media (hover:none){.hc-roster-name{opacity:1;background:linear-gradient(#0000,#101317ed);border:0;padding:10px 3px 3px;font-size:10px;inset:auto 0 0}}@media (prefers-reduced-motion:reduce){.hc-roster-hero,.hc-roster-hero .hc-portrait,.hc-roster-name{transition:none}.hc-roster-hero:is(:hover,:focus-visible){transform:none}}.hc-meta-page .hc-main{padding-block:28px 56px}.hc-meta-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hc-meta-heading h1{font-family:var(--ds-font-heading);margin:4px 0 8px;font-size:38px;font-weight:700;line-height:1.15}.hc-meta-heading p:not(.hc-eyebrow){color:var(--ds-muted);margin:0;font-size:14px}.hc-meta-page .hc-filters{margin:24px 0;padding:16px}.hc-meta-page .hc-filters>label{flex:0 200px}.hc-meta-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hc-meta-section-title h2{font-family:var(--ds-font-heading);margin:0;font-size:22px;font-weight:700}.hc-meta-section-title>span{color:var(--ds-subtle);font-size:11px}.hc-minimum-games{flex:none;width:160px}.hc-position-leaders{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.hc-leader-column{overflow:hidden}.hc-leader-position{text-align:left;border-bottom:1px solid var(--ds-line);width:100%;min-height:60px;color:var(--ds-text);align-items:center;gap:9px;padding:12px;display:flex}.hc-leader-position>span{flex:1;font-size:12px;line-height:1.4}.hc-leader-position small{color:var(--ds-subtle);font-family:var(--ds-font-mono);font-size:9px;display:block}.hc-leader-position:hover{background:var(--ds-panel-raised);color:var(--ds-accent)}.hc-leader{min-height:55px;color:var(--ds-text);border-bottom:1px solid var(--ds-line);grid-template-columns:12px 38px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 10px;display:grid}.hc-leader:last-child{border:none}.hc-leader:hover{background:var(--ds-panel-raised)}.hc-leader .hc-portrait{width:38px;height:29px}.hc-leader-number{font-family:var(--ds-font-mono);color:var(--ds-subtle);font-size:10px}.hc-leader-name{min-width:0}.hc-leader-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.hc-leader-name small{color:var(--ds-subtle);margin-top:4px;font-size:9px;display:block}.hc-leader-score{font-family:var(--ds-font-mono);white-space:nowrap;font-size:11px}.hc-leader-empty{color:var(--ds-subtle);padding:20px 12px;font-size:12px;line-height:1.7}.hc-meta-ranking{margin-top:32px}.hc-ranking-search{width:250px}.hc-position-filter{flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}.hc-position-filter button{color:var(--ds-muted);border:1px solid var(--ds-line);background:var(--ds-panel);align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:12px;display:inline-flex}.hc-position-filter button[aria-pressed=true]{border-color:var(--ds-accent);color:var(--ds-accent);background:var(--ds-brand-surface)}.hc-ranking-table{border:1px solid var(--ds-line)}.hc-ranking-table table{border-collapse:collapse;text-align:left;width:100%}.hc-ranking-table thead{background:var(--ds-panel-raised);color:var(--ds-muted);font-size:12px}.hc-ranking-table th,.hc-ranking-table td{border-bottom:1px solid var(--ds-line);padding:12px 18px;font-weight:400}.hc-ranking-table td:not(:first-child){font-family:var(--ds-font-mono);font-size:13px}.hc-ranking-table th:nth-child(n+3),.hc-ranking-table td:nth-child(n+3){text-align:right}.hc-ranking-table th:first-child,.hc-ranking-table td:first-child{color:var(--ds-subtle);width:40px;font-size:11px}.hc-ranking-table th:last-child,.hc-ranking-table td:last-child{width:44px}.hc-ranking-table th button{align-items:center;gap:6px;min-height:24px;display:inline-flex}.hc-ranking-table th[aria-sort=descending]{color:var(--ds-accent)}.hc-ranking-table tbody{background:var(--ds-panel)}.hc-ranking-table tbody tr:hover{background:var(--ds-panel-raised)}.hc-ranking-table tbody th a{align-items:center;gap:12px;min-width:0;display:flex}.hc-ranking-table tbody th strong{font-size:13px;font-weight:500}.hc-ranking-table tbody th .hc-portrait{width:50px;height:30px}.hc-ranking-table td:last-child a{color:var(--ds-accent);place-items:center;min-height:32px;display:grid}.hc-hero-page .hc-main{padding-block:18px 36px}.hc-hero-page .hc-breadcrumb{margin-bottom:12px;font-size:11px}.hc-hero-page .hc-hero-heading{grid-template-columns:96px minmax(160px,1fr) minmax(380px,440px);align-items:center;gap:18px;padding:0 0 16px;display:grid}.hc-hero-page .hc-hero-heading>.hc-portrait{width:96px;height:70px}.hc-hero-page .hc-hero-heading h1{margin:0 0 10px;font-size:30px}.hc-hero-page .hc-hero-heading .hc-freshness{gap:6px;margin:0;font-size:10px}.hc-hero-page .hc-hero-heading .hc-filters{background:0 0;border:0;gap:10px;margin:0;padding:0}.hc-hero-page .hc-hero-heading .hc-filters>.ds-select{flex:150px}.hc-hero-page .hc-hero-heading .hc-filters>.ds-select:last-child{flex-grow:1.3}.hc-hero-page .hc-hero-heading .hc-button{min-height:38px;padding:8px 12px;font-size:12px}.hc-hero-page .hc-metric{justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.hc-hero-page .hc-metric>span{margin:0;font-size:11px}.hc-hero-page .hc-metric>strong{font-size:18px}.hc-hero-matchups{margin-top:14px}.hc-inline-caption{color:var(--ds-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:10px;display:flex}.hc-inline-caption .hc-patch{display:none}.hc-inline-caption .hc-freshness{font-size:10px}.hc-hero-page .hc-matchup-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px}.hc-hero-page .hc-matchup-panel>h2,.hc-panel-heading h2{font-family:var(--ds-font-body);margin:0;font-size:14px;font-weight:600;line-height:1.4}.hc-hero-page .hc-matchup-panel>h2{border-bottom:1px solid var(--ds-line);padding:10px 12px}.hc-hero-page .hc-matchup-panel .hc-empty{min-height:90px;padding:16px}.hc-hero-page .hc-matchup-panel .hc-empty svg{display:none}.hc-hero-page .hc-pair-row{grid-template-columns:minmax(0,1fr) auto 28px;gap:6px;min-height:58px;padding:8px 10px}.hc-hero-page .hc-pair-hero{gap:8px}.hc-hero-page .hc-pair-hero .hc-portrait{width:44px;height:30px}.hc-hero-page .hc-pair-hero small{font-size:9px;line-height:1.5}.hc-hero-page .hc-score{font-size:12px}.hc-hero-page .hc-score small{display:none}.hc-hero-page .hc-pair-action{min-width:28px;min-height:36px}.hc-reveal{width:100%;min-height:30px;color:var(--ds-accent);border-top:1px solid var(--ds-line);justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:11px;display:flex}.hc-reveal:hover{background:var(--ds-panel-raised)}.hc-hero-details{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;margin-top:12px;display:grid}.hc-panel-heading{border-bottom:1px solid var(--ds-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.hc-panel-heading>span{color:var(--ds-subtle);font-size:10px}.hc-hero-page .hc-build{border-bottom:1px solid var(--ds-line);grid-template-columns:16px minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.hc-hero-page .hc-build-items{gap:3px}.hc-hero-page .hc-build-items .hc-item{width:40px;height:29px}.hc-hero-page .hc-build-stats{text-align:right;grid-column:auto;grid-template-columns:1fr 20px;gap:4px 8px;font-size:10px;display:grid}.hc-hero-page .hc-build-stats>span:first-child{font-size:12px}.hc-hero-page .hc-build-stats>span:nth-child(2){grid-column:1}.hc-hero-page .hc-build-stats a{grid-area:1/2/3;align-self:center;min-height:32px;margin:0}.hc-common-items{padding:10px 12px 12px}.hc-common-items h3{color:var(--ds-subtle);border:0;margin:0 0 8px;padding:0;font-size:10px;font-weight:400}.hc-common-items>div{flex-wrap:wrap;gap:10px;display:flex}.hc-common-item{flex-direction:column;align-items:center;gap:4px;width:42px;display:flex}.hc-common-item .hc-item{width:40px;height:29px}.hc-common-item small{font-family:var(--ds-font-mono);color:var(--ds-muted);font-size:9px}.hc-common-item>span:not(.hc-item){text-align:center;overflow-wrap:anywhere;font-size:9px}.hc-breakdown-columns{grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.hc-breakdown-columns>div{min-width:0}.hc-breakdown-columns h3{color:var(--ds-subtle);border:0;margin:0;padding:0 5px 6px;font-size:10px;font-weight:400}.hc-compact-stat{min-height:25px;color:var(--ds-text);grid-template-columns:20px minmax(0,1fr) 46px 64px;align-items:center;gap:6px;padding:2px 5px;display:grid}.hc-compact-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;overflow:hidden}.hc-compact-stat>span,.hc-compact-stat small{text-align:right;font-family:var(--ds-font-mono);font-size:10px}.hc-compact-stat small{color:var(--ds-subtle);font-size:9px}.hc-compact-stat:hover,.hc-compact-stat.is-selected{background:var(--ds-panel-raised)}.hc-compact-stat.is-selected{box-shadow:inset 2px 0 var(--ds-accent)}.hc-compact-stat--role{grid-template-columns:minmax(0,1fr) 46px 64px;min-height:32px}.hc-compact-stat--role>.ds-role-label{text-align:left;font-family:var(--ds-font-body);font-size:11px}.hc-meta-link{color:var(--ds-accent);align-items:center;gap:6px;margin:12px 5px 0;font-size:10px;line-height:1.5;display:flex}.hc-hero-matches{margin-top:16px}.hc-hero-matches>.hc-panel-heading{border:0;padding:0 0 10px}.hc-immortal{color:var(--ds-accent);border:1px solid var(--ds-line-strong);font-family:var(--ds-font-mono);vertical-align:middle;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:400;display:inline-block}.hc-hero-page .hc-match{gap:16px;padding:12px 16px}.hc-hero-page .hc-match-meta small{display:none}.hc-hero-page .hc-load-more{margin-block:12px 0}@media (min-width:1101px) and (max-width:1350px){.ds-site-nav{gap:16px}.ds-site-nav a{font-size:12px}}@media (max-width:1150px){.hc-roster{gap:32px 24px}.hc-roster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.hc-hero-page .hc-hero-heading{grid-template-columns:80px minmax(140px,1fr) minmax(380px,440px)}.hc-hero-page .hc-hero-heading>.hc-portrait{width:80px;height:65px}.hc-hero-page .hc-hero-heading>.hc-button{grid-column:3;justify-self:end}.hc-hero-details{grid-template-columns:1fr 1fr}.hc-hero-page .hc-build{grid-template-columns:16px minmax(0,1fr)}.hc-hero-page .hc-build-stats{grid-column:2;gap:12px;display:flex}.hc-hero-page .hc-build-stats a{min-height:0;margin-left:auto}.hc-breakdown-columns{grid-template-columns:1fr}.hc-compact-stat{grid-template-columns:20px minmax(0,1fr) 52px 60px}.hc-compact-stat--role{grid-template-columns:minmax(0,1fr) 52px 60px}.hc-position-leaders{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.hc-roster{grid-template-columns:1fr 1fr;gap:28px 20px}.hc-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hc-directory-heading{grid-template-columns:1fr;gap:16px}.hc-directory-search{grid-area:2/1/auto/-1}.hc-hero-page .hc-matchup-grid{grid-template-columns:1fr}.hc-hero-page .hc-pair-row{grid-template-columns:minmax(0,1fr) 80px 32px}.hc-hero-details{grid-template-columns:1fr 1fr}.hc-hero-page .hc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-hero-page .hc-hero-heading{grid-template-columns:80px minmax(0,1fr);gap:12px}.hc-hero-page .hc-hero-heading .hc-filters{grid-column:1/-1}.hc-hero-page .hc-hero-heading>.hc-button{grid-column:1/-1;justify-self:start;width:auto}.hc-meta-page .hc-filters>label{flex:150px}.hc-meta-page .hc-filters .ds-select label{flex:none}.hc-ranking-table th,.hc-ranking-table td{padding:10px}}@media (max-width:600px){.hc-directory .hc-main{justify-content:flex-start;gap:24px;padding-block:24px}.hc-roster{grid-template-columns:1fr;gap:24px}.hc-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hc-roster-group h2{margin-bottom:10px;padding-bottom:8px}.hc-directory-heading h1{font-size:28px}.hc-meta-heading{flex-direction:column;align-items:flex-start;gap:12px}.hc-meta-heading h1{font-size:30px}.hc-position-leaders{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(260px,calc(100% - 28px));grid-auto-flow:column;gap:12px;padding-bottom:8px;overflow-x:auto}.hc-leader-column{scroll-snap-align:start}.hc-leader{grid-template-columns:16px 48px minmax(0,1fr) 60px;gap:10px;min-height:48px;padding-inline:14px}.hc-leader .hc-portrait{width:48px;height:30px}.hc-leader-name strong{font-size:12px}.hc-leader-score{text-align:right;font-size:12px}.hc-meta-section-title{flex-wrap:wrap;align-items:flex-start;gap:12px}.hc-ranking-search{width:100%}.hc-filters>.ds-select{flex:140px}.hc-position-filter button{padding:8px;font-size:11px}.hc-ranking-table table{table-layout:fixed}.hc-ranking-table th:first-child,.hc-ranking-table td:first-child,.hc-ranking-table th:last-child,.hc-ranking-table td:last-child{display:none}.hc-ranking-table th:nth-child(2){width:43%}.hc-ranking-table th,.hc-ranking-table td{padding:10px 6px}.hc-ranking-table thead,.hc-ranking-table td:not(:first-child){font-size:10px}.hc-ranking-table th button{gap:3px;font-size:9px}.hc-ranking-table tbody th a{gap:6px}.hc-ranking-table tbody th .hc-portrait{width:30px;height:24px}.hc-ranking-table tbody th strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hc-hero-details{grid-template-columns:1fr}.hc-breakdown-columns{grid-template-columns:1fr;gap:12px}.hc-hero-page .hc-build{grid-template-columns:12px minmax(0,1fr)}.hc-hero-page .hc-build-items .hc-item{width:38px;height:28px}.hc-inline-caption{flex-wrap:wrap;gap:6px}.hc-hero-matches>.hc-panel-heading{flex-wrap:wrap}.hc-hero-page .hc-match{padding:12px}.hc-hero-page .hc-metric{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}}.hc-hero-tabs{border-bottom:1px solid var(--ds-line);gap:28px;margin:8px 0 24px;display:flex}.hc-hero-tabs button{min-height:48px;color:var(--ds-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-size:14px}.hc-hero-tabs button[aria-selected=true]{border-bottom-color:var(--ds-accent);color:var(--ds-text)}.hc-hero-tabs button:hover{color:var(--ds-text)}.hc-hero-tab-panel[hidden]{display:none}.hc-hero-page .hc-hero-matchups{margin-top:0}.hc-hero-page .hc-inline-caption{margin-bottom:16px;font-size:11px}.hc-hero-page .hc-matchup-panel>h2{padding:14px 16px;font-size:16px}.hc-hero-page .hc-pair-row--plain{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:76px;padding:14px 16px}.hc-hero-page .hc-pair-row--plain .hc-pair-hero{gap:12px}.hc-hero-page .hc-pair-row--plain .hc-portrait{width:56px;height:40px}.hc-hero-page .hc-pair-row--plain strong{font-size:14px}.hc-hero-page .hc-pair-row--plain small{font-size:10px}.hc-hero-page .hc-pair-row--plain .hc-score{font-size:13px}.hc-hero-page .hc-hero-details{margin-top:20px}.hc-roster-empty{color:var(--ds-muted);margin:0;font-size:13px}.hc-synergies-page .hc-main{padding-block:28px 56px}.hc-synergies-page .hc-filters,.hc-meta-page .hc-filters{background:0 0;border:0;margin:24px 0;padding:0}.hc-synergies-page .hc-filters>label{flex:0 240px}.hc-synergies-page .hc-filters .ds-select label{flex:none}.hc-synergies-page .hc-score small{display:none}@media (max-width:600px){.hc-hero-tabs{gap:22px}.hc-hero-tabs button{font-size:12px}.hc-synergies-page .hc-filters .ds-select label{flex:none}}@media (max-width:600px) and (hover:none){.hc-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}