/* ============================================
   ANIMATIONS
   ============================================ */

@keyframes cardGlow {
    0%,
    100% {
        box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.9),
            0 0 40px rgba(255, 213, 79, 0.2),
            inset 0 0 30px rgba(255, 213, 79, 0.05);
    }
    50% {
        box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.9),
            0 0 60px rgba(255, 213, 79, 0.4),
            inset 0 0 40px rgba(255, 213, 79, 0.1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes buttonShine {
    0%,
    100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes activeSkillPulse {
    0%,
    100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow:
            0 2px 8px rgba(0, 0, 0, 0.3),
            0 0 16px rgba(41, 121, 255, 0.4);
    }
}

/* Battle Effects Animations */

@keyframes hero-atk {
    0% {
        transform: translateX(0);
    }
    30% {
        transform: translateX(-20px) rotate(-10deg);
    }
    50% {
        transform: translateX(80px) rotate(10deg) scale(1.1);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes floatAnim {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-50px) scale(1.5);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}