/**
 * ==============================================================================
 * GAZZE DESTEK OYUNU - ANİMASYONLAR & PARILTI EFEKTLERİ (css/animations.css)
 * ==============================================================================
 */

@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(0.5deg);
    }
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(16, 185, 129, 0.35), 0 0 40px rgba(16, 185, 129, 0.15);
    }
    50% {
        box-shadow: 0 0 35px rgba(16, 185, 129, 0.6), 0 0 60px rgba(16, 185, 129, 0.3);
    }
}

@keyframes pulseRedGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(225, 29, 72, 0.35);
    }
    50% {
        box-shadow: 0 0 35px rgba(225, 29, 72, 0.6);
    }
}

@keyframes buttonShine {
    0% {
        left: -100%;
    }
    30%, 100% {
        left: 140%;
    }
}

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

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

@keyframes counterPop {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.18);
        color: #10b981;
    }
    100% {
        transform: scale(1);
    }
}

.float-animation {
    animation: floatSlow 6s ease-in-out infinite;
}

.pulse-glow {
    animation: pulseGlow 3s infinite ease-in-out;
}

.pulse-highlight {
    animation: counterPop 0.5s ease-out;
}

/* Arka plan ışık orbları */
.ambient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.45;
}

.orb-emerald {
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, rgba(16, 185, 129, 0) 70%);
}

.orb-red {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(225, 29, 72, 0.25) 0%, rgba(225, 29, 72, 0) 70%);
}

.orb-gold {
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2) 0%, rgba(245, 158, 11, 0) 70%);
}