/* ---- Animations ---- */
@keyframes shake {

    0%,
    100% {
        transform: translateX(0) rotate(0deg);
    }

    20% {
        transform: translateX(-2px) rotate(-2deg);
    }

    40% {
        transform: translateX(2px) rotate(2deg);
    }

    60% {
        transform: translateX(-2px) rotate(-1deg);
    }

    80% {
        transform: translateX(2px) rotate(1deg);
    }
}

.shake-animation {
    animation: shake 0.5s ease-in-out;
}

/* Enhanced Water Droplet */
.water-droplet {
    position: fixed;
    font-size: 1.5rem;
    pointer-events: none;
    z-index: 1000;
    animation: falling-drop 1.2s ease-in forwards;
}

/* Enhanced Food Particle */
.food-particle {
    position: fixed;
    font-size: 1.5rem;
    pointer-events: none;
    z-index: 1000;
    animation: floating-food 1.2s ease-out forwards;
}

@keyframes floating-food {
    0% {
        opacity: 0;
        transform: translateY(0) scale(0.5);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px) scale(1.2);
    }

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