﻿@keyframes rotateCoin {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}
@keyframes pulseGlow {
    0% { opacity: 0.1; transform: scale(0.8); }
    50% { opacity: 0.4; transform: scale(1.2); }
    100% { opacity: 0.1; transform: scale(0.8); }
}
@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideLeftFade {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

.anim-rotate-coin {
    animation: rotateCoin 1.2s linear infinite;
}
.anim-rotate-coin-once {
    animation: rotateCoin 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.anim-fade-out {
    animation: fadeOut 0.8s ease-in-out forwards;
}
.anim-pulse-glow {
    animation: pulseGlow 2s ease-in-out infinite;
}
.anim-slide-up {
    animation: slideUpFade 0.5s ease-out forwards;
}
.anim-slide-left {
    animation: slideLeftFade 0.4s ease-out forwards;
}
