.location-map{--map-accent:#dfbc78;--map-line:#3a4b4a;color:#dbe3dd;margin:1rem 0;min-width:0}
.location-map *{box-sizing:border-box}.location-map h3,.location-map h4,.location-map p{margin:0}.location-map p{line-height:1.6}
.location-map-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.location-map-heading h3{font-size:1.2rem}.location-current{font-size:.88rem;color:#b5c5bd}.location-current span{display:block;font-size:.75rem}
.location-region-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.location-region-tabs button,.location-map-return button{min-height:42px;background:#1b2b2b;border:1px solid var(--map-line);color:#d6e0d8;border-radius:8px;padding:.45rem .7rem;font-size:.85rem;cursor:pointer}.location-region-tabs button.active{border-color:var(--map-accent);color:#f2d69d;background:#31362c}
.location-map button:focus-visible,.location-map a:focus-visible{outline:3px solid #e4c88b;outline-offset:3px}.location-map button:disabled{opacity:.55;cursor:default}
.location-region-intro{padding:.8rem 1rem;border-left:3px solid var(--map-accent);background:#182627;margin-bottom:.8rem;border-radius:0 8px 8px 0}.location-region-intro h4{font-size:1.05rem}.location-region-intro p{font-size:.85rem;color:#afc0b5;margin-top:.2rem}
.location-world-plot,.location-local-plot{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:100%;border:1px solid #64726480;border-radius:12px;min-height:380px;aspect-ratio:10/7;background:#152a30;box-shadow:inset 0 0 0 6px #111e2260,0 6px 24px #0002}
.location-world-plot:after,.location-local-plot:after{content:"";position:absolute;inset:7px;border:1px solid #acbd9225;border-radius:8px;pointer-events:none;z-index:3}
.location-map-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.location-map-art use,.location-map-art path{vector-effect:non-scaling-stroke}.location-art-land{stroke:#a0ae91;stroke-opacity:.4;stroke-width:1.5;transition:stroke .2s,stroke-opacity .2s,filter .2s}.location-art-area.is-mist{opacity:.35}.location-art-area.is-current .location-art-land{stroke:#dfbc78;stroke-opacity:.85;stroke-width:2}.location-art-road{fill:none;stroke:#e2c993;stroke-width:1.5;stroke-opacity:.6;stroke-dasharray:4 7;vector-effect:non-scaling-stroke}.location-art-road.is-portal{stroke:#b6c7db;stroke-dasharray:2 7}
.location-world-plot:has(.location-world-node[data-map-region="0"]:is(:hover,:focus-visible):not(:disabled)) [data-map-land="0"] .location-art-land,.location-world-plot:has(.location-world-node[data-map-region="1"]:is(:hover,:focus-visible):not(:disabled)) [data-map-land="1"] .location-art-land,.location-world-plot:has(.location-world-node[data-map-region="2"]:is(:hover,:focus-visible):not(:disabled)) [data-map-land="2"] .location-art-land,.location-world-plot:has(.location-world-node[data-map-region="3"]:is(:hover,:focus-visible):not(:disabled)) [data-map-land="3"] .location-art-land,.location-world-plot:has(.location-world-node[data-map-region="4"]:is(:hover,:focus-visible):not(:disabled)) [data-map-land="4"] .location-art-land{stroke:#ffe2a3;stroke-opacity:1;filter:brightness(1.18);stroke-width:2.5}
.location-compass{position:absolute;right:18px;top:15px;display:grid;justify-items:center;font-size:1.6rem;line-height:1.1;color:#b5c5ad;pointer-events:none;z-index:2}.location-compass>span{font-size:.7rem;letter-spacing:.15em}.location-map-caption{position:absolute;left:20px;bottom:18px;color:#a9b8a3;font-size:.75rem;letter-spacing:.25em;pointer-events:none;z-index:2;text-shadow:0 1px 4px #000}
.location-world-plot .location-world-node{position:absolute;left:var(--map-x);top:var(--map-y);translate:-50% -50%;transform:none;display:grid;gap:.25rem;min-width:92px;min-height:56px;padding:.55rem .7rem;background:#182a2bdd;border:1px solid #88997890;border-radius:7px;color:#e2e8dc;cursor:pointer;z-index:2;box-shadow:0 3px 15px #0b171660;transition:background .2s,border-color .2s,box-shadow .2s}.location-world-plot .location-world-node:hover:not(:disabled),.location-world-plot .location-world-node:focus-visible{transform:none;background:#374238ee;border-color:#f2d294;box-shadow:0 0 14px #dfbc7826}.location-world-node strong{font-size:.95rem;letter-spacing:.08em;font-weight:600}.location-world-node small{font-size:.68rem;color:#b5c7b9}.location-world-plot .location-world-node.is-current{border-color:var(--map-accent);background:#31382cec}.location-world-plot .location-world-node.is-unknown{background:#14222add;border-style:dashed;color:#a8b1ad}
.location-local-plot{min-height:420px}.location-map-pin{position:absolute;left:var(--map-x);top:var(--map-y);translate:-50% -50%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#d9e5d5;font-size:.8rem;min-height:44px;min-width:44px;scroll-margin:1rem;z-index:2}.location-map-pin>span:last-child{background:#111e21e8;border:1px solid #71836d90;border-radius:5px;padding:3px 6px;white-space:nowrap;box-shadow:0 2px 8px #12201d90}.location-pin-dot{width:8px;height:8px;border:1.5px solid #c3d1af;border-radius:50%;background:#4b6651;box-shadow:0 0 0 3px #192c2890}.location-map-pin.is-current{color:#ffe0a3}.location-map-pin.is-current .location-pin-dot{border-color:#ffe0a3;background:#dfbc78;box-shadow:0 0 0 4px #dfbc7830,0 0 12px #dfbc7870}.location-map-pin:hover>span:last-child,.location-map-pin:focus-visible>span:last-child{border-color:var(--map-accent);color:#ffe1a7;background:#2a372c}.location-map-legend{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;font-size:.72rem;color:#a6b8ab;padding:.55rem .15rem}.location-map-legend>span{display:flex;gap:.4rem;align-items:center}.legend-route:before{content:"";width:20px;border-top:1px dashed #d8bd86}.legend-current:before{content:"";width:6px;height:6px;border-radius:50%;background:#dfbc78;box-shadow:0 0 0 3px #dfbc7820}
.location-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.location-card{min-width:0;padding:.85rem;border:1px solid var(--map-line);background:#182629;border-radius:10px;scroll-margin-top:1rem}.location-card.is-current{border-color:#b49760;background:#252e28}.location-card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.location-card-title h4{font-size:.98rem}.location-card-title>span{font-size:.68rem;padding:.2rem .4rem;color:#c9d6c9;background:#2d3c35;border-radius:5px;white-space:nowrap}.location-card p{font-size:.82rem;margin-top:.45rem}.location-card .location-direction{font-size:.73rem;color:#adbfaf}.location-card .location-activities{font-size:.72rem;color:#d5bd8d}.location-travel{margin-top:.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.location-travel-button{min-height:42px;max-width:100%;white-space:normal;overflow-wrap:anywhere;background:#31473c;color:#e1ebdd;border:1px solid #668165;border-radius:7px;padding:.45rem .65rem;cursor:pointer}.location-travel small{font-size:.75rem;line-height:1.5;color:#bac8ba;overflow-wrap:anywhere}.location-note{font-size:.78rem;color:#abbcb2;margin-top:.7rem!important}.location-nearby{display:flex;justify-content:space-between;gap:.8rem;align-items:center;flex-wrap:wrap;padding:.85rem;margin-top:.8rem;background:#20342f;border:1px solid #52735d;border-radius:9px}.location-nearby h4{font-size:.94rem}.location-nearby p{font-size:.78rem;color:#c0d1c3;margin-top:.2rem}.location-nearby .location-travel{margin-top:0}.location-undiscovered{padding:.7rem;border:1px dashed var(--map-line);border-radius:8px}.location-map-return{margin-top:.9rem;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.location-map-return .location-note{margin-top:0!important}
@media(max-width:620px){.location-card-grid{grid-template-columns:1fr}.location-map-heading{gap:.6rem}.location-map-heading h3{font-size:1.05rem}.location-world-plot{min-height:390px}.location-world-plot .location-world-node{min-width:78px;padding:.45rem .35rem;min-height:50px}.location-world-node strong{font-size:.77rem;letter-spacing:0}.location-world-node small{font-size:.6rem}.location-local-plot{min-height:420px}.location-region-tabs button{font-size:.78rem;padding:.4rem .55rem}.location-region-intro{padding:.7rem}.location-map-pin{font-size:.7rem}.location-map-pin>span:last-child{padding:3px 4px}.location-card{padding:.75rem}.location-nearby{padding:.75rem}.location-current{font-size:.82rem}.location-compass{right:14px;top:13px}.location-map-caption{left:15px;bottom:16px;font-size:.65rem}.location-map-legend{gap:.75rem;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.location-map *{scroll-behavior:auto;transition:none!important}}