.topbar{gap:16px;align-items:center}.topbar .map-status{position:static;inset:auto;display:flex;align-items:center;gap:0;padding:0 3px 0 2px;border-radius:13px;width:225px;flex-shrink:0;min-height:48px;background:#17292bef;border-color:#c2ba8b40}
.map-status #gps{display:flex;align-items:center;gap:8px;padding:8px 6px 8px 10px;flex:1;min-width:0;min-height:46px;border-radius:11px;color:#e8e3d2;text-align:left;font:11px/17px system-ui}
.map-status-copy{min-width:0;display:flex;flex-direction:column}.map-status-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-status .live-dot{flex-shrink:0}.map-status[data-offline="true"] .live-dot{background:#d39d67}
.map-status #refreshMap{width:40px;height:42px;min-width:40px;padding:8px;border-radius:9px;border-left:1px solid #b9a67a30;display:grid;place-items:center}
#refreshMap svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#refreshMap[aria-busy="true"] svg{animation:map-refresh-spin 900ms linear infinite}.map-status button:hover{background:#a8b58a17}.map-status button:focus-visible{outline-offset:0}
@keyframes map-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.topbar{padding:12px;gap:8px}.topbar .map-status{width:185px;min-height:46px}.map-status #gps{gap:5px;padding:6px 3px 6px 7px;font-size:10px}.map-status-copy small{font-size:9px}.map-status #refreshMap{min-width:34px;width:34px;padding:6px}.map-tools{top:96px}.dev-banner{top:82px}.wordmark{min-width:0;font-size:8px;letter-spacing:1px}.wordmark b{display:block;font-size:18px;letter-spacing:1.5px;margin-top:2px}.wordmark span{font-size:5px;letter-spacing:1px;margin-top:5px}}
@media(max-width:380px){.topbar .map-status{width:174px}.wordmark b{font-size:14px;letter-spacing:1px}.wordmark span{display:none}.wordmark{font-size:7px}}
@media(prefers-reduced-motion:reduce){#refreshMap[aria-busy="true"] svg{animation:none}}