@media (max-width: 1024px) {
    .game-main-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .bingo-header-top {
        flex-direction: column;
        gap: 1rem;
    }
    .user-info {
        width: 100%;
        justify-content: space-between;
    }
    .sales-layout {
        grid-template-columns: 1fr;
    }
    .header-status {
        font-size: 1.2rem;
    }
    #ultima-bola {
        font-size: 3rem;
    }
    .drawn-numbers {
        grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
    }
}