/* Leaflet owns marker position. Keep its score label out of rotating/animated layers. */
body.pro-ui .score-marker-wrap{overflow:visible!important;filter:none!important}
body.pro-ui .fish-map-pin{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;border-radius:17px!important;will-change:auto!important;box-shadow:0 5px 14px #00000020!important}
body.pro-ui .fish-map-pin.selected{transform:none!important;border-color:#fff!important;box-shadow:0 0 0 3px #ffffffb0,0 5px 14px #00000020!important}
body.pro-ui .fish-map-pin.selected::after{display:none!important}
body.pro-ui .fish-map-pin>span{transform:none!important}
body.pro-ui .fish-map-pin em{transform:none!important;animation:none!important;transition:none!important;right:-9px;top:-9px;min-width:28px;height:24px;line-height:24px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;background:#32312e;color:#faf7f0;border:1px solid #ffffffa0;box-shadow:0 2px 8px #00000020}
.map-research-note{border-top:1px solid var(--line);margin-top:12px;padding-top:6px;color:var(--muted);font-size:11px}
.map-research-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--text);font-weight:600}
.map-research-note p{line-height:1.6;margin:0 0 8px}
.map-research-note a{display:block;min-height:44px;padding:10px 0;color:var(--accent);text-decoration:underline}

/* No automatic detail sheet when Explore opens or the city changes. */
#mapDetailOverlay[hidden]{display:none!important}

/* Keep the sheet controls above Leaflet attribution/zoom, without removing attribution. */
body.pro-ui #mapDetailOverlay{z-index:1100}
.map-detail-top .map-place-block{min-width:0}
.map-detail-top .map-place-block h2{overflow-wrap:anywhere}
.map-detail-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
body.pro-ui .map-detail-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);font-size:28px;line-height:1;box-shadow:none;cursor:pointer}
.map-detail-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.map-detail-loading .map-detail-close{margin-left:auto}

/* Neutral cartography in every theme: keep the real blue water and road colors. */
html:root body.pro-ui #app .leaflet-tile-pane{filter:none!important}
html:root body.pro-ui #app .leaflet-container{background:#aad3df!important}
html:root body.pro-ui #app .map-stage-card{border:1px solid var(--line)!important;box-shadow:none!important;overflow:hidden}
html:root body.pro-ui #app .map-floating-top{left:12px;right:68px;top:12px;padding:13px 15px;border-radius:14px!important;background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 3px 14px #00000012!important;backdrop-filter:none!important}
html:root body.pro-ui #app .map-floating-top small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
html:root body.pro-ui #app .map-floating-top b{font-size:18px;line-height:1.3;color:var(--text);margin-top:5px}
html:root body.pro-ui #app .leaflet-control-zoom{border:1px solid #d4dce5!important;border-radius:12px!important;overflow:hidden;box-shadow:0 3px 14px #132a4418!important;margin:12px!important}
html:root body.pro-ui #app .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;background:#fff!important;color:#183548!important;border-color:#e4eaf0!important;font-size:24px;font-weight:500}
html:root body.pro-ui #app .leaflet-control-zoom a:focus-visible{outline:2px solid #2563eb;outline-offset:-3px}
html:root body.pro-ui #app .fish-map-pin{width:44px;height:44px;margin-left:4px;margin-top:26px;border-radius:50%!important;background:#2375db!important;border:2px solid #fff!important;color:#fff!important;box-shadow:0 3px 10px #14365130!important}
html:root body.pro-ui #app .fish-map-pin.hot{background:#098e77!important}
html:root body.pro-ui #app .fish-map-pin.normal,html:root body.pro-ui #app .fish-map-pin.unknown{background:#557386!important}
html:root body.pro-ui #app .fish-map-pin>span{background:transparent!important;border:0!important;width:30px;height:30px}
html:root body.pro-ui #app .fish-map-pin svg{width:24px;height:24px;stroke:#fff!important}
html:root body.pro-ui #app .fish-map-pin em{right:-9px;top:-9px;background:#fff!important;color:#183548!important;border:1px solid #d4dce5!important;border-radius:10px!important;min-width:27px;height:23px;line-height:22px;font-size:10px;box-shadow:0 2px 5px #132a4420!important}
html:root body.pro-ui #app .fish-map-pin.selected{border-color:#fff!important;box-shadow:0 0 0 4px #2375db66,0 3px 10px #14365130!important}


