.terrain-controls{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:5px;background:#17110bea;border:1px solid #9b783d;border-radius:6px;color:#f7dc9b;font:600 12px/1.4 Arial,sans-serif;box-shadow:0 3px 12px #0004}
body .terrain-controls button[data-terrain-mode]{min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:3px;background:transparent;color:#edce91;cursor:pointer;font:inherit;box-shadow:none;transform:none}
body .terrain-controls button[data-terrain-mode]:hover,body .terrain-controls button[data-terrain-mode]:focus-visible{background:#47321b;color:#fff1cb;border-color:#d8ac5c;outline-offset:2px}
body .terrain-controls button[data-terrain-mode][aria-pressed=true]{background:linear-gradient(120deg,#f0cb80,#ba843c);color:#1b1005;border-color:#edc16f}
.terrain-status{font-size:11px;font-weight:400;max-width:240px;padding:0 6px}
.terrain-status:empty{display:none}
.map-top-controls .terrain-controls{box-shadow:none}
.map-top-controls{pointer-events:none}.map-top-controls>*{pointer-events:auto}
.map-top-controls .atlas-important-row{flex-basis:100%;width:100%;pointer-events:none}.atlas-important-row .atlas-important{pointer-events:auto}
.map-top-controls .atlas-important{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:4px 0 0;padding:9px 10px;width:max-content;max-width:150px;min-width:0;background:#17110bea;border:1px solid #8b6d3c;border-radius:5px;box-shadow:0 3px 12px #0005;color:#f6db9f;font:12px/1.4 Arial,sans-serif}
.atlas-important[hidden]{display:none!important}.atlas-important legend{font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:0 4px;color:#d9b66f}.atlas-important label{display:flex;gap:7px;align-items:center;cursor:pointer;min-height:25px}.atlas-important input{width:15px;height:15px;margin:0;accent-color:#e3b667}.important-symbol{width:16px;text-align:center;font-size:16px}
@media(max-width:1500px){.map-top-controls .atlas-important{max-width:62px}.atlas-important legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.atlas-important label>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.atlas-important label{min-height:28px}}
.important-pin{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffe1a5;border-radius:50%;background:#5c4121;color:#ffe9bc;font:700 19px/1 Arial;box-shadow:0 2px 5px #000b;position:relative}.important-pin.flight{background:#31565d}.important-pin.boat{background:#234e78}.important-pin.zeppelin{background:#684575}.important-pin.dungeon{background:#7b4938}.important-pin.raid{background:#742d3b}.important-pin b{position:absolute;right:-8px;top:-7px;background:#fff0c6;color:#291b0f;border-radius:8px;padding:1px 4px;font:700 10px/1.3 Arial}.important-marker:focus-visible{outline:3px solid #fff0c6;border-radius:50%}.important-popup{max-height:240px;overflow:auto;min-width:160px}.important-popup button{display:block;margin:5px 0;width:100%;text-align:left}
.atlas-overview-info{padding:24px;color:#eed9ad}.atlas-overview-info h2{font-size:30px;line-height:1.15;margin:10px 0 18px}.atlas-overview-info p{font-size:13px;line-height:1.7}.atlas-overview-info article{margin:24px 0;padding:0 0 22px;border-bottom:1px solid #80643c}.atlas-overview-info article h3{font-size:23px}.atlas-overview-info button{width:100%;text-align:left}.atlas-overview-info details{border-bottom:1px solid #624e34;padding:12px 0}.atlas-overview-info summary{cursor:pointer;color:#f4cc7b;font-weight:600}.atlas-overview-info summary small{float:right;color:#c2af8b}.atlas-overview-info .overview-destination{display:flex;justify-content:space-between;margin:5px 0;background:#2d2418;color:#f1dbb3;border:1px solid #6c5431;font-size:12px;min-height:36px;padding:8px}.atlas-overview-info .overview-destination:hover{background:#5b4225;color:#fff2d6}
@media(max-width:640px){.map-top-controls .atlas-important{max-width:128px;max-height:180px;overflow:auto;padding:6px;font-size:11px}.atlas-important label{min-height:23px}.atlas-overview-info{padding:18px}}
/* Prominent return action in the atlas details panel, shared by all locales. */
body .detail-navigation #detail-back{min-height:42px;background:linear-gradient(115deg,#f3ce83,#cc9746);border:1px solid #ffe0a0;border-left:4px solid #fff0c6;color:#241606;font-weight:700;box-shadow:0 2px 8px #0005;transition:background .15s,border-color .15s}
body .detail-navigation #detail-back:hover{background:linear-gradient(115deg,#ffe2a0,#e6b15e);border-color:#fff0c6;color:#1c1003}
body .detail-navigation #detail-back:focus-visible{outline:3px solid #fff2ca;outline-offset:3px;color:#1c1003}
body .detail-navigation #detail-back:active{background:#cf994a;color:#1c1003}
#map.terrain-active,[data-qm-canvas].terrain-active{background:#092330}
.terrain-ocean{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.terrain-region{cursor:pointer;transition:fill-opacity .16s,stroke-opacity .16s}
.terrain-region:focus{outline:none;stroke:#ffe8b0;stroke-width:2.5;filter:drop-shadow(0 0 3px #ffc774)}
.leaflet-tooltip.terrain-region-tooltip{padding:7px 12px;border:1px solid #c7a362;border-radius:4px;background:#15120fee;color:#ffe2a6;font:600 13px/1.4 Georgia,serif;box-shadow:0 3px 12px #0008}
.leaflet-tooltip-top.terrain-region-tooltip:before{border-top-color:#c7a362}
[data-quest-map]>.terrain-controls{margin:12px 0}
@media(max-width:640px){.terrain-controls{max-width:100%}.terrain-status{flex-basis:100%;max-width:none}.terrain-controls button{min-height:40px}}

/* Recognizable local map icons and faction-specific flight points. */
.atlas-poi-icon{width:23px;height:25px;display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 1px #000)}
.important-symbol{width:25px;height:27px;display:grid;place-items:center;border-radius:4px}
.important-pin .atlas-poi-icon{width:25px;height:27px}
.important-symbol.flight-alliance,.important-pin.flight-alliance{background:#174c80;border:1px solid #83bdf2}
.important-symbol.flight-horde,.important-pin.flight-horde{background:#842b28;border:1px solid #f29280}
.important-symbol.flight-neutral,.important-pin.flight-neutral{background:#766027;border:1px solid #f5d980}
.important-symbol.dungeon,.important-pin.dungeon{background:#173f6f}.important-symbol.raid,.important-pin.raid{background:#315128}
.important-popup .atlas-poi-icon,.atlas-overview-info summary .atlas-poi-icon{margin-right:6px}
/* Shared atlas detail action: make the related knowledge article easy to find. */
body .detail-body > a.lore-link{display:block;box-sizing:border-box;width:100%;min-height:52px;margin:0 0 20px;padding:15px 18px;border:1px solid #ffe2a3;border-radius:5px;background:linear-gradient(115deg,#f5d38e,#d5a04e);color:#251706;font-size:16px;font-weight:700;line-height:1.45;text-align:left;text-decoration:none;overflow-wrap:anywhere;box-shadow:0 3px 12px #0005,inset 0 1px 0 #fff4c966;transition:background .16s,box-shadow .16s,transform .16s}
body .detail-body > a.lore-link:hover{background:linear-gradient(115deg,#ffe7af,#edbb67);color:#1c1003;text-decoration:underline;text-underline-offset:3px;box-shadow:0 4px 16px #0007,0 0 12px #e9b85c33;transform:translateY(-1px)}
body .detail-body > a.lore-link:focus-visible{outline:3px solid #fff1cb;outline-offset:4px;background:#ffe1a0;color:#1c1003;text-decoration:underline;text-underline-offset:3px}
body .detail-body > a.lore-link:active{transform:translateY(0);background:#d5a04e}
@media(prefers-reduced-motion:reduce){body .detail-body > a.lore-link{transition:none}body .detail-body > a.lore-link:hover{transform:none}}
@media(max-width:1500px){.map-top-controls .atlas-important{max-width:76px}.atlas-important label{min-height:30px}}

/* Painted map symbols; reuse the service sprite for wings and zeppelins. */
.atlas-poi-icon{display:inline-block;flex-shrink:0;width:28px;height:28px;background-image:url('/de/atlas/assets/map-poi-icons-v2.webp');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px #000b)}
.atlas-poi-city{background-position:0 0}.atlas-poi-dungeon{background-position:100% 0}.atlas-poi-raid{background-position:0 100%}.atlas-poi-boat{background-position:100% 100%}
.atlas-poi-flight,.atlas-poi-zeppelin{background-image:url('/de/atlas/assets/atlas-ui-icons-v1.png');background-size:400% 400%}
.atlas-poi-flight{background-position:33.333% 66.667%}.atlas-poi-zeppelin{background-position:100% 100%}
.atlas-important .important-symbol{position:relative;width:30px;height:32px;background:transparent;border:0;border-radius:0}
.atlas-important .important-symbol .atlas-poi-icon{width:30px;height:30px}
.atlas-important .important-symbol:is(.flight-alliance,.flight-horde,.flight-neutral)::after{content:'';position:absolute;right:0;bottom:1px;width:7px;height:7px;border-radius:50%;border:1px solid #ffe5a3;box-shadow:0 1px 3px #000;background:#daae4f}
.atlas-important .important-symbol.flight-alliance::after{background:#4caaff}.atlas-important .important-symbol.flight-horde::after{background:#e6544c}
.atlas-important label{gap:7px;min-height:34px}.atlas-important input{flex-shrink:0}
.important-pin .atlas-poi-icon{width:25px;height:25px}
@media(max-width:1500px){.atlas-important label{min-height:28px}.atlas-important .important-symbol{width:26px;height:28px}.atlas-important .important-symbol .atlas-poi-icon{width:26px;height:26px}}


/* Dedicated, clearly recognizable zeppelin artwork. */
.atlas-poi-zeppelin{background-image:url('/de/atlas/assets/zeppelin-icon-v3.webp');background-size:contain;background-position:center}

/* Zephras floats in a cloud sea. All scenery stays below the map tiles. */
#map.terrain-active.zephras-sky-active,[data-qm-canvas].terrain-active.zephras-sky-active{background:#8aa8bc}
.zephras-sky-scene{position:absolute;pointer-events:none;overflow:visible}
.zephras-sky-art{position:absolute;inset:0;background:url('/de/atlas/assets/zephras-scene/cloud-realm.webp') center/100% 100% no-repeat;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
/* Hide overlays from older cached scene modules too. */
.zephras-cloud-drift{display:none!important;animation:none!important}
body .zephras-passage{position:absolute;z-index:750;right:16px;top:16px;display:flex;flex-direction:column;align-items:center;width:clamp(110px,15vw,205px);padding:0;border:0;background:transparent;color:#fff0c6;box-shadow:none;cursor:pointer;isolation:isolate}
.zephras-passage img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px #001c29cc);animation:zephras-ship 7s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 65%}
.zephras-passage[data-moving=true] img{animation-play-state:running}
.zephras-passage span{display:block;padding:5px 15px;margin-top:3px;border:1px solid #c8a560;border-radius:20px;background:#142631ed;box-shadow:0 2px 8px #0005;font:700 14px/1.3 Georgia,serif}
body .zephras-passage:hover{background:transparent;transform:none}.zephras-passage:hover span{background:#e5bd76;color:#241a0e;border-color:#ffe6a7}
.zephras-passage:focus-visible{outline:3px solid #ffe8a5;outline-offset:4px;border-radius:12px}
@keyframes zephras-ship{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}
@media(max-width:1500px){body .zephras-passage{width:90px;top:8px;right:12px}.zephras-passage span{font-size:12px;padding:4px 10px}}
@media(max-width:640px){body .zephras-passage{width:90px;top:8px;right:8px}.zephras-passage span{font-size:12px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){.zephras-passage img{animation:none!important}}
/* Compact toolbar and independently retractable atlas side panels. */
.atlas-collapsible .map-panel{display:flex;flex-direction:column;min-height:0}
.atlas-collapsible .map-topbar{height:auto;min-height:58px;flex:none;padding:7px 10px;z-index:760}
.atlas-collapsible .map-topbar>.map-breadcrumb{display:none}
.atlas-collapsible .map-topbar>.map-top-controls{position:static;display:flex;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:1px 0 4px;pointer-events:auto}
.atlas-collapsible .map-top-controls>*{flex-shrink:0}
.atlas-collapsible .map-top-controls #map-path{display:none}
.atlas-collapsible .map-top-controls #map-overview{width:172px;max-width:none}
.atlas-collapsible .map-top-controls #map-zone{width:155px;max-width:none}
.atlas-collapsible .terrain-controls{flex-wrap:nowrap}
.atlas-collapsible .terrain-status{display:none}
.atlas-collapsible #map{flex:1;min-height:0;height:auto;width:100%}
.atlas-side-quick{position:absolute;top:12px;z-index:770;display:flex;flex-direction:column;gap:6px;width:36px}
.atlas-side-left{left:0}.atlas-side-right{right:0}
body .atlas-side-quick button,body .atlas-places-toggle{border:1px solid #b58d4d;background:#21180ff2;color:#ffe0a0;box-shadow:0 2px 9px #0006;min-height:38px;padding:7px;cursor:pointer}
body .atlas-side-quick button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:8px;border:1px solid #69563d;border-radius:4px;background:#241c14f5;color:#e9d3aa;box-shadow:0 2px 6px #0005;transition:background .15s,border-color .15s,color .15s}
body .atlas-side-quick button:first-child{height:42px;border-color:#8b7047;background:#2b2117}
body .atlas-side-left button{border-left:0;border-radius:0 5px 5px 0}
body .atlas-side-right button{border-right:0;border-radius:5px 0 0 5px}
.atlas-side-quick svg{display:block;width:20px;height:20px}
body .atlas-side-quick button:focus-visible,body .atlas-places-toggle:focus-visible{outline:2px solid #f1ce87;outline-offset:2px}
body .atlas-side-quick button:active{background:#74532c}
body .atlas-side-quick button:hover,body .atlas-places-toggle:hover{background:#604522;color:#fff1cb}
.atlas-important-drawer{position:absolute;left:47px;top:12px;z-index:755;max-width:210px;pointer-events:none}
.atlas-important-drawer>*{pointer-events:auto}
body .atlas-places-toggle{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:600;border-radius:5px;border-color:#69563d;background:#241c14f5;color:#e9d3aa}.atlas-places-toggle svg{width:17px;height:17px;flex:none}.atlas-places-toggle svg:last-child{width:14px;height:14px}
.atlas-important-content{max-height:calc(100dvh - 260px);overflow:auto;scrollbar-width:thin;margin-top:5px}
.atlas-important-drawer .atlas-important{display:flex;flex-direction:column;gap:4px;width:190px;max-width:190px;padding:9px;background:#17110bf5;border:1px solid #8b6d3c;border-radius:5px;margin:0;color:#f6db9f;font-size:12px}
.atlas-important-drawer .atlas-important legend{display:none}
.atlas-important-drawer .atlas-important label>span:last-child{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.atlas-important-drawer .atlas-important label{min-height:32px}
.atlas-collapsible .layers-popover{top:65px;z-index:780}
.atlas-collapsible .transport-panel{top:65px;z-index:790}
@media(min-width:641px){
 .workspace.atlas-collapsible{--atlas-left-size:clamp(260px,22vw,365px);--atlas-right-size:clamp(285px,23vw,390px);--atlas-left:var(--atlas-left-size);--atlas-right:var(--atlas-right-size);position:relative;overflow:hidden;grid-template-columns:var(--atlas-left) minmax(0,1fr) var(--atlas-right);grid-template-rows:auto minmax(0,1fr);transition:grid-template-columns .22s ease}
 .workspace.atlas-left-closed{--atlas-left:0px}.workspace.atlas-right-closed{--atlas-right:0px}
 .atlas-collapsible>.sidebar{grid-column:1;grid-row:2;width:var(--atlas-left-size);min-width:0;transition:transform .22s ease,visibility .22s;transform:translateX(0)}
 .atlas-collapsible>.map-panel{grid-column:2;grid-row:2}
 .atlas-collapsible>.detail{grid-column:3;grid-row:2;display:block;position:relative;inset:auto;width:var(--atlas-right-size);height:100%;border-radius:0;box-shadow:none;transition:transform .22s ease,visibility .22s;transform:translateX(0)}
 .atlas-left-closed>.sidebar{transform:translateX(-100%);visibility:hidden}
 .atlas-right-closed>.detail{transform:translateX(100%);visibility:hidden}
}
@media(max-width:640px){
 .atlas-side-quick{display:none}
 .atlas-collapsible .map-panel{display:none}
 body[data-mobile-view=map] .atlas-collapsible .map-panel{display:flex}
 .atlas-important-drawer{left:8px;top:72px}
 .atlas-important-content{max-height:40dvh}
 .atlas-collapsible .map-topbar{padding:5px;min-height:60px}
}
@media(prefers-reduced-motion:reduce){.workspace.atlas-collapsible,.atlas-collapsible>.sidebar,.atlas-collapsible>.detail{transition:none}}

@media(min-width:641px){.atlas-collapsible>.map-topbar{grid-column:1 / -1;grid-row:1}.atlas-collapsible .zephras-passage{right:48px}}