/* ===========================================
   MARBLE ANIMATIONS
   Keyframe animations for marble effects
   =========================================== */

/* Marble removing animation */
.marble.removing {
    animation: removeMarble 0.3s ease forwards !important;
}

@keyframes removeMarble {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0) translateY(-20px);
        opacity: 0;
    }
}

@keyframes dropIn {
    0% {
        opacity: 1;
        transform: translateY(0) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes bounce {
    0% {
        transform: scale(1.15);
    }
    30% {
        transform: scale(0.92) translateY(3px);
    }
    50% {
        transform: scale(1.05) translateY(-2px);
    }
    70% {
        transform: scale(0.98) translateY(1px);
    }
    100% {
        transform: scale(1) translateY(0);
    }
}