/**
 * responsive.css — Mobile responsiveness
 */

@media (max-width: 640px) {
    .container {
        padding: 50px 10px 30px;
    }

    .game-title {
        font-size: 24px;
    }

    .game-subtitle {
        font-size: 8px;
    }

    .start-btn {
        font-size: 8px;
        padding: 10px 16px;
    }

    .game-header h1 {
        font-size: 12px;
    }

    .game-stats {
        gap: 20px;
    }

    .stat-label {
        font-size: 6px;
    }

    .stat-value {
        font-size: 10px;
    }

    .game-message {
        font-size: 8px;
    }

    .control-btn {
        font-size: 6px;
        padding: 6px 12px;
    }

    #boardCanvas {
        max-width: 100%;
        height: auto;
    }

    .modal-content {
        width: 95%;
    }

    .modal-body {
        font-size: 11px;
    }

    .modal-body h3 {
        font-size: 10px;
    }

    .modal-body h4 {
        font-size: 8px;
    }
}