#uaNearbyPanel[hidden],#uaNearbyScreen[hidden],#uaNearbyBar[hidden],#uaNearbyLoading[hidden],#uaNearbySkip[hidden],#uaNearbyPanelStop[hidden]{display:none!important}
#uaNearbyButton{padding:10px 16px;border-radius:24px;background:#102f50;color:white;border:1px solid #75bdff}
#uaNearbyPanel{color:#f7fbff;background:#091b2c;padding:18px;font:14px/1.55 Arial,sans-serif;box-sizing:border-box}
#uaNearbyPanel h3{margin-top:0;color:#a2d3ff}
#uaNearbyPanel button,#uaNearbyBar button{min-height:44px;padding:10px 14px;border:1px solid #75bdff77;border-radius:10px;background:#194975;color:#fff;font:700 14px/1.2 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
#uaNearbyPanel button{width:100%;margin-top:8px}
#uaNearbyPanel button:disabled{opacity:.5;cursor:default}
#uaNearbyPanel .ua-near-sound{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
#uaNearbyPanel input{width:20px;height:20px;accent-color:#75bdff}
#uaNearbyScreen{position:fixed;inset:0;z-index:21000;background:#07101d}
#uaNearbyViewer{position:absolute;inset:0;touch-action:none}
#uaNearbyLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;padding:14px 18px;border-radius:12px;background:#091b2cee;color:#fff;font:15px/1.5 Arial,sans-serif;pointer-events:none;text-align:center}
#uaNearbyBar{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:21002;display:flex;align-items:center;gap:8px;font:14px/1.4 Arial,sans-serif;color:#fff;pointer-events:none}
#uaNearbyStatus{min-width:0;flex:1;background:#071524e8;border:1px solid #75bdff55;padding:9px 12px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#uaNearbyBar button{flex:none;pointer-events:auto;background:#102d48}
.ua-near-photo-open #uaNearbyBar{top:max(12px,env(safe-area-inset-top,0px));bottom:auto;flex-wrap:wrap}
.ua-near-photo-open #uaNearbyStatus{flex-basis:100%;max-width:100%;box-sizing:border-box}
#uaNearbyPanel button:focus-visible,#uaNearbyBar button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ua-nearby-active #uaSwipeHint{display:none!important}
@media(max-width:480px){#uaNearbyStatus{font-size:12px}}

/* Compact status/title boxes; wrap long names instead of hiding them. */
#uaNearbyBar,.ua-near-photo-open #uaNearbyBar{right:auto;width:max-content;max-width:calc(50vw - 12px);box-sizing:border-box;flex-wrap:wrap}
#uaNearbyStatus,.ua-near-photo-open #uaNearbyStatus{flex:0 1 auto;flex-basis:auto;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){
 #uaNearbyBar,.ua-near-photo-open #uaNearbyBar{max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
}

/* GPS Tour information: 15% larger text and padding; preserve mobile fit. */
#uaNearbyStatus{font-size:16.1px;padding:10.35px 13.8px;border-radius:11.5px}
#uaNearbyBar,.ua-near-photo-open #uaNearbyBar{max-width:calc(57.5vw - 13.8px)}
@media(max-width:480px){#uaNearbyStatus{font-size:13.8px}}
@media(max-width:700px){
 #uaNearbyBar,.ua-near-photo-open #uaNearbyBar{max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
}

/* Keep map feedback and Stop together; Pause belongs to the photo viewer. */
#uaNearbyPause[hidden]{display:none!important}
body:not(.ua-near-photo-open) #uaNearbyBar{flex-wrap:nowrap}
body:not(.ua-near-photo-open) #uaNearbyStatus{flex:1 1 auto;min-width:0}
#uaNearbyStatus.ua-near-distance{display:flex;align-items:baseline;gap:.3em}
#uaNearbyStatus .ua-near-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#uaNearbyStatus .ua-near-metres{flex:none;white-space:nowrap}
@media(orientation:landscape){
 body:not(.ua-near-photo-open) #uaNearbyStatus{white-space:nowrap}
}
