.mct-stats-page {
    --stats-green: #14ad69;
    --stats-green-dark: #087a4b;
    --stats-navy: #102431;
    --stats-text: #1e313b;
    --stats-muted: #728087;
    --stats-border: #e5ebe8;
    --stats-soft: #f5f8f7;
    --stats-white: #ffffff;

    background: #f7f9f8;
    color: var(--stats-text);
}

.mct-stats-content {
    padding: 36px 0 72px;
}

.mct-stats-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.mct-stats-kicker,
.mct-stats-section-head > div:first-child > span,
.mct-player-stats-intro > span,
.mct-stats-card-head span {
    display: block;
    margin-bottom: 6px;
    color: var(--stats-green-dark);
    font-family: "Rajdhani", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .12em;
}

.mct-stats-heading h2,
.mct-stats-section-head h3,
.mct-player-stats-intro h3,
.mct-stats-card h3 {
    margin: 0;
    color: var(--stats-navy);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.mct-stats-heading h2 {
    font-size: clamp(32px, 3vw, 42px);
    line-height: 1;
}

.mct-stats-heading p,
.mct-player-stats-intro p {
    margin: 9px 0 0;
    color: var(--stats-muted);
    font-size: 13px;
}

.mct-stats-season {
    min-width: 128px;
    padding: 11px 15px;
    border: 1px solid var(--stats-border);
    border-radius: 10px;
    background: var(--stats-white);
}

.mct-stats-season span {
    display: block;
    color: var(--stats-muted);
    font-family: "Rajdhani", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
}

.mct-stats-season strong {
    display: block;
    margin-top: 2px;
    color: var(--stats-navy);
    font-family: "Rajdhani", sans-serif;
    font-size: 20px;
}

.mct-stats-primary-tabs {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: 22px;
    border: 1px solid var(--stats-border);
    border-radius: 11px;
    background: #fff;
}

.mct-stats-primary-tabs button,
.mct-stats-category-tabs button,
.mct-player-category-tabs button {
    appearance: none;
    cursor: pointer;
    font-family: "Rajdhani", sans-serif;
    font-weight: 600;
}

.mct-stats-primary-tabs button {
    min-width: 155px;
    padding: 10px 22px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #76848b;
    font-size: 12px;
    letter-spacing: .08em;
}

.mct-stats-primary-tabs button.is-active {
    background: var(--stats-navy);
    color: #fff;
}

.mct-stats-view {
    display: none;
}

.mct-stats-view.is-active {
    display: block;
}

.mct-stats-empty {
    padding: 38px;
    border: 1px solid var(--stats-border);
    border-radius: 14px;
    background: #fff;
    color: var(--stats-muted);
    text-align: center;
}

.mct-stats-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--stats-border);
    border-radius: 14px;
    background: #fff;
}

.mct-stats-kpis article {
    min-width: 0;
    padding: 18px 18px 16px;
}

.mct-stats-kpis article + article {
    border-left: 1px solid var(--stats-border);
}

.mct-stats-kpis article > span {
    display: block;
    color: var(--stats-muted);
    font-family: "Rajdhani", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .09em;
}

.mct-stats-kpis article > strong {
    display: flex;
    align-items: center;
    min-height: 38px;
    margin-top: 3px;
    color: var(--stats-navy);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
}

.mct-stats-kpis article > small {
    color: #8a979d;
    font-size: 10px;
}

.mct-stats-kpis .is-cards {
    gap: 6px;
    font-size: 25px;
}

.mct-stats-kpis .is-cards i {
    display: inline-block;
    width: 9px;
    height: 15px;
    border-radius: 2px;
}

.mct-stats-kpis .is-yellow {
    background: #f5c542;
}

.mct-stats-kpis .is-red {
    margin-left: 4px;
    background: #df4248;
}

.mct-stats-visual-grid {
    display: grid;
    grid-template-columns: 1.08fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 26px;
}

.mct-stats-card {
    padding: 21px;
    border: 1px solid var(--stats-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16,36,49,.03);
}

.mct-stats-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.mct-stats-card-head h3 {
    font-size: 22px;
    line-height: 1;
}

.mct-stats-card-head > b {
    color: var(--stats-green-dark);
    font-family: "Rajdhani", sans-serif;
    font-size: 12px;
    white-space: nowrap;
}

.mct-offense-main {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 180px;
}

.mct-data-ring {
    position: relative;
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--stats-green)
            calc(var(--value) * 1%),
            #e8efec 0
        );
}

.mct-data-ring::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: #fff;
}

.mct-data-ring > div {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: grid;
    place-content: center;
    text-align: center;
}

.mct-data-ring strong {
    color: var(--stats-navy);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    line-height: 1;
}

.mct-data-ring span {
    margin-top: 4px;
    color: var(--stats-muted);
    font-family: "Rajdhani", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .1em;
}

.mct-feature-list {
    flex: 1;
    display: grid;
    gap: 10px;
}

.mct-feature-list > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #edf1ef;
}

.mct-feature-list strong {
    color: var(--stats-navy);
    font-family: "Rajdhani", sans-serif;
    font-size: 20px;
}

.mct-feature-list span {
    color: var(--stats-muted);
    font-size: 11px;
    text-align: right;
}

.mct-defense-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 20px 0 16px;
}

.mct-defense-main > div {
    padding: 13px;
    border-radius: 10px;
    background: var(--stats-soft);
}

.mct-defense-main span {
    display: block;
    color: var(--stats-muted);
    font-family: "Rajdhani", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .08em;
}

.mct-defense-main strong {
    display: block;
    margin-top: 3px;
    color: var(--stats-navy);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
}

.mct-defense-list {
    display: grid;
    gap: 8px;
}

.mct-defense-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #edf1ef;
}

.mct-defense-list span {
    color: var(--stats-muted);
    font-size: 11px;
}

.mct-defense-list strong {
    color: var(--stats-navy);
    font-family: "Rajdhani", sans-serif;
    font-size: 16px;
}

.mct-stats-database {
    margin-top: 26px;
}

.mct-stats-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.mct-stats-section-head h3 {
    font-size: 25px;
}

.mct-stats-category-tabs,
.mct-player-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.mct-stats-category-tabs button,
.mct-player-category-tabs button {
    padding: 8px 12px;
    border: 1px solid var(--stats-border);
    border-radius: 8px;
    background: #fff;
    color: #748188;
    font-size: 10px;
}

.mct-stats-category-tabs button.is-active,
.mct-player-category-tabs button.is-active {
    border-color: var(--stats-navy);
    background: var(--stats-navy);
    color: #fff;
}

.mct-team-stat-grid {
    display: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--stats-border);
    border-radius: 14px;
    background: #fff;
}

.mct-team-stat-grid.is-active {
    display: grid;
}

.mct-team-stat-grid article {
    min-height: 88px;
    padding: 16px 18px;
    border-right: 1px solid var(--stats-border);
    border-bottom: 1px solid var(--stats-border);
}

.mct-team-stat-grid article:nth-child(5n) {
    border-right: 0;
}

.mct-team-stat-grid article span {
    display: block;
    color: var(--stats-muted);
    font-size: 10px;
}

.mct-team-stat-grid article strong {
    display: block;
    margin-top: 6px;
    color: var(--stats-navy);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
}

.mct-player-stats-intro {
    margin: 2px 0 16px;
}

.mct-player-stats-intro h3 {
    font-size: 28px;
}

.mct-player-category-tabs {
    margin-bottom: 15px;
}

.mct-player-stats-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--stats-border);
    border-radius: 12px;
    background: #fff;
}

.mct-player-stats-placeholder strong {
    color: var(--stats-navy);
    font-family: "Rajdhani", sans-serif;
    font-size: 15px;
}

.mct-player-stats-placeholder span {
    color: var(--stats-muted);
    font-size: 11px;
}

@media (max-width: 1050px) {
    .mct-stats-kpis {
        grid-template-columns: repeat(3, 1fr);
    }

    .mct-stats-kpis article:nth-child(4) {
        border-left: 0;
    }

    .mct-stats-kpis article:nth-child(n+4) {
        border-top: 1px solid var(--stats-border);
    }

    .mct-stats-visual-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mct-defense-card {
        grid-column: 1 / -1;
    }

    .mct-team-stat-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .mct-team-stat-grid article:nth-child(5n) {
        border-right: 1px solid var(--stats-border);
    }

    .mct-team-stat-grid article:nth-child(4n) {
        border-right: 0;
    }
}

@media (max-width: 700px) {
    .mct-stats-content {
        padding: 24px 0 48px;
    }

    .mct-stats-heading {
        align-items: flex-start;
    }

    .mct-stats-heading h2 {
        font-size: 30px;
    }

    .mct-stats-season {
        min-width: 92px;
        padding: 9px 11px;
    }

    .mct-stats-primary-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .mct-stats-primary-tabs button {
        min-width: 0;
        padding: 10px;
    }

    .mct-stats-kpis {
        grid-template-columns: repeat(2, 1fr);
    }

    .mct-stats-kpis article {
        padding: 15px;
    }

    .mct-stats-kpis article:nth-child(odd) {
        border-left: 0;
    }

    .mct-stats-kpis article:nth-child(n+3) {
        border-top: 1px solid var(--stats-border);
    }

    .mct-stats-kpis article > strong {
        font-size: 29px;
    }

    .mct-stats-visual-grid {
        grid-template-columns: 1fr;
    }

    .mct-defense-card {
        grid-column: auto;
    }

    .mct-stats-card {
        padding: 17px;
    }

    .mct-offense-main {
        min-height: 160px;
        gap: 17px;
    }

    .mct-data-ring {
        flex-basis: 104px;
        width: 104px;
        height: 104px;
    }

    .mct-data-ring strong {
        font-size: 26px;
    }

    .mct-stats-section-head {
        display: block;
    }

    .mct-stats-category-tabs,
    .mct-player-category-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-top: 11px;
        padding-bottom: 3px;
    }

    .mct-stats-category-tabs button,
    .mct-player-category-tabs button {
        flex: 0 0 auto;
    }

    .mct-team-stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mct-team-stat-grid article:nth-child(4n),
    .mct-team-stat-grid article:nth-child(5n) {
        border-right: 1px solid var(--stats-border);
    }

    .mct-team-stat-grid article:nth-child(2n) {
        border-right: 0;
    }

    .mct-player-stats-placeholder {
        display: block;
    }

    .mct-player-stats-placeholder span {
        display: block;
        margin-top: 5px;
    }
}

@media (max-width: 430px) {
    .mct-stats-heading {
        display: block;
    }

    .mct-stats-season {
        display: inline-block;
        margin-top: 14px;
    }
}

/* ==================================================
 * MCT STATS — UNIFIED TEAM PAGE TOP V2
 * Team Hero -> Team Nav -> Stats tabs
 * ================================================== */

.mct-stats-page .mct-stats-content {
    padding-top: 26px;
}

.mct-stats-page .mct-stats-primary-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    margin: 0 0 22px;
    padding: 4px;
}

.mct-stats-page .mct-stats-primary-tabs button {
    width: 100%;
    min-width: 0;
}

/* Old stats header is no longer used. */
.mct-stats-page .mct-stats-heading,
.mct-stats-page .mct-stats-season {
    display: none !important;
}

@media (max-width: 700px) {
    .mct-stats-page .mct-stats-content {
        padding-top: 18px;
    }

    .mct-stats-page .mct-stats-primary-tabs {
        margin-bottom: 20px;
        border-radius: 11px;
    }

    .mct-stats-page .mct-stats-primary-tabs button {
        min-height: 58px;
        padding: 10px 12px;
    }
}

/* ==================================================
 * MCT STATS — OVERVIEW CARDS V3
 * Elenco-style overview
 * ================================================== */

.mct-stats-page .mct-stats-content > .mct-team-shell {
    width: min(
        calc(100% - 32px),
        1210px
    );
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Overview KPI cards
 */
.mct-stats-page .mct-stats-kpis {
    display: grid;
    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );
    gap: 12px;

    margin: 0 0 20px;

    overflow: visible;

    border: 0;
    border-radius: 0;
    background: transparent;
}

.mct-stats-page
.mct-stats-kpis
.mct-stats-kpi-card {
    display: flex;
    align-items: center;
    gap: 14px;

    min-width: 0;
    min-height: 102px;

    padding: 16px;

    border: 1px solid #dfe7e4;
    border-radius: 11px;

    background: #ffffff;

    box-shadow:
        0 5px 16px
        rgba(14, 35, 45, .025);
}

/* remove old separators */
.mct-stats-page
.mct-stats-kpis
article + article {
    border-left:
        1px solid #dfe7e4;
}

.mct-stats-page
.mct-stats-kpi-icon {
    display: grid;
    place-items: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 10px;
}

