/* ===========================
   Responsive Design
   =========================== */

/* Tablet (768px and below) */
@media (max-width: 768px) {
    .nav-logo-img {
        height: 35px;
    }

    .nav-menu {
        gap: 15px;
    }

    .nav-link {
        font-size: 0.75rem;
    }

    .hero-logo {
        width: clamp(250px, 70vw, 500px);
    }

    .hero-tagline-main {
        letter-spacing: 2px;
    }

    .concept-grid {
        grid-template-columns: 1fr;
    }

    .games-grid {
        grid-template-columns: 1fr;
    }

    .updates-grid {
        grid-template-columns: 1fr;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .nav-logo-img {
        height: 30px;
    }

    .nav-menu {
        gap: 10px;
    }

    .nav-link {
        font-size: 0.65rem;
    }

    .hero-logo {
        width: clamp(200px, 80vw, 400px);
    }

    .section-title {
        margin-bottom: 30px;
        text-shadow: none;
    }

    .cta-button {
        padding: 15px 30px;
        font-size: 0.95rem;
    }

    .game-content {
        padding: 20px;
    }

    .requirements-list {
        grid-template-columns: 1fr;
    }

    .requirements-list li:nth-child(4) {
        grid-column: 1;
    }

    .requirements-title {
        font-size: 1.2rem;
    }
}

/* Accessibility: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}