@media (max-width: 1200px) {
    .poker-nav__controls .poker-controls .button-group {
        flex-wrap: wrap;
    }
}

@media (orientation: landscape) {
    body.poker-page {
        overflow: hidden;
    }

    body.poker-page main.container {
        height: calc(var(--poker-vh, 1vh) * 100);
    }

    .poker-layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
        grid-template-areas: "summary play players";
        overflow: hidden;
    }

    .poker-zone--summary {
        overflow: auto;
        padding-right: 0.2rem;
    }

    .poker-zone--play {
        overflow: auto;
        padding-right: 0.2rem;
    }
}

@media (orientation: portrait) {
    body.poker-page {
        overflow-y: auto;
    }

    body.poker-page main.container {
        height: auto;
    }

    .poker-layout {
        height: auto;
    }

    .poker-table {
        flex: initial;
        overflow: visible;
    }

    .poker-panel--players,
    .poker-seats {
        overflow: visible;
    }
}

@media (max-width: 960px) {
    .poker-topbar {
        grid-template-columns: 1fr;
    }

    body.poker-page main.container {
        padding: 0.65rem 0.75rem 0.9rem;
    }
}