/* responsive.css - Media queries for responsive design */
@media (max-width: 640px) {
    .cell {
        width: 24px;
        height: 24px;
        font-size: 0.75rem;
    }

    .players-grid {
        top: auto;
        bottom: 15%;
        right: 2%;
        max-width: 150px;
    }

    .player-card {
        padding: 0.375rem;
    }

    .modal-content {
        padding: 1rem;
    }
    
    .button {
        padding: 0.625rem;
    }
}

@media (max-width: 360px) {
    .cell {
        width: 20px;
        height: 20px;
        font-size: 0.625rem;
    }
}