body.dota-counter-site .d2-hero-page {
    --d2-bg: #070708;
    --d2-panel: #111115;
    --d2-panel-soft: #15151a;
    --d2-line: #292832;
    --d2-muted: #aaa5b1;
    --d2-purple: #8652df;
    width: 100%;
    color: #f7f5fb;
    font-size: 16px;
}

body.dota-counter-site .dc-site-content:has(.d2-hero-page) {
    padding: 20px clamp(16px, 3vw, 54px) 36px;
    background: var(--d2-bg);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__intro {
    padding: clamp(20px, 2.5vw, 38px);
    border: 1px solid var(--d2-line);
    border-radius: 20px;
    background: radial-gradient(circle at 82% 115%, rgba(103, 42, 139, .42), transparent 34%), radial-gradient(circle at 35% 115%, rgba(53, 32, 107, .38), transparent 32%), #111115;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__identity {
    display: flex;
    align-items: center;
    gap: 14px;
}

body.dota-counter-site .d2-hero-report-button{min-width:86px;height:38px;margin-right:auto;padding:0 16px;border:1px solid #3f3f46;border-radius:8px;color:#d4d4d8;background:#111113;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s}body.dota-counter-site .d2-hero-report-button:hover{border-color:#71717a;color:#fff;background:#18181b}body.d2-hero-report-open{overflow:hidden}.d2-hero-report-modal[hidden]{display:none!important}.d2-hero-report-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:18px}.d2-hero-report-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.76);backdrop-filter:blur(7px);cursor:default}.d2-hero-report-modal__dialog{position:relative;width:min(560px,100%);padding:30px;border:1px solid #303034;border-radius:14px;color:#fafafa;background:#0c0c0e;box-shadow:0 30px 90px rgba(0,0,0,.6);animation:d2-report-in .22s ease-out}.d2-hero-report-modal__close{position:absolute;top:13px;left:13px;width:34px;height:34px;padding:0;border:0;color:#a1a1aa;background:transparent;font-size:25px;cursor:pointer}.d2-hero-report-modal__close:hover{color:#fff}.d2-hero-report-modal__eyebrow{display:block;margin-bottom:8px;color:#f59e0b;font-size:12px;font-weight:700}.d2-hero-report-modal h2{margin:0 0 24px;font-size:23px}.d2-hero-report-form{display:grid;gap:11px}.d2-hero-report-form label{color:#d4d4d8;font-size:12px;font-weight:600}.d2-hero-report-form textarea{width:100%;min-height:155px;padding:14px;border:1px solid #303034;border-radius:9px;outline:0;color:#f4f4f5;background:#111113;font:inherit;font-size:13px;line-height:1.9;resize:vertical;box-sizing:border-box}.d2-hero-report-form textarea:focus{border-color:#71717a;box-shadow:0 0 0 3px rgba(255,255,255,.05)}.d2-hero-report-form__feedback{min-height:20px;margin:0;font-size:12px}.d2-hero-report-form__feedback.is-error{color:#fca5a5}.d2-hero-report-form__feedback.is-success{color:#86efac}.d2-hero-report-form__submit{height:44px;margin-top:2px;border:0;border-radius:8px;color:#09090b;background:#fafafa;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.d2-hero-report-form__submit:hover{background:#f59e0b}.d2-hero-report-form__submit:disabled{opacity:.55;cursor:wait}@keyframes d2-report-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.d2-hero-report-modal__dialog{padding:24px 18px}.d2-hero-report-modal h2{padding-left:28px;font-size:19px}body.dota-counter-site .d2-hero-report-button{min-width:72px;padding:0 12px}}

body.dota-counter-site .d2-hero-page .d2-hero-page__avatar {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border: 1px solid #4d3a62;
    border-radius: 50%;
    background: #2a1d3d;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__name p,
body.dota-counter-site .d2-hero-page .d2-hero-page__section-heading p,
body.dota-counter-site .d2-hero-page .d2-hero-page__module-header p,
body.dota-counter-site .d2-hero-page .d2-hero-page__biography-content > p {
    margin: 0;
    color: var(--d2-muted);
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__name h1 {
    margin: 3px 0 0;
    color: #fff;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.2;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__back {
    min-height: 44px;
    margin-right: auto;
    padding: 9px 16px;
    border: 1px solid #3a3541;
    border-radius: 22px;
    color: #c8c2cd;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__analysis {
    display: grid;
    grid-template-columns: minmax(270px, .75fr) minmax(480px, 1.25fr);
    gap: 14px;
    margin-top: 24px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attributes,
body.dota-counter-site .d2-hero-page .d2-hero-page__roles {
    padding: 18px;
    border: 1px solid #302d37;
    border-radius: 16px;
    background: rgba(12, 12, 16, .72);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attributes h2,
body.dota-counter-site .d2-hero-page .d2-hero-page__roles h2,
body.dota-counter-site .d2-hero-page .d2-hero-page__module-header h2,
body.dota-counter-site .d2-hero-page .d2-hero-page__biography h2 {
    margin: 0;
    color: #fff;
    font-size: 18px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute {
    display: grid;
    grid-template-columns: 22px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    direction: ltr;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute i {
    font-size: 18px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute span {
    color: #c3bdc9;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute strong {
    font-size: 17px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attribute--strength i { color: #e04b3f; }
body.dota-counter-site .d2-hero-page .d2-hero-page__attribute--agility i { color: #59d26d; }
body.dota-counter-site .d2-hero-page .d2-hero-page__attribute--intelligence i { color: #42bfe4; }

body.dota-counter-site .d2-hero-page .d2-hero-page__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top: 14px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stats div {
    padding: 9px;
    border: 1px solid #292631;
    border-radius: 10px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stats span,
body.dota-counter-site .d2-hero-page .d2-hero-page__stats strong {
    display: block;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stats span { color: var(--d2-muted); }

body.dota-counter-site .d2-hero-page .d2-hero-page__section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__section-heading > span {
    padding: 5px 9px;
    border: 1px solid #493a5b;
    border-radius: 12px;
    color: #ad83ea;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 18px;
    margin-top: 22px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(170px, .75fr);
    align-items: center;
    gap: 18px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__official-stats {
    display: grid;
    grid-template-columns: 1.25fr .85fr 1fr;
    gap: 10px;
    direction: rtl;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group {
    min-width: 0;
    padding: 13px;
    border: 1px solid #202024;
    border-radius: 13px;
    background: #0f0f11;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 14px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group div {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group div:last-child {
    border-bottom: 0;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group span,
body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group strong {
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group span {
    color: #96939d;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group .d2-hero-page__stat-label {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-group .d2-hero-page__stat-label > span {
    color: inherit;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ui-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-label .d2-hero-page__ui-icon {
    color: #a378eb;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-radar {
    width: min(220px, 100%);
    margin: 8px auto 0;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-radar svg {
    display: block;
    width: 100%;
    filter: drop-shadow(0 0 13px rgba(52, 108, 255, .25));
}

body.dota-counter-site .d2-hero-page .d2-hero-page__radar-grid polygon,
body.dota-counter-site .d2-hero-page .d2-hero-page__radar-grid line {
    fill: none;
    stroke: #514e59;
    stroke-width: 1;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__radar-value {
    fill: rgba(64, 120, 233, .62);
    stroke: #77a2ff;
    stroke-width: 2;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__radar-labels text {
    fill: #aaa7af;
    font-family: var(--dc-font);
    font-size: 12px;
    text-anchor: middle;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    direction: ltr;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role span,
body.dota-counter-site .d2-hero-page .d2-hero-page__role b {
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role i {
    grid-column: 1 / -1;
    position: relative;
    height: 7px;
    overflow: hidden;
    border-radius: 8px;
    background: #343139;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role i::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--d2-role-level);
    border-radius: inherit;
    background: #6795f4;
    box-shadow: 0 0 12px #65a6ff;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__weakness {
    margin: 14px 0 0;
    padding: 13px 16px;
    border-right: 3px solid var(--d2-purple);
    border-radius: 10px;
    color: #b5afbb;
    background: rgba(255, 255, 255, .035);
    font-size: 14px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 12px 0;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card {
    min-height: 108px;
    padding: 16px;
    border: 1px solid var(--d2-line);
    border-radius: 16px;
    background: var(--d2-panel);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card span,
body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card small {
    display: block;
    color: var(--d2-muted);
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card strong {
    display: block;
    margin: 5px 0;
    font-size: 22px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-module {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--d2-line);
    border-radius: 17px;
    background: var(--d2-panel);
    scroll-margin-top: 96px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__module-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__module-header h2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__module-header h2 .d2-hero-page__ui-icon {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    color: #a378eb;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__module-header > span {
    padding: 5px 9px;
    border: 1px solid #35303e;
    border-radius: 14px;
    color: #a378eb;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-list {
    display: grid;
    gap: 8px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter {
    overflow: hidden;
    border: 1px solid #292731;
    border-radius: 14px;
    background: var(--d2-panel-soft);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger {
    display: grid;
    width: 100%;
    min-height: 68px;
    grid-template-columns: 48px minmax(0, 1fr) auto 30px;
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 0;
    color: #fff;
    background: transparent;
    text-align: right;
    cursor: pointer;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger span,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger strong,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger small {
    display: block;
    min-width: 0;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger strong {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger small {
    overflow: hidden;
    margin-top: 3px;
    color: var(--d2-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__impact {
    padding: 4px 7px;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__impact--high { color: #91edb3; background: #193428; }
body.dota-counter-site .d2-hero-page .d2-hero-page__impact--medium { color: #f1b574; background: #39291c; }

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger > i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid #37343d;
    border-radius: 50%;
    font-style: normal;
    transition: transform .36s ease;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter--open .d2-hero-page__counter-trigger > i { transform: rotate(135deg); }

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .45s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail > div {
    min-height: 0;
    overflow: hidden;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter--open .d2-hero-page__counter-detail {
    grid-template-rows: 1fr;
    opacity: 1;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail p,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail ul {
    margin: 0 12px 12px;
    padding-top: 12px;
    border-top: 1px solid #302d39;
    color: #c1bbc7;
    font-size: 13px;
    line-height: 2;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail ul {
    display: grid;
    gap: 8px;
    padding-right: 0;
    border-top: 0;
    list-style: none;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail li b,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail li span {
    display: block;
    font-size: 12px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail li b { color: #bb92f2; }

body.dota-counter-site .d2-hero-page .d2-hero-page__biography {
    position: relative;
    min-height: 430px;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid var(--d2-line);
    border-radius: 20px;
    background: var(--d2-panel);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image {
    position: absolute;
    inset: 0 auto 0 0;
    display: flex;
    width: 400px;
    align-items: center;
    justify-content: center;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #111115 0%, rgba(17, 17, 21, .72) 20%, transparent 70%);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image img {
    width: 400px;
    height: 250px;
    object-fit: contain;
    object-position: center;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-content {
    position: relative;
    z-index: 2;
    margin-left: 380px;
    padding: clamp(30px, 4vw, 60px);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-content > div > p {
    color: #bbb5c1;
    font-size: 14px;
    line-height: 2.15;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities {
    display: grid;
    max-height: 360px;
    gap: 9px;
    margin-top: 22px;
    padding: 12px 0 12px 14px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: #55535b transparent;
    scrollbar-width: thin;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
}

/* Hero detail — minimal monochrome interface. */
body.dota-counter-site .d2-hero-page{--d2-bg:#070709;--d2-panel:#0c0c0e;--d2-panel-soft:#111113;--d2-line:#27272a;--d2-muted:#a1a1aa;--d2-purple:#fafafa;width:min(1500px,100%);margin:0 auto;color:#fafafa}
body.dota-counter-site .dc-site-content:has(.d2-hero-page){padding:20px clamp(16px,3vw,48px) 48px;background:#09090b}
body.dota-counter-site .d2-hero-page .d2-hero-page__intro{padding:24px;border:1px solid #27272a;border-radius:12px;background:#0c0c0e;box-shadow:none}
body.dota-counter-site .d2-hero-page .d2-hero-page__avatar{border:1px solid #343438;background:#111113}
body.dota-counter-site .d2-hero-page .d2-hero-page__name p{color:#8f8f98}body.dota-counter-site .d2-hero-page .d2-hero-page__name h1{color:#fafafa;letter-spacing:-.025em}
body.dota-counter-site .d2-hero-page .d2-hero-page__attributes,body.dota-counter-site .d2-hero-page .d2-hero-page__roles,body.dota-counter-site .d2-hero-page .d2-hero-page__combat,body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card,body.dota-counter-site .d2-hero-page .d2-hero-page__counter-module,body.dota-counter-site .d2-hero-page .d2-hero-page__biography{border-color:#27272a;border-radius:10px;background:#0c0c0e;box-shadow:none}
body.dota-counter-site .d2-hero-page .d2-hero-page__attribute,body.dota-counter-site .d2-hero-page .d2-hero-page__stat-card,body.dota-counter-site .d2-hero-page .d2-hero-page__role-item{border-color:#29292d;background:#111113}
body.dota-counter-site .d2-hero-page .d2-hero-page__stat-card .d2-hero-page__ui-icon,body.dota-counter-site .d2-hero-page .d2-hero-page__module-header h2 .d2-hero-page__ui-icon{color:#d4d4d8}
body.dota-counter-site .d2-hero-page .d2-hero-page__role-level{border-right-color:#71717a;color:#b4b4bb;background:#111113}body.dota-counter-site .d2-hero-page .d2-hero-page__role-level i{background:#e4e4e7;box-shadow:none}
body.dota-counter-site .d2-hero-page .d2-hero-page__radar-shape{fill:rgba(228,228,231,.16);stroke:#e4e4e7}body.dota-counter-site .d2-hero-page .d2-hero-page__radar-grid polygon,body.dota-counter-site .d2-hero-page .d2-hero-page__radar-grid line{stroke:#343438}
body.dota-counter-site .d2-hero-page .d2-hero-page__module-header>span{border-color:#343438;color:#d4d4d8;background:#111113}
body.dota-counter-site .d2-hero-page .d2-hero-page__counter{border:0;border-radius:8px;background:#111113}body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger:hover{background:#151518}body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger>i{border-color:#343438;color:#d4d4d8;background:transparent}
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail p,body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail ul{border-top-color:#27272a;color:#c1c1c7}body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail li b{color:#f4f4f5}
body.dota-counter-site .d2-hero-page .d2-hero-page__ability{border-color:#29292d;border-radius:8px;background:#111113}body.dota-counter-site .d2-hero-page .d2-hero-page__ability-upgrade--scepter,body.dota-counter-site .d2-hero-page .d2-hero-page__ability-upgrade--shard{color:#d4d4d8;background:#151518}
body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav{border-color:#27272a!important;border-radius:10px!important;background:rgba(12,12,14,.96)!important;box-shadow:0 14px 40px rgba(0,0,0,.5)!important}body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a{border-color:#29292d!important;border-radius:7px!important;color:#a1a1aa!important;background:#111113!important}body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a:hover{color:#fff!important;background:#18181b!important}
@media(max-width:720px){body.dota-counter-site .dc-site-content:has(.d2-hero-page){padding:12px 10px 80px}body.dota-counter-site .d2-hero-page .d2-hero-page__intro{padding:16px;border-radius:10px}}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities::-webkit-scrollbar {
    width: 5px;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities::-webkit-scrollbar-track {
    border-radius: 8px;
    background: transparent;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #55535b;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities::-webkit-scrollbar-thumb:hover {
    background: #85818d;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    padding: 12px;
    border: 1px solid #2d2a33;
    border-radius: 12px;
    background: #15151a;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability img { border-radius: 8px; }
body.dota-counter-site .d2-hero-page .d2-hero-page__ability h3 { margin: 0; font-size: 14px; text-align: right; direction: ltr; }
body.dota-counter-site .d2-hero-page .d2-hero-page__ability p { margin: 4px 0 0; color: var(--d2-muted); font-size: 12px; }

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__ability-content {
    min-width: 0;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 7px;
    direction: ltr;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid currentColor;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-label--scepter {
    color: #68a8ff;
    background: rgba(48, 119, 225, .1);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-label--shard {
    color: #ff9f43;
    background: rgba(255, 137, 40, .1);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-detail {
    margin-top: 10px;
    padding: 9px 11px;
    border-right: 2px solid currentColor;
    border-radius: 8px;
    background: rgba(255, 255, 255, .025);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-detail > strong {
    display: block;
    font-size: 12px;
    text-align: right;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-detail--scepter {
    color: #68a8ff;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-detail--shard {
    color: #ff9f43;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__ability .d2-hero-page__upgrade-detail > p {
    color: var(--d2-muted);
}
body.dota-counter-site .d2-hero-page .d2-hero-page__screen-reader { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav { display: none; }

@media (max-width: 1120px) {
    body.dota-counter-site .d2-hero-page .d2-hero-page__counter-grid { grid-template-columns: 1fr 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__analysis { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    body.dota-counter-site .dc-site-content:has(.d2-hero-page) { padding: 12px 12px 90px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__identity { align-items: flex-start; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__back { padding-inline: 11px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__stats,
    body.dota-counter-site .d2-hero-page .d2-hero-page__summary,
    body.dota-counter-site .d2-hero-page .d2-hero-page__counter-grid { grid-template-columns: 1fr 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__role-grid { grid-template-columns: 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__role-layout { grid-template-columns: 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__official-stats { grid-template-columns: 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__biography { min-height: 640px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image { inset: auto 0 20px; width: 100%; height: 250px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image::after { background: linear-gradient(180deg, #111115 0%, rgba(17, 17, 21, .68) 20%, transparent 70%); }
    body.dota-counter-site .d2-hero-page .d2-hero-page__biography-content { margin: 0; padding: 28px 22px 285px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav { position: fixed; right: 14px; bottom: 12px; left: 14px; z-index: 70; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 9px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 19px; background: rgba(16, 15, 20, .94); box-shadow: 0 16px 45px rgba(0, 0, 0, .56); backdrop-filter: blur(18px); }
    body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a { display: grid; min-height: 52px; place-items: center; padding: 6px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 13px; color: #aaa5b1; font-size: 12px; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a:focus,
    body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a:hover { color: #fff; background: #21182e; }
}

@media (max-width: 470px) {
    body.dota-counter-site .d2-hero-page .d2-hero-page__summary,
    body.dota-counter-site .d2-hero-page .d2-hero-page__counter-grid { grid-template-columns: 1fr; }
    body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger { grid-template-columns: 44px minmax(0, 1fr) auto 28px; }
}

body.dota-counter-site .d2-hero-page {
    --d2-bg: #030303;
    --d2-panel: #0b0b0c;
    --d2-panel-soft: #0f0f11;
    --d2-line: #202024;
    --d2-muted: #96939d;
}

body.dota-counter-site .dc-site-content:has(.d2-hero-page) {
    background: #030303;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__intro {
    border-color: #252529;
    background: radial-gradient(circle at 25% 115%, rgba(61, 36, 88, .34), transparent 34%), #09090a;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__attributes,
body.dota-counter-site .d2-hero-page .d2-hero-page__roles,
body.dota-counter-site .d2-hero-page .d2-hero-page__summary-card,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-module,
body.dota-counter-site .d2-hero-page .d2-hero-page__biography {
    border-color: #202024;
    background: #0b0b0c;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter,
body.dota-counter-site .d2-hero-page .d2-hero-page__ability {
    border-color: #1d1d21;
    background: #0f0f11;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image::after {
    background: linear-gradient(270deg, #0b0b0c 0%, rgba(11, 11, 12, .72) 20%, transparent 70%);
}

@media (max-width: 720px) {
    body.dota-counter-site .d2-hero-page .d2-hero-page__biography-image::after {
        background: linear-gradient(180deg, #0b0b0c 0%, rgba(11, 11, 12, .68) 20%, transparent 70%);
    }
}

body.dota-counter-site .d2-hero-page .d2-hero-page__analysis {
    grid-template-columns: minmax(230px, .52fr) minmax(560px, 1.48fr);
}

body.dota-counter-site .d2-hero-page .d2-hero-page__name {
    width: 100%;
    text-align: right;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__name h1,
body.dota-counter-site .d2-hero-page .d2-hero-page__counter-trigger strong,
body.dota-counter-site .d2-hero-page .d2-hero-page__biography-content > p {
    text-align: right;
}

@media (max-width: 1120px) {
    body.dota-counter-site .d2-hero-page .d2-hero-page__analysis {
        grid-template-columns: 1fr;
    }
}

body.dota-counter-site .d2-hero-page .d2-hero-page__abilities {
    max-height: none;
    padding: 0;
    overflow: visible;
    scrollbar-width: auto;
    -webkit-mask-image: none;
    mask-image: none;
}

/* Final monochrome pass: keep legacy responsive rules from restoring accents. */
body.dota-counter-site .d2-hero-page {
    --d2-bg: #070709;
    --d2-panel: #0c0c0e;
    --d2-panel-soft: #111113;
    --d2-line: #27272a;
    --d2-muted: #a1a1aa;
    --d2-purple: #e4e4e7;
}

body.dota-counter-site .dc-site-content:has(.d2-hero-page) {
    background: #070709;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__intro {
    border-color: #27272a;
    background: #0c0c0e;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__stat-label .d2-hero-page__ui-icon,
body.dota-counter-site .d2-hero-page .d2-hero-page__module-header h2 .d2-hero-page__ui-icon {
    color: #d4d4d8;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__radar-value {
    fill: rgba(228, 228, 231, .14);
    stroke: #d4d4d8;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-level {
    border-right-color: #71717a;
    color: #b4b4bb;
    background: #111113;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__role-level i {
    background: #e4e4e7;
    box-shadow: none;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__counter-detail li b {
    color: #f4f4f5;
}

body.dota-counter-site .d2-hero-page .d2-hero-page__mobile-nav a:hover {
    color: #fff !important;
    background: #18181b !important;
}