/* Принудительный landscape при портретном положении устройства (PWA / мобильные) */
@media screen and (orientation: portrait) {
    html.force-landscape,
    html.force-landscape body {
        width: 100vh;
        height: 100vw;
        overflow: hidden;
    }

    html.force-landscape {
        position: fixed;
        top: 0;
        left: 0;
        transform: rotate(90deg);
        transform-origin: left top;
        translate: 100vw 0;
    }
}