/* =========================================================
   PAGE CLASSEMENT V2
========================================================= */

.ranking-v2 {

    width:
        min(
            1320px,
            calc(100% - 48px)
        );

    margin:
        44px auto
        100px;

    --ranking-gold:
        242, 198, 104;

    --ranking-silver:
        197, 211, 226;

    --ranking-bronze:
        205, 126, 76;

    --ranking-blue:
        88, 212, 255;

    --ranking-violet:
        151, 119, 255;
}


/* =========================================================
   HERO COMPACT
========================================================= */

.ranking-v2-hero {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(
            0,
            1.45fr
        )
        minmax(
            300px,
            .75fr
        );

    align-items: center;

    gap: 40px;

    overflow: hidden;

    min-height: 265px;

    padding:
        44px 52px;

    border:
        1px solid
        rgba(
            161,
            143,
            220,
            .13
        );

    border-radius: 26px;

    background:

        radial-gradient(
            540px circle
            at
            14% 115%,

            rgba(
                var(--ranking-violet),
                .12
            ),

            transparent 68%
        ),

        radial-gradient(
            420px circle
            at
            92% 50%,

            rgba(
                var(--ranking-gold),
                .075
            ),

            transparent 70%
        ),

        linear-gradient(
            130deg,

            rgba(
                18,
                19,
                37,
                .92
            ),

            rgba(
                7,
                9,
                23,
                .92
            )
        );

    box-shadow:

        inset
        0 1px 0
        rgba(
            255,
            255,
            255,
            .045
        ),

        0 30px 72px
        rgba(
            0,
            0,
            0,
            .30
        );
}


.ranking-v2-hero::before {

    content: "";

    position: absolute;

    left: 9%;
    right: 9%;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(
                var(--ranking-violet),
                .65
            ),

            rgba(
                var(--ranking-gold),
                .55
            ),

            transparent
        );
}


.ranking-v2-hero::after {

    content: "#1";

    position: absolute;

    right: 5%;
    top: 50%;

    color:
        rgba(
            var(--ranking-gold),
            .032
        );

    font-size:
        clamp(
            150px,
            15vw,
            240px
        );

    font-weight: 1000;
    line-height: .8;
    letter-spacing: -.10em;

    transform:
        translateY(-50%);

    pointer-events: none;
}


.ranking-v2-hero-copy,
.ranking-v2-hero-stats {

    position: relative;

    z-index: 2;
}


.ranking-v2-eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        rgba(
            216,
            207,
            235,
            .42
        );

    font-size: 8px;
    font-weight: 950;
    letter-spacing: .24em;

    text-transform: uppercase;
}


.ranking-v2-eyebrow::before {

    content: "";

    width: 30px;
    height: 1px;

    background:
        linear-gradient(
            90deg,

            rgb(
                var(--ranking-violet)
            ),

            transparent
        );
}


.ranking-v2-title {

    margin:
        14px 0 13px;

    color: #ffffff;

    font-size:
        clamp(
            48px,
            6vw,
            80px
        );

    font-weight: 950;
    line-height: .88;
    letter-spacing: -.065em;
}


