.map-regions{position:absolute;left:2%;top:2%;display:flex;gap:6px;z-index:2}.map-regions button{background:#173b35eb;color:#ffedbd;border:1px solid #c6a76d;border-radius:7px;padding:8px 12px;font:600 clamp(11px,1.2vw,18px) system-ui;cursor:pointer}.map-regions [aria-pressed=true]{background:#ead198;color:#2e3726}.map-regions [data-locked=true]{color:#d3c7ac}.is-north [data-map-place],.is-north .map-future,.is-north #map-welcome{display:none!important}.north-map-note{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);width:max-content;max-width:75%;text-align:center;background:#173b35eb;color:#ffedbd;border-radius:7px;padding:8px 12px;font:clamp(11px,1.1vw,17px) system-ui;margin:0}
#north-guide{width:min(900px,92vw);box-sizing:border-box;padding:25px 32px 28px 180px;text-align:center;max-height:90dvh;overflow:auto}#north-guide canvas{position:absolute;left:12px;top:40px;width:150px;height:192px}#north-guide h2{margin:8px 0 15px}#north-guide p{font-size:clamp(15px,1.5vw,21px);line-height:1.5}#north-guide ul{text-align:left;width:fit-content;margin:0 auto 20px;color:#594227}#north-guide .offer-actions{justify-content:center;flex-wrap:wrap;gap:10px}#north-guide .north-instruction{font-weight:600}#north-guide .north-journal{color:#493419;background:transparent;border:1px solid #b99b62;border-radius:7px;padding:12px} @media(max-width:700px){#north-guide{padding:20px}#north-guide canvas{position:static;float:left;width:75px;height:96px;margin:0 12px 8px 0}#north-guide p{clear:both}#north-guide .eyebrow{font-size:11px}.map-regions button{padding:6px 8px}}
@media(max-height:500px){#north-guide{padding:14px 20px}#north-guide canvas{height:72px;width:56px;top:15px}#north-guide h2{font-size:28px;margin:4px 0 8px}#north-guide p{font-size:14px;line-height:1.35;margin:10px 0}#north-guide ul{font-size:14px;margin-bottom:10px}#north-guide .offer-actions button{padding:9px 12px}}

/* One shared compass on both maps; only revealed after the north unlock. */
.map-regions{left:1.5%;top:2%;bottom:auto;width:clamp(100px,13vw,180px);height:clamp(100px,13vw,180px);display:block;isolation:isolate;transform:scale(.9);transform-origin:top left}
.map-regions[hidden]{display:none!important}
.map-regions .map-compass-art{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #001e24);user-select:none}
.map-regions button{position:absolute;z-index:1;min-width:54px;min-height:36px;padding:5px 10px;border:2px solid #c6a76d;border-radius:12px;background:linear-gradient(#294c49,#102e2b);box-shadow:0 3px 6px #001e24aa,inset 0 0 5px #dcc08755;font:700 clamp(13px,1.3vw,20px) Georgia,serif;color:#fff1c7;text-shadow:0 1px 2px #000}
.map-regions [data-region=north]{top:0;left:50%;transform:translateX(-50%)}
.map-regions [data-region=west]{left:0;top:50%;transform:translateY(-50%)}
.map-regions [aria-pressed=true]{background:linear-gradient(#f6e2aa,#bea064);color:#22362b;text-shadow:none;border-color:#fff0b9}
.map-regions button:hover{filter:brightness(1.18)}
.map-regions button:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:700px){.north-map-note{left:auto;right:2%;bottom:2%;transform:none;max-width:calc(95% - 155px);width:auto;padding:6px;font-size:11px}}