/* ============ ANIMATIONS ============ */

/* Slider dot progress */
@keyframes dotProgress {
    from { width: 0; }
    to { width: 100%; }
}

/* Slide content fade in */
@keyframes slideFadeIn {
    from { opacity: 0; transform: translateX(1.5rem); }
    to { opacity: 1; transform: translateX(0); }
}

.slider__slide.active .slider__text {
    animation: slideFadeIn 0.4s ease forwards;
}

.slider__slide.active .slider__character {
    animation: slideFadeIn 0.5s ease 0.1s both;
}

/* Mobile nav entrance */
@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.mobile-nav {
    animation: slideUp 0.3s ease forwards;
}

/* Game card hover */
.game-card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}