/* ── 可視地圖 modal ── */
.map-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.map-modal{background:var(--bg-elev,#1c1c22);border-radius:var(--radius-sm,4px);max-width:min(90vw,720px);max-height:90vh;overflow:auto;display:flex;flex-direction:column}
.map-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}
.map-modal-canvas{position:relative;line-height:0}
.map-modal-img{width:100%;height:auto;display:block}
.map-pin{position:absolute;transform:translate(-50%,-100%);font-size:18px;line-height:1;pointer-events:none;white-space:nowrap}
.map-pin-label{font-size:11px;background:rgba(0,0,0,.75);color:#fff;padding:0 3px;border-radius:2px;margin-left:2px}
.map-modal-foot{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);justify-content:center;padding:var(--space-2,8px) var(--space-3,12px);border-top:1px solid var(--color-border,#2f3650);color:var(--color-text-muted,#9aa3b8);line-height:1.5}
.map-foot-coord{font-variant-numeric:tabular-nums}
.map-img-failed .map-modal-img,.map-img-failed .map-pin{display:none}
/* ── 來源/掉落卡的地圖鈕（source_view 怪物掉落仍用 modal 鈕） ── */
.source-map-btn{background:none;border:1px solid var(--border,#3a3a44);border-radius:var(--radius-sm,4px);cursor:pointer;padding:1px 6px;min-height:24px}
.source-map-btn:hover{background:var(--bg-hover,#2a2a32)}
/* ── 內嵌小地圖（採集卡片右側；圖下方 caption 地名+座標；clickToEnlarge 點擊開 modal） ── */
.map-inline-wrap{width:184px;display:flex;flex-direction:column;gap:var(--space-1,4px);align-items:center}
.map-inline{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--radius-sm,4px);overflow:hidden;background:rgba(0,0,0,.25);line-height:0}
.map-inline--clickable{cursor:pointer}
.map-inline--clickable:hover{outline:2px solid var(--accent,#4ec9d0);outline-offset:-2px}
.map-inline-img{width:100%;height:100%;object-fit:cover;display:block}
.map-inline-pin{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent,#4ec9d0);border:2px solid #fff;box-shadow:0 0 5px var(--accent,#4ec9d0),0 0 0 1px rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}
/* 節點 icon 標記（採集節點 type icon；inline 小 + modal 大，兩端一致，對齊 reference）— cyan 光暈高亮 + 可 hover 看座標 */
.map-pin-img{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;filter:drop-shadow(0 0 4px var(--accent,#4ec9d0)) drop-shadow(0 1px 2px rgba(0,0,0,.85));pointer-events:auto;cursor:pointer;transition:filter .12s ease,transform .12s ease}
.map-pin-img--sm{width:23px;height:23px}
.map-pin-img:hover{filter:drop-shadow(0 0 8px var(--accent,#4ec9d0)) drop-shadow(0 1px 2px #000);transform:translate(-50%,-50%) scale(1.18)}
.map-inline-cap{display:flex;flex-direction:column;gap:1px;text-align:center;line-height:1.3;max-width:100%}
.map-cap-place{font-size:var(--fs-body,0.875rem);color:var(--color-text,#e6e9f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
.map-cap-coords{font-size:var(--fs-small,0.8125rem);color:var(--color-text-muted,#9aa3b8);font-variant-numeric:tabular-nums}
/* 座標：圖底「全寬漸層條」— 永遠在標記之上、不被 icon 遮住、不裁切（z-index:3）*/
.map-inline-coord{position:absolute;left:0;right:0;bottom:0;padding:10px 6px 3px;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);color:#fff;font-size:var(--fs-small,0.8125rem);font-variant-numeric:tabular-nums;line-height:1.3;pointer-events:none;z-index:3}
/* modal 傳送點圖示（主水晶/以太之光）— 絕對定位於放大地圖上 */
.map-ae{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
/* 怪物掉落卡：多地區小地圖並排 */
.mob-drop-maps{display:flex;flex-wrap:wrap;gap:var(--space-3,12px)}
.map-inline--failed{display:none}