/* =========================================================
   MCC LEAGUE — ESTATISTICAS
   ========================================================= */

.mcc-stats-page{
    padding:
        44px
        0
        60px;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mcc-stats-summary{
    display:grid;

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

    overflow:hidden;

    margin-bottom:22px;

    border:
        1px solid #e4e8ed;

    border-radius:10px;

    background:#fff;
}


.mcc-stats-summary-card{
    position:relative;

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

    padding:
        18px
        16px;

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

    gap:8px;

    border-right:
        1px solid #e8ebef;

    background:#fff;
}


.mcc-stats-summary-card:last-child{
    border-right:0;
}


/* =========================================================
   COPY
   ========================================================= */

.mcc-stats-summary-copy{
    min-width:0;

    display:flex;
    flex-direction:column;

    justify-content:center;
}


.mcc-stats-summary-copy small{
    display:block;

    margin-bottom:6px;

    color:#6d7888;

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

    font-weight:700;

    white-space:nowrap;
}


.mcc-stats-summary-copy strong{
    display:block;

    color:#111820;

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

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

    font-weight:700;
}


.mcc-stats-summary-copy strong sup{
    position:relative;

    top:-5px;

    margin-left:1px;

    font-family:Arial,sans-serif;

    font-size:11px;
}


.mcc-stats-summary-copy span{
    display:block;

    margin-top:7px;

    overflow:hidden;

    color:#798494;

    font-size:9px;

    white-space:nowrap;

    text-overflow:ellipsis;
}


/* =========================================================
   SVG
   ========================================================= */

.mcc-stats-summary-icon{
    width:34px;
    height:34px;

    flex:
        0 0
        34px;

    display:flex;

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

    border-radius:8px;
}


.mcc-stats-summary-icon svg{
    width:20px;
    height:20px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

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


/* =========================================================
   INDIVIDUAL COLORS
   ========================================================= */


/* GREEN */

.mcc-stats-summary-card.is-possession
.mcc-stats-summary-icon{
    color:#13a538;

    background:#edf9f1;
}


/* BLUE */

.mcc-stats-summary-card.is-passes
.mcc-stats-summary-icon{
    color:#287ef0;

    background:#edf5ff;
}


/* PURPLE */

.mcc-stats-summary-card.is-shots
.mcc-stats-summary-icon{
    color:#8356e8;

    background:#f3efff;
}


/* ORANGE */

.mcc-stats-summary-card.is-target
.mcc-stats-summary-icon{
    color:#e88628;

    background:#fff4e9;
}


/* PINK */

.mcc-stats-summary-card.is-conversion
.mcc-stats-summary-icon{
    color:#dd438a;

    background:#fff0f7;
}


/* CYAN */

.mcc-stats-summary-card.is-assists
.mcc-stats-summary-icon{
    color:#0796b5;

    background:#eaf9fc;
}


/* =========================================================
   SMALL TOP COLOR DETAIL
   ========================================================= */

.mcc-stats-summary-card:before{
    content:"";

    position:absolute;

    top:0;
    left:16px;
    right:16px;

    height:2px;

    border-radius:
        0 0
        3px 3px;
}


.mcc-stats-summary-card.is-possession:before{
    background:#13a538;
}

.mcc-stats-summary-card.is-passes:before{
    background:#287ef0;
}

.mcc-stats-summary-card.is-shots:before{
    background:#8356e8;
}

.mcc-stats-summary-card.is-target:before{
    background:#e88628;
}

.mcc-stats-summary-card.is-conversion:before{
    background:#dd438a;
}

.mcc-stats-summary-card.is-assists:before{
    background:#0796b5;
}


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

@media(max-width:1100px){

    .mcc-stats-summary{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .mcc-stats-summary-card:nth-child(3){
        border-right:0;
    }

    .mcc-stats-summary-card:nth-child(-n+3){
        border-bottom:
            1px solid #e8ebef;
    }

}


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

@media(max-width:767px){

    .mcc-stats-page{
        padding:
            14px
            0
            40px;
    }


    .mcc-stats-summary{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        margin:
            0 8px
            16px;
    }


    .mcc-stats-summary-card{
        min-height:88px;

        padding:
            14px
            12px;
    }


    .mcc-stats-summary-card:nth-child(n){
        border-right:
            1px solid #e8ebef;

        border-bottom:
            1px solid #e8ebef;
    }


    .mcc-stats-summary-card:nth-child(2n){
        border-right:0;
    }


    .mcc-stats-summary-card:nth-last-child(-n+2){
        border-bottom:0;
    }


    .mcc-stats-summary-copy strong{
        font-size:24px;
    }


    .mcc-stats-summary-icon{
        width:30px;
        height:30px;

        flex-basis:30px;
    }


    .mcc-stats-summary-icon svg{
        width:17px;
        height:17px;
    }

}


/* =========================================================
   STATS SPACING ALIGNMENT
   SAME RHYTHM AS JOGOS PAGE
   ========================================================= */

.mcc-stats-page{
    padding:
        24px
        0
        52px
        !important;
}


/* =========================================================
   KPI ROW
   ========================================================= */

.mcc-stats-summary{
    margin-top:0;
    margin-bottom:20px;
}


.mcc-stats-summary-card{
    min-height:104px;

    padding:
        18px
        20px;
}


/* =========================================================
   KPI TYPOGRAPHY
   ========================================================= */

.mcc-stats-summary-copy small{
    margin-bottom:5px;

    font-size:9px;
}


.mcc-stats-summary-copy strong{
    font-size:27px;
}


.mcc-stats-summary-copy span{
    margin-top:7px;

    font-size:10px;
}


/* =========================================================
   ICON ALIGNMENT
   ========================================================= */

.mcc-stats-summary-icon{
    width:36px;
    height:36px;

    flex:
        0 0
        36px;
}


.mcc-stats-summary-icon svg{
    width:20px;
    height:20px;
}


/* =========================================================
   DESKTOP LARGE
   ========================================================= */

@media(min-width:1200px){

    .mcc-stats-summary-card{
        padding:
            18px
            22px;
    }

}


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

@media(max-width:767px){

    .mcc-stats-page{
        padding:
            14px
            0
            40px
            !important;
    }

}


/* =========================================================
   STATISTICS DASHBOARD GRID
   ========================================================= */

.mcc-stats-grid{
    display:grid;

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

    gap:14px;
}


.mcc-stat-panel{
    min-width:0;

    overflow:hidden;

    border:
        1px solid #e3e7ec;

    border-radius:9px;

    background:#fff;
}


.mcc-stat-panel>header{
    min-height:58px;

    padding:
        14px
        16px
        10px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    gap:3px;
}


.mcc-stat-panel>header strong{
    color:#111820;

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

    font-weight:600;
}


.mcc-stat-panel>header span{
    color:#8A95A5;

    font-size:11px;
}


/* =========================================================
   FORM
   ========================================================= */

.mcc-stat-form-body{
    padding:
        8px 16px
        16px;
}


.mcc-stat-form-logos{
    display:grid;

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

    gap:7px;

    margin-bottom:15px;
}


.mcc-stat-form-logos>div{
    height:30px;

    display:flex;

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


.mcc-stat-form-logos img{
    width:25px;
    height:25px;

    object-fit:contain;
}


.mcc-stat-form-results{
    display:grid;

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

    gap:7px;
}


.mcc-stat-form-results>div{
    display:flex;

    flex-direction:column-reverse;

    gap:4px;
}


.mcc-stat-form-results i{
    display:block;

    width:100%;
    height:17px;

    border-radius:2px;
}


.mcc-stat-form-results .is-win,
.mcc-stat-legend .is-win{
    background:#13a538;
}


.mcc-stat-form-results .is-draw,
.mcc-stat-legend .is-draw{
    background:#a5adb7;
}


.mcc-stat-form-results .is-loss,
.mcc-stat-legend .is-loss{
    background:#ef3434;
}


.mcc-stat-legend{
    margin-top:18px;

    display:flex;

    gap:20px;

    color:#657185;

    font-size:10px;
}


.mcc-stat-legend span{
    display:flex;

    align-items:center;

    gap:6px;
}


.mcc-stat-legend i{
    width:9px;
    height:9px;

    border-radius:2px;
}


/* =========================================================
   GOAL DISTRIBUTION
   ========================================================= */

.mcc-stat-goals-body{
    min-height:205px;

    padding:
        5px 16px
        18px;

    display:grid;

    grid-template-columns:
        145px
        1fr;

    gap:18px;

    align-items:center;
}


.mcc-stat-donut{
    width:136px;
    height:136px;

    position:relative;

    border-radius:50%;

    background:
        conic-gradient(
            #0b9226
            0
            calc(var(--p1)*1%),

            #42b54f
            calc(var(--p1)*1%)
            calc(
                (var(--p1) + var(--p2))*1%
            ),

            #78bd7d
            calc(
                (var(--p1) + var(--p2))*1%
            )
            calc(
                (
                    var(--p1)
                    +
                    var(--p2)
                    +
                    var(--p3)
                )*1%
            ),

            #9bad9e
            calc(
                (
                    var(--p1)
                    +
                    var(--p2)
                    +
                    var(--p3)
                )*1%
            )
            calc(
                (
                    var(--p1)
                    +
                    var(--p2)
                    +
                    var(--p3)
                    +
                    var(--p4)
                )*1%
            ),

            #77818c
            calc(
                (
                    var(--p1)
                    +
                    var(--p2)
                    +
                    var(--p3)
                    +
                    var(--p4)
                )*1%
            )
            calc(
                (
                    var(--p1)
                    +
                    var(--p2)
                    +
                    var(--p3)
                    +
                    var(--p4)
                    +
                    var(--p5)
                )*1%
            ),

            #c8d0d8
            0
        );
}


.mcc-stat-donut:after{
    content:"";

    position:absolute;

    inset:20px;

    border-radius:50%;

    background:#fff;
}


.mcc-stat-donut>div{
    position:absolute;

    inset:0;

    z-index:2;

    display:flex;

    flex-direction:column;

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


.mcc-stat-donut strong{
    color:#111820;

    font-size:23px;
}


.mcc-stat-donut span{
    color:#7e8999;

    font-size:12px;
}


.mcc-stat-goal-list{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.mcc-stat-goal-list>div{
    display:grid;

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

    column-gap:7px;

    align-items:center;

    color:#27313e;

    font-size:12px;
}


.mcc-stat-goal-list i{
    width:7px;
    height:7px;

    border-radius:2px;

    background:#13a538;
}


.mcc-stat-goal-list strong{
    font-size:14px;
}


.mcc-stat-goal-list small{
    grid-column:2/4;

    color:#909aa8;

    font-size:10px;
}


/* =========================================================
   LINE
   ========================================================= */

.mcc-stat-line-head{
    padding:
        0 18px;

    display:flex;

    flex-direction:column;
}


.mcc-stat-line-head strong{
    color:#111820;

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

    font-size:27px;
}


.mcc-stat-line-head span{
    color:#8390a2;

    font-size:10px;
}


.mcc-stat-round-chart{
    height:145px;

    margin:
        7px 12px
        0;
}


.mcc-stat-round-chart svg{
    width:100%;
    height:100%;
}


.mcc-stat-gridline{
    fill:none;

    stroke:#e8edf1;

    stroke-width:.45;

    stroke-dasharray:2 2;
}


.mcc-stat-line{
    fill:none;

    stroke:#25a631;

    stroke-width:1.7;

    vector-effect:
        non-scaling-stroke;

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


.mcc-stat-round-labels{
    height:24px;

    padding:
        0 18px;

    display:flex;

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

    color:#8792a1;

    font-size:8px;
}


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

.mcc-stat-result-grid{
    min-height:215px;

    padding:
        25px 15px;

    display:grid;

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

    align-items:start;

    gap:10px;
}


.mcc-stat-result-grid>div{
    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;
}


.mcc-stat-ring{
    --ring:#13a538;

    width:82px;
    height:82px;

    position:relative;

    display:flex;

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

    border-radius:50%;

    background:
        conic-gradient(
            var(--ring)
            calc(var(--value)*1%),
            #e9edf1
            0
        );
}


.mcc-stat-ring:after{
    content:"";

    position:absolute;

    inset:7px;

    border-radius:50%;

    background:#fff;
}


.mcc-stat-ring strong{
    position:relative;

    z-index:2;

    color:#17202b;

    font-size:14px;
}


.mcc-stat-ring.is-draw{
    --ring:#8e98a5;
}


.mcc-stat-ring.is-loss{
    --ring:#ef3434;
}


.mcc-stat-result-grid span{
    margin-top:9px;

    color:#697589;

    font-size:9px;
}


.mcc-stat-result-grid b{
    margin-top:5px;

    color:#111820;

    font-size:11px;
}


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

.mcc-stat-btts{
    min-height:215px;

    padding:
        28px 22px;

    display:grid;

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

    gap:22px;

    align-items:center;
}


.mcc-stat-btts-values{
    display:flex;

    flex-direction:column;

    gap:22px;
}


.mcc-stat-btts-values strong{
    display:block;

    color:#141b23;

    font-size:20px;
}


.mcc-stat-btts-values span{
    display:block;

    margin-top:2px;

    color:#647084;

    font-size:9px;
}


.mcc-stat-btts-values i{
    width:100%;
    height:5px;

    margin-top:8px;

    display:block;

    overflow:hidden;

    border-radius:5px;

    background:#e7ebef;
}


.mcc-stat-btts-values i b{
    height:100%;

    display:block;

    border-radius:5px;

    background:#13a538;
}


.mcc-stat-btts-values>div:nth-child(2)
i b{
    background:#818b98;
}


.mcc-stat-btts-ring{
    width:105px;
    height:105px;

    position:relative;

    display:flex;

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

    border-radius:50%;

    background:
        conic-gradient(
            #13a538
            calc(var(--value)*1%),
            #d7dde3 0
        );
}


.mcc-stat-btts-ring:after{
    content:"";

    position:absolute;

    inset:21px;

    border-radius:50%;

    background:#fff;
}


.mcc-stat-btts-ring svg{
    position:relative;

    z-index:2;

    width:30px;
    height:30px;

    fill:none;

    stroke:#8792a1;

    stroke-width:1.5;
}


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

.mcc-stat-cards{
    grid-row:
        span 2;
}


.mcc-stat-card-totals{
    padding:
        12px
        20px
        17px;

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:12px;
}


.mcc-stat-card-totals>div{
    display:grid;

    grid-template-columns:
        18px
        auto;

    column-gap:10px;

    align-items:center;
}


.mcc-stat-card-totals i{
    width:14px;
    height:20px;

    grid-row:
        1/3;

    border-radius:2px;

    background:#ffc400;
}

.mcc-stat-card-totals strong{
    color:#151c25;

    font-size:19px;
}


.mcc-stat-card-totals span{
    color:#7a8696;

    font-size:9px;
}


.mcc-stat-bars{
    height:132px;

    margin:
        5px 18px
        22px;

    padding-top:12px;

    display:flex;

    align-items:flex-end;

    gap:3px;

    border-bottom:
        1px solid #e8ecf0;

    background:
        repeating-linear-gradient(
            to top,
            transparent
            0,
            transparent
            31px,
            #edf0f3
            32px
        );
}


.mcc-stat-bars i{
    flex:
        1 1 0;

    min-width:2px;

    height:
        min(
            100%,
            calc(var(--v)*6px)
        );

    background:#f3bc12;
}


.mcc-stat-bars.is-red i{
    height:
        min(
            100%,
            calc(var(--v)*18px)
        );
}


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

.mcc-stat-biggest{
    padding:
        5px 16px
        14px;
}


.mcc-stat-biggest>div{
    min-height:38px;

    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        14px
        minmax(0,1fr)
        48px;

    gap:5px;

    align-items:center;

    border-bottom:
        1px solid #edf0f3;
}


.mcc-stat-biggest>div:last-child{
    border-bottom:0;
}


.mcc-stat-biggest>div>strong{
    color:#111820;

    font-size:15px;
}


.mcc-stat-biggest em{
    color:#788496;

    font-style:normal;

    font-size:9px;

    text-align:center;
}


.mcc-stat-biggest small{
    color:#8994a3;

    font-size:8px;

    text-align:right;
}


.mcc-stat-team{
    min-width:0;

    display:flex;

    align-items:center;

    gap:6px;
}


.mcc-stat-team img{
    width:20px;
    height:20px;

    flex:
        0 0
        20px;

    object-fit:contain;
}


.mcc-stat-team b{
    min-width:0;

    overflow:hidden;

    color:#26303c;

    font-size:9px;

    white-space:nowrap;

    text-overflow:ellipsis;
}


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

.mcc-stat-scorelines{
    padding:
        6px 18px
        17px;
}


.mcc-stat-scorelines>div{
    min-height:28px;

    display:grid;

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

    gap:8px;

    align-items:center;
}


.mcc-stat-scorelines strong{
    color:#354052;

    font-size:11px;
}


.mcc-stat-scorelines i{
    height:5px;

    display:block;

    overflow:hidden;

    border-radius:5px;

    background:#eef1f3;
}


.mcc-stat-scorelines i b{
    height:100%;

    display:block;

    border-radius:5px;

    background:#13a538;
}


.mcc-stat-scorelines span{
    color:#596578;

    font-size:11px;

    text-align:right;
}


/* =========================================================
   EMPTY
   ========================================================= */

.mcc-stat-empty{
    min-height:205px;

    padding:25px;

    display:flex;

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

    color:#8b96a6;

    font-size:10px;

    line-height:1.5;

    text-align:center;
}


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

@media(max-width:1100px){

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

    .mcc-stat-cards{
        grid-row:auto;
    }

}


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

@media(max-width:767px){

    .mcc-stats-grid{
        grid-template-columns:1fr;

        gap:10px;

        margin:
            0 8px;
    }


    .mcc-stat-panel{
        border-radius:8px;
    }


    .mcc-stat-goals-body{
        grid-template-columns:
            125px
            minmax(0,1fr);

        gap:10px;
    }


    .mcc-stat-donut{
        width:115px;
        height:115px;
    }


    .mcc-stat-result-grid{
        padding:
            22px 8px;
    }


    .mcc-stat-ring{
        width:72px;
        height:72px;
    }


    .mcc-stat-btts{
        grid-template-columns:
            1fr
            95px;
    }


    .mcc-stat-btts-ring{
        width:90px;
        height:90px;
    }

}


/* =========================================================
   GOALS PER ROUND CHART
   ========================================================= */

.mcc-stat-round-chart {
    position: relative;
    margin-top: 18px;
}

.mcc-stat-chart-shell {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    min-height: 180px;
}

.mcc-stat-chart-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 17px 0 20px;
}

.mcc-stat-chart-y-axis span {
    font-size: 11px;
    line-height: 1;
    color: #8994a3;
    text-align: right;
}

.mcc-stat-chart-main {
    position: relative;
    min-width: 0;
    height: 180px;
}

.mcc-stat-chart-main > svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.mcc-stat-gridline {
    stroke: #edf1f4;
    stroke-width: .45;
    vector-effect: non-scaling-stroke;
}

.mcc-stat-average-line {
    stroke: #9da7b2;
    stroke-width: .75;
    stroke-dasharray: 3 3;
    vector-effect: non-scaling-stroke;
}

.mcc-stat-round-line {
    fill: none;
    stroke: #12a538;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.mcc-stat-chart-point {
    --x: 50%;
    --y: 50%;

    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;

    position: absolute;
    z-index: 3;

    left: var(--x);
    top: var(--y);

    width: 14px;
    height: 14px;

    transform: translate(-50%, -50%);

    background: transparent;
    cursor: pointer;
}

.mcc-stat-chart-dot {
    position: absolute;
    left: 50%;
    top: 50%;

    width: 6px;
    height: 6px;

    transform: translate(-50%, -50%);

    border-radius: 999px;

    background: #fff;
    border: 1.8px solid #12a538;

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

.mcc-stat-chart-point:hover .mcc-stat-chart-dot,
.mcc-stat-chart-point:focus-visible .mcc-stat-chart-dot {
    transform:
        translate(-50%, -50%)
        scale(1.5);

    box-shadow:
        0 0 0 4px
        rgba(18, 165, 56, .12);
}

.mcc-stat-chart-point.is-latest .mcc-stat-chart-dot {
    width: 8px;
    height: 8px;

    background: #12a538;

    box-shadow:
        0 0 0 4px
        rgba(18, 165, 56, .12);
}

.mcc-stat-chart-tooltip {
    position: absolute;

    left: 50%;
    bottom: calc(100% + 7px);

    transform:
        translateX(-50%)
        translateY(3px);

    min-width: 92px;
    padding: 7px 9px;

    border: 1px solid #dfe5ea;
    border-radius: 7px;

    background: #fff;

    box-shadow:
        0 6px 18px
        rgba(20, 35, 50, .12);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .15s ease,
        transform .15s ease,
        visibility .15s ease;

    white-space: nowrap;
}

.mcc-stat-chart-tooltip strong,
.mcc-stat-chart-tooltip small {
    display: block;
}

.mcc-stat-chart-tooltip strong {
    color: #17212b;
    font-size: 10px;
    line-height: 1.3;
}

.mcc-stat-chart-tooltip small {
    margin-top: 2px;

    color: #73808c;
    font-size: 9px;
    line-height: 1.3;
}

.mcc-stat-chart-point:hover .mcc-stat-chart-tooltip,
.mcc-stat-chart-point:focus-visible .mcc-stat-chart-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translateX(-50%)
        translateY(0);
}

.mcc-stat-average-label {
    --average-y: 50%;

    position: absolute;
    z-index: 2;

    right: 5%;
    top: var(--average-y);

    transform: translateY(-50%);

    padding: 2px 5px;

    border-radius: 4px;

    background: rgba(255,255,255,.92);

    color: #77828c;

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

.mcc-stat-chart-x-axis {
    position: relative;

    height: 20px;

    margin-left: 36px;
    margin-top: -2px;
}

.mcc-stat-chart-x-axis span {
    --x: 50%;

    position: absolute;
    top: 0;
    left: var(--x);

    transform: translateX(-50%);

    color: #8994a3;

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


@media (max-width: 700px) {

    .mcc-stat-chart-shell {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 6px;
        min-height: 160px;
    }

    .mcc-stat-chart-main {
        height: 160px;
    }

    .mcc-stat-chart-x-axis {
        margin-left: 30px;
    }

    .mcc-stat-average-label {
        display: none;
    }

}


/* =========================================================
   GOALS TREND — CLEAN DATA UI
   ========================================================= */

.mcc-stat-line-head {
    margin-top: 18px;
}

.mcc-stat-line-head strong {
    display: block;
    font-size: 26px;
    line-height: 1;
    letter-spacing: -1px;
    color: #111827;
}

.mcc-stat-line-head span {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: #8b97a5;
}


/*
 * Remove dashboard-like Y axis.
 */
.mcc-stat-chart-shell {
    display: block;
    min-height: 0;
    margin-top: 8px;
}

.mcc-stat-chart-y-axis {
    display: none !important;
}


/*
 * Wider, cleaner chart.
 */
.mcc-stat-chart-main {
    position: relative;
    width: 100%;
    height: 145px;
    overflow: visible;
}

.mcc-stat-chart-main > svg {
    display: block;
    width: 100%;
    height: 145px;
    overflow: visible;
}


/*
 * Only subtle horizontal guides.
 */
.mcc-stat-gridline {
    stroke: #eef2f4;
    stroke-width: .55;
    opacity: .72;
    vector-effect: non-scaling-stroke;
}


/*
 * Area under line.
 */
.mcc-stat-round-area {
    fill: url(#mccGoalTrendGradient);
    stroke: none;
}


/*
 * Main trend.
 */
.mcc-stat-round-line {
    fill: none;
    stroke: #10a33a;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}


/*
 * Season average reference.
 */
.mcc-stat-average-line {
    stroke: #aeb7c0;
    stroke-width: .65;
    stroke-dasharray: 3 4;
    opacity: .55;
    vector-effect: non-scaling-stroke;
}


/*
 * Do not write "Média 2,64" over chart.
 */
.mcc-stat-average-label {
    display: none !important;
}


/*
 * Points stay interactive but invisible normally.
 */
.mcc-stat-chart-point {
    width: 18px;
    height: 18px;
    background: transparent;
    border: 0;
    z-index: 4;
}

.mcc-stat-chart-dot {
    width: 6px;
    height: 6px;
    opacity: 0;
    background: #fff;
    border: 2px solid #10a33a;
    box-shadow: none;
    transition:
        opacity .15s ease,
        transform .15s ease;
}


/*
 * Reveal a point only when inspected.
 */
.mcc-stat-chart-point:hover .mcc-stat-chart-dot,
.mcc-stat-chart-point:focus-visible .mcc-stat-chart-dot {
    opacity: 1;
    transform:
        translate(-50%, -50%)
        scale(1.15);
}


/*
 * Latest round is the only permanent point.
 */
.mcc-stat-chart-point.is-latest .mcc-stat-chart-dot {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #10a33a;
    border: 2px solid #fff;

    box-shadow:
        0 0 0 3px rgba(16, 163, 58, .14);
}


/*
 * Cleaner tooltip.
 */
.mcc-stat-chart-tooltip {
    min-width: 98px;
    padding: 7px 9px;

    border: 1px solid #e2e8ec;
    border-radius: 8px;

    background: #fff;

    box-shadow:
        0 8px 22px rgba(16, 24, 40, .10);
}

.mcc-stat-chart-tooltip strong {
    font-size: 10px;
}

.mcc-stat-chart-tooltip small {
    font-size: 9px;
}


/*
 * X axis.
 */
.mcc-stat-chart-x-axis {
    height: 18px;
    margin: -1px 0 0;
}

.mcc-stat-chart-x-axis span {
    color: #9aa4af;
    font-size: 9px;
    font-weight: 500;
}


/*
 * Tighten this card vertically.
 */
.mcc-stat-panel:has(.mcc-stat-round-chart) {
    min-height: 0;
}

.mcc-stat-panel:has(.mcc-stat-round-chart)
.mcc-stat-round-chart {
    margin-top: 8px;
}


@media (max-width: 700px) {

    .mcc-stat-chart-main,
    .mcc-stat-chart-main > svg {
        height: 132px;
    }

    .mcc-stat-line-head strong {
        font-size: 24px;
    }

}


/* =========================================================
   GOALS TREND — AXIS / SPACING FIX
   ========================================================= */

/*
 * Restore Y axis.
 */
.mcc-stat-chart-shell {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    column-gap: 7px !important;
    align-items: stretch;
    margin-top: 6px;
}

.mcc-stat-chart-y-axis {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;

    height: 145px;

    /*
     * Match SVG plotting area:
     * chart Y = 16 -> 88
     */
    padding-top: 22px;
    padding-bottom: 17px;

    box-sizing: border-box;
}

.mcc-stat-chart-y-axis span {
    display: block;

    color: #8d98a5;

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

    text-align: right;
}


/*
 * Chart remains full width.
 */
.mcc-stat-chart-main {
    width: 100%;
    height: 145px;
}


/*
 * Move X labels upward.
 */
.mcc-stat-chart-x-axis {
    position: relative;

    height: 15px;

    /*
     * Same offset as chart after restoring Y axis.
     */
    margin-left: 29px !important;

    /*
     * Pull labels closer to chart.
     */
    margin-top: -8px !important;
}

.mcc-stat-chart-x-axis span {
    top: 0;

    color: #8d98a5;

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


/*
 * Give bottom of card some breathing room.
 */
.mcc-stat-panel:has(.mcc-stat-round-chart) {
    padding-bottom: 18px !important;
}

.mcc-stat-panel:has(.mcc-stat-round-chart)
.mcc-stat-round-chart {
    margin-bottom: 2px;
}


@media (max-width: 700px) {

    .mcc-stat-chart-shell {
        grid-template-columns:
            20px minmax(0, 1fr) !important;

        column-gap: 6px !important;
    }

    .mcc-stat-chart-main {
        height: 132px;
    }

    .mcc-stat-chart-y-axis {
        height: 132px;

        padding-top: 20px;
        padding-bottom: 16px;
    }

    .mcc-stat-chart-x-axis {
        margin-left: 26px !important;
        margin-top: -7px !important;
    }

}


/* =========================================================
   GOALS TREND — AVERAGE LABEL
   ========================================================= */

.mcc-stat-average-label {
    display: block !important;

    position: absolute;
    z-index: 5;

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

    transform:
        translateY(-50%)
        translateX(2px);

    padding: 2px 4px;

    background: rgba(255,255,255,.96);

    color: #7f8a96;

    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;

    white-space: nowrap;

    border-radius: 3px;

    pointer-events: none;
}


/*
 * Reserve some room on the right
 * so the label doesn't collide with the final point.
 */
.mcc-stat-chart-main {
    padding-right: 42px;
    box-sizing: border-box;
}


/*
 * SVG and point positions must use the same usable width.
 */
.mcc-stat-chart-main > svg {
    width: calc(100% - 42px);
}


/*
 * Keep chart points aligned with the SVG.
 */
.mcc-stat-chart-point {
    left: calc(
        var(--x) * 0.92
    );
}


/*
 * Average label aligned just outside plotting area.
 */
.mcc-stat-average-label {
    right: 2px;
}


@media (max-width: 700px) {

    .mcc-stat-chart-main {
        padding-right: 34px;
    }

    .mcc-stat-chart-main > svg {
        width: calc(100% - 34px);
    }

    .mcc-stat-average-label {
        font-size: 8px;
    }

}


/* Average label final alignment */

.mcc-stat-chart-main {
    padding-right: 0 !important;
}

.mcc-stat-chart-main > svg {
    width: 100% !important;
}

.mcc-stat-chart-point {
    left: var(--x) !important;
}

.mcc-stat-average-label {
    display: block !important;

    right: 1px !important;
    top: var(--average-y);

    transform: translateY(-50%);

    padding: 2px 4px;

    background: rgba(255,255,255,.94);

    color: #7f8a96;

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

    border-radius: 3px;

    white-space: nowrap;

    pointer-events: none;
}


/* =========================================================
   RESULT + BTTS — COMPACT DATA UI
   ========================================================= */


/* -------------------------
   RESULT
   ------------------------- */

.mcc-stat-result-grid {
    min-height: 0 !important;

    padding:
        27px 18px
        24px !important;

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

    align-items: start;
    gap: 16px !important;
}

.mcc-stat-result-grid > div {
    min-width: 0;
}

.mcc-stat-ring {
    width: 74px !important;
    height: 74px !important;
}

.mcc-stat-ring:after {
    inset: 7px !important;
}

.mcc-stat-ring strong {
    font-size: 14px !important;
    font-weight: 700;
}

.mcc-stat-result-grid span {
    min-height: 24px;

    margin-top: 9px !important;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    color: #758191;

    font-size: 8.5px !important;
    line-height: 1.35;
}

.mcc-stat-result-grid b {
    margin-top: 2px !important;

    color: #111820;

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


/* -------------------------
   BTTS
   ------------------------- */

.mcc-stat-btts {
    min-height: 0 !important;

    padding:
        27px 22px
        24px !important;

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

    gap: 26px !important;

    align-items: center;
}

.mcc-stat-btts-values {
    gap: 20px !important;
}

.mcc-stat-btts-values > div {
    min-width: 0;
}

.mcc-stat-btts-values strong {
    font-size: 19px !important;
    line-height: 1;
}

.mcc-stat-btts-meta {
    margin-top: 5px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mcc-stat-btts-meta span {
    margin: 0 !important;

    color: #687486;

    font-size: 11px !important;
}

.mcc-stat-btts-meta small {
    color: #98a2ad;

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

    white-space: nowrap;
}

.mcc-stat-btts-values i {
    height: 4px !important;

    margin-top: 7px !important;

    border-radius: 999px !important;

    background: #e7ebef;
}

.mcc-stat-btts-values i b {
    border-radius: 999px !important;
}


/*
 * Main BTTS donut.
 */
.mcc-stat-btts-ring {
    width: 96px !important;
    height: 96px !important;
}

.mcc-stat-btts-ring:after {
    inset: 12px !important;
}


/*
 * Replace old icon with useful data.
 */
.mcc-stat-btts-ring svg {
    display: none !important;
}

.mcc-stat-btts-center {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.mcc-stat-btts-center strong {
    color: #111820;

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

.mcc-stat-btts-center span {
    margin-top: 3px;

    color: #8994a2;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .5px;
}


/* -------------------------
   RESPONSIVE
   ------------------------- */

@media (max-width: 700px) {

    .mcc-stat-result-grid {
        padding:
            22px 8px
            20px !important;

        gap: 6px !important;
    }

    .mcc-stat-ring {
        width: 68px !important;
        height: 68px !important;
    }

    .mcc-stat-result-grid span {
        font-size: 13px !important;
    }


    .mcc-stat-btts {
        grid-template-columns:
            minmax(0, 1fr)
            86px !important;

        gap: 16px !important;

        padding:
            23px 16px
            21px !important;
    }

    .mcc-stat-btts-ring {
        width: 84px !important;
        height: 84px !important;
    }

    .mcc-stat-btts-ring:after {
        inset: 10px !important;
    }

    .mcc-stat-btts-center strong {
        font-size: 15px;
    }

}


/* =========================================================
   CARDS — COMPACT PANEL
   ========================================================= */

.mcc-stat-cards {
    grid-row: auto !important;
    min-height: 0 !important;
}


/*
 * Top totals: cleaner like reference
 */
.mcc-stat-card-totals {
    padding:
        18px 20px
        12px !important;

    gap: 18px !important;
}

.mcc-stat-card-totals > div {
    grid-template-columns:
        16px minmax(0,1fr) !important;

    column-gap: 10px !important;
}

.mcc-stat-card-totals i {
    width: 14px !important;
    height: 14px !important;

    border-radius: 3px !important;
}

.mcc-stat-card-totals strong {
    font-size: 19px !important;
    line-height: 1;
}

.mcc-stat-card-totals span {
    margin-top: 3px;

    font-size: 8px !important;
}


/*
 * Real per-round card chart.
 */
.mcc-stat-bars {
    height: 126px !important;

    margin:
        5px 18px
        18px !important;

    padding-top: 10px !important;

    gap: 3px !important;

    background:
        repeating-linear-gradient(
            to top,
            transparent 0,
            transparent 30px,
            #edf0f3 31px
        ) !important;
}


/*
 * Card panel should visually match
 * neighboring one-row cards.
 */
.mcc-stat-panel.mcc-stat-cards {
    align-self: start;
}


/*
 * Prevent unnecessary large empty area.
 */
.mcc-stat-cards .mcc-stat-bars + * {
    margin-bottom: 0;
}


@media (max-width:700px) {

    .mcc-stat-bars {
        height: 110px !important;

        margin:
            4px 14px
            16px !important;
    }

}


/* =========================================================
   CARTÕES — COMPACT COMBINED CHART
   ========================================================= */

.mcc-stat-cards {
    grid-row: auto !important;

    min-height: 0 !important;
    height: auto !important;

    align-self: start !important;
}


/*
 * IMPORTANT:
 * Do not let this card stretch the two cards beside it.
 */
.mcc-stats-grid {
    align-items: start !important;
}

.mcc-stat-result-grid,
.mcc-stat-btts {
    min-height: 215px !important;
}


/* -------------------------
   TOTALS
   ------------------------- */

.mcc-stat-card-totals {
    padding:
        16px 18px
        8px !important;

    display: grid !important;

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

    gap: 22px !important;
}

.mcc-stat-card-totals > div {
    display: grid !important;

    grid-template-columns:
        15px auto !important;

    grid-template-rows:
        auto auto !important;

    column-gap: 10px !important;

    align-items: center !important;
}

.mcc-stat-card-totals i {
    width: 14px !important;
    height: 18px !important;

    grid-row:
        1 / 3 !important;

    border-radius: 3px !important;

    background:
        #ffbf00 !important;
}

.mcc-stat-card-totals
.is-red i {
    background:
        #ef2029 !important;
}

.mcc-stat-card-totals strong {
    font-size: 18px !important;
    line-height: 1 !important;

    color: #111820 !important;
}

.mcc-stat-card-totals span {
    margin-top: 3px;

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

    color: #737f8e !important;
}


/* -------------------------
   CHART
   ------------------------- */

.mcc-stat-cards-chart {
    position: relative;

    display: grid;

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

    grid-template-rows:
        126px
        18px;

    column-gap: 7px;

    margin:
        4px 17px
        14px;
}


/*
 * Y axis
 */
.mcc-stat-cards-y {
    grid-column: 1;
    grid-row: 1;

    display: flex;

    flex-direction: column;
    justify-content: space-between;

    padding:
        1px 0
        4px;

    box-sizing: border-box;
}

.mcc-stat-cards-y span {
    color: #7d8998;

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

    text-align: right;
}


/*
 * Plot
 */
.mcc-stat-cards-plot {
    grid-column: 2;
    grid-row: 1;

    position: relative;

    min-width: 0;

    display: flex;

    align-items: flex-end;

    gap: 2px;

    padding:
        5px 0
        1px;

    border-bottom:
        1px solid #dfe4e8;

    background:
        repeating-linear-gradient(
            to top,
            transparent 0,
            transparent 29px,
            #edf1f3 30px
        );
}


/*
 * One round.
 */
.mcc-stat-card-round {
    position: relative;

    flex:
        1 1 0;

    min-width: 2px;

    height: 100%;
}


/*
 * Yellow and red share ONE plot.
 */
.mcc-stat-card-round i {
    position: absolute;

    bottom: 0;

    display: block;

    border-radius:
        1px 1px 0 0;
}

.mcc-stat-card-round
i.is-yellow {
    left: 8%;

    width: 65%;

    height:
        var(--height);

    background:
        #fbbb00;
}

.mcc-stat-card-round
i.is-red {
    left: 8%;

    width: 65%;

    height:
        var(--height);

    /*
     * red drawn over yellow at bottom,
     * like the reference design.
     */
    background:
        #ef343e;

    z-index: 2;
}


/* -------------------------
   X AXIS
   ------------------------- */

.mcc-stat-cards-x {
    grid-column: 2;
    grid-row: 2;

    position: relative;

    height: 18px;
}

.mcc-stat-cards-x span {
    position: absolute;

    left:
        var(--x);

    top: 6px;

    transform:
        translateX(-50%);

    color:
        #7d8998;

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


/*
 * First/last labels shouldn't overflow.
 */
.mcc-stat-cards-x
span:first-child {
    transform: none;
}

.mcc-stat-cards-x
span:last-child {
    transform:
        translateX(-100%);
}


/* -------------------------
   REMOVE OLD CHART EFFECTS
   ------------------------- */

.mcc-stat-cards
.mcc-stat-bars {
    display: none !important;
}


/* -------------------------
   RESPONSIVE
   ------------------------- */

@media (max-width:700px) {

    .mcc-stat-cards-chart {
        grid-template-columns:
            19px
            minmax(0,1fr);

        grid-template-rows:
            112px
            18px;

        column-gap: 5px;

        margin:
            3px 13px
            13px;
    }

    .mcc-stat-card-totals {
        padding:
            14px 15px
            7px !important;

        gap: 14px !important;
    }

}


/* =========================================================
   CARTÕES — FINAL SCALE / STACK / COLOR FIX
   ========================================================= */


/*
 * Prevent generic .is-red styles from painting
 * the whole summary cell red.
 */
.mcc-stat-cards
.mcc-stat-card-totals > div,
.mcc-stat-cards
.mcc-stat-card-totals > div.is-red {
    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


/*
 * Only the little indicator is colored.
 */
.mcc-stat-cards
.mcc-stat-card-totals > div.is-red > i {
    background: #ef343e !important;
}


/*
 * Normal text colors inside red stat.
 */
.mcc-stat-cards
.mcc-stat-card-totals > div.is-red > strong {
    color: #111820 !important;
}

.mcc-stat-cards
.mcc-stat-card-totals > div.is-red > span {
    color: #737f8e !important;
}


/* -------------------------
   STACKED ROUND BARS
   ------------------------- */

.mcc-stat-card-round
i.is-red {
    bottom: 0 !important;

    height:
        var(--height) !important;

    background:
        #ef343e !important;
}

.mcc-stat-card-round
i.is-yellow {
    bottom:
        var(--bottom, 0%) !important;

    height:
        var(--height) !important;

    background:
        #fbbb00 !important;
}


/*
 * Slightly slimmer bars like reference.
 */
.mcc-stat-card-round
i.is-yellow,
.mcc-stat-card-round
i.is-red {
    left: 16% !important;
    width: 68% !important;
}


/*
 * Keep some visual breathing room.
 */
.mcc-stat-cards-plot {
    padding-top: 9px !important;
}


/* =========================================================
   MAIORES GOLEADAS — MATCH STYLE ROW
   team | logo | score | X | score | logo | team
   ========================================================= */

.mcc-jogos-biggest-row{
    min-height:46px!important;

    display:grid!important;

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

    gap:6px!important;

    align-items:center!important;

    border-bottom:
        1px solid #edf0f3!important;
}


/* HOME TEAM */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-home{
    display:contents!important;
}

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-home span{
    grid-column:1;

    justify-self:end;

    min-width:0;

    overflow:hidden;

    color:#17202b;

    font-size:10px;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;

    text-align:right;
}

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-home img{
    grid-column:2;

    width:24px!important;
    height:24px!important;

    justify-self:center;

    object-fit:contain;
}


/* HOME SCORE */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-score:nth-of-type(1){
    grid-column:3;

    justify-self:center;
}


/* X */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-x{
    grid-column:4;

    justify-self:center;

    color:#8a95a3;

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

    font-size:17px!important;
    font-weight:700!important;
    line-height:1!important;
}


/* AWAY SCORE */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-score:nth-of-type(2){
    grid-column:5;

    justify-self:center;
}


/* AWAY TEAM */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-away{
    display:contents!important;
}

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-away img{
    grid-column:6;

    width:24px!important;
    height:24px!important;

    justify-self:center;

    object-fit:contain;
}

.mcc-jogos-biggest-row
.mcc-jogos-bottom-team.is-away span{
    grid-column:7;

    min-width:0;

    overflow:hidden;

    color:#17202b;

    font-size:10px;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;

    text-align:left;
}


/* SCORES */

.mcc-jogos-biggest-row
.mcc-jogos-bottom-score{
    color:#111820;

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

    font-size:17px!important;
    font-weight:600!important;
    line-height:1!important;
}


/* ROUND */

.mcc-jogos-biggest-row > small{
    grid-column:8;

    justify-self:end;

    color:#8b96a5;

    font-size:8px;

    white-space:nowrap;
}


/* MOBILE */

@media (max-width:700px){

    .mcc-jogos-biggest-row{
        grid-template-columns:
            minmax(0,1fr)
            22px
            20px
            18px
            20px
            22px
            minmax(0,1fr)!important;

        gap:4px!important;
    }

    .mcc-jogos-biggest-row > small{
        display:none!important;
    }

    .mcc-jogos-biggest-row
    .mcc-jogos-bottom-team span{
        font-size:9px!important;
    }

    .mcc-jogos-biggest-row
    .mcc-jogos-bottom-score{
        font-size:16px!important;
    }

    .mcc-jogos-biggest-row
    .mcc-jogos-bottom-x{
        font-size:18px!important;
    }

}


/* =========================================================
   MAIORES GOLEADAS — FINAL
   team | logo | score | X | score | logo | team
   ========================================================= */

.mcc-stats-biggest-list {
    padding: 8px 16px 14px;
}

.mcc-stats-biggest-row {
    min-height: 46px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        26px
        22px
        22px
        22px
        26px
        minmax(0, 1fr)
        52px;

    gap: 6px;

    align-items: center;

    border-bottom:
        1px solid #edf0f3;
}

.mcc-stats-biggest-row:last-child {
    border-bottom: 0;
}


/* TEAM */

.mcc-stats-biggest-team {
    min-width: 0;

    overflow: hidden;

    color: #17202b;

    font-size: 12px;
    font-weight: 700;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.mcc-stats-biggest-team.is-home {
    text-align: right;
}

.mcc-stats-biggest-team.is-away {
    text-align: left;
}


/* LOGO */

.mcc-stats-biggest-logo {
    width: 20px;
    height: 20px;

    object-fit: contain;

    justify-self: center;
}


/* SCORE */

.mcc-stats-biggest-score {
    justify-self: center;

    color: #111820;

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

    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}


/* BIG X */

.mcc-stats-biggest-x {
    justify-self: center;

    color: #707c8b;

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

    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}


/* ROUND */

.mcc-stats-biggest-row small {
    justify-self: end;

    color: #8995a4;

    font-size: 8px;

    white-space: nowrap;
}


@media (max-width:700px) {

    .mcc-stats-biggest-row {
        grid-template-columns:
            minmax(0, 1fr)
            22px
            20px
            18px
            20px
            22px
            minmax(0, 1fr);

        gap: 4px;
    }

    .mcc-stats-biggest-row small {
        display: none;
    }

    .mcc-stats-biggest-team {
        font-size: 12px;
    }

    .mcc-stats-biggest-score {
        font-size: 15px;
    }

    .mcc-stats-biggest-x {
        font-size: 12px;
    }

}


/* =========================================================
   MAIORES GOLEADAS — FINAL LAYOUT
   team | logo | score | X | score | logo | team
   ========================================================= */

.mcc-stat-biggest{
    padding:
        10px
        14px
        14px!important;
}


/*
 * Kill old direct-child grid rules.
 */
.mcc-stat-biggest >
.mcc-stat-biggest-row{
    min-height:46px!important;

    padding:0!important;

    display:grid!important;

    grid-template-columns:
        minmax(0,1fr)
        25px
        22px
        24px
        22px
        25px
        minmax(0,1fr)
        52px!important;

    gap:6px!important;

    align-items:center!important;

    border-bottom:
        1px solid
        #edf0f3!important;
}

.mcc-stat-biggest >
.mcc-stat-biggest-row:last-child{
    border-bottom:0!important;
}


/* TEAM NAMES */

.mcc-stat-biggest-team{
    min-width:0!important;

    overflow:hidden!important;

    color:#17202b!important;

    font-size:10px!important;
    font-weight:700!important;
    line-height:1.2!important;

    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

.mcc-stat-biggest-team.is-home{
    text-align:right!important;
}

.mcc-stat-biggest-team.is-away{
    text-align:left!important;
}


/* LOGOS */

.mcc-stat-biggest-logo{
    width:24px!important;
    height:24px!important;

    display:block!important;

    justify-self:center!important;

    object-fit:contain!important;
}


/* SCORES */

.mcc-stat-biggest-score{
    justify-self:center!important;

    color:#111820!important;

    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif!important;

    font-size:18px!important;
    font-weight:600!important;
    line-height:1!important;
}


/* BIG CENTER X */

.mcc-stat-biggest-x{
    justify-self:center!important;

    margin:0!important;

    color:#7d8896!important;

    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif!important;

    font-size:20px!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1!important;
}


/* ROUND */

.mcc-stat-biggest-row > small{
    justify-self:end!important;

    color:#8995a4!important;

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

    white-space:nowrap!important;
}


/* MOBILE */

@media (max-width:700px){

    .mcc-stat-biggest >
    .mcc-stat-biggest-row{
        grid-template-columns:
            minmax(0,1fr)
            22px
            20px
            20px
            20px
            22px
            minmax(0,1fr)!important;

        gap:4px!important;
    }

    .mcc-stat-biggest-row > small{
        display:none!important;
    }

    .mcc-stat-biggest-team{
        font-size:9px!important;
    }

    .mcc-stat-biggest-score{
        font-size:17px!important;
    }

    .mcc-stat-biggest-x{
        font-size:19px!important;
    }

}


/* =========================================================
   BOTTOM ROW — SAME HEIGHT
   ========================================================= */

.mcc-stat-biggest,
.mcc-stat-scorelines,
.mcc-stat-h2h-body{
    box-sizing:border-box;
}

.mcc-stat-h2h{
    align-self:stretch!important;
}


/* =========================================================
   H2H
   ========================================================= */

.mcc-stat-h2h-body{
    padding:
        12px 16px
        14px;

    display:flex;
    flex-direction:column;

    min-height:228px;
}


.mcc-stat-h2h-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    color:#17202b;

    font-size:11px;
    font-weight:750;
    line-height:1.2;

    text-align:center;
}

.mcc-stat-h2h-title span{
    color:#84909e;
    font-size:11px;
}


/* SUMMARY */

.mcc-stat-h2h-summary{
    margin-top:12px;

    display:grid;

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

    gap:7px;

    align-items:center;
}


.mcc-stat-h2h-team{
    display:flex;
    align-items:center;
    justify-content:center;
}

.mcc-stat-h2h-team img{
    width:38px;
    height:38px;

    object-fit:contain;
}


.mcc-stat-h2h-number{
    text-align:center;
}

.mcc-stat-h2h-number strong{
    display:block;

    color:#111820;

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

.mcc-stat-h2h-number span{
    display:block;

    margin-top:3px;

    color:#7c8795;

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


/* RECENT */

.mcc-stat-h2h-label{
    margin-top:13px;

    color:#707c8b;

    font-size:8px;
}


.mcc-stat-h2h-recent{
    margin-top:7px;

    display:grid;

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

    gap:5px;
}


.mcc-stat-h2h-recent > div{
    min-width:0;
    height:37px;

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

    gap:3px;

    border:
        1px solid
        #e4e9ed;

    border-radius:6px;

    background:#fff;
}


.mcc-stat-h2h-recent img{
    width:15px;
    height:15px;

    object-fit:contain;
}


.mcc-stat-h2h-recent strong{
    display:flex;

    align-items:center;
    gap:2px;

    color:#17202b;

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

.mcc-stat-h2h-recent strong span{
    color:#8a95a3;
    font-size:7px;
}


/* BUTTON STYLE FOOTER */

.mcc-stat-h2h-footer{
    min-height:28px;

    margin-top:auto;

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

    border:
        1px solid
        #e2e7eb;

    border-radius:5px;

    color:#4d5968;

    font-size:8px;
    font-weight:750;

    letter-spacing:.02em;
}


/* =========================================================
   SAME BOTTOM PANEL HEIGHT
   ========================================================= */

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-biggest),

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-scorelines),

.mcc-stats-grid >
.mcc-stat-h2h{
    min-height:278px!important;
    height:278px!important;

    overflow:hidden;
}


@media (max-width:700px){

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-biggest),

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-scorelines),

    .mcc-stats-grid >
    .mcc-stat-h2h{
        height:auto!important;
        min-height:0!important;
    }

    .mcc-stat-h2h-recent{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }

}


/* =========================================================
   BOTTOM ROW — TRUE SAME HEIGHT
   ========================================================= */

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-biggest),

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-scorelines),

.mcc-stats-grid >
.mcc-stat-h2h{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;

    align-self:start!important;
}


/*
 * Compact biggest wins rows so five matches fit
 * inside the same 278px card.
 */
.mcc-stat-biggest{
    padding:
        5px
        14px
        8px!important;
}

.mcc-stat-biggest >
.mcc-stat-biggest-row{
    min-height:39px!important;
    height:39px!important;
    max-height:39px!important;
}


/*
 * Compact scorelines slightly too.
 */
.mcc-stat-scorelines{
    padding-bottom:8px!important;
}


@media (max-width:700px){

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-biggest),

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-scorelines),

    .mcc-stats-grid >
    .mcc-stat-h2h{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

}


/* =========================================================
   MELHORES ATAQUES
   ========================================================= */

.mcc-stat-best-attacks{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
    align-self:start!important;
}

.mcc-stat-best-attacks-body{
    padding:
        7px
        16px
        10px;
}

.mcc-stat-attack-row{
    min-height:41px;

    display:grid;

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

    gap:8px;

    align-items:center;

    border-bottom:
        1px solid #edf0f3;
}

.mcc-stat-attack-row:last-child{
    border-bottom:0;
}


/* RANK */

.mcc-stat-attack-rank{
    color:#98a2ad;

    font-size:10px;
    font-weight:700;

    text-align:center;
}


/* LOGO */

.mcc-stat-attack-row > img{
    width:23px;
    height:23px;

    object-fit:contain;
}


/* MAIN */

.mcc-stat-attack-main{
    min-width:0;
}

.mcc-stat-attack-top{
    display:flex;

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

    gap:8px;
}

.mcc-stat-attack-top strong{
    min-width:0;

    overflow:hidden;

    color:#17202b;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;
}

.mcc-stat-attack-top b{
    flex:0 0 auto;

    color:#111820;

    font-size:11px;
    font-weight:600;
}


/* BAR + PER GAME */

.mcc-stat-attack-bottom{
    margin-top:5px;

    display:grid;

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

    gap:8px;

    align-items:center;
}

.mcc-stat-attack-bottom > i{
    height:4px;

    display:block;

    overflow:hidden;

    border-radius:999px;

    background:#e7ebef;
}

.mcc-stat-attack-bottom > i > b{
    height:100%;

    display:block;

    border-radius:999px;

    background:#13a538;
}

.mcc-stat-attack-bottom small{
    color:#84909d;

    font-size:10px;

    text-align:right;

    white-space:nowrap;
}


/* =========================================================
   FORCE BOTTOM 3 CARDS SAME HEIGHT
   ========================================================= */

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-biggest),

.mcc-stats-grid >
.mcc-stat-panel:has(.mcc-stat-scorelines),

.mcc-stats-grid >
.mcc-stat-best-attacks{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
    align-self:start!important;
}


@media (max-width:700px){

    .mcc-stat-best-attacks,

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-biggest),

    .mcc-stats-grid >
    .mcc-stat-panel:has(.mcc-stat-scorelines),

    .mcc-stats-grid >
    .mcc-stat-best-attacks{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

}


/* =========================================================
   HOME VS AWAY PERFORMANCE
   ========================================================= */

.mcc-stat-home-away{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
    align-self:start!important;
}


.mcc-stat-ha-body{
    padding:
        13px
        18px
        15px;
}


/* -------------------------
   HEAD
   ------------------------- */

.mcc-stat-ha-head{
    display:grid;

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

    align-items:center;

    margin-bottom:10px;
}

.mcc-stat-ha-head strong{
    color:#252d36;

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

    letter-spacing:.02em;
}

.mcc-stat-ha-head strong:first-child{
    text-align:left;
}

.mcc-stat-ha-head strong:last-child{
    text-align:right;
}


/* -------------------------
   MAIN GRID
   ------------------------- */

.mcc-stat-ha-grid{
    display:grid;

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

    gap:7px;

    align-items:center;
}


/* -------------------------
   VALUES
   ------------------------- */

.mcc-stat-ha-values{
    display:grid;

    grid-template-rows:
        repeat(
            5,
            28px
        );

    align-items:center;
}

.mcc-stat-ha-values strong{
    color:#11a238;

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

.mcc-stat-ha-values.is-home{
    text-align:left;
}

.mcc-stat-ha-values.is-away{
    text-align:right;
}

.mcc-stat-ha-values.is-away strong{
    color:#17202b;
}


/* -------------------------
   LABELS
   ------------------------- */

.mcc-stat-ha-labels{
    display:grid;

    grid-template-rows:
        repeat(
            5,
            28px
        );

    align-items:center;
}

.mcc-stat-ha-labels span{
    color:#657181;

    font-size:11px;
    font-weight:600;
    line-height:1.1;

    white-space:nowrap;
}

.mcc-stat-ha-labels.is-away{
    text-align:right;
}


/* -------------------------
   CENTER SVG
   ------------------------- */

.mcc-stat-ha-center{
    display:flex;

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

.mcc-stat-ha-center svg{
    width:32px;
    height:32px;

    fill:none;

    stroke:#8d9bad;

    stroke-width:1.6;

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


/*
 * Keep it visually quiet.
 */
.mcc-stat-ha-center{
    opacity:.9;
}


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

@media (max-width:700px){

    .mcc-stat-home-away{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    .mcc-stat-ha-body{
        padding:
            13px
            12px
            15px;
    }

    .mcc-stat-ha-grid{
        grid-template-columns:
            35px
            minmax(0,1fr)
            34px
            minmax(0,1fr)
            35px;

        gap:4px;
    }

    .mcc-stat-ha-values strong{
        font-size:13px;
    }

    .mcc-stat-ha-labels span{
        font-size:11px;
    }

    .mcc-stat-ha-center svg{
        width:27px;
        height:27px;
    }

}


/* =========================================================
   POSSE DE BOLA
   ========================================================= */

.mcc-stat-possession{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
    align-self:start!important;
}


.mcc-stat-possession-body{
    height:218px;

    padding:
        12px
        18px
        14px;

    box-sizing:border-box;

    display:grid;

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

    gap:18px;

    align-items:center;
}


/* -------------------------
   DONUT
   ------------------------- */

.mcc-stat-possession-donut{
    --value:50;

    width:116px;
    height:116px;

    position:relative;

    display:flex;

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

    justify-self:center;

    border-radius:50%;

    background:
        conic-gradient(
            #13a538
            calc(
                var(--value)
                * 1%
            ),
            #e7ebef
            0
        );
}


.mcc-stat-possession-donut:after{
    content:"";

    position:absolute;

    inset:12px;

    border-radius:50%;

    background:#fff;
}


.mcc-stat-possession-donut > div{
    position:relative;

    z-index:2;

    text-align:center;
}


.mcc-stat-possession-donut strong{
    display:block;

    color:#111820;

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


.mcc-stat-possession-donut span{
    display:block;

    margin-top:5px;

    color:#818c99;

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


/* -------------------------
   LIST
   ------------------------- */

.mcc-stat-possession-list{
    min-width:0;

    display:flex;

    flex-direction:column;
}


.mcc-stat-possession-row{
    min-height:34px;

    display:grid;

    grid-template-columns:
        14px
        22px
        minmax(0,1fr)
        44px;

    gap:7px;

    align-items:center;

    border-bottom:
        1px solid #edf0f3;
}


.mcc-stat-possession-row:last-child{
    border-bottom:0;
}


.mcc-stat-possession-rank{
    color:#98a2ad;

    font-size:11px;
    font-weight:700;

    text-align:center;
}


.mcc-stat-possession-row img{
    width:20px;
    height:20px;

    object-fit:contain;
}


.mcc-stat-possession-row strong{
    min-width:0;

    overflow:hidden;

    color:#17202b;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;
}


.mcc-stat-possession-row b{
    color:#11a238;

    font-size:14px;
    font-weight:600;

    text-align:right;

    white-space:nowrap;
}


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

@media (max-width:700px){

    .mcc-stat-possession{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    .mcc-stat-possession-body{
        height:auto;

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

        gap:12px;

        padding:
            12px
            13px
            14px;
    }

    .mcc-stat-possession-donut{
        width:96px;
        height:96px;
    }

    .mcc-stat-possession-donut:after{
        inset:15px;
    }

    .mcc-stat-possession-donut strong{
        font-size:17px;
    }

}


/* =========================================================
   CHUTES
   ========================================================= */

.mcc-stat-shots-panel{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
    align-self:start!important;
}


.mcc-stat-shots-body{
    padding:
        11px
        17px
        12px;
}


/* -------------------------
   SUMMARY
   ------------------------- */

.mcc-stat-shots-summary{
    display:grid;

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

    margin-bottom:9px;
}


.mcc-stat-shots-summary > div{
    min-width:0;

    padding:
        2px
        12px
        8px;

    border-right:
        1px solid #e7ebef;
}


.mcc-stat-shots-summary > div:first-child{
    padding-left:0;
}


.mcc-stat-shots-summary > div:last-child{
    padding-right:0;

    border-right:0;
}


.mcc-stat-shots-summary strong{
    display:block;

    color:#111820;

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


.mcc-stat-shots-summary span{
    display:block;

    margin-top:5px;

    color:#798594;

    font-size:8px;
    line-height:1.1;
}


/* -------------------------
   TEAM LIST
   ------------------------- */

.mcc-stat-shots-list{
    border-top:
        1px solid #edf0f3;
}


.mcc-stat-shots-row{
    min-height:31px;

    display:grid;

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

    gap:7px;

    align-items:center;
}


.mcc-stat-shots-row > span{
    color:#98a2ad;

    font-size:8px;
    font-weight:700;

    text-align:center;
}


.mcc-stat-shots-row > img{
    width:19px;
    height:19px;

    object-fit:contain;
}


.mcc-stat-shots-row > div{
    min-width:0;
}


.mcc-stat-shots-row > div > div{
    display:flex;

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

    gap:8px;
}


.mcc-stat-shots-row strong{
    min-width:0;

    overflow:hidden;

    color:#17202b;

    font-size:8.5px;
    font-weight:700;

    white-space:nowrap;
    text-overflow:ellipsis;
}


.mcc-stat-shots-row > div > div > b{
    color:#111820;

    font-size:9px;
    font-weight:600;
}


/* BAR */

.mcc-stat-shots-row i{
    height:3px;

    margin-top:3px;

    display:block;

    overflow:hidden;

    border-radius:999px;

    background:#e8ecef;
}


.mcc-stat-shots-row i b{
    height:100%;

    display:block;

    border-radius:999px;

    background:#13a538;
}


/* =========================================================
   NEW ROW — SAME HEIGHT
   ========================================================= */

.mcc-stat-home-away,
.mcc-stat-possession,
.mcc-stat-shots-panel{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;
}


@media (max-width:700px){

    .mcc-stat-shots-panel,
    .mcc-stat-home-away,
    .mcc-stat-possession{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    .mcc-stat-shots-summary strong{
        font-size:18px;
    }

}


/* =========================================================
   CHUTES V2 — KPI + ROUND TREND
   ========================================================= */

.mcc-stat-shots-panel{
    height:278px!important;
    min-height:278px!important;
    max-height:278px!important;

    overflow:hidden!important;
}


.mcc-stat-shots-v2{
    padding:
        10px
        17px
        12px;
}


/* KPI */

.mcc-stat-shots-v2-summary{
    display:grid;

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

    margin-bottom:8px;
}


.mcc-stat-shots-v2-summary > div{
    padding:
        0
        12px
        7px;

    border-right:
        1px solid #e8ecef;
}


.mcc-stat-shots-v2-summary > div:first-child{
    padding-left:0;
}


.mcc-stat-shots-v2-summary > div:last-child{
    padding-right:0;

    border-right:0;
}


.mcc-stat-shots-v2-summary strong{
    display:block;

    color:#111820;

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


.mcc-stat-shots-v2-summary span{
    display:block;

    margin-top:4px;

    color:#7b8795;

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


/* CHART */

.mcc-stat-shots-chart{
    display:grid;

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

    grid-template-rows:
        132px
        18px;

    column-gap:7px;
}


.mcc-stat-shots-y{
    grid-column:1;
    grid-row:1;

    display:flex;

    flex-direction:column;
    justify-content:space-between;

    padding:
        17px
        0
        15px;

    box-sizing:border-box;
}


.mcc-stat-shots-y span{
    color:#86919f;

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

    text-align:right;
}


.mcc-stat-shots-plot{
    grid-column:2;
    grid-row:1;

    position:relative;

    height:132px;

    min-width:0;
}


.mcc-stat-shots-plot svg{
    width:100%;
    height:100%;

    display:block;

    overflow:visible;
}


.mcc-stat-shots-grid{
    stroke:#edf1f3;

    stroke-width:.5;

    vector-effect:
        non-scaling-stroke;
}


.mcc-stat-shots-area{
    fill:
        url(#mccShotsGradient);

    stroke:none;
}


.mcc-stat-shots-line{
    fill:none;

    stroke:#13a538;

    stroke-width:2;

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

    vector-effect:
        non-scaling-stroke;
}


/* POINTS */

.mcc-stat-shots-point{
    position:absolute;

    left:var(--x);
    top:var(--y);

    width:6px;
    height:6px;

    transform:
        translate(-50%,-50%);

    border:
        2px solid #fff;

    border-radius:50%;

    background:#13a538;

    box-shadow:
        0 0 0 2px
        rgba(19,165,56,.12);
}


/* X AXIS */

.mcc-stat-shots-x{
    grid-column:2;
    grid-row:2;

    position:relative;
}


.mcc-stat-shots-x span{
    position:absolute;

    left:var(--x);
    top:5px;

    transform:
        translateX(-50%);

    color:#84909e;

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

    white-space:nowrap;
}


@media (max-width:700px){

    .mcc-stat-shots-panel{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    .mcc-stat-shots-chart{
        grid-template-rows:
            120px
            18px;
    }

    .mcc-stat-shots-plot{
        height:120px;
    }

}


/* =========================================================
   EVOLUÇÃO DA TEMPORADA
   ========================================================= */

.mcc-season-evolution{
    grid-column:1 / -1;

    width:100%;

    margin-top:14px;

    padding:15px 16px 13px;

    background:#fff;

    border:1px solid #e6eaee;
    border-radius:8px;

    box-sizing:border-box;
}


.mcc-season-evolution-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:20px;
}


.mcc-season-evolution-head h3{
    margin:0;

    color:#151b23;

    font-size:15px;
    font-weight:600;
    line-height:1.2;
}


.mcc-season-evolution-head p{
    margin:4px 0 0;

    color:#7b8794;

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


/* LEGEND */

.mcc-season-evolution-legend{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    flex-wrap:wrap;

    gap:9px 20px;

    min-height:20px;
}


.mcc-season-evolution-legend span{
    display:flex;
    align-items:center;

    gap:6px;

    color:#333b44;

    font-size:11px;
    font-weight:600;

    white-space:nowrap;
}


.mcc-season-evolution-legend i{
    width:8px;
    height:8px;

    display:block;

    border-radius:2px;
}


.mcc-season-evolution-legend .c1{
    background:#111;
}

.mcc-season-evolution-legend .c2{
    background:#15952d;
}

.mcc-season-evolution-legend .c3{
    background:#e83232;
}

.mcc-season-evolution-legend .c4{
    background:#aeb4bb;
}

.mcc-season-evolution-legend .c5{
    background:#2479bd;
}


/* BODY */

.mcc-season-evolution-body{
    display:grid;

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

    gap:14px;

    margin-top:5px;
}


.mcc-season-evolution-control{
    padding-top:5px;
}


.mcc-season-evolution-control > span{
    display:block;

    margin-bottom:5px;

    color:#737f8b;

    font-size:9px;
}


.mcc-season-evolution-control strong{
    width:118px;
    height:30px;

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

    padding:0 10px;

    border:1px solid #dce2e7;
    border-radius:6px;

    box-sizing:border-box;

    background:#fff;

    color:#313943;

    font-size:9px;
    font-weight:600;
}


/* CHART */

.mcc-season-evolution-chart{
    display:grid;

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

    gap:8px;

    min-width:0;
}


.mcc-season-evolution-y{
    height:180px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:
        13px
        0
        12px;

    box-sizing:border-box;
}


.mcc-season-evolution-y span{
    color:#74808e;

    font-size:8px;
    font-weight:600;

    line-height:1;

    text-align:right;
}


.mcc-season-evolution-plot{
    position:relative;

    height:205px;

    min-width:0;
}


.mcc-season-evolution-plot > svg{
    width:100%;
    height:180px;

    display:block;

    overflow:visible;
}


.mcc-evo-grid{
    stroke:#edf0f2;

    stroke-width:1;

    vector-effect:
        non-scaling-stroke;
}


.mcc-evo-line{
    fill:none;

    stroke-width:1.8;

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

    vector-effect:
        non-scaling-stroke;
}


.mcc-evo-dot{
    stroke:#fff;

    stroke-width:1;

    vector-effect:
        non-scaling-stroke;
}


/* SERIES COLORS */

.mcc-evo-line.c1{
    stroke:#111;
}

.mcc-evo-line.c2{
    stroke:#15952d;
}

.mcc-evo-line.c3{
    stroke:#e83232;
}

.mcc-evo-line.c4{
    stroke:#aeb4bb;
}

.mcc-evo-line.c5{
    stroke:#2479bd;
}


.mcc-evo-dot.c1{
    fill:#111;
}

.mcc-evo-dot.c2{
    fill:#15952d;
}

.mcc-evo-dot.c3{
    fill:#e83232;
}

.mcc-evo-dot.c4{
    fill:#aeb4bb;
}

.mcc-evo-dot.c5{
    fill:#2479bd;
}


/* ROUND LABELS */

.mcc-season-evolution-x{
    position:absolute;

    left:0;
    right:0;
    top:183px;

    height:18px;
}


.mcc-season-evolution-x span{
    position:absolute;

    transform:translateX(-50%);

    color:#778391;

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

    white-space:nowrap;
}


/* MOBILE */

@media (max-width:700px){

    .mcc-season-evolution{
        overflow:hidden;

        padding:
            14px
            12px;
    }


    .mcc-season-evolution-head{
        display:block;
    }


    .mcc-season-evolution-legend{
        justify-content:flex-start;

        margin-top:10px;

        gap:
            7px
            13px;
    }


    .mcc-season-evolution-body{
        display:block;
    }


    .mcc-season-evolution-control{
        margin:
            10px
            0;
    }


    .mcc-season-evolution-chart{
        min-width:620px;
    }


    .mcc-season-evolution-body{
        overflow-x:auto;
        overflow-y:hidden;
    }

}


/* =========================================================
   EVOLUTION METRIC SELECT
   ========================================================= */

.mcc-season-evolution-control label{
    display:block;

    margin-bottom:5px;

    color:#737f8b;

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


.mcc-season-evolution-select{
    position:relative;

    width:118px;
}


.mcc-season-evolution-select select{
    width:100%;
    height:30px;

    padding:
        0
        28px
        0
        10px;

    appearance:none;
    -webkit-appearance:none;

    border:
        1px solid #dce2e7;

    border-radius:6px;

    outline:0;

    background:#fff;

    color:#313943;

    font-size:9px;
    font-weight:600;

    cursor:pointer;
}


.mcc-season-evolution-select select:hover{
    border-color:#cbd3da;
}


.mcc-season-evolution-select select:focus{
    border-color:#9eabb6;

    box-shadow:
        0 0 0 2px
        rgba(30,45,60,.05);
}


.mcc-season-evolution-select svg{
    position:absolute;

    right:9px;
    top:50%;

    transform:
        translateY(-50%);

    pointer-events:none;

    color:#65717e;
}

/* =========================================================
   STATS INTERNAL TABS
   ========================================================= */

.mcc-stats-internal-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 22px;
    padding:5px;
    width:max-content;
    max-width:100%;
    background:#f2f4f7;
    border:1px solid #e5e7eb;
    border-radius:12px;
}

.mcc-stats-internal-tab{
    appearance:none;
    border:0;
    background:transparent;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border-radius:9px;
    font-size:13px;
    font-weight:600;
    color:#667085;
    cursor:pointer;
    transition:.18s ease;
}

.mcc-stats-internal-tab svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcc-stats-internal-tab:hover{
    color:#101828;
}

.mcc-stats-internal-tab.is-active{
    background:#fff;
    color:#111827;
    box-shadow:
        0 1px 2px rgba(16,24,40,.06),
        0 1px 4px rgba(16,24,40,.05);
}

.mcc-stats-tab-panel[hidden]{
    display:none !important;
}


/* =========================================================
   DATABASE
   ========================================================= */

.mcc-stats-db{
    background:#fff;
    border:1px solid #e7e9ee;
    border-radius:14px;
    overflow:hidden;
}

.mcc-stats-db-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:24px 26px 22px;
    border-bottom:1px solid #eceef2;
}

.mcc-stats-db-kicker{
    display:block;
    margin:0 0 6px;
    font-size:10px;
    line-height:1;
    letter-spacing:.12em;
    font-weight:700;
    color:#8b5cf6;
}

.mcc-stats-db-head h2{
    margin:0;
    font-size:22px;
    line-height:1.2;
    font-weight:700;
    color:#101828;
}

.mcc-stats-db-head p{
    margin:7px 0 0;
    font-size:13px;
    color:#667085;
}

.mcc-stats-db-meta{
    display:flex;
    align-items:baseline;
    gap:5px;
    white-space:nowrap;
    color:#667085;
    font-size:12px;
}

.mcc-stats-db-meta strong{
    font-size:15px;
    color:#101828;
}

.mcc-stats-db-meta i{
    width:3px;
    height:3px;
    margin:0 6px;
    border-radius:50%;
    background:#c5c9d1;
}

.mcc-stats-db-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 22px 12px;
}

.mcc-stats-db-entity-tabs{
    display:flex;
    gap:6px;
}

.mcc-stats-db-entity-tabs button{
    appearance:none;
    border:1px solid #e4e7ec;
    background:#fff;
    min-height:36px;
    padding:0 14px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
    color:#667085;
    cursor:pointer;
}

.mcc-stats-db-entity-tabs button.is-active{
    border-color:#111827;
    background:#111827;
    color:#fff;
}

.mcc-stats-db-search{
    position:relative;
    display:flex;
    align-items:center;
    width:260px;
    max-width:100%;
}

.mcc-stats-db-search svg{
    position:absolute;
    left:12px;
    width:16px;
    height:16px;
    fill:none;
    stroke:#98a2b3;
    stroke-width:1.8;
    pointer-events:none;
}

.mcc-stats-db-search input{
    width:100%;
    height:38px;
    padding:0 12px 0 36px;
    border:1px solid #e4e7ec;
    border-radius:8px;
    outline:none;
    background:#fff;
    color:#101828;
    font-size:12px;
}

.mcc-stats-db-search input:focus{
    border-color:#b7a2ff;
    box-shadow:0 0 0 3px rgba(124,92,255,.08);
}

.mcc-stats-db-categories{
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 22px 16px;
    overflow-x:auto;
    scrollbar-width:none;
}

.mcc-stats-db-categories::-webkit-scrollbar{
    display:none;
}

.mcc-stats-db-categories button{
    flex:0 0 auto;
    appearance:none;
    border:0;
    background:#f3f4f6;
    min-height:31px;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:600;
    color:#667085;
    cursor:pointer;
}

.mcc-stats-db-categories button.is-active{
    background:#ede9fe;
    color:#6d4aff;
}

.mcc-stats-db-table-shell{
    width:100%;
    overflow:auto;
    border-top:1px solid #eceef2;
}

.mcc-stats-db-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    table-layout:auto;
}

.mcc-stats-db-table th{
    position:relative;
    padding:11px 12px;
    border-bottom:1px solid #e9ebef;
    background:#f8f9fb;
    color:#667085;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.03em;
    text-align:right;
    white-space:nowrap;
    cursor:pointer;
    user-select:none;
}

.mcc-stats-db-table th:first-child,
.mcc-stats-db-table th:nth-child(2){
    text-align:left;
}

.mcc-stats-db-table th.is-sorted{
    color:#6d4aff;
}

.mcc-stats-db-table td{
    padding:10px 12px;
    border-bottom:1px solid #f0f1f3;
    color:#344054;
    font-size:12px;
    font-variant-numeric:tabular-nums;
    text-align:right;
    white-space:nowrap;
}

.mcc-stats-db-table td:first-child,
.mcc-stats-db-table td:nth-child(2){
    text-align:left;
}

.mcc-stats-db-table tbody tr:hover{
    background:#fafafa;
}

.mcc-stats-db-rank{
    width:30px;
    color:#98a2b3 !important;
    font-weight:600;
}

.mcc-stats-db-person{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:220px;
}

.mcc-stats-db-avatar{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #eaecf0;
    border-radius:50%;
    background:#f2f4f7;
}

.mcc-stats-db-avatar.is-team{
    border-radius:8px;
}

.mcc-stats-db-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.mcc-stats-db-avatar span{
    font-size:11px;
    font-weight:700;
    color:#98a2b3;
}

.mcc-stats-db-person-copy{
    min-width:0;
}

.mcc-stats-db-person-copy strong{
    display:block;
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#101828;
    font-size:12px;
    line-height:1.25;
    font-weight:600;
}

.mcc-stats-db-person-copy small{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:3px;
    color:#98a2b3;
    font-size:10px;
}

.mcc-stats-db-person-copy small img{
    width:13px;
    height:13px;
    object-fit:contain;
}

.mcc-stats-db-empty{
    padding:50px 20px;
    text-align:center;
    color:#98a2b3;
    font-size:13px;
}

.mcc-stats-db-footer{
    min-height:58px;
    padding:12px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-top:1px solid #eceef2;
    color:#98a2b3;
    font-size:11px;
}

.mcc-stats-db-footer button{
    appearance:none;
    min-height:34px;
    padding:0 14px;
    border:1px solid #e4e7ec;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
}

.mcc-stats-db-footer button:hover{
    background:#f8f9fb;
}

@media (max-width: 767px){

    .mcc-stats-internal-tabs{
        width:100%;
        margin-bottom:16px;
    }

    .mcc-stats-internal-tab{
        flex:1;
        justify-content:center;
        padding:0 8px;
        font-size:11px;
    }

    .mcc-stats-db-head{
        align-items:flex-start;
        flex-direction:column;
        padding:18px 16px;
    }

    .mcc-stats-db-head h2{
        font-size:19px;
    }

    .mcc-stats-db-toolbar{
        align-items:stretch;
        flex-direction:column;
        padding:14px 14px 10px;
    }

    .mcc-stats-db-search{
        width:100%;
    }

    .mcc-stats-db-categories{
        padding:0 14px 12px;
    }

    .mcc-stats-db-table{
        min-width:820px;
    }

    .mcc-stats-db-table th,
    .mcc-stats-db-table td{
        padding:9px 10px;
    }

    .mcc-stats-db-table th:nth-child(2),
    .mcc-stats-db-table td:nth-child(2){
        position:sticky;
        left:0;
        z-index:3;
        background:#fff;
        box-shadow:5px 0 8px rgba(16,24,40,.035);
    }

    .mcc-stats-db-table th:nth-child(2){
        background:#f8f9fb;
        z-index:4;
    }

    .mcc-stats-db-footer{
        padding:10px 14px;
    }
}


/* MCC stats tab SVG fix */

.mcc-stats-internal-tab svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcc-stats-internal-tabs{
    margin-top:16px;
    margin-bottom:18px;
}


/* =========================================================
   STATS TAB PANEL VISIBILITY FIX
   ========================================================= */

.mcc-stats-tab-panel{
    display:none;
    width:100%;
}

.mcc-stats-tab-panel.is-active{
    display:block !important;
}

.mcc-stats-tab-panel[hidden]{
    display:none !important;
}


/* =========================================================
   MCC STATS DATABASE - DESIGN V5
   ========================================================= */

.mcc-stats-db{
    padding:12px;
    background:#fff;
    border:1px solid #e4e8ef;
    border-radius:16px;
    box-shadow:
        0 2px 6px rgba(15,23,42,.025),
        0 10px 26px rgba(15,23,42,.035);
}


/* =========================================================
   TOP
   ========================================================= */

.mcc-stats-db-top{
    padding:10px 10px 0;
    background:#fff;
}

.mcc-stats-db-title-row,
.mcc-stats-db-switch-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}

.mcc-stats-db-title-row{
    margin-bottom:18px;
}

.mcc-stats-db-switch-row{
    margin-bottom:8px;
}


/* title */

.mcc-stats-db-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.mcc-stats-db-title-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#f0ebff;
    color:#6f4cff;
}

.mcc-stats-db-title-icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcc-stats-db-title-copy{
    display:flex;
    flex-direction:column;
}

.mcc-stats-db-title-copy strong{
    color:#101828;
    font-size:17px;
    line-height:1.1;
    font-weight:700;
}

.mcc-stats-db-title-copy small{
    margin-top:5px;
    color:#8a94a3;
    font-size:11px;
    line-height:1.2;
}


/* =========================================================
   SEARCH
   ========================================================= */

.mcc-stats-db-search{
    position:relative;
    width:300px;
}

.mcc-stats-db-search svg{
    position:absolute;
    left:14px;
    top:50%;
    width:17px;
    height:17px;
    transform:translateY(-50%);
    fill:none;
    stroke:#98a2b3;
    stroke-width:1.8;
}

.mcc-stats-db-search input{
    width:100%;
    height:42px;
    padding:0 14px 0 42px;
    border:1px solid #dfe3ea;
    border-radius:9px;
    outline:none;
    background:#fff;
    color:#111827;
    font-size:12px;
    font-weight:600;
}

.mcc-stats-db-search input::placeholder{
    color:#98a2b3;
}

.mcc-stats-db-search input:focus{
    border-color:#8c73ff;
    box-shadow:0 0 0 3px rgba(109,74,255,.08);
}


/* =========================================================
   PLAYER / TEAM SWITCH
   ========================================================= */

.mcc-stats-db-entity-tabs{
    display:inline-flex;
    align-items:center;
    padding:4px;
    border-radius:10px;
    background:#f2f4f7;
}

.mcc-stats-db-entity-tabs button{
    appearance:none;
    min-height:36px;
    padding:0 17px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#6f7887;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}

.mcc-stats-db-entity-tabs button.is-active{
    background:#eee9ff;
    color:#6847ff;
}


/* =========================================================
   META
   ========================================================= */

.mcc-stats-db-meta{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:56px;
    padding:8px 14px;
    border:1px solid #edf0f4;
    border-radius:11px;
    background:#fbfcfd;
}

.mcc-stats-db-meta > i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#c4cad3;
}

.mcc-stats-db-meta-item{
    display:flex;
    align-items:center;
    gap:9px;
}

.mcc-stats-db-meta-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#f3f4f7;
    color:#788291;
}

.mcc-stats-db-meta-icon svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcc-stats-db-meta-item > span:last-child{
    display:flex;
    align-items:baseline;
    gap:5px;
}

.mcc-stats-db-meta strong{
    color:#101828;
    font-size:16px;
    line-height:1;
    font-weight:700;
}

.mcc-stats-db-meta small{
    color:#8a94a3;
    font-size:10px;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.mcc-stats-db-categories{
    display:flex;
    align-items:center;
    gap:30px;
    height:50px;
    margin-top:6px;
    overflow-x:auto;
    scrollbar-width:none;
}

.mcc-stats-db-categories::-webkit-scrollbar{
    display:none;
}

.mcc-stats-db-categories button{
    position:relative;
    flex:0 0 auto;
    height:50px;
    padding:0;
    border:0;
    background:transparent;
    color:#7b8595;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}

.mcc-stats-db-categories button.is-active{
    color:#6547ff;
}

.mcc-stats-db-categories button.is-active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:#6d4aff;
}


/* =========================================================
   TABLE SHELL
   ========================================================= */

.mcc-stats-db-table-shell{
    width:100%;
    overflow:auto;
    border-radius:10px;
    background:#fff;
}


/* =========================================================
   TABLE
   ========================================================= */

.mcc-stats-db-table{
    width:100%;
    min-width:900px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
}

.mcc-stats-db-table th{
    height:46px;
    padding:0 12px;
    border:0;
    background:#111a2a;
    color:#d7dce5;
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
}

.mcc-stats-db-table th:first-child{
    width:52px;
}

.mcc-stats-db-table th:nth-child(2){
    width:330px;
    text-align:left;
}

.mcc-stats-db-table th:first-child{
    border-radius:9px 0 0 0;
}

.mcc-stats-db-table th:last-child{
    border-radius:0 9px 0 0;
}

.mcc-stats-db-table th.is-sorted{
    color:#a48cff;
}


/* cells */

.mcc-stats-db-table td{
    height:62px;
    padding:8px 12px;
    border:0;
    border-bottom:1px solid #edf0f4;
    background:#fff;
    color:#344054;
    font-size:13px;
    line-height:1.2;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    text-align:center;
    white-space:nowrap;
}

.mcc-stats-db-table td:nth-child(2){
    text-align:left;
}

.mcc-stats-db-table tbody tr:nth-child(even) td{
    background:#fafbfc;
}

.mcc-stats-db-table tbody tr:hover td{
    background:#f8f6ff;
}


/* current sorted column */

.mcc-stats-db-table td.is-sorted{
    color:#6746ff;
    background:#faf8ff;
    font-weight:700;
}

.mcc-stats-db-table tbody tr:nth-child(even) td.is-sorted{
    background:#f7f4ff;
}


/* =========================================================
   RANK
   ========================================================= */

.mcc-stats-db-rank{
    position:relative;
    text-align:center !important;
    color:#667085 !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.mcc-stats-db-rank span{
    position:relative;
    z-index:2;
}

.mcc-stats-db-table tbody tr:nth-child(-n+3) .mcc-stats-db-rank{
    color:#fff !important;
}

.mcc-stats-db-table tbody tr:nth-child(-n+3) .mcc-stats-db-rank::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:29px;
    height:29px;
    transform:translate(-50%,-50%);
    border-radius:8px;
}

.mcc-stats-db-table tbody tr:nth-child(1) .mcc-stats-db-rank::before{
    background:#f4bf35;
}

.mcc-stats-db-table tbody tr:nth-child(2) .mcc-stats-db-rank::before{
    background:#aeb6c2;
}

.mcc-stats-db-table tbody tr:nth-child(3) .mcc-stats-db-rank::before{
    background:#e78224;
}


/* =========================================================
   PLAYER
   ========================================================= */

.mcc-stats-db-person{
    display:flex;
    align-items:center;
    gap:11px;
}

.mcc-stats-db-avatar{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #e4e7ec;
    border-radius:50%;
    background:#f4f5f7;
}

.mcc-stats-db-avatar.is-team{
    border-radius:9px;
    background:#fff;
}

.mcc-stats-db-avatar img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.mcc-stats-db-person-copy{
    min-width:0;
}

.mcc-stats-db-person-copy strong{
    display:block;
    max-width:230px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#111827;
    font-size:14px;
    line-height:1.15;
    font-weight:700;
}

.mcc-stats-db-person-copy small{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:5px;
    color:#8993a2;
    font-size:11px;
}

.mcc-stats-db-person-copy small img{
    width:13px;
    height:13px;
    object-fit:contain;
}


/* =========================================================
   FOOTER
   ========================================================= */

.mcc-stats-db-footer{
    min-height:54px;
    padding:10px 4px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#8b95a4;
    font-size:10px;
}

.mcc-stats-db-footer button{
    appearance:none;
    height:34px;
    padding:0 14px;
    border:1px solid #e1e5ea;
    border-radius:8px;
    background:#f8f9fb;
    color:#475467;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}


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

@media (max-width:767px){

    .mcc-stats-db{
        padding:8px;
        border-radius:12px;
    }

    .mcc-stats-db-top{
        padding:8px 6px 0;
    }

    .mcc-stats-db-title-row{
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }

    .mcc-stats-db-switch-row{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }

    .mcc-stats-db-search{
        width:100%;
    }

    .mcc-stats-db-meta{
        justify-content:flex-start;
    }

    .mcc-stats-db-categories{
        gap:22px;
    }

    .mcc-stats-db-table{
        min-width:760px;
    }

    .mcc-stats-db-table th{
        padding:0 8px;
        font-size:12px;
    }

    .mcc-stats-db-table td{
        padding:7px 8px;
        font-size:13px;
    }

    .mcc-stats-db-table th:first-child{
        width:42px;
    }

    .mcc-stats-db-table th:nth-child(2){
        width:225px;
    }

    .mcc-stats-db-table th:nth-child(2),
    .mcc-stats-db-table td:nth-child(2){
        position:sticky;
        left:42px;
        z-index:5;
    }

    .mcc-stats-db-table th:nth-child(2){
        z-index:9;
        background:#111a2a;
    }

    .mcc-stats-db-table tbody tr:nth-child(odd) td:nth-child(2){
        background:#fff;
    }

    .mcc-stats-db-table tbody tr:nth-child(even) td:nth-child(2){
        background:#fafbfc;
    }

    .mcc-stats-db-avatar{
        width:34px;
        height:34px;
        flex-basis:34px;
    }

}


/* =========================================================
   STATS DB TITLE - MATCH REFERENCE
   ========================================================= */

.mcc-stats-db-title{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:44px;
}

.mcc-stats-db-title-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#f1edff;
    color:#6f4cff;
}

.mcc-stats-db-title-icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcc-stats-db-title-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.mcc-stats-db-title-copy strong{
    margin:0;
    color:#111827;
    font-size:16px;
    line-height:18px;
    font-weight:700;
    letter-spacing:-0.015em;
}

.mcc-stats-db-title-copy small{
    margin-top:4px;
    color:#7f8a9a;
    font-size:10px;
    line-height:12px;
    font-weight:500;
}

.mcc-stats-db-title-row{
    min-height:56px;
    margin-bottom:14px;
    align-items:center;
}


/* =========================================================
   PLAYER / TEAM SWITCH - MATCH REFERENCE
   ========================================================= */

.mcc-stats-db-entity-tabs{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
}

.mcc-stats-db-entity-tabs button{
    appearance:none;
    border:0;
    min-width:84px;
    height:34px;
    padding:0 15px;
    border-radius:9px;
    background:#f5f6f8;
    color:#4f5968;

    font-size:13px;
    line-height:34px;
    font-weight:700;
    text-align:center;

    cursor:pointer;
    box-shadow:none;

    transition:
        background .15s ease,
        color .15s ease;
}

.mcc-stats-db-entity-tabs button:hover{
    background:#f0f1f4;
    color:#242b35;
}

.mcc-stats-db-entity-tabs button.is-active{
    background:#eee9ff;
    color:#6847ff;
    box-shadow:none;
}

/* remove any old active underline */

.mcc-stats-db-entity-tabs button::after,
.mcc-stats-db-entity-tabs button.is-active::after{
    display:none !important;
    content:none !important;
}


/* =========================================================
   DATABASE SEARCH - MATCH REFERENCE
   ========================================================= */

.mcc-stats-db-search{
    position:relative;
    display:block;

    width:300px;
    max-width:100%;
    height:44px;

    margin:0;
    padding:0;
}


/* search icon */

.mcc-stats-db-search > svg{
    position:absolute;

    left:15px;
    top:50%;

    width:18px;
    height:18px;

    transform:translateY(-50%);

    fill:none;
    stroke:#8994a5;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;

    pointer-events:none;

    z-index:2;
}


/* input */

.mcc-stats-db-search input{
    display:block;

    width:100%;
    height:44px;

    margin:0;
    padding:
        0
        15px
        0
        43px;

    border:
        1px solid
        #dfe3e8;

    border-radius:9px;

    outline:none;

    background:#fff;

    color:#344054;

    font-family:inherit;
    font-size:11px;
    line-height:44px;
    font-weight:600;

    box-shadow:
        0 1px 2px
        rgba(16,24,40,.025);

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


.mcc-stats-db-search input::placeholder{
    color:#8b95a5;
    opacity:1;
    font-weight:600;
}


/* hover */

.mcc-stats-db-search input:hover{
    border-color:#d2d7df;
}


/* focus */

.mcc-stats-db-search input:focus{
    border-color:#b8aecf;

    box-shadow:
        0 0 0 3px
        rgba(109,74,255,.06),
        0 1px 2px
        rgba(16,24,40,.03);
}


/* prevent theme input styles */

.mcc-stats-db-search input[type="search"]{
    appearance:none;
    -webkit-appearance:none;
}

.mcc-stats-db-search input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:none;
}


/* mobile */

@media (max-width:767px){

    .mcc-stats-db-search{
        width:100%;
        height:42px;
    }

    .mcc-stats-db-search input{
        height:42px;
        line-height:42px;
    }

}


/* =========================================================
   SEARCH ICON FINAL FIX
   ========================================================= */

.mcc-stats-db-search{
    position:relative !important;
    display:block !important;
    width:300px !important;
    height:42px !important;
    padding:0 !important;
}


/* kill old direct-svg rules */

.mcc-stats-db-search > svg{
    display:none !important;
}


/* isolated icon */

.mcc-stats-db-search-icon{
    position:absolute !important;

    left:13px !important;
    top:50% !important;

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

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

    transform:translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    line-height:0 !important;

    color:#929baa !important;

    pointer-events:none !important;
    z-index:5 !important;

    overflow:visible !important;
}


.mcc-stats-db-search-icon svg{
    display:block !important;

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

    min-width:18px !important;
    min-height:18px !important;

    max-width:none !important;
    max-height:none !important;

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

    overflow:visible !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    transform:none !important;
}


.mcc-stats-db-search-icon svg circle,
.mcc-stats-db-search-icon svg path{
    fill:none !important;
    stroke:currentColor !important;
}


/* input */

.mcc-stats-db-search input[type="search"]{
    box-sizing:border-box !important;

    display:block !important;

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

    margin:0 !important;

    padding:
        0
        14px
        0
        41px !important;

    border:1px solid #dfe3e8 !important;
    border-radius:9px !important;

    background:#fff !important;

    color:#344054 !important;

    font-family:inherit !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:40px !important;

    outline:none !important;

    box-shadow:
        0 1px 2px
        rgba(16,24,40,.03) !important;

    appearance:none !important;
    -webkit-appearance:none !important;
}


.mcc-stats-db-search input[type="search"]::placeholder{
    color:#8e98a8 !important;
    opacity:1 !important;
}


.mcc-stats-db-search input[type="search"]:focus{
    border-color:#c3b9ed !important;

    box-shadow:
        0 0 0 3px rgba(109,74,255,.055),
        0 1px 2px rgba(16,24,40,.03) !important;
}


@media (max-width:767px){

    .mcc-stats-db-search{
        width:100% !important;
    }

}


/* =========================================================
   SEARCH ALIGNMENT FIX
   ========================================================= */

.mcc-stats-db-search{
    position:relative !important;
    display:flex !important;
    align-items:center !important;

    width:300px !important;
    height:42px !important;

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


/* icon position */

.mcc-stats-db-search-icon{
    position:absolute !important;

    left:14px !important;
    top:50% !important;

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

    transform:translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    line-height:0 !important;

    pointer-events:none !important;
    z-index:3 !important;
}


.mcc-stats-db-search-icon svg{
    width:16px !important;
    height:16px !important;

    min-width:16px !important;
    min-height:16px !important;

    display:block !important;

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

    fill:none !important;
    stroke:#8f99a8 !important;
    stroke-width:1.8 !important;

    transform:none !important;
}


/* input */

.mcc-stats-db-search input[type="search"]{
    box-sizing:border-box !important;

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

    margin:0 !important;

    padding:
        0
        14px
        0
        38px !important;

    border:1px solid #dde2e8 !important;
    border-radius:9px !important;

    background:#fff !important;

    color:#344054 !important;

    font-size:11px !important;
    font-weight:600 !important;
    line-height:42px !important;

    text-indent:0 !important;

    outline:none !important;

    box-shadow:
        0 1px 2px
        rgba(16,24,40,.025) !important;

    appearance:none !important;
    -webkit-appearance:none !important;
}


.mcc-stats-db-search input[type="search"]::placeholder{
    color:#8d97a6 !important;
    opacity:1 !important;
}


/* kill Flatsome/search decoration */

.mcc-stats-db-search input[type="search"]::-webkit-search-decoration,
.mcc-stats-db-search input[type="search"]::-webkit-search-cancel-button,
.mcc-stats-db-search input[type="search"]::-webkit-search-results-button,
.mcc-stats-db-search input[type="search"]::-webkit-search-results-decoration{
    display:none !important;
    -webkit-appearance:none !important;
}


/* =========================================================
   SEARCH FINAL LAYOUT - GRID
   ========================================================= */

.mcc-stats-db-search{
    position:relative !important;

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

    align-items:center !important;

    width:300px !important;
    height:42px !important;

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

    line-height:normal !important;

    overflow:visible !important;
}


/* both input and icon live in exactly same grid cell */

.mcc-stats-db-search-icon{
    position:static !important;

    grid-column:1 !important;
    grid-row:1 !important;

    align-self:center !important;
    justify-self:start !important;

    width:17px !important;
    height:17px !important;

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

    transform:none !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    display:grid !important;
    place-items:center !important;

    line-height:0 !important;

    color:#8e98a8 !important;

    pointer-events:none !important;

    z-index:5 !important;
}


/* SVG */

.mcc-stats-db-search-icon svg{
    position:static !important;

    display:block !important;

    width:17px !important;
    height:17px !important;

    min-width:17px !important;
    min-height:17px !important;

    max-width:17px !important;
    max-height:17px !important;

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

    transform:none !important;

    overflow:visible !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


/* stop theme rules from changing SVG shapes */

.mcc-stats-db-search-icon svg circle,
.mcc-stats-db-search-icon svg path{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
}


/* INPUT */

.mcc-stats-db-search input[type="search"]{
    position:static !important;

    grid-column:1 !important;
    grid-row:1 !important;

    align-self:stretch !important;

    box-sizing:border-box !important;

    display:block !important;

    width:100% !important;
    height:42px !important;
    min-height:42px !important;

    margin:0 !important;

    padding:
        0
        14px
        0
        42px !important;

    border:
        1px solid
        #dfe3e8 !important;

    border-radius:9px !important;

    background:#fff !important;

    color:#344054 !important;

    font-family:inherit !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:40px !important;

    text-indent:0 !important;

    outline:none !important;

    box-shadow:
        0 1px 2px
        rgba(16,24,40,.03) !important;

    transform:none !important;

    appearance:none !important;
    -webkit-appearance:none !important;

    z-index:1 !important;
}


.mcc-stats-db-search input[type="search"]::placeholder{
    color:#8d97a6 !important;
    opacity:1 !important;

    font-size:11px !important;
    font-weight:600 !important;
}


/* remove browser decorations */

.mcc-stats-db-search input[type="search"]::-webkit-search-decoration,
.mcc-stats-db-search input[type="search"]::-webkit-search-cancel-button,
.mcc-stats-db-search input[type="search"]::-webkit-search-results-button,
.mcc-stats-db-search input[type="search"]::-webkit-search-results-decoration{
    display:none !important;
    -webkit-appearance:none !important;
}


@media (max-width:767px){

    .mcc-stats-db-search{
        width:100% !important;
    }

}


/* =========================================================
   DB META CARD - MATCH REFERENCE
   ========================================================= */

.mcc-stats-db-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:18px !important;

    min-width:258px !important;
    height:64px !important;

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

    border:1px solid #edf0f4 !important;
    border-radius:11px !important;

    background:#fff !important;

    box-shadow:
        0 1px 3px rgba(16,24,40,.025) !important;
}


/* each stat */

.mcc-stats-db-meta-item{
    display:flex !important;
    align-items:center !important;

    gap:10px !important;

    min-width:88px !important;
}


/* icon block */

.mcc-stats-db-meta-icon{
    display:grid !important;
    place-items:center !important;

    width:34px !important;
    height:34px !important;

    flex:0 0 34px !important;

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

    border-radius:9px !important;

    background:#f7f8fa !important;
    color:#697586 !important;

    line-height:0 !important;
}


.mcc-stats-db-meta-icon svg{
    display:block !important;

    width:19px !important;
    height:19px !important;

    min-width:19px !important;
    min-height:19px !important;

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

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.75 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;

    transform:none !important;
}


/* number + label */

.mcc-stats-db-meta-item > span:last-child{
    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:center !important;

    gap:4px !important;

    min-width:0 !important;
}


.mcc-stats-db-meta strong{
    display:block !important;

    margin:0 !important;

    color:#111827 !important;

    font-size:17px !important;
    line-height:17px !important;
    font-weight:700 !important;

    letter-spacing:-.02em !important;
}


.mcc-stats-db-meta small{
    display:block !important;

    margin:0 !important;

    color:#929baa !important;

    font-size:12px !important;
    line-height:11px !important;
    font-weight:500 !important;

    white-space:nowrap !important;
}


/* center separator dot */

.mcc-stats-db-meta > i{
    display:block !important;

    width:4px !important;
    height:4px !important;

    flex:0 0 4px !important;

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

    border-radius:50% !important;

    background:#aab1bc !important;
}


/* prevent old styles */

.mcc-stats-db-meta span{
    line-height:normal !important;
}


/* mobile */

@media (max-width:767px){

    .mcc-stats-db-meta{
        width:100% !important;
        min-width:0 !important;
        height:62px !important;

        justify-content:flex-start !important;

        padding:0 14px !important;
        gap:14px !important;
    }

}


.mcc-stats-db-meta-item:first-child
.mcc-stats-db-meta-icon svg{
    width:20px !important;
    height:20px !important;
}

.mcc-stats-db-meta-item:last-child
.mcc-stats-db-meta-icon svg{
    width:19px !important;
    height:19px !important;
}


/* =========================================================
   STATS CATEGORY NAV - MATCH REFERENCE
   ========================================================= */

.mcc-stats-db-categories{
    display:flex !important;
    align-items:flex-end !important;

    gap:34px !important;

    height:48px !important;

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

    border:0 !important;
    border-bottom:1px solid #edf0f4 !important;

    background:#fff !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scrollbar-width:none !important;
}

.mcc-stats-db-categories::-webkit-scrollbar{
    display:none !important;
}


/* buttons */

.mcc-stats-db-categories button{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    height:48px !important;

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

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    color:#7f8999 !important;

    font-family:inherit !important;
    font-size:11px !important;
    line-height:48px !important;
    font-weight:700 !important;

    letter-spacing:0 !important;

    box-shadow:none !important;

    cursor:pointer !important;

    transition:
        color .15s ease !important;
}


/* hover */

.mcc-stats-db-categories button:hover{
    color:#4d5766 !important;
}


/* active text */

.mcc-stats-db-categories button.is-active{
    color:#6746ff !important;
    background:transparent !important;
}


/* remove any old active background */

.mcc-stats-db-categories button.is-active::before{
    display:none !important;
    content:none !important;
}


/* active underline */

.mcc-stats-db-categories button.is-active::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:-1px !important;

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

    margin:0 !important;

    border-radius:2px 2px 0 0 !important;

    background:#6d4aff !important;
}


/* mobile */

@media (max-width:767px){

    .mcc-stats-db-categories{
        gap:26px !important;
        padding:0 2px !important;
    }

    .mcc-stats-db-categories button{
        font-size:14px !important;
    }

}


.mcc-stats-db-categories button.is-active::after{
    left:-3px !important;
    right:-3px !important;
}


/* =========================================================
   TABLE LEFT GUTTER / RANK ALIGNMENT
   ========================================================= */

.mcc-stats-db-table th:first-child,
.mcc-stats-db-table td:first-child{
    width:64px !important;
    min-width:64px !important;

    padding-left:14px !important;
    padding-right:8px !important;

    text-align:center !important;
}

.mcc-stats-db-rank{
    width:64px !important;
    min-width:64px !important;
}

.mcc-stats-db-table tbody tr:nth-child(-n+3)
.mcc-stats-db-rank::before{
    left:calc(50% + 3px) !important;
}

/* player column stays aligned after rank gutter */

.mcc-stats-db-table th:nth-child(2){
    width:330px !important;
}


/* =========================================================
   PLAYER RATING
   ========================================================= */

.mcc-stats-db-table th:last-child{
    min-width:92px;
}

.mcc-stats-db-table td:last-child{
    color:#111827;
    font-weight:700;
}


/* =========================================================
   PLAYER RATING UI
   ========================================================= */

.mcc-rating{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    min-width:62px;

    color:#111827;

    font-variant-numeric:tabular-nums;
}

.mcc-rating i{
    display:block;

    width:13px;
    height:13px;

    flex:0 0 13px;

    border-radius:2px;

    background:#98a2b3;

    box-shadow:
        inset 0 0 0 1px
        rgba(0,0,0,.08);
}

.mcc-rating strong{
    color:#111827;

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

    font-weight:700;

    letter-spacing:-.01em;
}


/* 9.00+ */

.mcc-rating.is-elite i{
    background:#5757ee;
}


/* 8.00 - 8.99 */

.mcc-rating.is-excellent i{
    background:#17a9bd;
}


/* 7.00 - 7.99 */

.mcc-rating.is-good i{
    background:#16b84e;
}


/* 6.00 - 6.99 */

.mcc-rating.is-average i{
    background:#f5b72d;
}


/* below 6 */

.mcc-rating.is-low i{
    background:#ef4444;
}


/* missing */

.mcc-rating.is-na{
    color:#98a2b3;
}

.mcc-rating.is-na i{
    display:none;
}

.mcc-rating.is-na strong{
    color:#98a2b3;
}


/* rating column */

.mcc-stats-db-table th:last-child,
.mcc-stats-db-table td:last-child{
    width:100px !important;
    min-width:100px !important;

    text-align:center !important;
}


/* =========================================================
   DATABASE TITLE ALIGNMENT
   ========================================================= */

.mcc-stats-db-title{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    min-height:44px;

    width:100%;
    margin:0;
    text-align:left;
}

.mcc-stats-db-title > div{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
}

.mcc-stats-db-title h2,
.mcc-stats-db-title strong{
    margin-left:0;
    margin-right:0;
    text-align:left;
}

.mcc-stats-db-title p,
.mcc-stats-db-title span{
    text-align:left;
}

@media (max-width: 767px){

    .mcc-stats-db-title{
        justify-content:flex-start !important;
        align-self:stretch;
        width:100%;
        padding-left:0;
        padding-right:0;
        text-align:left !important;
    }

}

/* =========================================================
   MOBILE SOFASCORE STYLE LEADERBOARDS
   ========================================================= */

.mcc-stats-mobile-leaders{
    display:none;
}

@media (max-width:767px){

    /* hide desktop table on phone */

    .mcc-stats-db-table-shell,
    .mcc-stats-db-footer{
        display:none !important;
    }


    .mcc-stats-mobile-leaders{
        display:block;

        margin-top:10px;

        background:#f4f5f7;
    }


    .mcc-mobile-leader-card{
        margin:0 0 10px;

        padding:14px;

        border:1px solid #eaecf0;
        border-radius:14px;

        background:#fff;
    }


    .mcc-mobile-leader-card > header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        min-height:30px;

        margin-bottom:6px;
    }


    .mcc-mobile-leader-card > header strong{
        color:#262b33;

        font-size:14px;
        line-height:1.2;
        font-weight:600;
    }


    .mcc-mobile-leader-card > header button{
        appearance:none;

        margin:0;
        padding:0;

        border:0;

        background:transparent;

        color:#5260ff;

        font-size:12px;
        font-weight:700;

        cursor:pointer;
    }


    .mcc-mobile-leader-row{
        display:grid;

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

        align-items:center;

        gap:10px;

        min-height:57px;

        border-bottom:1px solid #f0f1f3;
    }


    .mcc-mobile-leader-row:last-child{
        border-bottom:0;
    }


    .mcc-mobile-leader-avatar{
        width:38px;
        height:38px;

        display:grid;
        place-items:center;

        overflow:hidden;

        border:1px solid #e4e7ec;
        border-radius:50%;

        background:#f6f7f8;
    }


    .mcc-mobile-leader-avatar img{
        width:100%;
        height:100%;

        object-fit:contain;
    }


    .mcc-mobile-leader-copy{
        min-width:0;
    }


    .mcc-mobile-leader-copy > strong{
        display:block;

        overflow:hidden;

        color:#20242b;

        font-size:14px;
        line-height:1.2;
        font-weight:600;

        white-space:nowrap;
        text-overflow:ellipsis;
    }


    .mcc-mobile-leader-copy small{
        display:flex;
        align-items:center;

        gap:5px;

        margin-top:4px;

        overflow:hidden;

        color:#9a9fa8;

        font-size:11px;

        white-space:nowrap;
        text-overflow:ellipsis;
    }


    .mcc-mobile-leader-copy small img{
        width:13px;
        height:13px;

        object-fit:contain;
    }


    .mcc-mobile-stat-value{
        min-width:30px;

        color:#252a32;

        font-size:16px;
        font-weight:600;

        text-align:right;
    }


    .mcc-mobile-rating{
        display:flex;
        align-items:center;
    }


    .mcc-mobile-rating i{
        width:16px;
        height:16px;

        display:block;

        border-radius:2px;
    }


    .mcc-mobile-rating strong{
        min-width:34px;

        color:#20242b;

        font-size:16px;
        line-height:1;
        font-weight:700;

        text-align:right;
    }


    .mcc-mobile-rating.is-elite i{
        background:#5757ee;
    }

    .mcc-mobile-rating.is-excellent i{
        background:#16a9ba;
    }

    .mcc-mobile-rating.is-good i{
        background:#13b74c;
    }

    .mcc-mobile-rating.is-average i{
        background:#f2b329;
    }

    .mcc-mobile-rating.is-low i{
        background:#ef4444;
    }

}


/* =========================================================
   MOBILE FULL LEADERBOARD SHEET
   ========================================================= */

.mcc-leader-sheet-overlay{
    display:none;
}

@media (max-width:767px){

    html.mcc-sheet-open,
    html.mcc-sheet-open body{
        overflow:hidden !important;
    }


    .mcc-leader-sheet-overlay{
        position:fixed;

        inset:0;

        z-index:999999;

        display:flex;
        align-items:flex-end;

        background:
            rgba(15,23,42,.48);
    }


    .mcc-leader-sheet-overlay[hidden]{
        display:none !important;
    }


    .mcc-leader-sheet{
        width:100%;
        max-height:88dvh;

        overflow:hidden;

        background:#fff;

        border-radius:
            18px
            18px
            0
            0;

        box-shadow:
            0 -10px 40px
            rgba(15,23,42,.16);

        animation:
            mccSheetUp
            .2s
            ease-out;
    }


    @keyframes mccSheetUp{

        from{
            transform:translateY(25px);
            opacity:.5;
        }

        to{
            transform:translateY(0);
            opacity:1;
        }

    }


    /* handle */

    .mcc-leader-sheet-handle{
        display:flex;
        justify-content:center;

        height:18px;

        padding-top:6px;
    }


    .mcc-leader-sheet-handle i{
        display:block;

        width:44px;
        height:4px;

        border-radius:999px;

        background:#aab2bd;
    }


    /* title */

    .mcc-leader-sheet-head{
        display:flex;
        align-items:center;
        justify-content:space-between;

        min-height:48px;

        padding:0 16px 8px;
    }


    .mcc-leader-sheet-head > strong{
        color:#242830;

        font-size:17px;
        line-height:1.2;
        font-weight:900;
    }


    .mcc-leader-sheet-head button{
        appearance:none;

        width:34px;
        height:34px;

        display:grid;
        place-items:center;

        margin:0;
        padding:0;

        border:0;

        background:transparent;

        color:#5260ff;

        cursor:pointer;
    }


    .mcc-leader-sheet-head svg{
        width:22px;
        height:22px;

        fill:none;
        stroke:currentColor;
        stroke-width:2.2;
        stroke-linecap:round;
    }


    /* info notice */

    .mcc-leader-sheet-notice{
        display:grid;

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

        align-items:center;

        gap:10px;

        margin:0 8px 8px;

        padding:10px 10px;

        border-radius:9px;

        background:#f2f3f5;
    }


    .mcc-leader-sheet-notice[hidden]{
        display:none !important;
    }


    .mcc-sheet-info{
        width:26px;
        height:26px;

        display:grid;
        place-items:center;

        color:#8a919c;
    }


    .mcc-sheet-info svg{
        width:21px;
        height:21px;

        fill:none;
        stroke:currentColor;
        stroke-width:1.6;
    }


    .mcc-leader-sheet-notice p{
        margin:0;

        color:#4f545d;

        font-size:11px;
        line-height:1.25;
        font-weight:600;
    }


    .mcc-leader-sheet-notice > button{
        appearance:none;

        width:26px;
        height:26px;

        margin:0;
        padding:0;

        border:0;

        background:transparent;

        color:#4e535a;

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

        cursor:pointer;
    }


    /* scrolling list */

    .mcc-leader-sheet-list{
        max-height:
            calc(
                88dvh
                -
                132px
            );

        overflow-y:auto;
        overscroll-behavior:contain;

        padding:
            4px
            14px
            22px;
    }


    /* player row */

    .mcc-sheet-player-row{
        display:grid;

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

        align-items:center;

        gap:9px;

        min-height:58px;
    }


    .mcc-sheet-rank{
        color:#69717d;

        font-size:11px;
        font-weight:700;

        text-align:center;
    }


    .mcc-sheet-avatar{
        width:40px;
        height:40px;

        display:grid;
        place-items:center;

        overflow:hidden;

        border:1px solid #e3e5e8;
        border-radius:50%;

        background:#fff;
    }


    .mcc-sheet-avatar img{
        width:100%;
        height:100%;

        object-fit:contain;
    }


    .mcc-sheet-player-copy{
        min-width:0;
    }


    .mcc-sheet-player-copy > strong{
        display:block;

        overflow:hidden;

        color:#4a4f57;

        font-size:13px;
        line-height:1.15;
        font-weight:700;

        white-space:nowrap;
        text-overflow:ellipsis;
    }


    .mcc-sheet-player-copy small{
        display:flex;
        align-items:center;

        gap:5px;

        margin-top:3px;

        overflow:hidden;

        color:#9aa0a8;

        font-size:10px;

        white-space:nowrap;
        text-overflow:ellipsis;
    }


    .mcc-sheet-player-copy small img{
        width:13px;
        height:13px;

        object-fit:contain;
    }


    /* rating */

    .mcc-sheet-rating{
        display:flex;
        align-items:center;

        gap:6px;

        min-width:58px;

        justify-content:flex-end;
    }


    .mcc-sheet-rating i{
        width:14px;
        height:14px;

        flex:0 0 14px;

        border-radius:1px;
    }


    .mcc-sheet-rating strong{
        color:#30343a;

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

        font-variant-numeric:
            tabular-nums;
    }


    .mcc-sheet-rating.is-elite i{
        background:#5757ee;
    }

    .mcc-sheet-rating.is-excellent i{
        background:#17a9bd;
    }

    .mcc-sheet-rating.is-good i{
        background:#13bb37;
    }

    .mcc-sheet-rating.is-average i{
        background:#efb229;
    }

    .mcc-sheet-rating.is-low i{
        background:#ef4444;
    }


    .mcc-sheet-number{
        min-width:35px;

        color:#30343a;

        font-size:14px;
        font-weight:600;

        text-align:right;
    }

}


/* =========================================================
   PLAYER AVATAR FALLBACK
   ========================================================= */

.mcc-sheet-avatar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
}

.mcc-sheet-avatar > img,
.mcc-player-avatar-fallback{
    width:42px;
    height:42px;
    border-radius:50%;
}

.mcc-sheet-avatar > img{
    display:block;
    object-fit:cover;
    background:#f8fafc;
    border:1px solid #e5e7eb;
}

.mcc-player-avatar-fallback{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(
        145deg,
        #f8fafc 0%,
        #eef1f5 100%
    );
    border:1px solid #e1e5eb;
}

.mcc-player-avatar-fallback svg{
    display:block;
    width:22px;
    height:22px;
    fill:none;
    stroke:#98a2b3;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* =========================================================
   MOBILE INTERNAL STATS SWITCH
   estilo compacto / pill
   ========================================================= */

@media (max-width:767px){

    .mcc-stats-internal-tabs{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:max-content !important;
        max-width:calc(100% - 24px) !important;

        min-height:34px !important;

        margin:
            12px
            auto
            16px !important;

        padding:3px !important;

        gap:0 !important;

        border:0 !important;
        border-radius:999px !important;

        background:#f1f2f4 !important;

        box-shadow:none !important;
    }


    /* hide icons to match reference */

    .mcc-stats-internal-tab svg{
        display:none !important;
    }


    .mcc-stats-internal-tab{
        appearance:none !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 auto !important;

        width:auto !important;
        min-width:108px !important;
        height:30px !important;
        min-height:30px !important;

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

        border:0 !important;
        border-radius:999px !important;

        background:transparent !important;

        color:#272b31 !important;

        font-family:inherit !important;
        font-size:10px !important;
        line-height:30px !important;
        font-weight:800 !important;

        letter-spacing:0 !important;

        box-shadow:none !important;

        cursor:pointer !important;

        transition:
            background .15s ease,
            color .15s ease !important;
    }


    .mcc-stats-internal-tab span{
        display:block !important;

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

        line-height:30px !important;

        white-space:nowrap !important;
    }


    /* ACTIVE */

    .mcc-stats-internal-tab.is-active{
        background:#202226 !important;

        color:#fff !important;

        box-shadow:
            0 1px 3px
            rgba(15,23,42,.14) !important;
    }


    .mcc-stats-internal-tab.is-active span{
        color:#fff !important;
    }


    /* remove any old active decorations */

    .mcc-stats-internal-tab::before,
    .mcc-stats-internal-tab::after,
    .mcc-stats-internal-tab.is-active::before,
    .mcc-stats-internal-tab.is-active::after{
        display:none !important;
        content:none !important;
    }

}


/* =========================================================
   DESKTOP INTERNAL STATS SWITCH
   same visual language as mobile
   ========================================================= */

@media (min-width:768px){

    .mcc-stats-internal-tabs{
        display:inline-flex !important;
        align-items:center !important;

        width:auto !important;
        min-height:38px !important;

        margin:
            18px
            0
            18px !important;

        padding:4px !important;

        gap:2px !important;

        border:0 !important;
        border-radius:999px !important;

        background:#f1f2f4 !important;

        box-shadow:none !important;
    }


    .mcc-stats-internal-tab{
        appearance:none !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:7px !important;

        width:auto !important;
        min-width:145px !important;
        height:32px !important;
        min-height:32px !important;

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

        border:0 !important;
        border-radius:999px !important;

        background:transparent !important;

        color:#414852 !important;

        font-family:inherit !important;
        font-size:10px !important;
        line-height:32px !important;
        font-weight:800 !important;

        letter-spacing:0 !important;

        box-shadow:none !important;

        cursor:pointer !important;

        transition:
            background .15s ease,
            color .15s ease,
            box-shadow .15s ease !important;
    }


    .mcc-stats-internal-tab svg{
        display:block !important;

        width:15px !important;
        height:15px !important;

        flex:0 0 15px !important;

        margin:0 !important;

        fill:none !important;
        stroke:currentColor !important;
        stroke-width:1.8 !important;
        stroke-linecap:round !important;
        stroke-linejoin:round !important;
    }


    .mcc-stats-internal-tab span{
        margin:0 !important;
        padding:0 !important;

        line-height:32px !important;

        white-space:nowrap !important;
    }


    /* ACTIVE */

    .mcc-stats-internal-tab.is-active{
        background:#202226 !important;

        color:#fff !important;

        box-shadow:
            0 1px 3px
            rgba(15,23,42,.15) !important;
    }


    .mcc-stats-internal-tab.is-active span,
    .mcc-stats-internal-tab.is-active svg{
        color:#fff !important;
        stroke:#fff !important;
    }


    /* remove all legacy decoration */

    .mcc-stats-internal-tab::before,
    .mcc-stats-internal-tab::after,
    .mcc-stats-internal-tab.is-active::before,
    .mcc-stats-internal-tab.is-active::after{
        display:none !important;
        content:none !important;
    }

}