.ranking-v2-title span {

    color: transparent;

    background:
        linear-gradient(
            110deg,

            #ffffff,

            #d8ccff 50%,

            #a88aff
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;
}


.ranking-v2-description {

    max-width: 620px;

    color:
        rgba(
            220,
            215,
            233,
            .48
        );

    font-size: 13px;
    line-height: 1.75;
}


.ranking-v2-hero-stats {

    display: grid;

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

    gap: 12px;
}


.ranking-v2-hero-stat {

    min-height: 94px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        17px;

    border:
        1px solid
        rgba(
            158,
            141,
            215,
            .10
        );

    border-radius: 16px;

    background:
        rgba(
            8,
            10,
            25,
            .48
        );

    box-shadow:
        inset
        0 1px 0
        rgba(
            255,
            255,
            255,
            .03
        );
}


.ranking-v2-hero-stat strong {

    color: #ffffff;

    font-size: 29px;
    font-weight: 950;
    line-height: 1;
}


.ranking-v2-hero-stat span {

    margin-top: 9px;

    color:
        rgba(
            218,
            210,
            233,
            .35
        );

    font-size: 7px;
    font-weight: 900;
    letter-spacing: .13em;

    text-transform: uppercase;
}


/* =========================================================
   PODIUM
========================================================= */

.ranking-v2-podium {

    display: grid;

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

    align-items: end;

    gap: 16px;

    margin-top: 32px;
}


.ranking-v2-podium-card {

    position: relative;

    min-height: 245px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    overflow: hidden;

    padding:
        28px;

    border:
        1px solid
        rgba(
            var(--podium-color),
            .17
        );

    border-radius: 22px;

    color: inherit;
    text-decoration: none;

    background:

        radial-gradient(
            300px circle
            at
            50% 112%,

            rgba(
                var(--podium-color),
                .13
            ),

            transparent 68%
        ),

        linear-gradient(
            145deg,

            rgba(
                18,
                19,
                36,
                .92
            ),

            rgba(
                7,
                9,
                23,
                .94
            )
        );

    box-shadow:

        inset
        0 1px 0
        rgba(
            255,
            255,
            255,
            .035
        ),

        0 25px 55px
        rgba(
            0,
            0,
            0,
            .26
        );

    transform: none;

    transition:

        border-color .25s ease,

        box-shadow .25s ease;
}


.ranking-v2-podium-card:hover {

    border-color:
        rgba(
            var(--podium-color),
            .34
        );

    box-shadow:

        inset
        0 1px 0
        rgba(
            255,
            255,
            255,
            .045
        ),

        0 30px 64px
        rgba(
            0,
            0,
            0,
            .32
        ),

        0 0 36px
        rgba(
            var(--podium-color),
            .07
        );
}


.ranking-v2-podium-card.first {

    --podium-color:
        var(--ranking-gold);

    min-height: 285px;

    order: 2;
}


.ranking-v2-podium-card.second {

    --podium-color:
        var(--ranking-silver);

    order: 1;
}


.ranking-v2-podium-card.third {

    --podium-color:
        var(--ranking-bronze);

    order: 3;
}


.ranking-v2-podium-card::before {

    content: "";

    position: absolute;

    left: 13%;
    right: 13%;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(
                var(--podium-color),
                .88
            ),

            transparent
        );
}


.ranking-v2-podium-watermark {

    position: absolute;

    right: 18px;
    top: 15px;

    color:
        rgba(
            var(--podium-color),
            .075
        );

    font-size: 105px;
    font-weight: 1000;
    line-height: 1;
    letter-spacing: -.09em;
}


.ranking-v2-podium-position {

    position: relative;

    z-index: 2;

    width: max-content;

    padding:
        6px 9px;

    border:
        1px solid
        rgba(
            var(--podium-color),
            .20
        );

    border-radius: 999px;

    color:
        rgb(
            var(--podium-color)
        );

    background:
        rgba(
            var(--podium-color),
            .07
        );

    font-size: 8px;
    font-weight: 950;
    letter-spacing: .10em;
}


.ranking-v2-podium-name {

    position: relative;

    z-index: 2;

    margin-top: 18px;

    overflow: hidden;

    color: #ffffff;

    font-size:
        clamp(
            25px,
            2.5vw,
            37px
        );

    font-weight: 950;
    line-height: 1;
    letter-spacing: -.045em;

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


.ranking-v2-podium-record {

    position: relative;

    z-index: 2;

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 20px;
}


.ranking-v2-podium-pill {

    padding:
        6px 8px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .055
        );

    border-radius: 8px;

    color:
        rgba(
            231,
            226,
            241,
            .54
        );

    background:
        rgba(
            5,
            7,
            18,
            .52
        );

    font-size: 8px;
    font-weight: 850;
}


.ranking-v2-podium-pill.highlight {

    color:
        rgb(
            var(--podium-color)
        );
}


/* =========================================================
   EN-TÊTE ET OUTILS
========================================================= */

.ranking-v2-board {

    margin-top: 58px;
}


.ranking-v2-board-head {

    display: flex;

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

    gap: 25px;

    margin-bottom: 18px;
}


.ranking-v2-board-title span {

    color:
        rgba(
            216,
            209,
            231,
            .34
        );

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .16em;

    text-transform: uppercase;
}


