/* Short phone screens keep the complete play action above the browser bar. */
@media (max-height: 700px) and (max-width: 900px) {
    .sd-topbar {
        min-height: calc(3.45rem + env(safe-area-inset-top));
    }

    .sd-brand img {
        width: 2.15rem;
        height: 2.15rem;
    }

    .sd-heading > p:last-child,
    .sd-heading__lead,
    .sd-station small {
        display: none;
    }

    .sd-hud {
        min-height: 3.8rem;
    }

    .sd-station,
    .sd-counter,
    .sd-timer {
        padding-block: 0.45rem;
    }

    .sd-playfield {
        min-height: 14.75rem;
    }

    .sd-drop-zone {
        padding-bottom: 1.2rem;
    }

    .sd-status {
        min-height: 2.55rem;
        padding-block: 0.5rem;
    }
}

@media (orientation: landscape) and (max-height: 520px) {
    .sd-topbar,
    .sd-main {
        width: 100%;
        box-sizing: border-box;
        padding-right: max(1rem, env(safe-area-inset-right));
        padding-left: max(1rem, env(safe-area-inset-left));
    }

    .sd-topbar {
        min-height: calc(3rem + env(safe-area-inset-top));
    }

    .sd-main {
        padding-block: 0.5rem 1.5rem;
    }

    .sd-console {
        width: 100%;
        margin-top: 0;
    }

    .sd-hud {
        min-height: 3.25rem;
    }

    .sd-playfield {
        min-height: 11.5rem;
    }

    .sd-status {
        min-height: 2.25rem;
        padding-block: 0.3rem;
    }
}