/* 🎨 Animation Intensity Reduction - Better Performance & Visual Comfort */

/* ========== Reduce Mythic/Divine Rotating Effects ========== */

/* Override intense mythic border rotation */
.rarity-card-mythic::before {
    animation: mythic-border-rotate 8s linear infinite !important; /* Slower from 3s */
}

/* Override intense divine border rotation */
.rarity-card-divine::before {
    animation: divine-border-rotate-gentle 10s linear infinite !important; /* Much slower */
}

/* New gentler rotation animation */
@keyframes divine-border-rotate-gentle {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes mythic-border-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Reduce transcendent border flow intensity */
.rarity-card-transcendent::before {
    animation: transcendent-border-flow 6s linear infinite !important; /* Slower from 3s */
    opacity: 0.6 !important; /* Reduce opacity */
}

/* Reduce angelic rotation effects */
.angelic-ring {
    animation: divine-ring-rotate 15s linear infinite !important; /* Much slower from 10s */
}

/* Reduce ultimate ring rotation */
.ultimate-ring {
    animation: ultimate-ring-rotate 20s linear infinite !important; /* Very slow from 10s */
}

/* ========== Reduce Glow Intensities ========== */

/* Mythic glow reduction */
.rarity-card-mythic .card-glow {
    animation: mythic-cosmic-pulse 6s ease-in-out infinite !important; /* Slower pulse */
    opacity: 0.5 !important; /* Reduce opacity */
}

/* Divine glow reduction */
.rarity-card-divine .card-glow {
    animation: cosmic-glow-rotate 12s linear infinite !important; /* Much slower from 8s */
    opacity: 0.4 !important; /* Reduce opacity from 0.6 */
}

/* Angelic glow reduction */
.rarity-card-angelic .card-glow {
    animation: angelic-glow-shift 6s ease-in-out infinite !important; /* Slower from 4s */
    transform: scale(0.8) !important; /* Smaller scale */
    opacity: 0.5 !important;
}

/* ========== Reduce Particle Effects ========== */

/* Reduce particle animation speed */
.card-particles::before,
.card-particles::after {
    animation-duration: 8s !important; /* Slower particles */
    opacity: 0.6 !important;
}

/* Reduce divine particle intensity */
.rarity-card-divine .card-particles::before,
.rarity-card-divine .card-particles::after {
    font-size: 20px !important; /* Smaller from 30px */
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)) !important; /* Less glow */
}

/* ========== Reduce Animation Amplitudes ========== */

/* Reduce floating animation intensity */
@keyframes badge-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); } /* Reduced from -5px */
}

/* Reduce pulse animations */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); } /* Reduced from 1.05 */
}

/* Reduce cosmic pulse */
@keyframes cosmic-pulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1) contrast(1);
    }
    50% {
        transform: scale(1.01); /* Reduced from 1.02 */
        filter: brightness(1.1) contrast(1.05); /* Reduced intensity */
    }
}

/* ========== Performance Optimizations ========== */

/* Disable animations on low-end devices */
@media (prefers-reduced-motion: reduce) {
    .rarity-card-mythic::before,
    .rarity-card-divine::before,
    .rarity-card-angelic::before,
    .rarity-card-transcendent::before,
    .angelic-ring,
    .ultimate-ring {
        animation: none !important;
    }
    
    .card-glow,
    .card-particles,
    .card-aurora {
        animation: none !important;
        opacity: 0.3 !important;
    }
}

/* Reduce animations on hover to prevent overwhelming effects */
.rarity-card-mythic:hover,
.rarity-card-divine:hover,
.rarity-card-angelic:hover {
    transform: translateY(-5px) scale(1.02) !important; /* Gentle hover */
}

/* Limit shadow intensity */
.rarity-card-mythic:hover,
.rarity-card-divine:hover {
    box-shadow: 
        0 15px 30px rgba(255, 107, 0, 0.3),
        0 0 60px rgba(255, 215, 0, 0.2) !important; /* Reduced shadows */
}

/* ========== Specific Fixes for Mythic/Divine ========== */

/* Mythic - Orange cosmic theme (toned down) */
.rarity-card-mythic {
    border-width: 2px !important; /* Thinner border */
}

.rarity-card-mythic::before {
    filter: brightness(0.8) !important; /* Darken the rotating border */
}

/* Divine - Extreme orange theme (made gentler) */
.rarity-card-divine {
    border-width: 2px !important; /* Thinner border */
}

.rarity-card-divine::before {
    filter: brightness(0.7) opacity(0.8) !important; /* Much less intense */
}

/* Reduce aura breathing intensity */
@keyframes aura-breathing {
    0%, 100% {
        box-shadow: 
            0 0 15px rgba(255, 215, 0, 0.2),
            0 0 30px rgba(255, 255, 255, 0.15),
            inset 0 0 15px rgba(255, 255, 255, 0.05);
    }
    50% {
        box-shadow: 
            0 0 25px rgba(255, 215, 0, 0.3),
            0 0 50px rgba(255, 255, 255, 0.2),
            inset 0 0 25px rgba(255, 255, 255, 0.1);
    }
}