@media (max-width: 767px) {

    /* Make 24 Mobile Button Optimizations */
    .make24-page-scope .content-column .number-card,
    .make24-page-scope .content-column .operator-btn,
    .make24-page-scope .content-column #reset-btn,
    .make24-page-scope .content-column #undo-btn,
    .make24-page-scope .content-column #give-up-btn {
        min-height: 48px !important;
        min-width: 48px !important;
        margin: 4px !important;
        /* Total 8px gap between adjacent elements */
    }

    .make24-page-scope .content-column #cards-container,
    .make24-page-scope .content-column #operators-container,
    .make24-page-scope .content-column .flex.gap-4.w-full.mt-2 {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .make24-page-scope .content-column .number-card {
        flex: 1 1 calc(50% - 16px) !important;
        /* 2-column stack with gap */
    }

    .make24-page-scope .content-column .operator-btn {
        flex: 1 1 calc(25% - 16px) !important;
        /* 4 operators in a row if possible, else wrap */
    }
}