/* Responsive Styles */

/* Base responsive adjustments */
@media (max-width: 1200px) {
    .container {
        padding: 0 var(--space-4);
    }
}

/* Tablet devices */
@media (max-width: 992px) {
    .site-name {
        font-size: 2.5rem;
    }
    
    .site-slogan {
        font-size: 1.125rem;
    }
    
    .game-showcase {
        gap: var(--space-4);
    }
    
    .game-logo img {
        max-width: 500px;
    }
    
    .game-promo img {
        max-width: 350px;
    }

    .author-info {
        flex-direction: column;
        text-align: center;
    }

    .author-image {
        margin-bottom: var(--space-3);
    }
}

/* Large mobile devices */
@media (max-width: 768px) {
    .site-header {
        padding: var(--space-4) 0;
    }
    
    .site-name {
        font-size: 2rem;
    }
    
    .site-slogan {
        font-size: 1rem;
    }
    
    .main-navigation ul {
        flex-direction: column;
        align-items: center;
    }
    
    .main-navigation a {
        padding: var(--space-2);
        text-align: center;
        width: 100%;
    }
    
    .play-now-button {
        padding: var(--space-2) var(--space-4);
        font-size: 1.25rem;
    }
    
    .game-showcase {
        flex-direction: column;
    }
    
    .game-logo, .game-promo {
        width: 100%;
    }
    
    .game-logo img, .game-promo img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .author-section {
        padding: var(--space-3);
    }

    .author-image {
        width: 80px;
        height: 80px;
    }

    .author-bio {
        font-size: 0.875rem;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .site-name {
        font-size: 1.75rem;
    }
    
    .site-slogan {
        font-size: 0.875rem;
    }
    
    .play-now-button {
        padding: var(--space-2) var(--space-3);
        font-size: 1.125rem;
    }

    .author-image {
        width: 60px;
        height: 60px;
    }
}

/* Very small mobile devices */
@media (max-width: 320px) {
    .site-name {
        font-size: 1.5rem;
    }
    
    .main-navigation a {
        font-size: 0.75rem;
    }
}

/* Print styles */
@media print {
    .main-navigation,
    .play-now-button,
    .site-footer {
        display: none;
    }
    
    .site-content {
        padding: 0;
    }
    
    body {
        color: black;
        background: white;
    }
}