#map-container,#pano,body{overflow:hidden}#map,body{width:100%}#loading-text,#map-hint{position:absolute;font-family:system-ui,sans-serif;z-index:1000;pointer-events:none}body,html{margin:0;padding:0;height:100%}body{position:fixed;top:0;left:0;padding-top:3px}#pano{position:relative;width:80%;max-width:1240px;height:calc(100vh - 80px - 20px - 10px);background:#111;margin:10px auto;box-shadow:0 0 20px rgba(0,0,0,.8)}#map-container{position:absolute;bottom:15px;right:15px;width:400px;height:300px;z-index:2;box-shadow:0 0 10px rgba(0,0,0,.6);border:2px solid #000;transition:.3s}#pano #map-container.expanded{width:50%;height:70%;bottom:15px;right:15px}#map{height:100%;cursor:crosshair!important;transition:cursor .2s}#toggleMap{position:absolute;top:6px;right:6px;background:#111;color:#fff;border:1px solid #333;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:14px;z-index:1000;transition:background .2s,transform .1s}#map-hint,.coord-label{border-radius:6px;color:#fff}#toggleMap:hover{background:#222;transform:scale(1.05)}#map-hint{top:6px;left:10px;background:rgba(0,0,0,.6);font-size:13px;padding:6px 8px;user-select:none}.coord-label{background:rgba(20,20,20,.85);padding:3px 7px;font-size:12px;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.6)}.distance-label{background:rgba(255,255,255,.9);color:#000;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);text-shadow:none;white-space:nowrap;z-index:9999;transform-origin:center center}#map:active{cursor:grabbing!important}#loading-text{top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;letter-spacing:1px;background:rgba(0,0,0,.7);padding:12px 24px;border-radius:8px;opacity:0;transition:opacity .6s;animation:1.5s infinite blink;display:none}#loading-text.visible{opacity:1;display:block}@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}@media (max-width:991px){#map-container,#pano,body{overflow:hidden}.coord-label-inner,.distance-label-inner{display:inline-block;white-space:nowrap;min-width:40px;text-align:center}#pano{position:relative;background:#000;margin:0 auto;box-shadow:none;width:121vw;height:calc(95vh - 100px)}#map-container{bottom:30px;right:12vh;width:200px;height:250px;border:1px solid #222;box-shadow:0 0 6px rgba(0,0,0,.5)}#pano #map-container.expanded{width:70%;height:60%;bottom:30px;right:12vh}#toggleMap{top:4px;right:4px;padding:6px 10px;font-size:20px;border-radius:8px}#map-hint{font-size:10px;width:100px;top:4px;left:6px;background:rgba(0,0,0,.7);border-radius:5px}.coord-label{font-size:13px;padding:5px 8px}.distance-label{font-size:14px;padding:6px 10px}body{margin:0;padding:0}#loading-text{font-size:18px;padding:10px 20px}.coord-label-inner{background:rgba(20,20,20,.85);color:#fff;padding:2px 5px;border-radius:6px;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.6)}.distance-label-inner{background:rgba(255,255,255,.8);color:#000;padding:2px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.2);text-shadow:none;font-weight:500;backdrop-filter:blur(3px)}.coord-label,.distance-label{border:none!important;background:0 0!important}}