/* ==========================================
   AVRB MASTER STYLES - SHARED ACROSS ALL CARDS
   ========================================== */

/* --- LEAGUE HEADER ANIMATION (DOUBLE RADAR SWIRL) --- */
.animated-header-wrapper {
    position: relative;
    display: inline-block;
    height: 190px;
}

#top-images-wrapper {
    opacity: 1 !important;
    /* Promote to its own compositing layer so repaints below it don't affect it */
    will-change: transform;
    transform: translateZ(0);
    isolation: isolate;
    position: absolute; top: 50px; left: 0; width: 100%; height: 150px; z-index: 100; text-align: center;
}

.red-flow-bg {
    position: absolute;
    top: 16px; bottom: 22px; left: 34px; right: 34px; 
    border-radius: 10px; 
    z-index: 1; 
    overflow: hidden; 
    background-color: #0a0000; /* Deep black-red base */
}

/* The oversized spinning double-beam wheel */
.red-flow-bg::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 2000px; height: 2000px;
    margin-top: -1000px; margin-left: -1000px;
    
    /* Two bright red peaks exactly 180 degrees apart */
    background: conic-gradient(
        from 0deg,
        #ff0000 0%,    /* Beam 1 Peak */
        rgba(10, 0, 0, 1) 15%,    /* Fade to dark */
        rgba(10, 0, 0, 1) 35%,    /* Stay dark */
        rgb(255, 0, 0) 50%,   /* Beam 2 Peak */
        rgba(10, 0, 0, 1) 45%,    /* Fade to dark */
        rgba(10, 0, 0, 1) 85%,    /* Stay dark */
        rgb(255, 0, 0) 100%   /* Loop back to Beam 1 */
    );
    
    filter: blur(25px); /* Softens the beams so they look like glowing light */
    animation: spinDouble 18s linear infinite;
}

@keyframes spinDouble {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}