.mct-stats-page
.mct-stats-kpi-icon svg {
    width: 22px;
    height: 22px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/*
 * Individual icon accents.
 */
.mct-stats-page
.mct-stats-kpi-card.is-games
.mct-stats-kpi-icon {
    color: #12a86d;
    background: #eaf8f1;
}

.mct-stats-page
.mct-stats-kpi-card.is-goals
.mct-stats-kpi-icon {
    color: #2879e7;
    background: #eaf3fd;
}

.mct-stats-page
.mct-stats-kpi-card.is-conceded
.mct-stats-kpi-icon {
    color: #745fe7;
    background: #f0edfd;
}

.mct-stats-page
.mct-stats-kpi-card.is-balance
.mct-stats-kpi-icon {
    color: #ef951e;
    background: #fff4e5;
}

.mct-stats-page
.mct-stats-kpi-card.is-possession
.mct-stats-kpi-icon {
    color: #0a9ca6;
    background: #e4f7f7;
}

.mct-stats-page
.mct-stats-kpi-card.is-cards
.mct-stats-kpi-icon {
    color: #d64e52;
    background: #fceced;
}

.mct-stats-page
.mct-stats-kpi-copy {
    min-width: 0;
}

.mct-stats-page
.mct-stats-kpi-copy > span {
    display: block;

    margin-bottom: 1px;

    color: #54717c;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1.15;
    font-weight: 700;
}

.mct-stats-page
.mct-stats-kpi-copy > strong {
    display: flex;
    align-items: center;

    min-height: auto;
    margin: 2px 0 1px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 30px;
    line-height: 1;
    font-weight: 600;
}

.mct-stats-page
.mct-stats-kpi-copy > small {
    display: block;

    color: #84949b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1.2;
}

.mct-stats-page
.mct-stats-card-values {
    gap: 5px;
}

.mct-stats-page
.mct-stats-card-values i {
    display: inline-block;

    width: 7px;
    height: 13px;

    border-radius: 2px;
}

.mct-stats-page
.mct-stats-card-values
.is-yellow {
    background: #f3bd32;
}

.mct-stats-page
.mct-stats-card-values
.is-red {
    margin-left: 3px;
    background: #df4d58;
}

/*
 * Primary tabs use same 1210px content width.
 */
.mct-stats-page
.mct-stats-primary-tabs {
    width: 100%;
}

/*
 * All following stats modules stay 1210.
 */
.mct-stats-page
.mct-stats-visual-grid,
.mct-stats-page
.mct-stats-database,
.mct-stats-page
.mct-player-stats-intro,
.mct-stats-page
.mct-player-category-tabs,
.mct-stats-page
.mct-player-stats-placeholder {
    max-width: 1210px;
}

/* ==================================================
 * TABLET
 * ================================================== */

@media (max-width: 1100px) {

    .mct-stats-page
    .mct-stats-kpis {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

    .mct-stats-page
    .mct-stats-kpis
    article:nth-child(n) {
        border:
            1px solid #dfe7e4;
    }
}

/* ==================================================
 * MOBILE
 * ================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-stats-content
    > .mct-team-shell {
        width:
            calc(100% - 20px);
    }

    .mct-stats-page
    .mct-stats-kpis {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 8px;
    }

    .mct-stats-page
    .mct-stats-kpis
    .mct-stats-kpi-card {
        min-height: 92px;

        gap: 10px;

        padding: 12px;
    }

    .mct-stats-page
    .mct-stats-kpi-icon {
        flex-basis: 36px;

        width: 36px;
        height: 36px;

        border-radius: 9px;
    }

    .mct-stats-page
    .mct-stats-kpi-icon svg {
        width: 19px;
        height: 19px;
    }

    .mct-stats-page
    .mct-stats-kpi-copy > span {
        font-size: 9px;
    }

    .mct-stats-page
    .mct-stats-kpi-copy > strong {
        font-size: 25px;
    }

    .mct-stats-page
    .mct-stats-kpi-copy > small {
        font-size: 8px;
    }
}

@media (max-width: 380px) {

    .mct-stats-page
    .mct-stats-kpis
    .mct-stats-kpi-card {
        padding: 10px 8px;
    }

    .mct-stats-page
    .mct-stats-kpi-icon {
        flex-basis: 32px;

        width: 32px;
        height: 32px;
    }

    .mct-stats-page
    .mct-stats-kpi-copy > strong {
        font-size: 23px;
    }
}

/* ==================================================
 * MCT STATS — LEAGUE STYLE V4
 * Colored KPI lines + compact entity switch
 * ================================================== */

/*
 * KPI cards:
 * thin league-style accent on top.
 */
.mct-stats-page
.mct-stats-kpi-card {
    position: relative;
    overflow: hidden;
}

.mct-stats-page
.mct-stats-kpi-card::before {
    content: "";

    position: absolute;
    top: -1px;
    left: 14px;
    right: 14px;

    height: 2px;

    border-radius:
        0 0 2px 2px;

    background: #18ae68;
}

.mct-stats-page
.mct-stats-kpi-card.is-games::before {
    background: #18ae68;
}

.mct-stats-page
.mct-stats-kpi-card.is-goals::before {
    background: #3989f5;
}

.mct-stats-page
.mct-stats-kpi-card.is-conceded::before {
    background: #765cf3;
}

.mct-stats-page
.mct-stats-kpi-card.is-balance::before {
    background: #f19a35;
}

.mct-stats-page
.mct-stats-kpi-card.is-possession::before {
    background: #13a7b0;
}

.mct-stats-page
.mct-stats-kpi-card.is-cards::before {
    background: #ed5486;
}


/*
 * EQUIPE / JOGADORES
 *
 * Instead of full-width switch,
 * use compact league-style pill.
 */
.mct-stats-page
.mct-stats-primary-tabs {
    display: inline-flex;

    width: auto;
    max-width: none;

    gap: 3px;

    margin:
        4px 0
        18px;

    padding: 4px;

    border:
        1px solid #e3e8e7;

    border-radius: 999px;

    background: #f0f2f3;

    box-shadow: none;
}


/*
 * Reset previous 50/50 grid rule.
 */
.mct-stats-page
.mct-stats-primary-tabs {
    grid-template-columns: none;
}


.mct-stats-page
.mct-stats-primary-tabs button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    width: auto;
    min-width: 145px;
    min-height: 34px;

    padding:
        8px 17px;

    border: 0;

    border-radius: 999px;

    background: transparent;

    color: #56646b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: .015em;

    transition:
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}


.mct-stats-page
.mct-stats-primary-tabs button svg {
    flex: 0 0 auto;

    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.mct-stats-page
.mct-stats-primary-tabs button.is-active {
    background: #17242b;

    color: #ffffff;

    box-shadow:
        0 2px 5px
        rgba(9, 27, 36, .18);
}


.mct-stats-page
.mct-stats-primary-tabs button:not(.is-active):hover {
    background:
        rgba(255, 255, 255, .72);

    color: #17242b;
}


/*
 * The switch should sit on the left,
 * like League Estatísticas.
 */
.mct-stats-page
.mct-stats-view {
    clear: both;
}


/* ==================================================
 * MOBILE
 * ================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-stats-kpi-card::before {
        left: 10px;
        right: 10px;
    }

    .mct-stats-page
    .mct-stats-primary-tabs {
        display: inline-flex;

        width: auto;

        margin:
            2px 0
            16px;
    }

    .mct-stats-page
    .mct-stats-primary-tabs button {
        width: auto;

        min-width: 132px;
        min-height: 34px;

        padding:
            8px 13px;
    }
}


@media (max-width: 380px) {

    .mct-stats-page
    .mct-stats-primary-tabs {
        width: 100%;
    }

    .mct-stats-page
    .mct-stats-primary-tabs button {
        flex: 1 1 50%;

        min-width: 0;
    }
}

/* ==================================================
 * MCT STATS — SEASON VISUALS V5
 * Performance / recent form / evolution
 * ================================================== */

.mct-stats-page
.mct-season-visual-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 14px;

    margin:
        0 0
        28px;
}


.mct-stats-page
.mct-season-card {
    min-width: 0;
    min-height: 270px;

    padding: 18px 20px;

    border:
        1px solid #dfe6e4;

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 5px 18px
        rgba(15, 34, 43, .025);
}


.mct-stats-page
.mct-season-card-head {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;

    margin-bottom: 15px;
}


.mct-stats-page
.mct-season-card-head h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 20px;
    line-height: 1;

    font-weight: 600;
}


.mct-stats-page
.mct-season-card-head p {
    margin: 4px 0 0;

    color: #84949b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1.2;
}


/* ==========================
 * PERFORMANCE
 * ========================== */

.mct-stats-page
.mct-season-performance {
    display: flex;

    align-items: center;

    gap: 25px;

    min-height: 160px;
}


.mct-stats-page
.mct-season-ring {
    position: relative;

    flex:
        0 0 128px;

    width: 128px;
    height: 128px;

    border-radius: 50%;

    background:
        conic-gradient(
            #10b759
            0
            calc(
                var(--win)
                * 1%
            ),

            #bdc9d4
            calc(
                var(--win)
                * 1%
            )
            calc(
                (
                    var(--win)
                    +
                    var(--draw)
                )
                * 1%
            ),

            #f32f35
            calc(
                (
                    var(--win)
                    +
                    var(--draw)
                )
                * 1%
            )
            100%
        );
}


.mct-stats-page
.mct-season-ring::after {
    content: "";

    position: absolute;

    inset: 13px;

    border-radius: 50%;

    background: #fff;
}


.mct-stats-page
.mct-season-ring > div {
    position: absolute;

    z-index: 2;

    inset: 0;

    display: grid;

    place-content: center;

    text-align: center;
}


.mct-stats-page
.mct-season-ring strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 31px;
    line-height: .9;

    font-weight: 600;
}


.mct-stats-page
.mct-season-ring span {
    margin-top: 5px;

    color: #778a94;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
}


.mct-stats-page
.mct-season-legend {
    flex: 1;

    display: grid;

    gap: 13px;
}


.mct-stats-page
.mct-season-legend > div {
    display: grid;

    grid-template-columns:
        1fr
        auto
        36px;

    align-items: center;

    gap: 10px;
}


.mct-stats-page
.mct-season-legend span {
    display: flex;

    align-items: center;

    gap: 8px;

    color: #263b44;

    font-size: 11px;
}


.mct-stats-page
.mct-season-legend i {
    display: block;

    width: 10px;
    height: 10px;

    border-radius: 2px;
}


.mct-stats-page
.mct-season-legend
.is-win i {
    background: #10b759;
}


.mct-stats-page
.mct-season-legend
.is-draw i {
    background: #bdc9d4;
}


.mct-stats-page
.mct-season-legend
.is-loss i {
    background: #f32f35;
}


.mct-stats-page
.mct-season-legend strong {
    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 14px;
}


.mct-stats-page
.mct-season-legend small {
    color: #72848d;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;

    text-align: right;
}


.mct-stats-page
.mct-season-games-total {
    margin-top: 1px;

    color: #78909b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;

    text-align: center;
}


/* ==========================
 * RECENT
 * ========================== */

.mct-stats-page
.mct-recent-results {
    display: flex;

    flex-wrap: nowrap;

    gap: 7px;

    margin:
        12px 0
        18px;
}


.mct-stats-page
.mct-recent-results span {
    display: grid;

    place-items: center;

    width: 26px;
    height: 26px;

    border-radius: 5px;

    color: #fff;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;

    font-weight: 600;
}


.mct-stats-page
.mct-recent-results
.is-v {
    background: #10b759;
}


.mct-stats-page
.mct-recent-results
.is-e {
    background: #aebac4;
}


.mct-stats-page
.mct-recent-results
.is-d {
    background: #ef3740;
}


.mct-stats-page
.mct-recent-summary {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap: 10px;

    padding-bottom: 17px;

    margin-bottom: 12px;
}


.mct-stats-page
.mct-recent-summary div {
    color: #657a84;

    font-size: 11px;
}


.mct-stats-page
.mct-recent-summary strong {
    margin-right: 3px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 21px;
}


.mct-stats-page
.mct-recent-goals {
    display: grid;

    gap: 7px;
}


.mct-stats-page
.mct-recent-goals > div {
    display: flex;

    align-items: center;
    justify-content: space-between;
}


.mct-stats-page
.mct-recent-goals span {
    color: #6d818b;

    font-size: 11px;
}


.mct-stats-page
.mct-recent-goals strong {
    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 15px;
}


/* ==========================
 * EVOLUTION
 * ========================== */

.mct-stats-page
.mct-evolution-current {
    min-width: 65px;

    padding: 7px 9px;

    border-radius: 7px;

    background: #f2f6f4;

    text-align: center;
}


.mct-stats-page
.mct-evolution-current span {
    display: block;

    color: #7b8d95;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
}


.mct-stats-page
.mct-evolution-current strong {
    display: block;

    margin-top: 2px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 20px;
}


.mct-stats-page
.mct-evolution-chart {
    position: relative;

    height: 185px;

    padding-left: 30px;
}


.mct-stats-page
.mct-evolution-chart > span {
    position: absolute;

    left: 0;

    color: #95a4aa;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;

    transform:
        translateY(-50%);
}


.mct-stats-page
.mct-evolution-chart
.is-100 {
    top: 11px;
}


.mct-stats-page
.mct-evolution-chart
.is-75 {
    top: 44px;
}


.mct-stats-page
.mct-evolution-chart
.is-50 {
    top: 77px;
}


.mct-stats-page
.mct-evolution-chart
.is-25 {
    top: 110px;
}


.mct-stats-page
.mct-evolution-chart svg {
    display: block;

    width: 100%;
    height: 155px;
}


.mct-stats-page
.mct-evolution-chart svg line {
    stroke: #eaf0ed;

    stroke-width: 1;
}


.mct-stats-page
.mct-evolution-chart
.mct-evolution-line {
    fill: none;

    stroke: #10a94f;

    stroke-width: 2.6;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.mct-stats-page
.mct-evolution-chart circle {
    fill: #10a94f;

    stroke: #fff;

    stroke-width: 1.5;
}


.mct-stats-page
.mct-evolution-axis {
    display: flex;

    justify-content: space-between;

    padding:
        0 10px
        0 4px;

    color: #91a0a6;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
}


.mct-stats-page
.mct-evolution-empty {
    padding: 60px 15px;

    color: #829198;

    text-align: center;
}


/* ==================================================
 * RESPONSIVE
 * ================================================== */

@media (max-width: 1000px) {

    .mct-stats-page
    .mct-season-visual-grid {
        grid-template-columns:
            1fr 1fr;
    }

    .mct-stats-page
    .mct-season-card:last-child {
        grid-column:
            1 / -1;
    }
}


@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-visual-grid {
        grid-template-columns:
            1fr;

        gap: 10px;
    }

    .mct-stats-page
    .mct-season-card:last-child {
        grid-column: auto;
    }

    .mct-stats-page
    .mct-season-card {
        min-height: 0;

        padding: 16px;
    }

    .mct-stats-page
    .mct-season-performance {
        gap: 17px;
    }

    .mct-stats-page
    .mct-season-ring {
        flex-basis: 112px;

        width: 112px;
        height: 112px;
    }

    .mct-stats-page
    .mct-season-ring strong {
        font-size: 28px;
    }

    .mct-stats-page
    .mct-recent-results {
        gap: 5px;
    }

    .mct-stats-page
    .mct-recent-results span {
        flex: 1 1 0;

        width: auto;

        max-width: 28px;
    }
}

