#landscape-guard[hidden]{display:none!important}
#landscape-guard{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;box-sizing:border-box;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#000;color:#111;text-align:center;font:16px/1.7 Tahoma,Arial,sans-serif;touch-action:none}
#landscape-guard .rotate-card{box-sizing:border-box;width:min(100%,360px);padding:28px 20px;border:1px solid #fff;background:#f0f0f0;box-shadow:inset -1px -1px #808080}
#landscape-guard svg{display:block;width:72px;height:72px;margin:0 auto 18px;fill:none;stroke:#526d96;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#landscape-guard h2{font:700 20px/1.5 Tahoma,Arial,sans-serif;margin:0 0 12px}
#landscape-guard p{margin:0;font-size:14px}
#landscape-guard button{margin:18px 0 0;padding:8px 14px;min-height:44px;font:14px Tahoma,sans-serif;color:#111;background:#f0f0f0;border:1px solid;border-color:#fff #555 #555 #fff;touch-action:manipulation}
html[data-mobile-orientation=portrait] body{overflow:hidden!important}
html[data-mobile-orientation=portrait] body>:not(#landscape-guard){visibility:hidden!important}