html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #151c20; }
#panorama { position: fixed; inset: 0; width: 100%; height: 100%; }
#panorama:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.tour-message { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(28rem, 80%); box-sizing: border-box; padding: 1.5rem; border-radius: .75rem; background: #fff; color: #17242a; font: 16px/1.5 system-ui, sans-serif; text-align: center; }
.tour-message[hidden] { display: none; }
.tour-message p { margin: 0 0 1rem; }
.tour-message a { display: inline-block; margin: .25rem .5rem; color: #07586b; }
.pnlm-control:focus-visible { outline: 3px solid #087eaa; outline-offset: 3px; }
.pnlm-controls-container { top: max(10px, env(safe-area-inset-top)); left: max(10px, env(safe-area-inset-left)); }
.pnlm-control[aria-disabled="true"] { opacity: .5; pointer-events: none; }