.map-mode {position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;background:#edf0eb;color:#182d38;border-radius:12px;overflow:hidden}
.map-mode[hidden]{display:none}
.map-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;background:#fff;border-bottom:1px solid #ddd;font-size:12px}
.map-toolbar button{width:auto;padding:8px 12px}.map-toolbar label{display:flex;align-items:center;gap:7px}.map-toolbar input[type=range]{width:100px}.map-toolbar input[type=checkbox]{width:auto}
.map-surface{flex:1;min-height:150px;background:#dbe2db}.map-message{margin:0;padding:9px 14px;font-size:12px;background:#fff}
.map-model-image{position:absolute;width:2048px;height:2048px;max-width:none!important;transform-origin:0 0;pointer-events:none}
#mapAvailability{font-size:11px;line-height:1.5}
.display-modes{margin-top:10px}.display-modes button{font-size:11px;font-family:inherit}
.map-active~.sidebar .panel:not(.view-panel){opacity:.5}
.map-active~.sidebar .view-panel>*:not(h2):not(.display-modes):not(#mapAvailability){opacity:.5}
.leaflet-container{font-family:Arial,sans-serif}.leaflet-control-attribution{font-size:11px!important}
.map-compass{position:absolute;right:12px;top:85px;width:230px;height:135px;z-index:600;pointer-events:none}

.display-modes button[aria-pressed="true"]{color:#fff;background:var(--control-gray);border-color:var(--control-gray);box-shadow:0 2px 8px rgba(42,46,50,.13)}