video { object-fit: contain; }
.startup-splash img { object-fit: contain; }
.msx-mobile-portrait #login-screen { flex-direction: column; overflow-y: auto; padding: 36px 28px; }
.msx-mobile-portrait .login-left, .msx-mobile-portrait .login-right { width: 100%; max-width: 100%; flex: none; padding: 24px; }
.msx-mobile-portrait .login-left .logo { max-width: 220px; }
.msx-mobile-portrait .main-title { font-size: 30px; }
.msx-mobile-portrait .info-list { font-size: 20px; }
.msx-mobile-portrait .login-box { width: 100%; max-width: 580px; }
.msx-mobile-portrait .top-nav { padding-left: 20px; padding-right: 20px; flex-wrap: wrap; }
.msx-mobile-portrait .nav-logo { max-width: 120px; }
.msx-mobile-portrait .home-scroll-area { overflow-x: hidden; }
.msx-mobile-portrait #live-tv-screen:not([style*="none"]) { display: grid !important; grid-template-columns: 42% 58%; grid-template-rows: 560px minmax(0,1fr); padding: 12px; }
.msx-mobile-portrait .live-col-categories { grid-column: 1; grid-row: 2; width: auto; min-width: 0; }
.msx-mobile-portrait .live-col-channels { grid-column: 2; grid-row: 2; width: auto; min-width: 0; }
.msx-mobile-portrait .live-col-preview { grid-column: 1 / -1; grid-row: 1; min-height: 0; margin-left: 0; overflow: visible; }
.msx-mobile-portrait .live-col-preview .live-epg-container { max-height: 150px; overflow: hidden; }
.msx-mobile-portrait .live-tv-layout > * + * { margin-left: 0; }
.msx-mobile-portrait .live-col-preview #live-epg-list { max-height: 140px; overflow: auto; }
.msx-mobile-portrait .version { position: static; text-align: center; }
.modo-toque button, .modo-toque [role="textbox"] { touch-action: manipulation; }