/* ==========================================================
 * MCT STATS — PERFORMANCE CARD V6
 * Match reference layout
 * ========================================================== */

/*
 * First season card:
 * tighter like League Estatísticas.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child {
    min-height: 0;
    height: 238px;

    padding:
        16px 18px
        14px;

    border:
        1px solid #dfe6e4;

    border-radius: 9px;

    background: #fff;

    box-shadow:
        0 2px 9px
        rgba(14, 34, 43, .025);
}


/* ----------------------------------------------------------
 * TITLE
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-card-head {
    margin: 0 0 9px;
}


.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-card-head h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;

    text-transform: none;
}


/* ----------------------------------------------------------
 * MAIN LAYOUT
 * ring left / legend right
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-performance {
    position: relative;

    display: grid;

    grid-template-columns:
        126px
        minmax(0, 1fr);

    align-items: center;

    column-gap: 17px;

    min-height: 142px;

    padding: 0;
}


/* ----------------------------------------------------------
 * RING
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-ring {
    position: relative;

    justify-self: center;

    flex: none;

    width: 112px;
    height: 112px;

    margin: 0;

    border-radius: 50%;
}


/*
 * Thinner ring exactly like reference.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-ring::after {
    inset: 11px;

    background: #fff;
}


/*
 * Center content.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-ring > div {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 2px;
}


/*
 * 66%
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-ring strong {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 27px;
    line-height: .95;

    font-weight: 600;
}


/*
 * Aproveitamento
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-ring span {
    margin: 0;

    color: #81949e;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
    line-height: 1;

    font-weight: 500;
}


/* ----------------------------------------------------------
 * LEGEND
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend {
    display: grid;

    align-self: center;

    gap: 10px;

    width: 100%;

    padding: 0;
}


/*
 * icon | label | count | percentage
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend > div {
    display: grid;

    grid-template-columns:
        minmax(72px, 1fr)
        28px
        34px;

    align-items: center;

    gap: 5px;
}


/*
 * Label
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend span {
    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;

    color: #243840;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 600;

    white-space: nowrap;
}


/*
 * Colored square.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend i {
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    border-radius: 2px;
}


/*
 * Win / draw / loss counts
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;

    text-align: right;
}


/*
 * Percentage
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend small {
    color: #728690;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 500;

    text-align: right;
}


/* ----------------------------------------------------------
 * TOTAL GAMES
 *
 * The existing element comes after .mct-season-performance.
 * Position it directly below the donut, not center of card.
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-games-total {
    width: 126px;

    margin:
        -2px 0
        0;

    color: #708792;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 500;

    text-align: center;
}


/* ----------------------------------------------------------
 * Exact reference colors
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend
.is-win i {
    background: #0db653;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend
.is-draw i {
    background: #bcc8d3;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child
.mct-season-legend
.is-loss i {
    background: #f42f36;
}


/* ==========================================================
 * TABLET
 * ========================================================== */

@media (max-width: 1000px) {

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child {
        height: 238px;
    }
}


/* ==========================================================
 * MOBILE
 * Keep same visual structure
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child {
        height: 226px;

        padding:
            15px 14px
            13px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-card-head h3 {
        font-size: 17px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-performance {
        grid-template-columns:
            118px
            minmax(0, 1fr);

        column-gap: 12px;

        min-height: 136px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-ring {
        width: 106px;
        height: 106px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-ring::after {
        inset: 10px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-ring strong {
        font-size: 26px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-legend {
        gap: 9px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-legend > div {
        grid-template-columns:
            minmax(66px, 1fr)
            24px
            30px;

        gap: 4px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child
    .mct-season-games-total {
        width: 118px;

        font-size: 10px;
    }
}

/* ==========================================================
 * MCT STATS — SEASON ROW V7
 * Match reference:
 * performance / recent / evolution same height
 * ========================================================== */

/*
 * Entire first row same height.
 */
