/* Main CSS Entry Point */

@import 'modules/base.css';
@import 'modules/animations.css';
@import 'modules/components.css';
@import 'modules/game.css';
@import 'modules/duck.css';
@import 'modules/overlays.css';
@import 'modules/duck-customizer.css';

/* Layout helpers */
#input-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 12px;
    gap: 12px;
    padding: 20px 10px 10px 10px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

@media (max-width: 800px), (max-height: 600px) {
    #input-list {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        grid-gap: 8px;
        gap: 8px;
    }
}

@media (max-width: 600px) {
    h1 { font-size: 1.5rem; }
    .card { padding: 15px; }
}