﻿/* ========================================= */
/* --- Infinity HOLO STYLES ---       */
/* ========================================= */

/* Fondos y Bordes Base para la rareza Infinity */
[data-rarity="Infinity"] .card-root {
    border-color: #fde047; /* Dorado/Amarillo característico */
    background: linear-gradient(to bottom, #1a1d24, #422006);
}

[data-rarity="Infinity"] .card-bg {
    border-color: #fde047; /* Usa tu fondo personalizado si lo tienes */
    background-size: cover;
}

[data-rarity="Infinity"] .card-overlay {
    background: rgba(0,0,0,0.2);
}

/* Arte de la Carta */
[data-rarity="Infinity"] .card-art {
    border-color: rgba(253, 224, 71, 0.6);
}

/* Etiqueta Inferior */
.rarity-pill.Infinity {
    color: #422006;
    border-color: #fde047;
    background: linear-gradient(90deg, rgba(253, 224, 71, 0.8), rgba(250, 204, 21, 0.8));
    box-shadow: 0 0 8px rgba(253, 224, 71, 0.5);
}

/* ========================================= */
/* SHINE LAYERS (Efecto Principal)           */
/* ========================================= */

[data-rarity="Infinity"] .fx-trainer-gallery {
    display: block;
    --space: 5%;
    --angle: -22deg;
    --imgsize: 300% 400%;
    background-image: repeating-linear-gradient( var(--angle), hsla(283, 49%, 60%, 0.75) calc(var(--space)*1), hsla(2, 74%, 59%, 0.75) calc(var(--space)*2), hsla(53, 67%, 53%, 0.75) calc(var(--space)*3), hsla(93, 56%, 52%, 0.75) calc(var(--space)*4), hsla(176, 38%, 50%, 0.75) calc(var(--space)*5), hsla(228, 100%, 77%, 0.75) calc(var(--space)*6), hsla(283, 49%, 61%, 0.75) calc(var(--space)*7) );
    background-blend-mode: color-dodge;
    background-size: var(--imgsize);
    background-position: 0% var(--pointer-y), var(--pointer-x) var(--pointer-y);
    /* Reemplazamos --pointer-from-center por --hyp */
    filter: brightness(calc((var(--hyp)*0.3) + 0.5)) contrast(2.3) saturate(1);
    mix-blend-mode: color-dodge;
    opacity: var(--opacity);
}

    /* Sub-capa AFTER: Resplandor Central */
    [data-rarity="Infinity"] .fx-trainer-gallery:after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient( farthest-corner ellipse at calc( ((var(--pointer-num-x)) * 0.5%) + 25% ) calc( ((var(--pointer-num-y)) * 0.5%) + 25% ), hsl(0, 0%, 100%) 5%, hsla(300, 100%, 11%, 0.6) 40%, hsl(0, 0%, 22%) 120% );
        background-position: center center;
        background-size: 400% 500%;
        filter: brightness(calc((var(--hyp)*0.2) + 0.4)) contrast(.85) saturate(1.1);
        mix-blend-mode: hard-light;
    }

/* ========================================= */
/* GLARE LAYERS                              */
/* ========================================= */

[data-rarity="Infinity"] .card__glare {
    background-image: radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 1) 10%, hsla(0, 0%, 100%, 0.6) 35%, hsla(180, 11%, 35%, 1) 60% );
    mix-blend-mode: soft-light;
    opacity: calc( (0.2 * var(--opacity)) + var(--opacity) * var(--hyp) * 0.8 );
}

/* Borde Resplandeciente Reactivo */
[data-rarity="Infinity"] .card-border {
    border-color: #fde047;
    box-shadow: 0 0 15px rgba(253, 224, 71, 0.6), inset 0 0 10px rgba(253, 224, 71, 0.4);
    opacity: calc(var(--opacity) * 0.8);
}
