/* Responsive Design Media Queries */

/* Tablet (Portrait & Landscape) */
@media (max-width: 1024px) {
    .main-title { font-size: 3rem; }
    .sub-title { font-size: 1.5rem; }
    .btn-primary { font-size: 1.25rem; padding: 0.75rem 2rem; }
    
    .wide-panel {
        width: 85%;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .main-title { font-size: 2.5rem; }
    .sub-title { font-size: 1.2rem; }
    
    .grid-buttons {
        grid-template-columns: 1fr;
    }
    
    .player-summary {
        padding: 0.5rem 1rem;
    }
    
    .wide-panel {
        width: 95%;
        padding: 1rem;
    }

    .shop-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .hud-score-container {
        font-size: 1.2rem;
        padding: 0.25rem 0.5rem;
    }
    
    #combo-multiplier {
        font-size: 3rem;
    }
}

/* Small Mobile Heights */
@media (max-height: 600px) {
    .main-buttons {
        margin: 1rem 0;
        gap: 0.5rem;
    }
    
    .logo-container {
        margin-bottom: 0.5rem !important;
    }

    .bottom-tools {
        margin-top: 0.5rem !important;
    }
}