.zone-map{position:fixed;inset:0 0 var(--game-hud-height,100px);z-index:600;width:100%;height:auto;box-sizing:border-box;padding:0;transform:none;display:block;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;pointer-events:none}
.zone-map,.zone-map *{pointer-events:none!important}
.zone-map[hidden]{display:none!important}
.zone-map header{position:absolute;inset:22px 26px auto auto;display:flex;flex-direction:column;align-items:flex-end;width:auto;padding:0;gap:5px;border:0;background:none;text-shadow:0 2px 5px #000,0 0 12px #000}
.zone-map h2{font:600 24px Cinzel,serif;color:#e5d5b8;margin:0}
.zone-map-explored{font:14px Inter,sans-serif;color:#a7b8bc}
.zone-map-viewport{position:absolute;inset:64px 4vw 58px;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;margin:0}
.zone-map canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:16/9;object-fit:contain;background:none;opacity:.95}
.zone-map footer{position:absolute;inset:auto 26px 18px auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 18px;max-width:480px;width:auto;padding:0;margin:0;border:0;background:none;font:14px Inter,sans-serif;color:#a8b4b7;text-shadow:0 2px 5px #000,0 0 10px #000}
.zone-map .map-key-you{color:#f4dfad}.zone-map .map-key-waystone{color:#9ed9de}.zone-map .map-key-refuge{color:#dfbd7d}.zone-map .map-key-enemy{color:#c08079}
body.zone-map-open .iso-minimap{visibility:hidden}
@media(max-width:700px){.zone-map header{top:12px;right:14px}.zone-map h2{font-size:18px}.zone-map-explored{font-size:13px}.zone-map-viewport{inset:60px 0 74px}.zone-map footer{right:14px;bottom:14px;max-width:290px;gap:7px 12px;font-size:13px}}