/* Native portrait lock where supported; counter-rotate the app when the browser refuses it. */
html.motv-phone-landscape{overflow:hidden}
.motv-phone-landscape body{position:fixed;inset:0 auto auto 0;width:var(--motv-phone-width);height:var(--motv-phone-height);transform-origin:0 0;transform:translateX(var(--motv-screen-width)) rotate(90deg);overflow:auto}
.motv-phone-landscape.motv-phone-reverse body{transform:translateY(var(--motv-screen-height)) rotate(-90deg)}
.motv-phone #app{min-height:var(--motv-phone-height,100dvh)}
.motv-phone .screen{min-height:var(--motv-phone-height,100dvh)}
.motv-phone .screen:has(>.tabbar),.motv-phone .source-screen{height:var(--motv-phone-height,100dvh);min-height:0}
.motv-phone .source-screen:has([data-control-panel]) .source-monitor{max-height:calc(var(--motv-phone-height,100dvh)*.27)}
.motv-phone .promo-widget .promo-conversation{max-height:calc(var(--motv-phone-height,100dvh) - 130px);width:calc(var(--motv-phone-width,100vw) - 24px);max-width:460px}
.motv-phone .source-tools{justify-items:center;align-content:center}
.motv-phone .source-tools>.source-control-toggle{width:52px;height:52px;min-height:52px;justify-self:center;background:transparent;color:var(--ink);border:0;border-radius:0;padding:10px}