.zdm{--zm-land:var(--map-land,#ece6d6);--zm-neigh:var(--map-neigh,#dcd6c4);--zm-sea:var(--map-sea,#cfe1e6);--zm-edge:var(--map-edge,#b9ae92);--zm-river:var(--map-river,#6fa8c0);--zm-zone:var(--map-zone,#1b6b50);--zm-ink:var(--map-ink,#3b4a42);--zm-card:var(--surface,#fff);--zm-txt:var(--text,#1a1f1c);
  position:relative;background:var(--zm-sea);border-radius:var(--r-lg,16px);overflow:hidden;direction:ltr;font-family:inherit;z-index:0}
html[data-theme=dark] .zdm,.zdm.zdm-dark{--zm-land:var(--map-land,#23302a);--zm-neigh:var(--map-neigh,#1b2420);--zm-sea:var(--map-sea,#0f1a1f);--zm-edge:var(--map-edge,#3c4b43);--zm-river:var(--map-river,#3f7f97);--zm-ink:var(--map-ink,#c9d4cd);--zm-card:var(--surface,#17201b);--zm-txt:var(--text,#eef2ee)}
.zdm .leaflet-container{background:transparent;font-family:inherit}
.zdm path.zdm-egypt{fill:var(--zm-land);stroke:var(--zm-edge)}
.zdm path.zdm-neigh{fill:var(--zm-neigh);stroke:var(--zm-edge);opacity:.75}
.zdm path.zdm-river{fill:none;stroke:var(--zm-river);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}
.zdm path.zdm-river.zdm-wide{stroke-width:5px;opacity:.8}
.zdm path.zdm-canal{fill:none;stroke:var(--zm-river);stroke-width:2px;stroke-dasharray:2 5;stroke-linecap:round}
.zdm path.zdm-ring{fill:none;stroke:var(--zm-edge);stroke-width:2px;stroke-dasharray:7 6;opacity:.9}
.zdm path.zdm-road{fill:none;stroke:var(--zm-edge);stroke-width:2px;opacity:.75}
.zdm path.zdm-zone{fill:var(--zm-zone);fill-opacity:.13;stroke:var(--zm-zone);cursor:pointer;transition:fill-opacity .15s}
.zdm path.zdm-zone:hover,.zdm path.zdm-zone.sel{fill-opacity:.3;stroke-width:2.5px}
.zdm .zdm-lbl{width:0;height:0}.zdm .zdm-lbl span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;letter-spacing:.5px;color:var(--zm-ink);opacity:.7;pointer-events:none}
.zdm .zdm-sea span{font-style:italic;color:var(--zm-river);opacity:.95}.zdm .zdm-road-l span{font-size:10px}
.zdm .leaflet-tooltip.zdm-ztip{background:transparent;border:0;box-shadow:none;color:var(--zm-ink);font-weight:700;font-size:11.5px;padding:0;text-shadow:0 0 3px var(--zm-land),0 0 3px var(--zm-land)}
.zdm .leaflet-tooltip.zdm-ztip:before{display:none}
.zdm-pin{transition:transform .15s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.zdm-pin:hover,.zdm-pin.sel{transform:scale(1.18);z-index:900!important}
.zdm-pin svg,.zdm-pin img{display:block}
.zdm-pin.sel svg{filter:drop-shadow(0 0 4px rgba(194,154,60,.9))}
.zdm-cl{width:64px;height:64px;border-radius:50%;background:var(--zm-zone);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.3);cursor:pointer;text-align:center;line-height:1.15}
.zdm-cl b{font-size:20px}.zdm-cl span{font-size:9px;max-width:56px}
.zdm .leaflet-control-zoom{border:0;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.zdm .leaflet-control-zoom a{background:var(--zm-card);color:var(--zm-txt);width:34px;height:34px;line-height:34px;border:0}
.zdm .leaflet-popup-content-wrapper{background:var(--zm-card);color:var(--zm-txt);border-radius:12px}.zdm .leaflet-popup-tip{background:var(--zm-card)}
.zdm-pop{direction:rtl;text-align:right;min-width:140px;display:flex;flex-direction:column;gap:4px}
html[lang=en] .zdm-pop{direction:ltr;text-align:left}
.zdm-pop b{font-size:14px}.zdm-pop small{opacity:.7}.zdm-pop a{color:var(--zm-zone);font-weight:700;text-decoration:none}
.zdm .leaflet-control-attribution{font-size:10px}

/* real street tiles */
.zdm.zdm-tiles{background:#e8e6df}
.zdm.zdm-tiles .leaflet-tile-pane{opacity:1}
html[data-theme=dark] .zdm.zdm-tiles:not(.zdm-tiles-dark) .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.75)}
.zdm .leaflet-control-attribution{font:10.5px/1.5 var(--f-body,system-ui,sans-serif);background:rgba(255,255,255,.82);padding:1px 6px;border-radius:6px 0 0 0;direction:ltr}
.zdm .leaflet-control-attribution a{color:#2b5d8a}
.zdm.zdm-tiles .zdm-zone{fill:#c29a3c;fill-opacity:.18;stroke:#a97f1e;stroke-width:2}
.zdm.zdm-tiles .zdm-zone.sel{fill-opacity:.32;stroke:#845e0c}
.zdm.zdm-tiles .leaflet-tooltip.zdm-ztip{background:rgba(255,255,255,.92);border:0;box-shadow:0 2px 8px rgba(0,0,0,.2);font-weight:700;color:#0c2a20;padding:2px 8px;border-radius:6px;text-shadow:none}