.ranking-v2-board-title h2 {

    margin:
        7px 0 0;

    color: #ffffff;

    font-size: 30px;
    font-weight: 950;
    letter-spacing: -.035em;
}


.ranking-v2-live-count {

    color:
        rgba(
            216,
            209,
            231,
            .36
        );

    font-size: 8px;
    font-weight: 900;
    letter-spacing: .14em;

    text-transform: uppercase;
}


.ranking-v2-tools {

    display: grid;

    grid-template-columns:
        minmax(
            220px,
            1fr
        )
        auto;

    gap: 12px;

    margin-bottom: 16px;
}


.ranking-v2-search {

    width: 100%;
    height: 48px;

    padding:
        0 17px;

    border:
        1px solid
        rgba(
            160,
            144,
            213,
            .11
        );

    border-radius: 13px;

    outline: none;

    color: #ffffff;

    background:
        rgba(
            8,
            10,
            25,
            .66
        );

    font-family: inherit;
    font-size: 12px;

    transition:
        border-color .22s ease,
        box-shadow .22s ease;
}


.ranking-v2-search::placeholder {

    color:
        rgba(
            222,
            216,
            236,
            .28
        );
}


.ranking-v2-search:focus {

    border-color:
        rgba(
            var(--ranking-violet),
            .32
        );

    box-shadow:
        0 0 0 4px
        rgba(
            var(--ranking-violet),
            .055
        );
}


.ranking-v2-filters {

    display: flex;

    align-items: center;

    gap: 5px;

    padding: 5px;

    border:
        1px solid
        rgba(
            160,
            144,
            213,
            .10
        );

    border-radius: 13px;

    background:
        rgba(
            8,
            10,
            25,
            .66
        );
}


.ranking-v2-filter {

    height: 36px;

    padding:
        0 12px;

    border: 0;
    border-radius: 9px;

    color:
        rgba(
            226,
            220,
            238,
            .40
        );

    background: transparent;

    font-family: inherit;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .09em;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        color .2s ease,
        background-color .2s ease;
}


.ranking-v2-filter:hover,
.ranking-v2-filter.active {

    color: #ffffff;

    background:
        rgba(
            var(--ranking-violet),
            .13
        );
}


/* =========================================================
   TABLEAU
========================================================= */

.ranking-v2-table {

    overflow: hidden;

    border:
        1px solid
        rgba(
            159,
            144,
            210,
            .11
        );

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,

            rgba(
                15,
                17,
                33,
                .80
            ),

            rgba(
                7,
                9,
                22,
                .84
            )
        );

    box-shadow:
        0 28px 65px
        rgba(
            0,
            0,
            0,
            .25
        );
}


.ranking-v2-row {

    position: relative;

    display: grid;

    grid-template-columns:
        90px
        minmax(
            180px,
            1.5fr
        )
        105px
        75px
        75px
        minmax(
            145px,
            .9fr
        )
        80px;

    align-items: center;

    gap: 12px;

    min-height: 76px;

    padding:
        0 26px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .045
        );
}


.ranking-v2-row:last-child {

    border-bottom: 0;
}


.ranking-v2-row.header {

    min-height: 56px;

    color:
        rgba(
            215,
            208,
            230,
            .34
        );

    background:
        rgba(
            6,
            8,
            20,
            .24
        );

    font-size: 7px;
    font-weight: 900;
    letter-spacing: .16em;

    text-transform: uppercase;
}


.ranking-v2-player-row {

    transition:
        background-color .22s ease;
}


.ranking-v2-player-row::before {

    content: "";

    position: absolute;

    left: 0;
    top: 22%;
    bottom: 22%;

    width: 2px;

    border-radius: 999px;

    background:
        rgba(
            var(--row-color, var(--ranking-violet)),
            .25
        );

    opacity: 0;

    transition:
        opacity .22s ease,
        top .22s ease,
        bottom .22s ease;
}


.ranking-v2-player-row:hover {

    background:
        rgba(
            var(--row-color, var(--ranking-violet)),
            .045
        );
}


.ranking-v2-player-row:hover::before {

    top: 12%;
    bottom: 12%;

    opacity: 1;
}


