/* Copperdeep atlas: low-noise parchment, dark ink, and a restrained copper pin. */
.world-atlas-hud{position:absolute;z-index:24;top:var(--atlas-top,116px);right:var(--atlas-right,12px);width:148px;color:#f1e7cd;font:12px/1.2 system-ui,sans-serif;pointer-events:auto}
.world-atlas-hud button,.world-atlas button{box-sizing:border-box;min-width:44px;min-height:44px;cursor:pointer;border:1px solid #7b7c65;border-radius:9px;background:#f0ead7;color:#263c36;font:600 14px/1.2 system-ui,sans-serif;box-shadow:none;text-transform:none;letter-spacing:normal;touch-action:manipulation}
.world-atlas-hud button:focus-visible,.world-atlas :focus-visible{outline:3px solid #a95230;outline-offset:3px}
.atlas-mini-open{position:relative!important;display:block;width:148px;padding:0!important;overflow:hidden;border-color:#8b8066!important;border-radius:12px!important;box-shadow:0 3px 15px #101e2438!important}
.atlas-mini{display:block;width:148px;height:112px;background:#e3dec9;pointer-events:none}
.atlas-mini-title{display:block;padding:8px 38px 8px 10px;background:#253a35;color:#f1e7cd;text-align:left;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.atlas-mini-north{position:absolute;left:8px;top:6px;color:#263c36;font:bold 11px Georgia,serif;text-shadow:0 1px #fff}
.world-atlas-hud .atlas-mini-collapse{position:absolute;bottom:0;right:0;min-width:36px;min-height:36px;background:transparent;border:0;color:#f1e7cd;font-size:20px;padding:0}
.world-atlas-hud.is-collapsed{width:148px}.world-atlas-hud.is-collapsed .atlas-mini,.world-atlas-hud.is-collapsed .atlas-mini-north{display:none}.world-atlas-hud.is-collapsed .atlas-mini-title{padding-top:14px;padding-bottom:14px}
dialog.world-atlas{position:fixed;inset:0;width:min(1120px,calc(100vw - 64px));height:min(820px,calc(100dvh - 56px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #8d8c70;border-radius:18px;overflow:hidden;background:#e3dec9;color:#263c36;box-shadow:0 24px 90px #07181566;font:14px/1.4 system-ui,sans-serif}
dialog.world-atlas:not([open]){display:none}.world-atlas::backdrop{background:#10211ecc;backdrop-filter:blur(3px)}
.atlas-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px!important}.atlas-map:active{cursor:grabbing}
.atlas-top{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;gap:6px;pointer-events:none}
.atlas-top>*{pointer-events:auto}.atlas-heading{min-width:0;margin-right:auto;border:1px solid #9c9d8355;border-radius:10px;padding:8px 14px;background:#f3eedeea;box-shadow:0 2px 8px #263c360a}
.atlas-eyebrow{display:block;font-size:9px;letter-spacing:.16em;color:#78694f}.atlas-name{display:block;font:600 21px/1.15 Georgia,serif;max-width:35vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atlas-top button{font-size:25px;background:#f3eedeee}.atlas-compass{position:absolute;top:96px;left:30px;font:600 14px Georgia,serif;text-align:center;pointer-events:none;text-shadow:0 1px 2px #fff}.atlas-compass:after{content:'↑';display:block;font:24px/1 Georgia,serif}
.atlas-zoom{position:absolute;right:16px;top:90px;display:flex;flex-direction:column;gap:6px}.atlas-zoom button{width:44px;height:44px;font-size:24px;background:#f3eedeee}.world-atlas button[aria-pressed=true]{border-color:#8c5133;background:#e7d4b5;color:#643922}.world-atlas button:disabled{opacity:.4;cursor:default}
.atlas-search{position:absolute;left:16px;top:88px;width:min(350px,calc(100% - 90px));box-sizing:border-box;padding:12px;background:#f5f0e1f7;border:1px solid #a2a087;border-radius:12px;box-shadow:0 8px 30px #263c3625}
.atlas-search[hidden],.atlas-filters[hidden],.atlas-detail[hidden]{display:none}.atlas-search input{box-sizing:border-box;width:100%;height:44px;border:1px solid #939782;border-radius:7px;padding:0 12px;background:#fffcf1;color:#263c36;font:16px system-ui,sans-serif;box-shadow:none}.atlas-search>button{margin-top:8px}.atlas-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.atlas-filters button{font-size:12px;padding:5px 10px}.atlas-result-count{margin:10px 0 6px;color:#637063;font-size:12px}.atlas-results{display:flex;flex-direction:column;max-height:min(36dvh,290px);overflow:auto;overscroll-behavior:contain;gap:2px}.atlas-results button{flex-shrink:0;border:0;border-radius:5px;padding:9px 8px;text-align:left;background:transparent}.atlas-results button:hover{background:#e6dfc9}.atlas-results small{display:block;font-weight:400;font-size:11px;color:#657063;margin-top:3px;text-transform:capitalize}
.atlas-detail{position:absolute;left:16px;bottom:48px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);box-sizing:border-box;border:1px solid #9a9b81;background:#f5efdef5;padding:10px 12px;border-radius:12px;box-shadow:0 4px 24px #263c361a}.atlas-detail>div{min-width:0}.atlas-detail strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Georgia,serif;font-size:17px}.atlas-detail p{margin:3px 0 0;font-size:11px;color:#596858}.atlas-detail button{flex-shrink:0}.atlas-detail button:last-child{font-size:24px;border:0;background:transparent}
.atlas-bottom{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;pointer-events:none;color:#425448;font-size:10px}.atlas-status{background:#eee8d7d9;border-radius:4px;padding:3px 6px;max-width:75%}.atlas-scale{border:solid #425448;border-width:0 1px 2px;text-align:center;padding-bottom:2px;white-space:nowrap;text-shadow:0 1px #fff}
body.atlas-is-open{overflow:hidden}
@media(max-width:700px),(max-height:500px){
 .world-atlas-hud{top:var(--atlas-top-mobile,116px);right:var(--atlas-right-mobile,8px);width:112px}.world-atlas-hud .atlas-mini-open{width:112px}.world-atlas-hud .atlas-mini{width:112px;height:82px}.world-atlas-hud .atlas-mini-title{font-size:10px;padding:14px 42px 14px 8px}.world-atlas-hud .atlas-mini-collapse{min-width:44px;min-height:44px}.world-atlas-hud.is-collapsed{width:112px}
 dialog.world-atlas{width:100vw;height:100dvh;inset:0;margin:0;border:0;border-radius:0}
 .atlas-top{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));gap:5px}.atlas-heading{padding:6px 10px}.atlas-name{font-size:18px;max-width:52vw}.atlas-eyebrow{font-size:8px}.atlas-top button{height:44px}
 .atlas-compass{left:max(20px,env(safe-area-inset-left));top:calc(76px + env(safe-area-inset-top))}.atlas-zoom{right:max(10px,env(safe-area-inset-right));top:calc(76px + env(safe-area-inset-top));gap:5px}
 .atlas-search{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:auto;bottom:calc(38px + env(safe-area-inset-bottom));width:auto;padding:10px;z-index:2;max-height:65dvh;overflow:auto;overscroll-behavior:contain}.atlas-results{max-height:27dvh}.atlas-filters{flex-wrap:nowrap;overflow-x:auto}.atlas-filters button{flex:1;white-space:nowrap}
 .atlas-detail{left:max(10px,env(safe-area-inset-left));bottom:calc(44px + env(safe-area-inset-bottom));max-width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:8px;gap:5px}.atlas-detail strong{font-size:15px}.atlas-detail p{font-size:10px}.atlas-detail button{padding:6px}
 .atlas-bottom{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom))}.atlas-status{font-size:9px;max-width:72%}
}
@media(prefers-reduced-motion:reduce){.world-atlas,.world-atlas *,.world-atlas-hud *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


.viewport:has(.target-card:not([hidden])) .world-atlas-hud .atlas-mini,.viewport:has(.target-card:not([hidden])) .world-atlas-hud .atlas-mini-north{display:none}

/* Atlas hierarchy: a country journey by default, local detail on demand. */
dialog.world-atlas{background:#ece5cf;border-color:#7f8064;box-shadow:0 24px 90px #07181566,inset 0 0 0 6px #f0e8cf}
.atlas-top{z-index:3}.atlas-heading{background:#f5eedbd9;border-color:#a2997540}.atlas-top button,.atlas-zoom button{background:#f3eddce8;border-color:#9b957776}
.atlas-levels{position:absolute;left:50%;top:24px;transform:translateX(-50%);display:flex;gap:2px;border:1px solid #9a92724f;padding:3px;background:#f4eedce8;border-radius:26px;z-index:3;box-shadow:0 2px 12px #564f2510}
.atlas-levels button{min-height:38px;min-width:78px;padding:6px 13px;background:transparent;border-color:transparent;border-radius:22px;font-size:12px;font-weight:500}
.atlas-levels button[aria-pressed=true]{background:#304b3e;color:#f4ecd4;border-color:#304b3e;box-shadow:0 2px 6px #304b3e25}
.atlas-chapter{position:absolute;left:30px;top:116px;pointer-events:none;color:#354b3d;max-width:65%;text-shadow:0 1px #f7efd9}
.atlas-chapter strong{display:block;margin:6px 0 5px;font:32px/1.05 Georgia,serif;letter-spacing:-.025em}.atlas-chapter small{font-size:11px;color:#71765f}.atlas-chapter .atlas-eyebrow{letter-spacing:.21em;font-size:9px;color:#897249}
.atlas-zoom{top:102px;z-index:3}.atlas-extra-tools{display:flex;flex-direction:column;gap:6px}.atlas-extra-tools[hidden]{display:none}
.atlas-compass{top:auto;left:auto;right:30px;bottom:76px;width:36px;font-size:11px}.atlas-compass:after{content:'✦';font-size:34px;line-height:1.1;color:#52614c}
.atlas-search{top:88px;z-index:4}.atlas-detail{z-index:2;background:#f5efdee8;border-color:#9a94755c;box-shadow:0 3px 15px #354b3d12}.atlas-bottom{bottom:17px}.atlas-status{background:#f1ead7b5;color:#646f5a}.atlas-mini-title{background:#304b3e}
@media(max-width:700px),(max-height:500px){
 .atlas-top{top:max(8px,env(safe-area-inset-top))}.atlas-heading{padding:6px 10px}.atlas-name{font-size:19px}.atlas-eyebrow{font-size:8px}
 .atlas-levels{top:calc(65px + env(safe-area-inset-top));padding:2px;gap:0;width:auto;max-width:calc(100% - 32px)}.atlas-levels button{min-height:44px;min-width:78px;padding:7px 12px;font-size:12px}
 .atlas-chapter{top:calc(132px + env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));max-width:72%}.atlas-chapter strong{font-size:25px;margin:6px 0}.atlas-chapter small{display:block;font-size:10px;max-width:210px}.atlas-chapter .atlas-eyebrow{font-size:8px}
 .atlas-zoom{top:calc(132px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));gap:4px}.atlas-extra-tools{gap:4px}.atlas-zoom button{border-radius:10px;background:#f5efdfd9;font-size:23px}
 .atlas-compass{top:auto;right:max(18px,env(safe-area-inset-right));left:auto;bottom:calc(91px + env(safe-area-inset-bottom))}.atlas-compass:after{font-size:30px}
 .atlas-search{top:auto;bottom:calc(40px + env(safe-area-inset-bottom))}.atlas-status{max-width:74%;font-size:8px;line-height:1.4}.atlas-bottom{bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-height:500px){.atlas-levels{top:12px;left:50%;max-width:40%}.atlas-levels button{min-width:66px;padding:5px}.atlas-chapter{top:82px}.atlas-chapter strong{font-size:22px}.atlas-zoom{top:75px}.atlas-compass{bottom:45px}.atlas-zoom button{min-height:40px;height:40px}.atlas-extra-tools{position:absolute;right:50px;bottom:0}}
.atlas-search>button+button{margin-left:6px}.atlas-bookmark-note{margin:9px 0 0;font-size:10px;line-height:1.4;color:#6b705a}.atlas-detail>button{font-size:12px;padding:6px 8px}.atlas-detail>button:last-child{font-size:24px}.atlas-detail p{max-width:320px}
.world-atlas .atlas-more-mobile{display:none}
@media(max-width:700px),(max-height:500px){
 .world-atlas .atlas-more-mobile{display:block}
 .world-atlas .atlas-zoom .atlas-more-rail{display:none}
 .atlas-top button{flex:0 0 44px;width:44px;min-width:44px;padding:0}
 .atlas-top .atlas-heading{box-sizing:border-box;flex:0 1 auto;max-width:calc(100% - 147px);overflow:hidden}
 .atlas-top .atlas-name{max-width:100%;text-overflow:ellipsis}
}
@media(max-height:500px) and (pointer:coarse){
 dialog.world-atlas{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
 .atlas-top .atlas-heading{max-width:calc(50% - 155px)}
 .atlas-levels{top:max(8px,env(safe-area-inset-top));left:50%;max-width:40%;padding:2px}
 .atlas-levels button{min-height:44px;min-width:66px}
 .atlas-chapter{top:82px}.atlas-chapter small{display:none}
 .atlas-zoom{top:75px;gap:4px}.atlas-zoom button{min-height:44px;height:44px;width:44px}
 .atlas-extra-tools{right:50px;bottom:0;gap:4px}
 .atlas-search{max-height:min(65dvh,calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow:auto}
}
@media(min-width:700px) and (max-height:500px) and (pointer:coarse){
 .atlas-levels{width:max-content;min-width:280px;max-width:none;gap:2px}
 .atlas-levels button{flex:1 0 auto;min-width:82px;padding:6px 14px;white-space:nowrap}
}
body.realm-game dialog.world-atlas button:is(:hover,:focus-visible){background:#f0e7ce;color:#263c36;border-color:#8b7654}
body.realm-game dialog.world-atlas button[aria-pressed=true]:is(:hover,:focus-visible){background:#e7d4b5;color:#643922;border-color:#8c5133}
body.realm-game dialog.world-atlas .atlas-levels button[aria-pressed=true]:is(:hover,:focus-visible){background:#304b3e;color:#f4ecd4;border-color:#304b3e}
body.realm-game dialog.world-atlas button:focus-visible{outline-color:#984e2e}

