@media (orientation: portrait) and (max-width: 576px) {
    .content:has(.home-page .chips-offer-banner) {
        overflow: hidden;
    }

    .home-page:has(.chips-offer-banner) {
        height: 100%;
        min-height: 0;
        align-items: stretch !important;
        padding: 6px 10px !important;
        overflow: hidden;
    }

    .home-page:has(.chips-offer-banner) .lobby {
        width: 100%;
        height: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .home-page:has(.chips-offer-banner) .chips-offer-banner {
        min-height: 0;
        height: clamp(64px, 11dvh, 76px);
        flex: 0 0 clamp(64px, 11dvh, 76px);
        grid-template-rows: minmax(0, 1fr) auto;
        row-gap: 2px;
        margin: 0 6px 8px;
        padding-block: 6px;
    }

    .home-page:has(.chips-offer-banner) .chips-offer-copy strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-page:has(.chips-offer-banner) .chips-offer-copy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-page:has(.chips-offer-banner) .chips-offer-timer {
        min-height: 16px;
        padding-bottom: 1px;
        line-height: 1.2;
    }

    .home-page:has(.chips-offer-banner) .lobby > .row {
        min-height: 0;
        height: auto;
        flex: 1 1 0;
        align-content: stretch;
        row-gap: 8px;
        overflow: hidden;
    }

    .home-page:has(.chips-offer-banner) .lobby > .row > div {
        height: calc((100% - 16px) / 3);
        min-height: 0;
    }

    .home-page:has(.chips-offer-banner) .game-mode {
        gap: 4px;
        padding: clamp(8px, 1.5dvh, 12px) 10px 9px;
    }

    .home-page:has(.chips-offer-banner) .game-mode h3 {
        font-size: clamp(15px, 4.2vw, 18px);
    }

    .home-page:has(.chips-offer-banner) .lobby-dashboard {
        min-height: 0;
        height: clamp(108px, 22dvh, 158px);
        flex: 0 0 clamp(108px, 22dvh, 158px);
        grid-template-rows: repeat(2, minmax(0, 1fr));
        margin: 8px 6px 0;
    }

    .home-page:has(.chips-offer-banner) .lobby-quick-card {
        min-height: 0;
        padding-block: 6px;
    }
}

@media (orientation: portrait) and (max-width: 576px) and (max-height: 700px) {
    .home-page:has(.chips-offer-banner) .chips-offer-banner {
        height: 64px;
        flex-basis: 64px;
    }

    .home-page:has(.chips-offer-banner) .lobby-dashboard {
        height: 108px;
        flex-basis: 108px;
    }

    .home-page:has(.chips-offer-banner) .mode-till {
        display: none;
    }

    .home-page:has(.chips-offer-banner) .lobby-quick-icon {
        flex-basis: 31px;
        width: 31px;
        height: 31px;
    }
}