/* Full viewport map — kept separate to bypass older cached map styles */
.map-modal{
  position:absolute!important;
  z-index:100!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#071827!important;
}
.map-modal.open{transform:translateY(0)!important}
.map-modal .close{position:absolute!important;z-index:120!important}
.map-head{position:absolute!important;z-index:115!important}

.map-modal .map-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  overflow:auto!important;
  background:#071827!important;
}

.map-modal .map-photo{
  position:relative!important;
  display:block!important;
  height:var(--map-height,1300px)!important;
  width:var(--map-width,1840px)!important;
  min-width:0!important;
  max-width:none!important;
  aspect-ratio:1379/919!important;
  background:#071827!important;
}
.map-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}

.map-modal .map-stations{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.map-modal .map-pin{position:absolute!important}
.map-zoom-controls{position:absolute;z-index:125;right:15px;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;gap:7px}.map-zoom-controls button{width:44px;height:44px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(3,20,33,.86);color:#fff;font-size:25px;line-height:1;display:grid;place-content:center;box-shadow:0 3px 12px rgba(0,0,0,.35);backdrop-filter:blur(8px);cursor:pointer}.map-zoom-controls button:nth-child(2){font-size:20px;color:#f2c453}
[dir=ltr] .map-zoom-controls{right:auto;left:15px}

@media(min-width:800px){
  .app .map-modal{width:100%!important;height:100%!important;inset:0!important;border-radius:26px!important}
}