#mission-map { height: clamp(340px, 60vh, 680px); border: 1px solid #31536a; border-radius: 10px; background: #273132; color: #18232a; }
.map-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.map-controls select { min-width: 180px; max-width: 100%; }
.map-controls button { padding: 10px 14px; color: #eef6fa; background: #18364b; border: 1px solid #31536a; border-radius: 8px; cursor: pointer; }
.map-controls button:focus-visible, .map-controls select:focus-visible { outline: 2px solid #68cfff; outline-offset: 2px; }
#map-status, #map-coordinates { font-size: 13px; }
#mission-map .leaflet-control-attribution, #mission-map .leaflet-control-scale-line { color: #24333b; }
#mission-map .leaflet-popup-content { line-height: 1.6; }
.map-page { min-height: 100dvh; display: flex; flex-direction: column; }
.map-page header { padding-top: 18px; padding-bottom: 12px; }
.map-page h1 { font-size: 26px; }
.map-page main { flex: 1; display: flex; flex-direction: column; padding-top: 18px; }
.map-page h2 { margin: 0 0 16px; }
.map-page #mission-map { flex: 1; min-height: 380px; height: auto; }