.win-message {
    color: #fde047;
    animation: resultPulse 0.5s 3;
}

.lose-message {
    color: #fecaca;
}

.tie-message {
    color: #fde047;
    animation: resultPulse 0.5s 3;
}

.shake {
    animation: resultShake 0.4s 2;
}

.red-flash {
    animation: resultRedFlash 0.5s 2;
}

.confetti {
    position: fixed;
    top: -20px;
    width: 10px;
    height: 18px;
    animation: confettiFall 2s linear forwards;
}

@keyframes resultPulse {
    50% {
        transform: scale(1.2);
    }
}

@keyframes resultShake {
    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }
}

@keyframes resultRedFlash {
    50% {
        background-color: #7f1d1d;
    }
}

@keyframes confettiFall {
    to {
        top: 100%;
        transform: rotate(720deg);
    }
}