/* Random Utilities - Minimal custom CSS (animations only) */

/* Coin flip animation */
.coin-flip {
    animation: coinFlip 0.6s ease-out;
}

@keyframes coinFlip {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(720deg); }
}

/* Dice roll animation */
.dice-roll {
    animation: diceRoll 0.5s ease-out;
}

@keyframes diceRoll {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(15deg); }
    75% { transform: rotate(-15deg); }
}

/* Fade in for results */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}