/* =============================================
   CDV PROFILE HOME GLASS V1
============================================= */

@keyframes cdvProfileGlassReveal {
    from {
        opacity: 0;

        transform:
            translateY(18px)
            scale(.985);

        filter:
            blur(4px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);

        filter:
            blur(0);
    }
}


/* Toutes les cartes internes de la fiche. */

.player-v2 .pv-card {
    isolation: isolate;

    overflow: hidden !important;

    border:
        1px solid
        rgba(255,255,255,.08) !important;

    border-radius:
        18px !important;

    background:
        radial-gradient(
            circle at 108% -15%,
            rgba(115,91,255,.18),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(18,20,34,.72),
            rgba(7,9,18,.55)
        ) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(118%);

    backdrop-filter:
        blur(18px)
        saturate(118%);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),

        0 16px 46px
        rgba(0,0,0,.15) !important;

    animation:
        cdvProfileGlassReveal
        .60s
        cubic-bezier(.2,.72,.2,1)
        both;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}


/* Apparition légèrement décalée des cartes. */

.player-v2 .pv-card:nth-child(1) {
    animation-delay: 40ms;
}

.player-v2 .pv-card:nth-child(2) {
    animation-delay: 100ms;
}

.player-v2 .pv-card:nth-child(3) {
    animation-delay: 160ms;
}

.player-v2 .pv-card:nth-child(4) {
    animation-delay: 220ms;
}

.player-v2 .pv-card:nth-child(5) {
    animation-delay: 280ms;
}

.player-v2 .pv-card:nth-child(6) {
    animation-delay: 340ms;
}

.player-v2 .pv-card:nth-child(7) {
    animation-delay: 400ms;
}

.player-v2 .pv-card:nth-child(8) {
    animation-delay: 460ms;
}


/* Survol identique aux vignettes de l’accueil. */

.player-v2 .pv-card:hover {
    transform:
        translateY(-4px) !important;

    border-color:
        rgba(151,130,255,.35) !important;

    background:
        radial-gradient(
            circle at 102% -8%,
            rgba(128,99,255,.24),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(22,23,43,.78),
            rgba(9,10,22,.63)
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035),

        0 25px 65px
        rgba(0,0,0,.24),

        0 0 48px
        rgba(104,78,224,.055) !important;
}


/* Les petites cartes statistiques suivent le même rendu. */

.player-v2 .pv-record-item,
.player-v2 .pv-mini-stat,
.player-v2 .pv-history-item,
.player-v2 .pv-game-row {
    border-color:
        rgba(255,255,255,.065) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.027),
            rgba(255,255,255,.012)
        ) !important;

    transition:
        background .20s ease,
        border-color .20s ease,
        transform .20s ease;
}

.player-v2 .pv-record-item:hover,
.player-v2 .pv-mini-stat:hover,
.player-v2 .pv-history-item:hover,
.player-v2 .pv-game-row:hover {
    border-color:
        rgba(151,130,255,.20) !important;

    background:
        rgba(255,255,255,.04) !important;
}


/* Titres conservés au-dessus des halos. */

.player-v2 .pv-card > * {
    position: relative;
    z-index: 2;
}


/* Graphiques et barres légèrement illuminés au survol. */

.player-v2 .pv-card
.pv-bar-fill,
.player-v2 .pv-card
.pv-progress-fill {
    transition:
        filter .24s ease,
        box-shadow .24s ease,
        transform .24s ease;
}

.player-v2 .pv-card:hover
.pv-bar-fill,
.player-v2 .pv-card:hover
.pv-progress-fill {
    filter:
        saturate(1.10)
        brightness(1.07);

    box-shadow:
        0 0 15px
        rgba(131,98,255,.20);
}


/* La grande zone d’identité est également harmonisée. */

.player-v2 .pv-hero,
.player-v2 .pv-profile-hero,
.player-v2 .pv-header {
    border-color:
        rgba(255,255,255,.08) !important;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(115,91,255,.16),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            rgba(18,20,34,.70),
            rgba(7,9,18,.54)
        ) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(118%);

    backdrop-filter:
        blur(18px)
        saturate(118%);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),

        0 18px 52px
        rgba(0,0,0,.16) !important;
}


/* Mobile */

@media (max-width: 650px) {
    .player-v2 .pv-card:hover {
        transform:
            translateY(-2px) !important;
    }
}


/* Accessibilité */

@media (prefers-reduced-motion: reduce) {
    .player-v2 .pv-card {
        animation: none !important;
    }

    .player-v2 .pv-card,
    .player-v2 .pv-record-item,
    .player-v2 .pv-mini-stat,
    .player-v2 .pv-history-item,
    .player-v2 .pv-game-row {
        transition: none !important;
    }
}
