/* Viewport fallback for browsers/windowed native shells that cannot enforce rotation. */
.pr-orientation { position:fixed;inset:0;z-index:90;display:grid;place-items:center;box-sizing:border-box;padding:max(20px,env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px),var(--safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px),var(--safe-area-inset-left,0px));background:#102237ed;color:#f7f4ea;font:500 15px/1.5 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain; }
.pr-orientation[hidden] { display:none; }
.pr-orientation-card { box-sizing:border-box;width:min(100%,380px);padding:24px;background:#17263b;border:1px solid #d3c6a580;border-radius:6px; }
.pr-orientation-icon { display:block;font-size:40px;color:#e1cf9d;line-height:1; }
.pr-orientation h2 { margin:16px 0 12px;font-size:23px;line-height:1.3; }
.pr-orientation p { margin:12px 0; }
.pr-orientation-status { color:#d0dddf;font-size:13px;min-height:3em; }
.pr-orientation-actions { display:grid;gap:12px;margin-top:20px; }
.pr-orientation button { min-height:48px;padding:12px;border:1px solid #d3c6a580;border-radius:4px;background:#20384a;color:#f7f4ea;font:700 14px/1.4 system-ui,sans-serif;white-space:normal;cursor:pointer; }
.pr-orientation button.pr-orientation-primary { background:#e4dac0;color:#17263b; }
.pr-orientation button:focus-visible { outline:3px solid #8cdac6;outline-offset:3px; }
.pr-orientation button:disabled { opacity:.6;cursor:wait; }
body.pr-orientation-blocked .pr-touch { visibility:hidden; }
@media(prefers-reduced-motion:reduce){.pr-orientation * { animation:none!important;transition:none!important; }}