.ranking-v2-player-row.top-1 {

    --row-color:
        var(--ranking-gold);
}


.ranking-v2-player-row.top-2 {

    --row-color:
        var(--ranking-silver);
}


.ranking-v2-player-row.top-3 {

    --row-color:
        var(--ranking-bronze);
}


.ranking-v2-rank {

    color:
        rgba(
            226,
            220,
            238,
            .42
        );

    font-size: 16px;
    font-weight: 950;
}


.ranking-v2-player-row.top-1
.ranking-v2-rank {

    color:
        rgb(
            var(--ranking-gold)
        );
}


.ranking-v2-player-row.top-2
.ranking-v2-rank {

    color:
        rgb(
            var(--ranking-silver)
        );
}


.ranking-v2-player-row.top-3
.ranking-v2-rank {

    color:
        rgb(
            var(--ranking-bronze)
        );
}


.ranking-v2-player {

    overflow: hidden;

    color: #ffffff;

    font-size: 15px;
    font-weight: 900;

    text-decoration: none;

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

    transition:
        color .2s ease;
}


.ranking-v2-player:hover {

    color:
        #cfc1ff;
}


.ranking-v2-number {

    color:
        rgba(
            239,
            235,
            247,
            .78
        );

    font-size: 13px;
    font-weight: 850;
}


.ranking-v2-number.win {

    color:
        #71e9ad;
}


.ranking-v2-number.loss {

    color:
        #f18fa4;
}


.ranking-v2-number.mvp {

    color:
        #f2ce82;
}


.ranking-v2-wr {

    min-width: 0;
}


.ranking-v2-wr-value {

    color: #ffffff;

    font-size: 13px;
    font-weight: 900;
}


.ranking-v2-wr-track {

    width: 100%;
    height: 4px;

    overflow: hidden;

    margin-top: 7px;

    border-radius: 999px;

    background:
        rgba(
            255,
            255,
            255,
            .055
        );
}


.ranking-v2-wr-fill {

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,

            #7b78ff,

            #58d4ff
        );
}


.ranking-v2-empty {

    display: none;

    padding:
        40px;

    color:
        rgba(
            220,
            214,
            232,
            .45
        );

    text-align: center;

    font-size: 12px;
}


.ranking-v2-empty.visible {

    display: block;
}


.ranking-v2-player-row.is-hidden {

    display: none;
}


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

