@media (max-width: 500px) {
    body {
        font-size: 13px;
    }

    button {
        padding: 8px 16px;
        border-radius: 8px;
        border: none;
        font-size: 13px;
        margin-bottom: 6px;
        margin-left: 2px;
    }

    button.small {
        padding: 4px 8px;
        font-size: 11px;
    }

    .game-links {
        flex-direction: column; /* Ставим кнопки в стопку */
        align-items: center; /* Центрируем по вертикали */
    }

    .game-links button {
        width: 100%; /* Кнопки на всю ширину */
        max-width: 400px; /* Максимальная ширина для кнопки */
    }

    .cards-box {
        gap: 4px;
    }
}



@media (min-width: 600px) {
    .cards-box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .cards-box {
        grid-template-columns: repeat(3, 1fr);
    }
}