/* =========================================
   THEME: VALORANT
========================================= */
:root {
    /* RAW RGB VALUES FOR DYNAMIC ALPHA BLENDING */
    --color-primary: 253, 69, 86;    /* Radiant Red */
    --color-secondary: 29, 235, 145; /* Radianite Green */
    --color-tertiary: 0, 243, 255;   /* Tech Cyan */
    --color-special: 255, 238, 170;  /* Flash Gold */

    /* IMAGE ASSETS & SIZING */
    --dynamic-bg: url('images/wall2.webp');
    --card-ratio: 3 / 4;
    --img-anchor: top center;
         --bg-blend: normal;   /* Removes the harsh black overlay mixing */
    --bg-opacity: 0.2; 
}
/* =========================================
   VALORANT THEME: TRANSPARENT PNG FIX (ALL MODES)
========================================= */

/* 1. Apply the glowing tech background to ALL card containers and modals */
.card-wrapper, 
.gallery-card, 
.battle-side,
.special-card-v4,
.modal-content {
    background: radial-gradient(circle at center, rgba(var(--color-primary), 0.12) 0%, #0d0d12 70%);
    border: 1px solid rgba(var(--color-primary), 0.3);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(var(--color-primary), 0.05);
}

/* 2. Apply the drop-shadow to ALL transparent character images so they lift off the background */
.idol-img, 
.gallery-card img, 
.battle-img,
.special-char-img,
.modal-card img {
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.6));
}