#site-compass{position:absolute;right:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:9px;pointer-events:none;color:#fff}
#site-compass[hidden]{display:none}
#site-compass .compass-face{width:58px;height:58px;border:1px solid #ffffffa8;background:#111d;border-radius:50%;box-shadow:0 4px 18px #0006;position:relative;flex:none}
#site-compass .compass-dial{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
#site-compass .compass-n{position:absolute;top:3px;left:0;right:0;text-align:center;font:13px Berlin,Arial,sans-serif}
#site-compass .compass-arrow{position:absolute;left:23px;top:18px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:14px solid #fff}
#site-compass .compass-tail{position:absolute;left:25px;top:33px;width:6px;height:12px;background:#ffffff8a;clip-path:polygon(0 0,100% 0,50% 100%)}
#site-compass .compass-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-shadow:0 1px 5px #000;max-width:150px}
#site-compass .compass-label{font:10px Arial,sans-serif;letter-spacing:.1em}
#site-compass .compass-enable{display:none;font:11px Berlin,Arial,sans-serif;padding:5px 9px;background:#111e;color:#fff;pointer-events:auto}
#site-compass .compass-enable:hover,#site-compass .compass-enable:focus-visible{background:#fff;color:#111}
#site-compass .compass-status{font:10px Arial,sans-serif;line-height:1.2}
#floor-information:not([hidden]){bottom:100px}
@media (pointer:coarse){#site-compass .compass-enable{display:block}}
@media(max-width:700px){#site-compass{right:15px;bottom:max(16px,env(safe-area-inset-bottom));gap:7px}#site-compass .compass-face{width:52px;height:52px}#site-compass .compass-n{font-size:12px}#site-compass .compass-arrow{left:20px;top:17px}#site-compass .compass-tail{left:22px;top:32px;height:9px}#site-compass .compass-copy{max-width:125px}#site-compass .compass-enable{display:block}#floor-information:not([hidden]){bottom:90px}}