@media (min-width: 768px) and (max-width: 958px) {
    :root {
        --glow-blur: 80px;
        --glow-width: 200px;
        --glow-height: 200px;
    }
    html, body {
        height: auto !important;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;                    /* Включаем вертикальный скролл */
        -webkit-overflow-scrolling: touch;   /* Плавный скролл на iOS */
    }

    body {
        padding-top: var(--headerHeightDynamic, 40px); /* Отступ под фиксированный хедер */
        background: black;
    }

    #logo {
        width: 72px;
        height: 100%;
        background: url(/static/img/logo.svg) no-repeat center center / contain;
    }
    #balance-amount {
        font-size: 14px;
        font-weight: 700;
    }
    #currency {
        font-size: 14px;
        font-weight: 400;
        margin-right: 8px;
    }
    #burger-menu {
        width: 24px;
        height: 24px;
    }
    #game-container {
        width: 100%;
        height: 702px;
    }

    #left-menu {
        position: fixed;
        width: 100%;
        height: 57%;
        top: 432px;
        left: 4px;
        border-radius: 20px;
        transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateY(0);
    }
    body.auto-mode-active #left-menu {
        transform: translateY(34px);
    }
    #left-menu .navigation-switcher {
        width: 400px;
        left: 178px;
    }
    .top-tab-switcher {
        width: 100%;
        margin-top: 8px;
    }
    #left-menu .total-win-container {
        width: 100%;
    }
    #left-menu .previous-round-result {
        width: 100%;
    }
    #left-menu .top-wins-list-item {
        width: 100%;
    }
    #left-menu .data-list {
        height: 29%;
    }
    #left-menu .bets-list-header{
        padding: 0;
        gap: 8px
    }
    #left-menu .total-win-container .progress {
        height: 8px;
        padding-left: 2px;
    }

    #last-counters-wrapper {
        top: 4px;
        left: 12px;
        height: 32px;
        width: 100%;
    }
    #last-counters p {
        margin: 0 6px 0 0;
    }
    .show-more-btn {
        width: 38px;
        height: 28px;
        right: 10px;
    }
    .show-more-icon {
        width: 16px;
        height: 16px;
    }
    .round-history-dropdown.active {
        right: 1922px;
    }
    .dropdown-content p {
        margin: 0 0 2px 6px;
    }

    #fun-mode-banner {
        --fun-mode-banner-height: 22px;
        height: var(--fun-mode-banner-height);
    }
    #counterWrapper {
        width: 100%;
        height: 200px;
        left: 4px;
        top: 40px;
    }
    #canvas {
        width: 100%;
    }
    #counter-glow {
        width: 500px;
        height: 70px;
        top: 52%;
    }

    #bottom-container {
        position: relative;
        top: 240px;
        width: 100%;
        height: 144px;
        left: -2px;
    }
    #bottom-container-left.active  { position: relative !important; width: 50%; height: 144px; left: 0; top: 240px;}
    #bottom-container-right.active { position: relative !important; width: 50%; height: 144px; left: 51%; top: 94px;}

    .bottom-navigation-container {
        margin-bottom: 8px !important; /* принудительно на мобильных */
    }
}