.regions-page .page-intro{padding-top:42px;padding-bottom:20px}.regions-page .page-intro h1{font-size:clamp(38px,4.4vw,68px);margin-bottom:10px}.regions-page .page-intro>p:last-child{max-width:740px}.region-workspace{padding-top:0}.region-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) auto;gap:16px;align-items:end;padding:20px 0 12px}.region-controls label{display:grid;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#c7c8c4}.region-controls input,.region-controls select{width:100%;min-height:46px;background:#10191e;border:1px solid #3d4545;color:#f5f1e6;border-radius:4px;padding:10px 12px;font:inherit;font-size:14px}.region-controls option{background:#10191e}.region-controls button{min-height:46px}.region-match-count{font-size:12px;color:#bdb9ad;margin:0 0 18px;min-height:20px}.region-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:24px;align-items:start}.region-map-figure{margin:0;min-width:0}.region-map-surface{position:relative;isolation:isolate;background:#d3ad6d;border:1px solid #aa8849;border-radius:8px;overflow:hidden;box-shadow:0 15px 50px #0005}.region-map-surface>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.region-pins{position:absolute;inset:0}.region-pin{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border:2px solid #f8df9c;border-radius:50%;display:grid;place-items:center;background:#15242b;color:#ffebba;box-shadow:0 2px 8px #000c;font:800 14px Manrope,sans-serif;cursor:pointer;z-index:1;padding:0}.region-pin[aria-pressed=true]{background:#ecbc61;color:#161b1d;box-shadow:0 0 0 5px #171b1dbb,0 2px 10px #000;z-index:3}.region-pin:hover,.region-pin:focus-visible{z-index:4;border-color:white}.region-pin:focus-visible{outline:3px solid white;outline-offset:3px}.region-pin.is-muted{opacity:.45}.pin-label{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#111c23;color:#fff3d5;border:1px solid #ad8b50;padding:7px 10px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;font-size:12px}.region-pin:hover .pin-label,.region-pin:focus-visible .pin-label{opacity:1}.region-map-figure figcaption{font-size:12px;line-height:1.7;color:#bdb9ad;padding:14px 0 8px}.region-map-figure .text-link{font-size:12px}.region-detail{background:linear-gradient(140deg,#14232a,#0c141a);border:1px solid #3b4443;border-radius:8px;padding:24px;min-width:0}.region-detail h2{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:8px 0 12px}.region-detail .eyebrow{font-size:10px;margin:0;color:#d6b770}.region-description{font-size:13px;line-height:1.7;color:#c1c8c7;margin:0 0 16px}.region-creature-count{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#dac28d;margin:0 0 4px}.region-creatures{padding:0;margin:0;list-style:none}.region-creature{padding:13px 0;border-bottom:1px solid #ffffff13}.creature-top{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.creature-top h3{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;margin:0;font-weight:700;color:#f2ead7}.creature-level{font-size:10px;white-space:nowrap;color:#d7bd82;border:1px solid #b89c5d44;border-radius:3px;padding:2px 6px}.creature-location{font-size:11px;line-height:1.6;color:#b7c6cb;margin:5px 0 0}.creature-note{font-size:11px;line-height:1.6;color:#c5b48f;margin:6px 0 0}.region-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:11px}.region-pagination button{background:#1b2c34;color:#e9d5a4;border:1px solid #465354;padding:8px 12px;border-radius:3px;cursor:pointer;font:inherit}.region-pagination button:disabled{opacity:.4;cursor:default}.region-detail .text-link{display:inline-block;margin-top:18px;font-size:12px}.region-detail .text-link[hidden]{display:none}.region-method{margin-top:24px;border-top:1px solid #ffffff20;padding-top:18px;font-size:12px;color:#b2babb;line-height:1.7}.region-method summary{cursor:pointer;color:#d8c599}.region-method p{max-width:900px}.region-empty{padding:30px;border:1px solid #79623a;background:#1c211f;border-radius:8px;color:#dfd0ad}.regions-page [hidden]{display:none!important}@media(max-width:1050px){.region-layout{grid-template-columns:1fr}.region-map-figure{max-width:650px;width:100%;margin:auto}.region-detail{padding:22px}.region-creatures{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.region-controls{grid-template-columns:1fr 1fr}.region-controls button{grid-column:1/-1;justify-self:start;min-height:36px}}@media(max-width:560px){.regions-page .page-intro{padding-top:26px}.region-controls{grid-template-columns:1fr;gap:12px}.region-creatures{grid-template-columns:1fr}.region-pin{width:32px;height:32px;font-size:12px}.region-detail{padding:20px}.region-layout{gap:18px}.pin-label{white-space:normal;min-width:100px;text-align:center}.region-map-figure figcaption{font-size:11px}}@media(prefers-reduced-motion:reduce){.pin-label{transition:none}}

.regions-page .region-workspace{padding-top:0;padding-bottom:30px}.regions-page .page-intro{padding-top:28px;padding-bottom:12px}.regions-page .page-intro>p:last-child{margin-top:12px}.regions-page .page-intro .eyebrow{margin-bottom:12px}.region-controls{padding-top:10px}

.region-pin.is-east .pin-label{left:auto;right:-8px;transform:none}

.region-map-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}.region-map-tools button,.region-detail-tabs button{background:#15252d;border:1px solid #52605c;color:#e9dfc7;border-radius:3px;padding:9px 11px;font:600 11px Manrope,sans-serif;cursor:pointer}.region-map-tools output{font-size:11px;min-width:42px;text-align:center;color:#d4bf8e}.region-map-tools button:disabled{opacity:.4;cursor:default}.region-map-surface{aspect-ratio:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b59b65 #1a252a}.region-map-canvas{position:relative;width:100%;min-width:100%;aspect-ratio:1;isolation:isolate}.region-map-canvas>img{display:block;width:100%;height:auto;aspect-ratio:1}.region-area-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.region-area-overlay polygon{fill:#eac16b;fill-opacity:.2;stroke:#ffe6a5;stroke-width:.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #000)}.region-pins{pointer-events:none}.region-pin{pointer-events:auto}.region-map-canvas .region-pin{transform:translate(-50%,-50%)}.region-find-heading{font:600 14px Manrope,sans-serif;color:#eee0bd;margin:20px 0 12px}.region-detail-tabs{display:flex;gap:6px;margin-bottom:20px}.region-detail-tabs button{flex:1;padding:10px 7px}.region-detail-tabs [aria-pressed=true]{background:#d1b575;color:#0e1b23;border-color:#e5cc93}.region-detail [data-region-panel]{min-height:240px}.region-panel-note,.region-empty-note{color:#bac6c8;font-size:12px;line-height:1.7}.region-loot-list{padding:0;margin:12px 0;list-style:none}.region-loot-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff14}.region-loot-row img{width:40px;height:40px;object-fit:contain;flex:none;border-radius:3px}.region-loot-row a,.region-place a,.region-quest>a{font-size:13px;color:#e3c889}.loot-source{font-size:11px;color:#bfcdcf;margin:5px 0}.region-place{padding:10px 0;border-bottom:1px solid #ffffff14}.region-place strong{font-size:13px}.region-place p,.region-quest p{font-size:12px;line-height:1.7;color:#bdc8cc;margin:6px 0}.region-detail [data-region-panel]>div>h3{font:600 13px Manrope,sans-serif;color:#e8d0a0;margin:16px 0 8px}.region-quest{padding:12px 0;border-bottom:1px solid #ffffff14}.region-quest summary{font-size:12px;color:#d8e0de;cursor:pointer}.region-quest>a{display:inline-block;margin:7px 0}.region-creature{display:flex;gap:12px;align-items:flex-start}.creature-copy{flex:1;min-width:0}.creature-portrait{width:48px;height:48px;flex:none;border:1px solid #b99e5c66;border-radius:5px;background-image:url('assets/regions/creature-families-v1.webp');background-size:464% 464%;background-repeat:no-repeat}.regions-page button:focus-visible,.region-map-surface:focus-visible{outline:2px solid #ffe6a5;outline-offset:3px}@media(max-width:560px){.region-map-tools button{padding:10px}.region-detail-tabs{gap:4px}.creature-portrait{width:42px;height:42px}.region-creature{gap:9px}}