#routeOrientation{
  position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);
  width:calc(100% - 24px);max-width:480px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);
  padding:14px 16px;border:1px solid #d9aa55;border-radius:12px;background:#21150bf5;color:#f3dfb3;
  font:16px/1.4 Georgia,'Times New Roman',serif;text-align:center;box-shadow:0 5px 24px #0009;
  overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;
}
#routeOrientation[hidden]{display:none!important}
#routeOrientationTitle{display:block;margin:0 0 7px;font-size:18px;line-height:1.3;color:#f1cf86}
#routeOrientation p{margin:0 0 12px}
#routeOrientationClose{min-height:44px;max-width:100%;padding:9px 14px;border:1px solid #d9aa55;border-radius:7px;background:#5a371a;color:#fff1d4;font:bold 16px Georgia,serif;touch-action:manipulation}
#routeOrientationClose:focus-visible{outline:3px solid #f4ddb0;outline-offset:3px}