.mct-stats-page
.mct-season-visual-grid {
    align-items: stretch;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card {
    height: 238px;
    min-height: 238px;

    padding:
        16px 18px
        14px;

    border-radius: 9px;
}


/*
 * Keep first card exactly aligned.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:first-child {
    height: 238px;
    min-height: 238px;
}


/* ==========================================================
 * FORMA RECENTE
 * ========================================================== */

/*
 * Header tighter like reference.
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-season-card-head {
    margin:
        0 0
        10px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-season-card-head h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-season-card-head p {
    margin:
        3px 0
        0;

    color: #82949d;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1;
}


/*
 * V / E / D row
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-results {
    display: flex;

    align-items: center;

    gap: 6px;

    margin:
        0 0
        13px;

    min-height: 24px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-results span {
    display: grid;

    place-items: center;

    flex: 0 0 23px;

    width: 23px;
    height: 23px;

    border-radius: 4px;

    color: #fff;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 600;
}


/*
 * 7 Vitórias / 2 Empates / 1 Derrota
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-summary {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 6px;

    margin:
        0 0
        12px;

    padding:
        0 0
        12px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-summary div {
    display: flex;

    align-items: baseline;

    gap: 4px;

    min-width: 0;

    color: #6e818b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1;

    white-space: nowrap;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-summary strong {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 19px;
    line-height: 1;

    font-weight: 600;
}


/*
 * Goals table
 */
.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-goals {
    display: grid;

    gap: 0;

    margin: 0;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-goals > div {
    display: flex;

    align-items: center;
    justify-content: space-between;

    min-height: 28px;

    padding: 0;

    border-bottom:
        1px solid #edf1ef;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-goals > div:last-child {
    border-bottom: 0;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-goals span {
    color: #6f828c;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(2)
.mct-recent-goals strong {
    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 13px;
    line-height: 1;

    font-weight: 600;
}


/* ==========================================================
 * EVOLUÇÃO
 * Same height and tighter chart
 * ========================================================== */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-season-card-head {
    margin:
        0 0
        5px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-season-card-head h3 {
    font-size: 15px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-season-card-head p {
    font-size: 11px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-current {
    padding:
        6px 8px;

    min-width: 58px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-current strong {
    font-size: 15px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    height: 150px;

    padding-left: 28px;
}

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-chart svg {
    height: 126px;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card {
        height: auto;
        min-height: 226px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:first-child {
        height: 226px;
        min-height: 226px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:nth-child(2) {
        min-height: 226px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:nth-child(3) {
        min-height: 226px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:nth-child(2)
    .mct-recent-results {
        gap: 5px;
    }

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:nth-child(2)
    .mct-recent-results span {
        flex-basis: 22px;

        width: 22px;
        height: 22px;
    }
}

/* ==========================================================
 * MCT STATS — EVOLUTION CHART V8
 * Full grid + denser x-axis
 * ========================================================== */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    position: relative;

    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    grid-template-rows:
        142px
        18px;

    column-gap: 6px;

    height: 160px;

    padding: 0;

    margin-top: 3px;
}


/* ----------------------------------------------------------
 * Y axis
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-evolution-y-axis {
    position: relative;

    grid-column: 1;
    grid-row: 1;

    height: 142px;
}

.mct-stats-page
.mct-evolution-y-axis span {
    position: absolute;

    top: var(--y);
    right: 0;

    color: #8699a2;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 8px;
    line-height: 1;

    transform:
        translateY(-50%);
}

.mct-stats-page
.mct-evolution-y-axis
span:first-child {
    transform: none;
}

.mct-stats-page
.mct-evolution-y-axis
span:last-child {
    transform:
        translateY(-100%);
}


/* ----------------------------------------------------------
 * Plot
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-evolution-plot {
    grid-column: 2;
    grid-row: 1;

    min-width: 0;
    height: 142px;
}

.mct-stats-page
.mct-evolution-plot svg {
    display: block;

    width: 100%;
    height: 142px;

    overflow: visible;
}


/* full square grid */
.mct-stats-page
.mct-evolution-grid line {
    stroke: #e5ece9;

    stroke-width: .8;

    vector-effect:
        non-scaling-stroke;
}


/* main line */
.mct-stats-page
.mct-evolution-plot
.mct-evolution-line {
    fill: none;

    stroke: #11ab50;

    stroke-width: 2.2;

    stroke-linecap: round;
    stroke-linejoin: round;

    vector-effect:
        non-scaling-stroke;
}


/* points */
.mct-stats-page
.mct-evolution-plot circle {
    fill: #11ab50;

    stroke: #ffffff;

    stroke-width: 1.1;

    vector-effect:
        non-scaling-stroke;
}


/* ----------------------------------------------------------
 * X axis
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-evolution-axis {
    position: relative;

    grid-column: 2;
    grid-row: 2;

    display: block;

    height: 18px;

    padding: 0;
}

.mct-stats-page
.mct-evolution-axis span {
    position: absolute;

    top: 5px;

    color: #8a9ba3;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 8px;
    line-height: 1;

    transform:
        translateX(-50%);
}

.mct-stats-page
.mct-evolution-axis
span:first-child {
    transform: none;
}

.mct-stats-page
.mct-evolution-axis
span:last-child {
    transform:
        translateX(-100%);
}


/* ==========================================================
 * Header like reference
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-season-card-head.is-evolution {
    align-items: flex-start;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-current {
    min-width: 58px;

    padding:
        6px 8px;

    border-radius: 7px;

    background: #f2f6f4;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-visual-grid
    .mct-season-card:nth-child(3)
    .mct-evolution-chart {
        grid-template-columns:
            30px
            minmax(0, 1fr);

        grid-template-rows:
            135px
            18px;

        height: 153px;
    }

    .mct-stats-page
    .mct-evolution-y-axis,
    .mct-stats-page
    .mct-evolution-plot,
    .mct-stats-page
    .mct-evolution-plot svg {
        height: 135px;
    }

    .mct-stats-page
    .mct-evolution-axis span,
    .mct-stats-page
    .mct-evolution-y-axis span {
        font-size: 7px;
    }
}

/* ==========================================================
 * MCT STATS — EVOLUTION FIX V9
 * Fix collapsed plot width caused by grid conflicts
 * ========================================================== */

.mct-stats-page
.mct-season-visual-grid
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 158px !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* ==========================================================
 * Y AXIS
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 30px !important;
    height: 138px !important;

    display: block !important;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis span {
    position: absolute !important;

    right: 3px !important;

    color: #8799a2 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;
}


/*
 * Correct vertical positions.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis
span:nth-child(1) {
    top: 0 !important;
    transform: none !important;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis
span:nth-child(2) {
    top: 25% !important;
    transform: translateY(-50%) !important;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis
span:nth-child(3) {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis
span:nth-child(4) {
    top: 75% !important;
    transform: translateY(-50%) !important;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis
span:nth-child(5) {
    top: 100% !important;
    transform: translateY(-100%) !important;
}


/* ==========================================================
 * PLOT
 * Force chart to occupy full available width.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot {
    position: absolute !important;

    top: 0 !important;
    left: 36px !important;
    right: 0 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 138px !important;

    display: block !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot svg {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 138px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* ==========================================================
 * GRID
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-grid line {
    stroke: #e5ece9 !important;

    stroke-width: .8 !important;

    vector-effect:
        non-scaling-stroke;
}


/* ==========================================================
 * GREEN CURVE
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-line {
    fill: none !important;

    stroke: #11ac52 !important;

    stroke-width: 2.1 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect:
        non-scaling-stroke;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot circle {
    fill: #11ac52 !important;

    stroke: #ffffff !important;

    stroke-width: 1.1 !important;

    vector-effect:
        non-scaling-stroke;
}


/* ==========================================================
 * X AXIS
 * Exactly same width as plot.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis {
    position: absolute !important;

    top: 141px !important;

    left: 36px !important;
    right: 0 !important;

    width: auto !important;
    height: 16px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis span {
    position: absolute !important;

    top: 3px !important;

    color: #8799a2 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    transform:
        translateX(-50%) !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis
span:first-child {
    transform: none !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis
span:last-child {
    transform:
        translateX(-100%) !important;
}


/* ==========================================================
 * Make evolution header reference-style
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-season-card-head.is-evolution {
    position: relative;

    min-height: 44px;

    margin-bottom: 7px !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-current {
    flex: 0 0 auto;

    min-width: 58px;

    padding: 6px 8px;

    border-radius: 7px;

    background: #f1f5f4;

    text-align: center;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-current span {
    display: block;

    font-size: 8px;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-current strong {
    display: block;

    margin-top: 2px;

    font-size: 15px;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-chart {
        height: 155px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-y-axis {
        height: 134px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-plot {
        left: 32px !important;

        height: 134px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-plot svg {
        height: 134px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-axis {
        top: 137px !important;
        left: 32px !important;
    }
}

/* ==========================================================
 * MCT STATS — EVOLUTION X AXIS V10
 * Fixed evenly distributed labels
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis {
    position: absolute !important;

    top: 141px !important;

    left: 36px !important;
    right: 0 !important;

    width: auto !important;
    height: 18px !important;

    display: flex !important;

    align-items: flex-start;
    justify-content: space-between;

    margin: 0 !important;
    padding: 3px 0 0 !important;

    overflow: visible !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis span {
    position: static !important;

    display: block !important;

    flex: 0 0 auto;

    top: auto !important;
    left: auto !important;

    color: #82959e !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;

    font-weight: 500 !important;

    white-space: nowrap !important;

    transform: none !important;
}


/*
 * Prevent first / last label clipping.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis
span:first-child {
    text-align: left;
}

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis
span:last-child {
    text-align: right;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-axis {
        top: 137px !important;
        left: 32px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-axis span {
        font-size: 7px !important;
    }
}

/* ==========================================================
 * MCT STATS — TEAM INSIGHTS V11
 * Result / BTTS / Cards / Scorelines / Biggest wins
 * ========================================================== */

.mct-stats-page
.mct-team-insights {
    margin-top: 26px;
}

.mct-stats-page
.mct-insights-heading {
    margin-bottom: 13px;
}

.mct-stats-page
.mct-insights-heading span {
    display: block;

    margin-bottom: 5px;

    color: #0b9e5a;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: .12em;
}

.mct-stats-page
.mct-insights-heading h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 25px;
    line-height: 1;

    font-weight: 600;

    text-transform: uppercase;
}


/* ==========================================================
 * GRID
 * ========================================================== */

.mct-stats-page
.mct-insights-grid {
    display: grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );

    gap: 14px;
}

.mct-stats-page
.mct-insight-card {
    grid-column:
        span 2;

    min-width: 0;

    padding: 18px;

    border:
        1px solid #dde5e2;

    border-radius: 10px;

    background: #fff;
}

.mct-stats-page
.mct-score-card {
    grid-column:
        span 3;
}

.mct-stats-page
.mct-bigwins-card {
    grid-column:
        span 3;
}


.mct-stats-page
.mct-insight-card > header {
    margin-bottom: 16px;
}

.mct-stats-page
.mct-insight-card > header h4 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;

    text-transform: uppercase;
}

.mct-stats-page
.mct-insight-card > header p {
    margin:
        4px 0
        0;

    color: #85969d;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
}


/* ==========================================================
 * RESULT RINGS
 * ========================================================== */

.mct-stats-page
.mct-result-rings {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap: 14px;

    padding-top: 7px;
}

.mct-stats-page
.mct-result-rings > div {
    text-align: center;
}

.mct-stats-page
.mct-mini-ring {
    --ring-color:
        #12ad58;

    display: grid;

    place-items: center;

    width: 82px;
    height: 82px;

    margin:
        0 auto
        9px;

    border-radius: 50%;

    background:
        conic-gradient(
            var(--ring-color)
            calc(
                var(--value)
                * 1%
            ),

            #e7ecef
            0
        );

    position: relative;
}

.mct-stats-page
.mct-mini-ring::after {
    content: "";

    position: absolute;

    inset: 9px;

    border-radius: 50%;

    background: #fff;
}

.mct-stats-page
.mct-mini-ring strong {
    position: relative;

    z-index: 2;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 19px;
}

.mct-stats-page
.mct-mini-ring.is-draw {
    --ring-color:
        #98a5ae;
}

.mct-stats-page
.mct-mini-ring.is-loss {
    --ring-color:
        #ef3943;
}

.mct-stats-page
.mct-result-rings > div > span {
    display: block;

    color: #71838c;

    font-size: 11px;
}

.mct-stats-page
.mct-result-rings > div > b {
    display: block;

    margin-top: 5px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 17px;
}


/* ==========================================================
 * BTTS
 * ========================================================== */

.mct-stats-page
.mct-btts-body {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        104px;

    align-items: center;

    gap: 18px;
}

.mct-stats-page
.mct-btts-bars {
    display: grid;

    gap: 15px;
}

.mct-stats-page
.mct-btts-bars > div > div {
    display: grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items: baseline;

    gap: 6px;

    margin-bottom: 5px;
}

.mct-stats-page
.mct-btts-bars strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 19px;
}

.mct-stats-page
.mct-btts-bars span {
    color: #657b85;

    font-size: 11px;
}

.mct-stats-page
.mct-btts-bars small {
    color: #9aa7ac;

    font-size: 8px;
}

.mct-stats-page
.mct-btts-bars progress {
    display: block;

    width: 100%;
    height: 5px;

    overflow: hidden;

    border: 0;

    border-radius: 999px;

    background: #e7ecee;
}

.mct-stats-page
.mct-btts-bars progress::-webkit-progress-bar {
    background: #e7ecee;
}

.mct-stats-page
.mct-btts-bars progress::-webkit-progress-value {
    background: #13aa54;
}

.mct-stats-page
.mct-btts-bars progress::-moz-progress-bar {
    background: #13aa54;
}


.mct-stats-page
.mct-btts-ring {
    display: grid;

    place-items: center;

    width: 96px;
    height: 96px;

    border-radius: 50%;

    background:
        conic-gradient(
            #12ad58
            calc(
                var(--value)
                * 1%
            ),

            #e5ebed
            0
        );

    position: relative;
}

.mct-stats-page
.mct-btts-ring::after {
    content: "";

    position: absolute;

    inset: 11px;

    border-radius: 50%;

    background: #fff;
}

.mct-stats-page
.mct-btts-ring > div {
    position: relative;

    z-index: 2;

    text-align: center;
}

.mct-stats-page
.mct-btts-ring strong {
    display: block;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 20px;
}

.mct-stats-page
.mct-btts-ring span {
    display: block;

    color: #73868f;

    font-size: 8px;
}


/* ==========================================================
 * CARDS
 * ========================================================== */

.mct-stats-page
.mct-card-insight {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

    margin-top: 23px;
}

.mct-stats-page
.mct-card-insight > div {
    position: relative;

    padding:
        15px 14px;

    border-radius: 9px;

    background: #f6f8f7;
}

.mct-stats-page
.mct-card-insight i {
    display: inline-block;

    width: 9px;
    height: 15px;

    margin-right: 7px;

    border-radius: 2px;
}

.mct-stats-page
.mct-card-insight
.is-yellow i {
    background: #ffbd13;
}

.mct-stats-page
.mct-card-insight
.is-red i {
    background: #ef3545;
}

.mct-stats-page
.mct-card-insight strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 24px;
}

.mct-stats-page
.mct-card-insight span,
.mct-stats-page
.mct-card-insight small {
    display: block;

    margin-left: 19px;
}

.mct-stats-page
.mct-card-insight span {
    color: #627984;

    font-size: 9px;
}

.mct-stats-page
.mct-card-insight small {
    margin-top: 4px;

    color: #9aa7ac;

    font-size: 8px;
}


/* ==========================================================
 * SCORELINES
 * ========================================================== */

.mct-stats-page
.mct-score-list {
    display: grid;

    gap: 11px;
}

.mct-stats-page
.mct-score-row {
    display: grid;

    grid-template-columns:
        35px
        minmax(0, 1fr)
        42px;

    align-items: center;

    gap: 10px;
}

.mct-stats-page
.mct-score-row > b {
    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;
}

.mct-stats-page
.mct-score-row > div {
    height: 5px;

    overflow: hidden;

    border-radius: 999px;

    background: #e6ecee;
}

.mct-stats-page
.mct-score-row > div span {
    display: block;

    height: 100%;

    border-radius: inherit;

    background: #0fa64c;
}

.mct-stats-page
.mct-score-row > strong {
    color: #73858e;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;

    text-align: right;
}


/* ==========================================================
 * BIGGEST WINS
 * ========================================================== */

.mct-stats-page
.mct-bigwins-list {
    display: grid;
}

.mct-stats-page
.mct-bigwin-row {
    display: grid;

    grid-template-columns:
        1fr
        58px
        1fr;

    align-items: center;

    min-height: 44px;

    border-bottom:
        1px solid #edf1ef;
}

.mct-stats-page
.mct-bigwin-row:last-child {
    border-bottom: 0;
}

.mct-stats-page
.mct-bigwin-row > div {
    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;
}

.mct-stats-page
.mct-bigwin-row > div:last-child {
    justify-content: flex-end;
}

.mct-stats-page
.mct-bigwin-row img {
    flex: 0 0 auto;

    width: 20px;
    height: 20px;

    object-fit: contain;
}

.mct-stats-page
.mct-bigwin-row strong {
    overflow: hidden;

    color: #263a43;

    font-size: 9px;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.mct-stats-page
.mct-bigwin-row > b {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 16px;

    text-align: center;
}

.mct-stats-page
.mct-bigwin-row > b span {
    margin: 0 4px;

    color: #96a3a8;

    font-size: 10px;
}


/* ==========================================================
 * TABLET / MOBILE
 * ========================================================== */

@media (max-width: 1000px) {

    .mct-stats-page
    .mct-insights-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .mct-stats-page
    .mct-insight-card,
    .mct-stats-page
    .mct-score-card,
    .mct-stats-page
    .mct-bigwins-card {
        grid-column:
            span 1;
    }
}


@media (max-width: 700px) {

    .mct-stats-page
    .mct-insights-grid {
        grid-template-columns:
            1fr;

        gap: 10px;
    }

    .mct-stats-page
    .mct-insight-card {
        padding: 15px;
    }

    .mct-stats-page
    .mct-result-rings {
        gap: 6px;
    }

    .mct-stats-page
    .mct-mini-ring {
        width: 76px;
        height: 76px;
    }

    .mct-stats-page
    .mct-btts-body {
        grid-template-columns:
            minmax(0, 1fr)
            88px;
    }

    .mct-stats-page
    .mct-btts-ring {
        width: 84px;
        height: 84px;
    }

    .mct-stats-page
    .mct-bigwin-row {
        grid-template-columns:
            minmax(0, 1fr)
            48px
            minmax(0, 1fr);
    }
}

/* ==========================================================
 * MCT TEAM STATS — HOME AWAY V12
 * ========================================================== */

.mct-stats-page
.mct-home-away {
    margin-top: 26px;
}


.mct-stats-page
.mct-home-away-head {
    margin-bottom: 12px;
}


.mct-stats-page
.mct-home-away-head span {
    display: block;

    margin-bottom: 5px;

    color: #0b9f59;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: .12em;
}


.mct-stats-page
.mct-home-away-head h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 25px;
    line-height: 1;

    font-weight: 600;

    text-transform: uppercase;
}


.mct-stats-page
.mct-home-away-head p {
    margin:
        5px 0
        0;

    color: #87979e;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
}


/* ==========================================================
 * MAIN CARD
 * ========================================================== */

.mct-stats-page
.mct-home-away-card {
    overflow: hidden;

    border:
        1px solid #dde5e2;

    border-radius: 10px;

    background: #fff;
}


/* ==========================================================
 * HEADER
 * ========================================================== */

.mct-stats-page
.mct-ha-columns {
    display: grid;

    grid-template-columns:
        1fr
        80px
        1fr;

    align-items: center;

    min-height: 65px;

    padding:
        0 26px;

    border-bottom:
        1px solid #e9efec;

    background:
        linear-gradient(
            90deg,
            #f4faf7 0%,
            #ffffff 49%,
            #ffffff 51%,
            #f5f7f8 100%
        );
}


.mct-stats-page
.mct-ha-side {
    min-width: 0;
}


.mct-stats-page
.mct-ha-side.is-away {
    display: flex;

    justify-content: flex-end;
}


.mct-stats-page
.mct-ha-side-title {
    display: inline-flex;

    align-items: center;

    gap: 8px;
}


.mct-stats-page
.mct-ha-side-title svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.mct-stats-page
.mct-ha-side.is-home
.mct-ha-side-title {
    color: #0aa75a;
}


.mct-stats-page
.mct-ha-side.is-away
.mct-ha-side-title {
    color: #314750;
}


.mct-stats-page
.mct-ha-side-title strong {
    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: .06em;
}


.mct-stats-page
.mct-ha-center-icon {
    display: grid;

    place-items: center;
}


.mct-stats-page
.mct-ha-center-icon svg {
    width: 39px;
    height: 39px;

    fill: none;

    stroke: #a9b9b3;

    stroke-width: 1;

    opacity: .7;
}


/* ==========================================================
 * METRICS
 * ========================================================== */

.mct-stats-page
.mct-ha-metrics {
    padding:
        7px 26px;
}


.mct-stats-page
.mct-ha-row {
    display: grid;

    grid-template-columns:
        minmax(
            90px,
            1fr
        )
        190px
        minmax(
            90px,
            1fr
        );

    align-items: center;

    min-height: 40px;

    border-bottom:
        1px solid #edf1ef;
}


.mct-stats-page
.mct-ha-row:last-child {
    border-bottom: 0;
}


.mct-stats-page
.mct-ha-row > strong {
    color: #0da65a;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;
}


.mct-stats-page
.mct-ha-row > strong:last-child {
    color: #253c46;

    text-align: right;
}


.mct-stats-page
.mct-ha-row > span {
    color: #667c86;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;

    text-align: center;
}


/* ==========================================================
 * BOTTOM PROGRESS
 * ========================================================== */

.mct-stats-page
.mct-ha-progress {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 28px;

    padding:
        17px 26px
        20px;

    border-top:
        1px solid #edf1ef;

    background: #fbfcfc;
}


.mct-stats-page
.mct-ha-progress > div {
    display: grid;

    grid-template-columns:
        1fr auto;

    align-items: center;

    gap:
        7px 10px;
}


.mct-stats-page
.mct-ha-progress span {
    color: #627985;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
}


.mct-stats-page
.mct-ha-progress strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 17px;
}


.mct-stats-page
.mct-ha-progress > div > div {
    grid-column:
        1 / -1;

    overflow: hidden;

    height: 5px;

    border-radius: 999px;

    background: #e5ebed;
}


.mct-stats-page
.mct-ha-progress i {
    display: block;

    height: 100%;

    border-radius: inherit;

    background: #0dac55;
}


.mct-stats-page
.mct-ha-progress
> div:last-child i {
    background: #334a54;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-ha-columns {
        grid-template-columns:
            1fr
            48px
            1fr;

        min-height: 58px;

        padding:
            0 13px;
    }

    .mct-stats-page
    .mct-ha-center-icon svg {
        width: 31px;
        height: 31px;
    }

    .mct-stats-page
    .mct-ha-side-title {
        gap: 5px;
    }

    .mct-stats-page
    .mct-ha-side-title svg {
        width: 14px;
        height: 14px;
    }

    .mct-stats-page
    .mct-ha-side-title strong {
        font-size: 9px;
    }


    .mct-stats-page
    .mct-ha-metrics {
        padding:
            5px 13px;
    }


    .mct-stats-page
    .mct-ha-row {
        grid-template-columns:
            1fr
            130px
            1fr;

        min-height: 38px;
    }


    .mct-stats-page
    .mct-ha-row > strong {
        font-size: 16px;
    }


    .mct-stats-page
    .mct-ha-row > span {
        font-size: 9px;
    }


    .mct-stats-page
    .mct-ha-progress {
        grid-template-columns:
            1fr;

        gap: 13px;

        padding:
            14px 13px
            17px;
    }
}


@media (max-width: 390px) {

    .mct-stats-page
    .mct-ha-row {
        grid-template-columns:
            60px
            minmax(
                115px,
                1fr
            )
            60px;
    }

}

/* ==========================================================
 * MCT HOME VS AWAY — COMPACT ONE ROW V13
 * ========================================================== */

@media (min-width: 701px) {

    /* 整个模块缩紧 */
    .mct-stats-page
    .mct-home-away {
        margin-top: 18px !important;
    }

    .mct-stats-page
    .mct-home-away-head {
        margin-bottom: 10px !important;
    }

    /* 主卡片改为单排 */
    .mct-stats-page
    .mct-home-away-card {
        display: grid !important;

        grid-template-columns:
            190px
            minmax(0, 1fr)
            190px !important;

        min-height: 112px !important;

        overflow: hidden !important;
    }


    /* =========================
       左右 MANDANTE / VISITANTE
       ========================= */

    .mct-stats-page
    .mct-ha-columns {
        display: contents !important;
    }

    .mct-stats-page
    .mct-ha-side {
        display: flex !important;

        align-items: center !important;

        padding: 20px 22px !important;

        background: #f7faf8 !important;
    }

    .mct-stats-page
    .mct-ha-side.is-home {
        grid-column: 1 !important;
        grid-row: 1 !important;

        justify-content: flex-start !important;

        border-right: 1px solid #e5ebe8;
    }

    .mct-stats-page
    .mct-ha-side.is-away {
        grid-column: 3 !important;
        grid-row: 1 !important;

        justify-content: flex-end !important;

        border-left: 1px solid #e5ebe8;
    }

    .mct-stats-page
    .mct-ha-side-title {
        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 8px !important;
    }

    .mct-stats-page
    .mct-ha-side.is-away
    .mct-ha-side-title {
        align-items: flex-end !important;
    }

    .mct-stats-page
    .mct-ha-side-title svg {
        width: 20px !important;
        height: 20px !important;
    }

    .mct-stats-page
    .mct-ha-side-title strong {
        font-size: 11px !important;
    }


    /* 中间球场 icon 不需要 */
    .mct-stats-page
    .mct-ha-center-icon {
        display: none !important;
    }


    /* =========================
       六项数据横着排
       ========================= */

    .mct-stats-page
    .mct-ha-metrics {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: grid !important;

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        padding: 0 !important;
    }

    .mct-stats-page
    .mct-ha-row {
        display: grid !important;

        grid-template-columns: 1fr !important;

        grid-template-rows:
            auto
            auto
            auto !important;

        align-content: center !important;

        justify-items: center !important;

        min-width: 0 !important;
        min-height: 112px !important;

        padding: 12px 8px !important;

        border-right:
            1px solid #edf1ef !important;

        border-bottom: 0 !important;
    }

    .mct-stats-page
    .mct-ha-row:last-child {
        border-right: 0 !important;
    }


    /* Mandante 数字 */
    .mct-stats-page
    .mct-ha-row > strong:first-child {
        grid-row: 1 !important;

        color: #08a854 !important;

        font-size: 20px !important;

        text-align: center !important;
    }


    /* 指标名字 */
    .mct-stats-page
    .mct-ha-row > span {
        grid-row: 2 !important;

        min-height: 26px;

        margin: 5px 0 !important;

        display: flex;

        align-items: center;

        color: #809099 !important;

        font-size: 8px !important;
        line-height: 1.15 !important;

        text-align: center !important;
    }


    /* Visitante 数字 */
    .mct-stats-page
    .mct-ha-row > strong:last-child {
        grid-row: 3 !important;

        color: #102431 !important;

        font-size: 20px !important;

        text-align: center !important;
    }


    /* =========================
       原来的底部 progress 删除显示
       ========================= */

    .mct-stats-page
    .mct-ha-progress {
        display: none !important;
    }
}


/* ==========================================================
 * MOBILE 保持上下对照，避免 6 格挤爆
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-home-away-head h3 {
        font-size: 22px;
    }

}

/* ==========================================================
 * MCT INSIGHTS — THREE CARDS ROW V14
 *
 * Jogos por placar
 * Maiores vitórias
 * Mandante vs visitante
 * ========================================================== */

@media (min-width: 1001px) {

    /*
     * Three equal cards.
     */
    .mct-stats-page
    .mct-insights-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }

    .mct-stats-page
    .mct-score-card,
    .mct-stats-page
    .mct-bigwins-card,
    .mct-stats-page
    .mct-home-away-grid-card {
        grid-column:
            span 1 !important;

        min-width: 0;
    }


    /* ======================================================
     * HOME/AWAY CARD
     * Restore old attractive layout.
     * ====================================================== */

    .mct-stats-page
    .mct-home-away-grid-card {
        margin-top: 0 !important;

        padding: 0 !important;

        overflow: hidden;

        border:
            1px solid #dde5e2;

        border-radius: 10px;

        background: #fff;
    }


    /*
     * Header belongs inside card now.
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head {
        margin: 0 !important;

        padding:
            17px 18px
            12px;
    }

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head span {
        margin-bottom: 4px;

        font-size: 8px;
    }

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head h3 {
        font-size: 15px;
    }

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head p {
        margin-top: 4px;

        font-size: 9px;
    }


    /* ======================================================
     * Reset V13 strip layout
     * ====================================================== */

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-card {
        display: block !important;

        min-height: 0 !important;

        overflow: hidden !important;

        border: 0 !important;
        border-top:
            1px solid #edf1ef !important;

        border-radius: 0 !important;

        background: #fff;
    }


    /* ======================================================
     * MANDANTE / VISITANTE HEADER
     * ====================================================== */

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-columns {
        display: grid !important;

        grid-template-columns:
            1fr
            42px
            1fr !important;

        align-items: center !important;

        min-height: 48px !important;

        padding:
            0 14px !important;

        border-bottom:
            1px solid #edf1ef !important;

        background:
            linear-gradient(
                90deg,
                #f4faf7 0%,
                #ffffff 50%,
                #f5f7f8 100%
            ) !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side {
        display: block !important;

        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side.is-home {
        grid-column: 1 !important;
        grid-row: auto !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side.is-away {
        grid-column: 3 !important;
        grid-row: auto !important;

        text-align: right;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side-title {
        display: inline-flex !important;

        flex-direction: row !important;

        align-items: center !important;

        gap: 5px !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side.is-away
    .mct-ha-side-title {
        align-items: center !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side-title svg {
        width: 16px !important;
        height: 16px !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-side-title strong {
        font-size: 11px !important;
    }


    /*
     * Center pitch SVG comes back.
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-center-icon {
        display: grid !important;

        grid-column: 2;

        place-items: center;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-center-icon svg {
        width: 26px;
        height: 26px;
    }


    /* ======================================================
     * METRICS
     * old left / label / right style
     * ====================================================== */

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-metrics {
        display: block !important;

        padding:
            5px 14px !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row {
        display: grid !important;

        grid-template-columns:
            62px
            minmax(100px, 1fr)
            62px !important;

        grid-template-rows:
            auto !important;

        align-items: center !important;
        justify-items: stretch !important;

        min-height: 30px !important;

        padding: 0 !important;

        border-right: 0 !important;
        border-bottom:
            1px solid #edf1ef !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row:last-child {
        border-bottom: 0 !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row
    > strong:first-child {
        grid-column: 1 !important;
        grid-row: 1 !important;

        color: #09a758 !important;

        font-size: 14px !important;

        text-align: left !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row
    > span {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: block !important;

        min-height: 0 !important;

        margin: 0 !important;

        color: #758892 !important;

        font-size: 11px !important;

        text-align: center !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row
    > strong:last-child {
        grid-column: 3 !important;
        grid-row: 1 !important;

        color: #102431 !important;

        font-size: 14px !important;

        text-align: right !important;
    }


    /* ======================================================
     * Compact progress at bottom
     * Restore from old design
     * ====================================================== */

    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress {
        display: grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap: 12px !important;

        padding:
            10px 14px
            13px !important;

        border-top:
            1px solid #edf1ef !important;

        background: #fbfcfc;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress > div {
        gap:
            4px 6px;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress span {
        font-size: 7px;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress strong {
        font-size: 12px;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress
    > div > div {
        height: 4px;
    }


    /* ======================================================
     * Make all 3 cards visually same height.
     * ====================================================== */

    .mct-stats-page
    .mct-score-card,
    .mct-stats-page
    .mct-bigwins-card,
    .mct-stats-page
    .mct-home-away-grid-card {
        height: 292px;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-card {
        height:
            calc(
                100% - 62px
            );
    }

}


/* ==========================================================
 * TABLET
 * 2 columns
 * ========================================================== */

@media (
    min-width: 701px
)
and (
    max-width: 1000px
) {

    .mct-stats-page
    .mct-insights-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

    .mct-stats-page
    .mct-score-card,
    .mct-stats-page
    .mct-bigwins-card,
    .mct-stats-page
    .mct-home-away-grid-card {
        grid-column:
            span 1 !important;
    }
}

/* ==========================================================
 * MCT TEAM INSIGHTS — FIXED 3 COLUMN GRID V15
 *
 * ROW 1
 * Resultado | Ambas marcam | Cartões
 *
 * ROW 2
 * Placar | Maiores vitórias | Mandante vs visitante
 * ========================================================== */

@media (min-width: 1001px) {

    /*
     * Parent = exactly three equal columns.
     */
    .mct-stats-page
    .mct-insights-grid {
        display: grid !important;

        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        grid-auto-flow: row !important;

        gap: 14px !important;

        align-items: stretch !important;
    }


    /*
     * IMPORTANT:
     * Kill old span:2 rule from original 6-column design.
     */
    .mct-stats-page
    .mct-insights-grid
    > .mct-insight-card,

    .mct-stats-page
    .mct-insights-grid
    > .mct-score-card,

    .mct-stats-page
    .mct-insights-grid
    > .mct-bigwins-card,

    .mct-stats-page
    .mct-insights-grid
    > .mct-home-away-grid-card {
        grid-column:
            span 1 !important;

        width: 100% !important;

        max-width: none !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    /* ======================================================
     * ROW 1
     * Resultado / BTTS / Cartões
     * ====================================================== */

    .mct-stats-page
    .mct-insights-grid
    > .mct-insight-card {
        min-height: 250px;
    }


    /*
     * Result card.
     */
    .mct-stats-page
    .mct-result-rings {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        gap: 8px !important;
    }


    .mct-stats-page
    .mct-mini-ring {
        width: 76px;
        height: 76px;
    }


    /*
     * BTTS.
     */
    .mct-stats-page
    .mct-btts-body {
        grid-template-columns:
            minmax(0, 1fr)
            88px !important;

        gap: 12px !important;
    }


    .mct-stats-page
    .mct-btts-ring {
        width: 84px;
        height: 84px;
    }


    /*
     * Cards.
     */
    .mct-stats-page
    .mct-card-insight {
        margin-top: 17px !important;
    }


    /* ======================================================
     * ROW 2
     * Placar / Maiores vitórias / Home-away
     * ====================================================== */

    .mct-stats-page
    .mct-score-card,

    .mct-stats-page
    .mct-bigwins-card,

    .mct-stats-page
    .mct-home-away-grid-card {
        height: 292px !important;
        min-height: 292px !important;
    }


    /*
     * Score list uses whole card.
     */
    .mct-stats-page
    .mct-score-card {
        padding: 18px !important;
    }


    /*
     * Biggest wins same dimensions.
     */
    .mct-stats-page
    .mct-bigwins-card {
        padding: 18px !important;
    }


    /*
     * Home-away is already a complete card.
     * Don't let generic insight styles interfere.
     */
    .mct-stats-page
    .mct-home-away-grid-card {
        display: block !important;

        padding: 0 !important;

        overflow: hidden !important;

        border:
            1px solid #dde5e2 !important;

        border-radius: 10px !important;

        background: #fff !important;
    }


    /*
     * Header height tuned to fit same row.
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head {
        height: 62px !important;

        box-sizing: border-box !important;

        padding:
            14px 15px
            9px !important;
    }


    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-card {
        height:
            calc(
                100% - 62px
            ) !important;

        box-sizing:
            border-box !important;
    }

}


/* ==========================================================
 * TABLET
 * Two cards per row
 * ========================================================== */

@media
(
    min-width: 701px
)
and
(
    max-width: 1000px
) {

    .mct-stats-page
    .mct-insights-grid {
        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        gap: 12px !important;
    }


    .mct-stats-page
    .mct-insights-grid
    > * {
        grid-column:
            span 1 !important;

        width: 100% !important;
        min-width: 0 !important;
    }

}


/* ==========================================================
 * MOBILE
 * One card per row
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-insights-grid {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        gap: 10px !important;
    }


    .mct-stats-page
    .mct-insights-grid
    > * {
        grid-column:
            1 !important;

        width: 100% !important;

        min-width: 0 !important;

        height: auto !important;

        min-height: 0 !important;
    }

}

/* ==========================================================
 * MCT INSIGHTS SECOND ROW — HEIGHT / SPACING V16
 * ========================================================== */

@media (min-width: 1001px) {

    /*
     * 第二排三张卡统一稍微加高
     */
    .mct-stats-page
    .mct-score-card,

    .mct-stats-page
    .mct-bigwins-card,

    .mct-stats-page
    .mct-home-away-grid-card {
        height: 310px !important;
        min-height: 310px !important;
    }


    /*
     * Home / Away 顶部标题区域稍微宽松
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-head {
        height: 64px !important;

        padding:
            15px 15px
            10px !important;
    }


    /*
     * 剩余空间全部交给数据区域
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-home-away-card {
        height:
            calc(
                100% - 64px
            ) !important;
    }


    /*
     * Mandante / Visitante 顶栏
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-columns {
        min-height: 50px !important;
    }


    /*
     * 中间数据区域增加一点上下空间
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-metrics {
        padding:
            7px 14px
            12px !important;
    }


    /*
     * 每项数据稍微高一点
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row {
        min-height: 31px !important;
    }


    /*
     * 最后一项 Jogos：
     * 红框位置增加明显的底部留白
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-row:last-child {
        min-height: 35px !important;

        padding-bottom: 6px !important;

        border-bottom: 0 !important;
    }


    /*
     * 如果 progress 区域存在，
     * 和上面的 Jogos 保持距离
     */
    .mct-stats-page
    .mct-home-away-grid-card
    .mct-ha-progress {
        padding:
            12px 14px
            14px !important;
    }


    /*
     * Jogos por placar / Maiores vitórias
     * 内容也稍微放松一点
     */
    .mct-stats-page
    .mct-score-card,
    .mct-stats-page
    .mct-bigwins-card {
        padding:
            19px 18px
            20px !important;
    }

}

/* ==========================================================
 * MCT TEAM DETAILED STATS V17
 * Sofa-inspired, but Multicanais visual language
 * ========================================================== */

.mct-stats-page
.mct-detailed-stats {
    margin-top: 30px;
}


/* ==========================================================
 * HEADER
 * ========================================================== */

.mct-stats-page
.mct-detail-head {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 14px;
}


.mct-stats-page
.mct-detail-head > div:first-child > span {
    display: block;

    margin-bottom: 5px;

    color: #0ba35c;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 9px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: .12em;
}


.mct-stats-page
.mct-detail-head h3 {
    margin: 0;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 27px;
    line-height: 1;

    font-weight: 600;

    text-transform: uppercase;
}


.mct-stats-page
.mct-detail-head p {
    margin:
        5px 0
        0;

    color: #81939b;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
}


.mct-stats-page
.mct-detail-games {
    min-width: 76px;

    padding:
        8px 12px;

    border:
        1px solid #e0e7e4;

    border-radius: 8px;

    background: #fff;

    text-align: center;
}


.mct-stats-page
.mct-detail-games small {
    display: block;

    color: #87979e;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;

    font-weight: 700;
}


.mct-stats-page
.mct-detail-games strong {
    display: block;

    margin-top: 2px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 21px;
}


/* ==========================================================
 * GROUPS
 * ========================================================== */

.mct-stats-page
.mct-detail-layout {
    display: grid;

    gap: 10px;
}


.mct-stats-page
.mct-detail-group {
    overflow: hidden;

    border:
        1px solid #dde5e2;

    border-radius: 10px;

    background: #fff;
}


/* top control */
.mct-stats-page
.mct-detail-toggle {
    appearance: none;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    width: 100%;
    min-height: 62px;

    padding:
        11px 17px;

    border: 0;

    background: #fff;

    cursor: pointer;

    text-align: left;
}


.mct-stats-page
.mct-detail-group.is-open
.mct-detail-toggle {
    background:
        linear-gradient(
            90deg,
            #f5faf7,
            #ffffff
        );

    border-bottom:
        1px solid #e8eeeb;
}


/* title */
.mct-stats-page
.mct-detail-title span {
    display: block;

    margin-bottom: 3px;

    color: #0aa35a;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .11em;
}


.mct-stats-page
.mct-detail-title strong {
    display: block;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 20px;

    line-height: 1;

    font-weight: 600;
}


/* summary */
.mct-stats-page
.mct-detail-summary {
    display: grid;

    grid-template-columns:
        auto auto 18px;

    align-items: center;

    gap: 9px;
}


.mct-stats-page
.mct-detail-summary > span {
    color: #82939a;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
}


.mct-stats-page
.mct-detail-summary > strong {
    min-width: 36px;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 19px;

    text-align: right;
}


.mct-stats-page
.mct-detail-summary svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: #647982;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        transform .18s ease;
}


.mct-stats-page
.mct-detail-group.is-open
.mct-detail-summary svg {
    transform:
        rotate(180deg);
}


/* ==========================================================
 * BODY
 * ========================================================== */

.mct-stats-page
.mct-detail-body {
    padding:
        5px 17px
        10px;
}


.mct-stats-page
.mct-detail-row {
    display: grid;

    grid-template-columns:
        minmax(190px, 1fr)
        minmax(150px, .75fr)
        85px
        40px;

    align-items: center;

    gap: 15px;

    min-height: 44px;

    border-bottom:
        1px solid #edf1ef;
}


.mct-stats-page
.mct-detail-row:last-child {
    border-bottom: 0;
}


.mct-stats-page
.mct-detail-label {
    color: #314750;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;

    font-weight: 600;
}


/* per match secondary metric */
.mct-stats-page
.mct-detail-pergame {
    display: flex;

    align-items: baseline;
    justify-content: flex-end;

    gap: 4px;
}


.mct-stats-page
.mct-detail-pergame strong {
    color: #0a9e58;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 13px;
}


.mct-stats-page
.mct-detail-pergame span {
    color: #9aa6ab;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
}


/* main value */
.mct-stats-page
.mct-detail-value {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 17px;

    text-align: right;
}


.mct-stats-page
.mct-detail-row > small {
    color: #a0aaae;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;

    text-align: right;
}


/* percentage meter */
.mct-stats-page
.mct-detail-meter {
    display: flex;

    justify-content: flex-end;
}


.mct-stats-page
.mct-detail-meter > div {
    width: min(
        100%,
        180px
    );

    height: 5px;

    overflow: hidden;

    border-radius: 999px;

    background: #e6ecee;
}


.mct-stats-page
.mct-detail-meter i {
    display: block;

    height: 100%;

    border-radius: inherit;

    background: #0cab59;
}


/* ==========================================================
 * DESKTOP:
 * when opened, make dense 2-column stats matrix.
 * ========================================================== */

@media (min-width: 901px) {

    .mct-stats-page
    .mct-detail-group.is-open
    .mct-detail-body {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        column-gap: 34px;
    }


    .mct-stats-page
    .mct-detail-group.is-open
    .mct-detail-row {
        grid-template-columns:
            minmax(130px, 1fr)
            minmax(90px, .65fr)
            65px
            34px;
    }

}


/* ==========================================================
 * MOBILE
 * Sofa-like compact list
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-detailed-stats {
        margin-top: 22px;
    }


    .mct-stats-page
    .mct-detail-head {
        align-items: flex-start;
    }


    .mct-stats-page
    .mct-detail-head h3 {
        font-size: 23px;
    }


    .mct-stats-page
    .mct-detail-games {
        min-width: 61px;

        padding:
            6px 8px;
    }


    .mct-stats-page
    .mct-detail-toggle {
        min-height: 58px;

        padding:
            10px 13px;
    }


    .mct-stats-page
    .mct-detail-title strong {
        font-size: 15px;
    }


    .mct-stats-page
    .mct-detail-summary > span {
        display: none;
    }


    .mct-stats-page
    .mct-detail-summary {
        grid-template-columns:
            auto 17px;

        gap: 7px;
    }


    .mct-stats-page
    .mct-detail-body {
        padding:
            4px 13px
            9px;
    }


    .mct-stats-page
    .mct-detail-row {
        grid-template-columns:
            minmax(0, 1fr)
            70px
            54px;

        gap: 8px;

        min-height: 45px;
    }


    .mct-stats-page
    .mct-detail-row
    > small {
        display: none;
    }


    .mct-stats-page
    .mct-detail-label {
        font-size: 10px;
    }


    .mct-stats-page
    .mct-detail-pergame {
        justify-content: flex-end;
    }


    .mct-stats-page
    .mct-detail-meter {
        justify-content: flex-end;
    }


    .mct-stats-page
    .mct-detail-meter > div {
        width: 65px;
    }

}

/* MCT DETAIL TOGGLE — REMOVE VERTICAL PADDING */
.mct-stats-page .mct-detail-toggle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 700px) {
    .mct-stats-page .mct-detail-toggle {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* ==========================================================
 * MCT DETAIL TOGGLE — OPEN STATE PADDING V18
 * Closed = compact
 * Open   = breathing room
 * ========================================================== */

/*
 * 默认收起状态：
 * 不要上下 padding
 */
.mct-stats-page
.mct-detail-toggle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/*
 * 展开后：
 * 恢复上下空间
 */
.mct-stats-page
.mct-detail-group.is-open
.mct-detail-toggle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*
 * 展开后的标题区稍微高一点，
 * 避免 ATACANDO 太贴边
 */
.mct-stats-page
.mct-detail-group.is-open
.mct-detail-toggle {
    min-height: 72px !important;
}


/*
 * 收起状态继续紧凑
 */
.mct-stats-page
.mct-detail-group:not(.is-open)
.mct-detail-toggle {
    min-height: 58px !important;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-detail-toggle {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .mct-stats-page
    .mct-detail-group.is-open
    .mct-detail-toggle {
        padding-top: 9px !important;
        padding-bottom: 9px !important;

        min-height: 68px !important;
    }

    .mct-stats-page
    .mct-detail-group:not(.is-open)
    .mct-detail-toggle {
        min-height: 56px !important;
    }
}

/* ==========================================================
 * MCT STATS — MCC INTERNAL TABS V19
 * ========================================================== */

.mct-stats-page
.mcc-stats-internal-tabs {
    display: inline-flex;

    align-items: center;

    gap: 4px;

    width: auto;

    border:
        1px solid #e1e7e5;

    border-radius: 999px;

    background: #f1f3f4;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.mct-stats-page
.mcc-stats-internal-tab {
    appearance: none;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-width: 150px;
    min-height: 34px;

    border: 0;

    border-radius: 999px;

    background: transparent;

    color: #586970;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;
    line-height: 1;

    font-weight: 600;

    cursor: pointer;
}


.mct-stats-page
.mcc-stats-internal-tab svg {
    flex: 0 0 auto;

    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.mct-stats-page
.mcc-stats-internal-tab.is-active {
    background: #17242b;

    color: #fff;

    box-shadow:
        0 2px 5px
        rgba(10, 27, 36, .16);
}


.mct-stats-page
.mcc-stats-internal-tab:not(.is-active):hover {
    background:
        rgba(255, 255, 255, .75);

    color: #17242b;
}


/*
 * Disable old primary tab styles.
 */
.mct-stats-page
.mct-stats-primary-tabs {
    display: none !important;
}


@media (max-width: 700px) {

    .mct-stats-page
    .mcc-stats-internal-tabs {
        width: 100%;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        border-radius: 12px;
    }


    .mct-stats-page
    .mcc-stats-internal-tab {
        min-width: 0;

        width: 100%;

        border-radius: 9px;
    }

}

/* ==========================================================
 * MCT TEAM / PLAYER TAB — VISIBILITY FIX V20
 * ========================================================== */

.mct-stats-page
.mcc-stats-internal-tabs {
    display: inline-flex !important;

    align-items: center;

    gap: 4px;

    width: auto !important;

    margin:
        4px 0
        18px !important;

    border:
        1px solid #e1e7e5;

    border-radius: 999px;

    background: #f1f3f4;

    visibility: visible !important;

    opacity: 1 !important;
}


.mct-stats-page
.mcc-stats-internal-tab {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-width: 150px;

    padding:
        8px 16px;

    border: 0;

    border-radius: 999px;

    background: transparent;

    color: #596970;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;

    font-weight: 600;
    
    margin:0px!important;
}


.mct-stats-page
.mcc-stats-internal-tab.is-active {
    background: #17242b !important;

    color: #fff !important;
}


.mct-stats-page
.mcc-stats-internal-tab svg {
    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


@media (max-width: 700px) {

    .mct-stats-page
    .mcc-stats-internal-tabs {
        display: grid !important;

        grid-template-columns:
            1fr 1fr;

        width: 100% !important;

        border-radius: 11px;
    }

    .mct-stats-page
    .mcc-stats-internal-tab {
        width: 100%;

        min-width: 0;

        border-radius: 8px;
    }

}

/* ==========================================================
 * MCT EVOLUTION — AREA CHART V21
 * Same data, visual style like league chart
 * ========================================================== */

/*
 * Chart area slightly cleaner.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot {
    overflow: hidden !important;
}


/* ----------------------------------------------------------
 * Grid
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-grid line {
    stroke: #e9efec !important;

    stroke-width: .75 !important;

    opacity: .85;
}


/*
 * Vertical lines slightly softer than horizontal.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-grid
line:nth-child(n+6) {
    opacity: .38;
}


/* ----------------------------------------------------------
 * Area fill
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-area {
    fill:
        rgba(
            16,
            174,
            83,
            .08
        ) !important;

    stroke: none !important;
}


/* ----------------------------------------------------------
 * Main line
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-line {
    fill: none !important;

    stroke: #0ca64d !important;

    stroke-width: 2.15 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect:
        non-scaling-stroke;
}


/* ----------------------------------------------------------
 * Selected markers only
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-marker {
    fill: #0ca64d !important;

    stroke: #ffffff !important;

    stroke-width: 1.3 !important;

    vector-effect:
        non-scaling-stroke;
}


/*
 * Disable any old generic SVG circle rules
 * except new checkpoint markers.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot
circle:not(.mct-evolution-marker) {
    display: none !important;
}


/* ----------------------------------------------------------
 * Axes
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis span {
    color: #83969f !important;

    font-size: 8px !important;

    font-weight: 500 !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis span {
    color: #83969f !important;

    font-size: 8px !important;
}


/* ----------------------------------------------------------
 * Slightly more plotting height
 * ---------------------------------------------------------- */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    height: 162px !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis,

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot,

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot svg {
    height: 140px !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis {
    top: 143px !important;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-chart {
        height: 156px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-y-axis,

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-plot,

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-plot svg {
        height: 134px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-axis {
        top: 80px !important;
    }

}

/* ==========================================================
 * MCT EVOLUTION AREA V22
 * Current real SVG structure override
 * Same data, league-chart visual style
 * ========================================================== */

/*
 * Give chart the cleaner reference appearance.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    position: relative;
}


/* ==========================================================
 * AREA
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-area {
    fill: rgba(12, 166, 77, .085) !important;
    stroke: none !important;
    pointer-events: none;
}


/* ==========================================================
 * LINE
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-line {
    fill: none !important;

    stroke: #0ca64d !important;
    stroke-width: 2.25 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect: non-scaling-stroke;
}


/* ==========================================================
 * IMPORTANT:
 * Current HTML still outputs one circle per match.
 * Hide them all to get the clean area-chart style.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart
svg circle {
    display: none !important;
}


/* ==========================================================
 * GRID
 * Like the reference: very light horizontal/grid lines.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart
svg line {
    stroke: #e8efec !important;
    stroke-width: .8 !important;
    opacity: .8 !important;

    vector-effect: non-scaling-stroke;
}

/*
 * Cleaner reference typography.
 */
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-axis span {
    color: #80949d !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 500 !important;
}


.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-y-axis span,
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart > span {
    color: #80949d !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 9px !important;
}


/* ==========================================================
 * More vertical breathing room.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart {
    margin-top: 6px !important;
}


/* ==========================================================
 * Keep plot background clean.
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-plot,
.mct-stats-page
.mct-season-card:nth-child(3)
.mct-evolution-chart svg {
    background: transparent !important;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(3)
    .mct-evolution-line {
        stroke-width: 2px !important;
    }

}

/* ==========================================================
 * MCT RECENT FORM — FULL WIDTH RESULTS V23
 * 10 jogos fill the whole row
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-results {
    display: grid !important;

    grid-template-columns:
        repeat(
            10,
            minmax(0, 1fr)
        ) !important;

    gap: 6px !important;

    width: 100% !important;

    margin:
        0 0
        13px !important;
}


/*
 * Each result fills its grid cell.
 */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-results span {
    display: grid !important;

    place-items: center !important;

    width: 100% !important;
    max-width: none !important;

    height: 25px !important;

    min-width: 0 !important;

    flex: none !important;

    border-radius: 4px !important;

    padding: 0 !important;
}


/*
 * Keep V / E / D centered.
 */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-results span {
    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size: 10px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    text-align: center !important;
}


/* ==========================================================
 * MOBILE
 * Still fill entire width.
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(2)
    .mct-recent-results {
        grid-template-columns:
            repeat(
                10,
                minmax(0, 1fr)
            ) !important;

        gap: 4px !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(2)
    .mct-recent-results span {
        width: 100% !important;
        height: 24px !important;

        max-width: none !important;

        font-size: 9px !important;
    }

}

/* ==========================================================
 * MCT RECENT SUMMARY — FULL WIDTH V24
 * Vitórias / Empates / Derrotas
 * ========================================================== */

.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
    margin-bottom: 6px !important;

    gap: 0 !important;
}


/* Each result summary gets exactly 1/3 */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary > div {
    display: flex !important;
    align-items: baseline !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 5px !important;
}


/* Left */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary > div:nth-child(1) {
    justify-content: flex-start !important;
}


/* Center */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary > div:nth-child(2) {
    justify-content: center !important;
}


/* Right */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary > div:nth-child(3) {
    justify-content: flex-end !important;
}


/* Numbers */
.mct-stats-page
.mct-season-card:nth-child(2)
.mct-recent-summary strong {
    flex: 0 0 auto !important;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-season-card:nth-child(2)
    .mct-recent-summary {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    .mct-stats-page
    .mct-season-card:nth-child(2)
    .mct-recent-summary > div {
        gap: 3px !important;
    }

}


/* ==========================================================
 * MCT CARTÕES CHART V25
 * ========================================================== */

.mct-stats-page
.mct-cards-chart-card {
    display: flex;
    flex-direction: column;
}


.mct-stats-page
.mct-cards-kpis {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 26px;

    margin:
        4px 0
        15px;

    padding:
        0 4px;
}


.mct-stats-page
.mct-cards-kpis > div {
    display: flex;

    align-items: center;

    gap: 9px;
}


.mct-stats-page
.mct-cards-kpis i {
    flex: 0 0 auto;

    width: 9px;
    height: 15px;

    border-radius: 2px;
}


.mct-stats-page
.mct-cards-kpis
.is-yellow i {
    background: #ffb900;
}


.mct-stats-page
.mct-cards-kpis
.is-red i {
    background: #ef3545;
}


.mct-stats-page
.mct-cards-kpis strong {
    display: block;

    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 22px;
    line-height: 1;
}


.mct-stats-page
.mct-cards-kpis span {
    display: block;

    margin-top: 3px;

    color: #70848e;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
}


/* ==========================================================
 * CHART
 * ========================================================== */

.mct-stats-page
.mct-cards-chart {
    display: grid;

    grid-template-columns:
        27px
        minmax(0, 1fr);

    gap: 5px;

    min-height: 135px;

    margin-top: auto;
}


.mct-stats-page
.mct-cards-y {
    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 112px;

    padding:
        1px 0;

    color: #8a9aa2;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;

    text-align: right;
}


.mct-stats-page
.mct-cards-plot {
    position: relative;

    min-width: 0;
}


.mct-stats-page
.mct-cards-grid {
    position: absolute;

    inset:
        0 0
        20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    pointer-events: none;
}


.mct-stats-page
.mct-cards-grid i {
    display: block;

    width: 100%;
    height: 1px;

    background: #e9efec;
}


/* bars */
.mct-stats-page
.mct-cards-bars {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 20px;
    left: 0;

    display: flex;

    align-items: flex-end;

    gap: 2px;
}


.mct-stats-page
.mct-card-bar {
    position: relative;

    flex:
        1 1 0;

    min-width: 2px;

    height: 100%;
}


.mct-stats-page
.mct-card-bar
> span {
    position: absolute;

    bottom: 0;

    display: block;

    width: 100%;

    min-height: 0;
}


.mct-stats-page
.mct-card-bar
> .is-yellow {
    background: #ffb400;
}


.mct-stats-page
.mct-card-bar
> .is-red {
    z-index: 2;

    max-height: 22%;

    background: #ef3348;
}


/*
 * Make red card visible at base like reference.
 */
.mct-stats-page
.mct-card-bar
> .is-red:not(
    [style*="height: 0"]
) {
    min-height: 4px;
}


/* x axis */
.mct-stats-page
.mct-cards-x {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    justify-content: space-between;

    color: #899aa1;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 11px;
}


/* ==========================================================
 * FALLBACK — no per-match card data
 * ========================================================== */

.mct-stats-page
.mct-cards-totals {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

    margin-top: 16px;
}


.mct-stats-page
.mct-cards-totals > div {
    padding: 14px;

    border-radius: 8px;

    background: #f5f8f7;
}


.mct-stats-page
.mct-cards-totals > div > span {
    display: inline-block;

    width: 8px;
    height: 13px;

    margin-right: 7px;

    border-radius: 2px;
}


.mct-stats-page
.mct-cards-totals
.is-yellow {
    background: #ffb900;
}


.mct-stats-page
.mct-cards-totals
.is-red {
    background: #ef3545;
}


.mct-stats-page
.mct-cards-totals strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 19px;
}


.mct-stats-page
.mct-cards-totals small {
    display: block;

    margin-top: 5px;

    color: #8a999f;

    font-size: 8px;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-cards-bars {
        gap: 1px;
    }

    .mct-stats-page
    .mct-cards-kpis {
        gap: 14px;
    }

}

/* ==========================================================
 * MCT MAIORES GOLEADAS V26
 * League style
 * ========================================================== */

.mct-stats-page
.mct-bigwins-card {
    padding:
        18px 18px
        12px !important;
}


/*
 * Same compact heading as reference.
 */
.mct-stats-page
.mct-bigwins-card > header {
    margin-bottom: 10px !important;
}


.mct-stats-page
.mct-bigwins-card > header h4 {
    font-size: 18px !important;
}


.mct-stats-page
.mct-bigwins-card > header p {
    margin-top: 3px !important;

    font-size: 9px !important;
}


/* ==========================================================
 * LIST
 * ========================================================== */

.mct-stats-page
.mct-goleadas-list {
    display: grid;

    width: 100%;
}


.mct-stats-page
.mct-goleada-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        58px
        minmax(0, 1fr)
        55px;

    align-items: center;

    gap: 8px;

    min-height: 43px;

    border-bottom:
        1px solid #e8eeeb;
}


.mct-stats-page
.mct-goleada-row:last-child {
    border-bottom: 0;
}


/* ==========================================================
 * TEAM
 * ========================================================== */

.mct-stats-page
.mct-goleada-team {
    display: flex;

    align-items: center;

    min-width: 0;

    gap: 7px;
}


.mct-stats-page
.mct-goleada-team.is-home {
    justify-content: flex-end;

    text-align: right;
}


.mct-stats-page
.mct-goleada-team.is-away {
    justify-content: flex-start;

    text-align: left;
}


.mct-stats-page
.mct-goleada-team img {
    flex: 0 0 auto;

    width: 21px;
    height: 21px;

    object-fit: contain;
}


.mct-stats-page
.mct-goleada-team strong {
    overflow: hidden;

    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 700;

    white-space: nowrap;

    text-overflow: ellipsis;
}


/* HOME:
 * name -> logo
 */
.mct-stats-page
.mct-goleada-team.is-home strong {
    order: 1;
}

.mct-stats-page
.mct-goleada-team.is-home img {
    order: 2;
}


/* ==========================================================
 * SCORE
 * 5 X 1
 * ========================================================== */

.mct-stats-page
.mct-goleada-score {
    display: grid;

    grid-template-columns:
        1fr
        16px
        1fr;

    align-items: center;

    gap: 1px;

    text-align: center;
}


.mct-stats-page
.mct-goleada-score strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 15px;
    line-height: 1;

    font-weight: 600;
}


.mct-stats-page
.mct-goleada-score span {
    color: #72868f;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 13px;
    line-height: 1;

    font-weight: 700;

    text-transform: uppercase;
}


/* ==========================================================
 * ROUND
 * ========================================================== */

.mct-stats-page
.mct-goleada-round {
    overflow: hidden;

    color: #93a0a5;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 7px;
    line-height: 1;

    white-space: nowrap;

    text-align: right;

    text-overflow: ellipsis;
}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 700px) {

    .mct-stats-page
    .mct-goleada-row {
        grid-template-columns:
            minmax(0, 1fr)
            52px
            minmax(0, 1fr);

        gap: 5px;

        min-height: 42px;
    }


    .mct-stats-page
    .mct-goleada-round {
        display: none;
    }


    .mct-stats-page
    .mct-goleada-team strong {
        font-size: 9px;
    }


    .mct-stats-page
    .mct-goleada-team img {
        width: 19px;
        height: 19px;
    }


    .mct-stats-page
    .mct-goleada-score strong {
        font-size: 17px;
    }

}

/* ==========================================================
 * MCT MAIORES GOLEADAS — REAL OUTPUT V27
 * ========================================================== */

.mct-stats-page
.mct-goleadas-card {
    padding:
        18px 18px
        12px !important;
}


.mct-stats-page
.mct-goleadas-card
> header {
    margin-bottom:
        10px !important;
}


.mct-stats-page
.mct-goleadas-card
> header h4 {
    font-size:
        18px !important;

    text-transform:
        uppercase;
}


.mct-stats-page
.mct-goleadas-list {
    display: grid;

    width: 100%;
}


.mct-stats-page
.mct-goleada-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        54px
        minmax(0, 1fr)
        48px;

    align-items: center;

    gap: 7px;

    min-height: 42px;

    border-bottom:
        1px solid #e9eeec;
}


.mct-stats-page
.mct-goleada-row:last-child {
    border-bottom: 0;
}


.mct-stats-page
.mct-goleada-team {
    display: flex;

    align-items: center;

    gap: 6px;

    min-width: 0;
}


.mct-stats-page
.mct-goleada-team.is-home {
    justify-content: flex-end;

    text-align: right;
}


.mct-stats-page
.mct-goleada-team.is-away {
    justify-content: flex-start;

    text-align: left;
}


.mct-stats-page
.mct-goleada-team img {
    flex: 0 0 auto;

    width: 20px;
    height: 20px;

    object-fit: contain;
}


.mct-stats-page
.mct-goleada-team strong {
    overflow: hidden;

    color: #102431;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 12px;
    line-height: 1;

    font-weight: 700;

    white-space: nowrap;

    text-overflow: ellipsis;
}


.mct-stats-page
.mct-goleada-team.is-home strong {
    order: 1;
}

.mct-stats-page
.mct-goleada-team.is-home img {
    order: 2;
}


.mct-stats-page
.mct-goleada-score {
    display: grid;

    grid-template-columns:
        1fr
        14px
        1fr;

    align-items: center;

    text-align: center;
}


.mct-stats-page
.mct-goleada-score strong {
    color: #102431;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 17px;
    line-height: 1;

    font-weight: 600;
}


.mct-stats-page
.mct-goleada-score span {
    color: #73858e;

    font-family:
        "Barlow Condensed",
        sans-serif;

    font-size: 12px;

    font-weight: 700;
}


.mct-stats-page
.mct-goleada-round {
    overflow: hidden;

    color: #99a5aa;

    font-family:
        "Rajdhani",
        sans-serif;

    font-size: 7px;

    white-space: nowrap;

    text-align: right;

    text-overflow: ellipsis;
}


@media (max-width: 700px) {

    .mct-stats-page
    .mct-goleada-row {
        grid-template-columns:
            minmax(0, 1fr)
            50px
            minmax(0, 1fr);

        gap: 5px;
    }

    .mct-stats-page
    .mct-goleada-round {
        display: none;
    }

}

/* ==========================================================
 * MCT GOLEADAS — OPTIONAL ROUND V28
 * ========================================================== */

/* sem rodada = 3 colunas, sem espaço vazio */
.mct-stats-page
.mct-goleada-row:not(:has(.mct-goleada-round)) {
    grid-template-columns:
        minmax(0, 1fr)
        54px
        minmax(0, 1fr) !important;
}

/* com rodada = mantém a coluna da rodada */
.mct-stats-page
.mct-goleada-row:has(.mct-goleada-round) {
    grid-template-columns:
        minmax(0, 1fr)
        54px
        minmax(0, 1fr)
        48px !important;
}

@media (max-width: 700px) {

    .mct-stats-page
    .mct-goleada-row,
    .mct-stats-page
    .mct-goleada-row:not(:has(.mct-goleada-round)),
    .mct-stats-page
    .mct-goleada-row:has(.mct-goleada-round) {
        grid-template-columns:
            minmax(0, 1fr)
            50px
            minmax(0, 1fr) !important;
    }

}

/* ==========================================================
 * MCT TEAM PLAYER DATABASE V30
 * ========================================================== */

.mct-player-database {
    margin-top: 18px;
    padding: 28px 22px 0;
    background: #fff;
    border: 1px solid #dfe6e4;
    border-radius: 14px;
    overflow: hidden;
}

.mct-player-db-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 25px;
}

.mct-player-db-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mct-player-db-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: #f0eaff;
}

.mct-player-db-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: #7256ff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mct-player-db-title strong {
    display: block;
    color: #0e2430;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
}

.mct-player-db-title span {
    display: block;
    margin-top: 5px;
    color: #95a1a7;
    font-family: "Rajdhani", sans-serif;
    font-size: 11px;
    line-height: 1;
}

.mct-player-db-tools {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mct-player-search {
    width: 235px;
    height: 42px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #dce4e2;
    border-radius: 10px;
    background: #fff;
}

.mct-player-search svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    fill: none;
    stroke: #899ba4;
    stroke-width: 1.8;
}

.mct-player-search input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #102431;
    font-family: "Rajdhani", sans-serif;
    font-size: 12px;
}

.mct-player-search input::placeholder {
    color: #8e9ca4;
}

.mct-player-db-count {
    min-width: 125px;
    height: 42px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #e0e7e5;
    border-radius: 10px;
    background: #fafcfb;
}

.mct-player-db-count svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #8b9ba3;
    stroke-width: 1.6;
}

.mct-player-db-count strong {
    display: block;
    color: #102431;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    line-height: .9;
    font-weight: 600;
}

.mct-player-db-count span {
    display: block;
    margin-top: 2px;
    color: #96a2a7;
    font-family: "Rajdhani", sans-serif;
    font-size: 9px;
}

.mct-player-categories {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 48px;
    border-bottom: 1px solid #e3e9e7;
}

.mct-player-categories button {
    position: relative;
    align-self: stretch;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: #75868f;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.mct-player-categories button.is-active {
    color: #634cff;
}

.mct-player-categories button.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #634cff;
}

.mct-player-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.mct-player-table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    table-layout: fixed;
}

.mct-player-table thead {
    background: #10202f;
}

.mct-player-table th {
    height: 46px;
    padding: 0 12px;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.mct-player-table th:nth-child(2) {
    width: 31%;
    text-align: left;
}

.mct-player-table th:first-child {
    width: 55px;
}

.mct-player-table td {
    height: 62px;
    padding: 7px 12px;
    border-bottom: 1px solid #e8edeb;
    color: #102431;
    font-family: "Rajdhani", sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.mct-player-table tbody tr:nth-child(even) {
    background: #fbfcfc;
}

.mct-player-table tbody tr:hover {
    background: #f7faf9;
}

.mct-player-table td:nth-child(2) {
    text-align: left;
}

.mct-player-rank span {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    color: #667983;
    font-weight: 700;
}

.mct-player-rank span.is-top {
    color: #fff;
}

.mct-player-rank span.is-top-1 {
    background: #f3ba2f;
}

.mct-player-rank span.is-top-2 {
    background: #aebac3;
}

.mct-player-rank span.is-top-3 {
    background: #ec7d1a;
}

.mct-player-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mct-player-avatar {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #dce4e2;
    border-radius: 50%;
    background: #f4f7f6;
}

.mct-player-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mct-player-avatar span {
    color: #819098;
    font-weight: 700;
}

.mct-player-name {
    min-width: 0;
}

.mct-player-name strong {
    display: block;
    overflow: hidden;
    color: #0e2430;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    line-height: 1.05;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mct-player-name small {
    display: block;
    margin-top: 4px;
    color: #8d9ba2;
    font-size: 11px;
    line-height: 1;
}

.mct-player-table
.mct-rating-column {
    color: #8d73ff;
    background: #152435;
}

.mct-player-table
.mct-rating-cell {
    background: #f8f5ff;
}

.mct-rating-cell i {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 7px;
    border-radius: 2px;
    vertical-align: -1px;
    background: #16bd62;
}

.mct-rating-cell strong {
    color: #102431;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.mct-player-empty {
    padding: 35px;
    color: #84949c;
    font-family: "Rajdhani", sans-serif;
    text-align: center;
}


/* no old placeholder */
.mct-stats-view[data-stats-panel="players"]
.mct-player-summary,
.mct-stats-view[data-stats-panel="players"]
.mct-player-placeholder {
    display: none !important;
}


@media (max-width: 760px) {

    .mct-player-database {
        padding:
            18px 14px 0;
        border-radius: 12px;
    }

    .mct-player-db-top {
        display: grid;
        gap: 16px;
    }

    .mct-player-db-tools {
        width: 100%;
    }

    .mct-player-search {
        width: auto;
        flex: 1 1 auto;
    }

    .mct-player-db-count {
        min-width: 105px;
    }

    .mct-player-categories {
        gap: 19px;
        overflow-x: auto;
    }

}

/* ==========================================================
 * MCT PLAYER DATABASE — DETAIL FIX V32
 * Search / counter / table alignment
 * ========================================================== */


/* ==========================================================
 * 1. SEARCH + PLAYER COUNT
 * ========================================================== */

.mct-stats-page
.mct-player-db-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* SEARCH */

.mct-stats-page
.mct-player-search {
    box-sizing: border-box !important;

    width: 236px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    margin: 0 !important;

    padding:
        0 14px !important;

    border:
        1px solid #dfe6e4 !important;

    border-radius:
        10px !important;

    background:
        #ffffff !important;

    overflow: hidden !important;
}


.mct-stats-page
.mct-player-search svg {
    width: 16px !important;
    height: 16px !important;

    min-width: 16px !important;
    min-height: 16px !important;

    flex:
        0 0 16px !important;

    margin: 0 !important;

    stroke:
        #81929b !important;

    stroke-width:
        1.7 !important;
}


.mct-stats-page
.mct-player-search input {
    box-sizing:
        border-box !important;

    width: 100% !important;
    height: 40px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #102431 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        40px !important;

    font-weight:
        600 !important;
}


.mct-stats-page
.mct-player-search input::placeholder {
    color:
        #84949c !important;

    opacity: 1 !important;
}


/* PLAYER COUNT */

.mct-stats-page
.mct-player-db-count {
    box-sizing:
        border-box !important;

    width: 124px !important;
    min-width: 124px !important;

    height: 42px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;

    margin: 0 !important;

    padding:
        0 13px !important;

    border:
        1px solid #dfe6e4 !important;

    border-radius:
        10px !important;

    background:
        #fafcfb !important;
}


.mct-stats-page
.mct-player-db-count > svg {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;

    flex:
        0 0 18px !important;

    margin: 0 !important;

    stroke:
        #82939c !important;

    stroke-width:
        1.6 !important;
}


.mct-stats-page
.mct-player-db-count > div {
    height: 30px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap: 1px !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;
}


.mct-stats-page
.mct-player-db-count strong {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        #102431 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        18px !important;

    line-height:
        17px !important;

    font-weight:
        800 !important;
}


.mct-stats-page
.mct-player-db-count span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        #909ea5 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        9px !important;

    line-height:
        10px !important;

    font-weight:
        500 !important;

    white-space:
        nowrap !important;
}



/* ==========================================================
 * 2. CATEGORY TABS
 * ========================================================== */

.mct-stats-page
.mct-player-categories {
    box-sizing:
        border-box !important;

    display: flex !important;

    align-items:
        flex-end !important;

    gap: 34px !important;

    height: 50px !important;

    min-height:
        50px !important;

    margin: 0 !important;

    padding:
        0 12px !important;

    border-bottom:
        1px solid #e4eae8 !important;
}


.mct-stats-page
.mct-player-categories button {
    box-sizing:
        border-box !important;

    height:
        50px !important;

    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin: 0 !important;

    padding:
        0 1px !important;

    border: 0 !important;

    background:
        transparent !important;

    color:
        #75868f !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    white-space:
        nowrap !important;
}


.mct-stats-page
.mct-player-categories button.is-active {
    color:
        #6653ff !important;
}



/* ==========================================================
 * 3. TABLE — FIX TEXT / COLUMN ALIGNMENT
 * ========================================================== */

.mct-stats-page
.mct-player-table-wrap {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;
}


.mct-stats-page
.mct-player-table {
    box-sizing:
        border-box !important;

    width: 100% !important;

    min-width:
        960px !important;

    margin: 0 !important;

    border-spacing:
        0 !important;

    border-collapse:
        collapse !important;

    table-layout:
        fixed !important;
}



/* ==========================================================
 * HEADER
 * ========================================================== */

.mct-stats-page
.mct-player-table thead tr {
    height:
        46px !important;
}


.mct-stats-page
.mct-player-table thead th {
    box-sizing:
        border-box !important;

    height:
        46px !important;

    margin: 0 !important;

    padding:
        0 8px !important;

    vertical-align:
        middle !important;

    background:
        #10202f !important;

    color:
        #ffffff !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        10px !important;

    line-height:
        46px !important;

    font-weight:
        700 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}


/* # */

.mct-stats-page
.mct-player-table thead th:nth-child(1) {
    width:
        58px !important;
}


/* JOGADOR */

.mct-stats-page
.mct-player-table thead th:nth-child(2) {
    width:
        285px !important;

    padding-left:
        16px !important;

    text-align:
        left !important;
}


/* Remaining stat columns */

.mct-stats-page
.mct-player-table thead th:nth-child(n+3) {
    width:
        auto !important;

    min-width:
        80px !important;

    text-align:
        center !important;
}


/* RATING */

.mct-stats-page
.mct-player-table thead th:last-child {
    width:
        105px !important;

    min-width:
        105px !important;

    color:
        #9578ff !important;

    text-align:
        center !important;
}



/* ==========================================================
 * BODY
 * ========================================================== */

.mct-stats-page
.mct-player-table tbody tr {
    height:
        62px !important;
}


.mct-stats-page
.mct-player-table tbody td {
    box-sizing:
        border-box !important;

    height:
        62px !important;

    margin: 0 !important;

    padding:
        0 8px !important;

    vertical-align:
        middle !important;

    color:
        #102431 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1 !important;

    font-weight:
        600 !important;

    text-align:
        center !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    border-bottom:
        1px solid #e7edeb !important;
}


/* RANK */

.mct-stats-page
.mct-player-table tbody td:nth-child(1) {
    width:
        58px !important;

    padding:
        0 8px !important;

    text-align:
        center !important;
}


/* PLAYER */

.mct-stats-page
.mct-player-table tbody td:nth-child(2) {
    width:
        285px !important;

    padding:
        0 16px !important;

    text-align:
        left !important;
}


/* STAT CELLS */

.mct-stats-page
.mct-player-table tbody td:nth-child(n+3) {
    text-align:
        center !important;
}


/* RATING COLUMN */

.mct-stats-page
.mct-player-table tbody td:last-child {
    width:
        105px !important;

    min-width:
        105px !important;

    text-align:
        center !important;

    background:
        #f8f5ff !important;
}



/* ==========================================================
 * PLAYER CELL
 * ========================================================== */

.mct-stats-page
.mct-player-cell {
    width: 100% !important;

    height:
        61px !important;

    display: flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow:
        hidden !important;
}


.mct-stats-page
.mct-player-avatar {
    width:
        36px !important;

    height:
        36px !important;

    min-width:
        36px !important;

    flex:
        0 0 36px !important;

    margin: 0 !important;

    border-radius:
        50% !important;
}


.mct-stats-page
.mct-player-name {
    min-width: 0 !important;

    display: flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    align-items:
        flex-start !important;

    gap:
        3px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.mct-stats-page
.mct-player-name strong {
    max-width:
        200px !important;

    margin: 0 !important;

    color:
        #102431 !important;

    font-family:
        "Barlow Condensed",
        sans-serif !important;

    font-size:
        14px !important;

    line-height:
        15px !important;

    font-weight:
        800 !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}


.mct-stats-page
.mct-player-name small {
    max-width:
        200px !important;

    margin: 0 !important;

    color:
        #8d9ba2 !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        9px !important;

    line-height:
        10px !important;

    font-weight:
        500 !important;

    white-space:
        nowrap !important;
}