/* =========================================
   THEME: HONKAI STAR RAIL
========================================= */
:root {
    /* RAW RGB VALUES FOR DYNAMIC ALPHA BLENDING */
    --color-primary: 220, 175, 105;  /* Astral Gold */
    --color-secondary: 50, 85, 165;  /* Cosmic Blue */
    --color-tertiary: 140, 90, 210;  /* Quantum Purple */
    --color-special: 255, 153, 0;  /* Stellar Silver */

    /* IMAGE ASSETS & SIZING */
    --dynamic-bg: url('images/hsr-bg.webp');
    --card-ratio: 2 / 3;
    --img-anchor: top center;
     --bg-blend: normal;   /* Removes the harsh black overlay mixing */
    --bg-opacity: 0.15;  
}
/* =========================================
   HSR THEME: OPAQUE CARD DEPTH & BORDERS
========================================= */

/* 1. Add Astral Gold borders and subtle outer glow to all card containers */
.card-wrapper,
.gallery-card,
.battle-side,
.special-card-v4,
.modal-content {
    border: 1px solid rgba(var(--color-primary), 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(var(--color-primary), 0.15);
    position: relative;
}

/* 2. Strip any leftover transparent drop-shadows since these images are solid */
.idol-img,
.gallery-card img,
.battle-img,
.special-char-img,
.modal-card img {
    filter: none; 
}

/* 3. Inject a Vignette (inner shadow) overlay to blend the flat background edges */
.card-wrapper::before,
.gallery-card::before,
.battle-side::before,
.special-card-v4::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.95);
    border-radius: inherit;
    pointer-events: none; /* Prevents the shadow from blocking clicks */
    z-index: 2;
}