@media (max-width: 900px) {

    .ranking-v2-hero {

        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ranking-v2-podium {

        grid-template-columns: 1fr;
    }


    .ranking-v2-podium-card.first,
    .ranking-v2-podium-card.second,
    .ranking-v2-podium-card.third {

        min-height: 210px;

        order: initial;
    }


    .ranking-v2-podium-card.first {

        order: 1;
    }


    .ranking-v2-podium-card.second {

        order: 2;
    }


    .ranking-v2-podium-card.third {

        order: 3;
    }


    .ranking-v2-row {

        grid-template-columns:
            65px
            minmax(
                150px,
                1fr
            )
            70px
            70px
            minmax(
                110px,
                .8fr
            );

        padding:
            0 18px;
    }


    .ranking-v2-row
    >
    :nth-child(3),

    .ranking-v2-row
    >
    :nth-child(7) {

        display: none;
    }

}


@media (max-width: 650px) {

    .ranking-v2 {

        width:
            min(
                100% - 24px,
                1320px
            );

        margin-top: 24px;
    }


    .ranking-v2-hero {

        min-height: auto;

        padding:
            31px 24px;

        border-radius: 20px;
    }


    .ranking-v2-title {

        font-size:
            clamp(
                42px,
                14vw,
                62px
            );
    }


    .ranking-v2-hero-stats {

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


    .ranking-v2-board-head {

        align-items: flex-start;

        flex-direction: column;
    }


    .ranking-v2-tools {

        grid-template-columns: 1fr;
    }


    .ranking-v2-filters {

        overflow-x: auto;
    }


    .ranking-v2-table {

        overflow: visible;

        border: 0;
        border-radius: 0;

        background: transparent;

        box-shadow: none;
    }


    .ranking-v2-row.header {

        display: none;
    }


    .ranking-v2-player-row {

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

        min-height: 92px;

        margin-bottom: 9px;

        padding:
            0 15px;

        border:
            1px solid
            rgba(
                159,
                144,
                210,
                .10
            );

        border-radius: 15px;

        background:
            rgba(
                10,
                12,
                27,
                .76
            );
    }


    .ranking-v2-player-row
    >
    :nth-child(3),

    .ranking-v2-player-row
    >
    :nth-child(4),

    .ranking-v2-player-row
    >
    :nth-child(5),

    .ranking-v2-player-row
    >
    :nth-child(7) {

        display: none;
    }


    .ranking-v2-wr {

        text-align: right;
    }


    .ranking-v2-wr-track {

        width: 65px;

        margin-left: auto;
    }

}



/* CDV RANKING CEREMONY V1 START */


/* =========================================================
   SAISON DANS LE HERO
========================================================= */

.ranking-v2-hero-copy {

    padding-left: 25px;
}


.ranking-v2-hero-copy::before {

    content: "SAISON 01 • 2026";

    position: absolute;

    left: -42px;
    top: 50%;

    color:
        rgba(
            221,
            213,
            237,
            .19
        );

    font-size: 7px;
    font-weight: 950;
    letter-spacing: .20em;

    text-transform: uppercase;

    transform:
        translateY(-50%)
        rotate(-90deg);

    white-space: nowrap;
}


/* =========================================================
   STATUT LIVE
========================================================= */

.ranking-v2-hero-stat:last-child
strong {

    display: flex;

    align-items: center;

    gap: 9px;
}


.ranking-v2-hero-stat:last-child
strong::before {

    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: #58e6a7;

    box-shadow:
        0 0 0 5px
        rgba(
            88,
            230,
            167,
            .07
        ),

        0 0 16px
        rgba(
            88,
            230,
            167,
            .55
        );

    animation:
        cdvRankingLivePulse
        2.2s
        ease-in-out
        infinite;
}


@keyframes cdvRankingLivePulse {

    0%,
    100% {

        opacity: .58;

        transform:
            scale(.88);
    }

    50% {

        opacity: 1;

        transform:
            scale(1.08);
    }
}


/* =========================================================
   PODIUM RELIÉ
========================================================= */

.ranking-v2-podium {

    position: relative;

    isolation: isolate;

    padding-top: 28px;
}


.ranking-v2-podium::before {

    content: "";

    position: absolute;

    left: 9%;
    right: 9%;
    top: 48%;

    z-index: 0;

    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(
                var(--ranking-silver),
                .21
            )
            18%,

            rgba(
                var(--ranking-gold),
                .42
            )
            50%,

            rgba(
                var(--ranking-bronze),
                .22
            )
            82%,

            transparent
        );

    box-shadow:
        0 0 20px
        rgba(
            var(--ranking-gold),
            .07
        );
}


.ranking-v2-podium-card {

    z-index: 2;

    overflow: visible;

    padding-top: 34px;
}


/* Permet de conserver les fonds internes arrondis. */

.ranking-v2-podium-card::after {

    content: "";

    position: absolute;

    left: 10%;
    right: 10%;
    bottom: -9px;

    height: 9px;

    z-index: -1;

    border-radius:
        0 0 12px 12px;

    opacity: .55;

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(
                var(--podium-color),
                .34
            ),

            transparent
        );

    filter:
        blur(.2px);
}


/* Le champion est placé davantage en hauteur. */

.ranking-v2-podium-card.first {

    transform:
        translateY(-22px);

    box-shadow:

        inset
        0 1px 0
        rgba(
            255,
            255,
            255,
            .045
        ),

        0 35px 75px
        rgba(
            0,
            0,
            0,
            .36
        ),

        0 0 45px
        rgba(
            var(--ranking-gold),
            .07
        );
}


.ranking-v2-podium-card.first:hover {

    transform:
        translateY(-22px);
}


/* =========================================================
   MÉDAILLONS
========================================================= */

