#map3DCanvas { position: absolute; inset: 0; z-index: 1; background: #edf2f4; }
#map3DCanvas[hidden], #map3DTools[hidden], #map3DStatus[hidden] { display: none !important; }
.map-3d-active #yandexMap { visibility: hidden; pointer-events: none; }
#map3DToggle { min-width: 44px; min-height: 44px; }
#map3DToggle[aria-pressed="true"] { background: var(--teal, #0f766e); color: #fff; }
#map3DStatus { position: absolute; z-index: 7; right: 12px; bottom: 46px; max-width: min(330px, calc(100% - 24px)); padding: 10px 14px; border-radius: 10px; background: var(--panel, #fff); color: var(--ink, #182a32); box-shadow: 0 3px 18px #0002; font-size: 13px; }
#map3DTools { position: absolute; z-index: 3; top: 125px; right: 10px; display: grid; gap: 6px; max-width: 160px; }
#map3DTools button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line, #ccdce0); border-radius: 9px; background: var(--panel, #fff); color: var(--ink, #182a32); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
#map3DTools button:focus-visible, #map3DToggle:focus-visible { outline: 3px solid var(--teal, #0f766e); outline-offset: 3px; }
#map3DCanvas .maplibregl-ctrl-attrib { font: 11px/18px sans-serif; }
#map3DCanvas .maplibregl-popup-content { color: #182a32; font: 13px/1.4 sans-serif; }
#map3DCanvas .maplibregl-ctrl-group button { width: 44px; height: 36px; }
@media (max-width: 980px) {
  body.modern-ui #mapModal[data-mobile-view] #map3DToggle { order: -1; flex: 0 0 44px; }
  #map3DTools { top: 142px; max-width: 114px; }
  #map3DTools button { font-size: 11px; padding: 6px; }
  #map3DCanvas .maplibregl-ctrl-group button { height: 44px; }
  #map3DStatus { bottom: 58px; }
}