.ranking-v2-podium-avatar {

    position: relative;

    width: 78px;
    height: 78px;

    display: grid;

    place-items: center;

    overflow: hidden;

    margin-bottom: 18px;

    border:
        1px solid
        rgba(
            var(--podium-color),
            .40
        );

    border-radius: 23px;

    color:
        rgb(
            var(--podium-color)
        );

    background:
        linear-gradient(
            145deg,

            rgba(
                var(--podium-color),
                .14
            ),

            rgba(
                7,
                9,
                22,
                .94
            )
        );

    box-shadow:

        0 0 0 6px
        rgba(
            var(--podium-color),
            .035
        ),

        0 17px 32px
        rgba(
            0,
            0,
            0,
            .38
        ),

        0 0 27px
        rgba(
            var(--podium-color),
            .09
        );
}


.ranking-v2-podium-avatar::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            135deg,

            rgba(
                255,
                255,
                255,
                .13
            ),

            transparent 37%
        );
}


.ranking-v2-podium-avatar img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


.ranking-v2-podium-avatar span {

    font-size: 25px;
    font-weight: 950;
}


.ranking-v2-podium-card.first
.ranking-v2-podium-avatar {

    width: 94px;
    height: 94px;

    border-radius: 27px;

    box-shadow:

        0 0 0 7px
        rgba(
            var(--ranking-gold),
            .04
        ),

        0 20px 40px
        rgba(
            0,
            0,
            0,
            .42
        ),

        0 0 37px
        rgba(
            var(--ranking-gold),
            .13
        );
}


/* Couronne abstraite du premier. */

.ranking-v2-podium-card.first
.ranking-v2-podium-avatar::before {

    content: "✦";

    position: absolute;

    right: -10px;
    top: -14px;

    z-index: 4;

    width: 28px;
    height: 28px;

    display: grid;

    place-items: center;

    border:
        1px solid
        rgba(
            var(--ranking-gold),
            .30
        );

    border-radius: 10px;

    color:
        rgb(
            var(--ranking-gold)
        );

    background:
        rgba(
            13,
            13,
            25,
            .95
        );

    box-shadow:
        0 0 22px
        rgba(
            var(--ranking-gold),
            .17
        );

    font-size: 13px;

    animation:
        cdvChampionStar
        3.6s
        ease-in-out
        infinite;
}


@keyframes cdvChampionStar {

    0%,
    100% {

        filter:
            brightness(.85);
    }

    50% {

        filter:
            brightness(1.35);
    }
}


/* =========================================================
   SIGNATURES
========================================================= */

.ranking-v2-podium-signature {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 7px;

    margin-top: 9px;

    color:
        rgba(
            var(--podium-color),
            .72
        );

    font-size: 7px;
    font-weight: 950;
    letter-spacing: .13em;

    text-transform: uppercase;
}


.ranking-v2-podium-signature span {

    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background:
        rgb(
            var(--podium-color)
        );

    box-shadow:
        0 0 9px
        rgba(
            var(--podium-color),
            .50
        );
}


/* =========================================================
   NUMÉROS GRAVÉS
========================================================= */

.ranking-v2-podium-watermark {

    color: transparent;

    opacity: .75;

    -webkit-text-stroke:
        1px
        rgba(
            var(--podium-color),
            .13
        );

    text-shadow:
        0 0 25px
        rgba(
            var(--podium-color),
            .025
        );
}


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

@media (max-width: 900px) {

    .ranking-v2-podium {

        padding-top: 0;
    }


    .ranking-v2-podium::before {

        display: none;
    }


    .ranking-v2-podium-card.first {

        transform: none;
    }


    .ranking-v2-podium-card.first:hover {

        transform: none;
    }


    .ranking-v2-hero-copy {

        padding-left: 0;
    }


    .ranking-v2-hero-copy::before {

        display: none;
    }

}


@media (max-width: 650px) {

    .ranking-v2-podium-avatar {

        width: 70px;
        height: 70px;
    }


    .ranking-v2-podium-card.first
    .ranking-v2-podium-avatar {

        width: 82px;
        height: 82px;
    }

}


/* =========================================================
   ACCESSIBILITÉ
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ranking-v2-hero-stat:last-child
    strong::before,

    .ranking-v2-podium-card.first
    .ranking-v2-podium-avatar::before {

        animation: none !important;
    }

}


/* CDV RANKING CEREMONY V1 END */