:root{--map-gold:#d9b657;--map-gold-light:#f1d796;--map-ink:#061016;--map-panel:#08151beF;--map-line:#375261;--map-text:#edf1e9;--map-muted:#aebcba;--map-blue:#3277c8;--map-red:#a84436;--map-green:#3b8b63}
body.map-guide-page{--rd-page-art:url('/assets/redesign/mockup-cards/datamining.png');background:#03090d;color:var(--map-text)}
.map-guide-page main{max-width:none!important;width:auto;box-sizing:border-box;padding:0 clamp(10px,1.4vw,24px) 28px!important;background:linear-gradient(180deg,#071116e8,#040b0f)!important}
.map-guide-page .topbar{max-width:none;padding-inline:clamp(12px,2vw,32px)}
.map-guide-page .main-nav{gap:2px}.map-guide-page .main-nav a{padding-inline:clamp(6px,.65vw,12px)}
.map-guide-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:104px;padding:18px clamp(8px,2vw,28px) 14px;border-bottom:1px solid #a9873e;background:linear-gradient(90deg,#07151bf2,#0a1116d9 62%,#1d1110dd),url('/assets/redesign/mockup-cards/datamining.png') center 52%/cover}
.map-guide-heading .eyebrow{margin:0 0 4px;color:var(--map-gold);font-size:.64rem;letter-spacing:.2em}.map-guide-heading h1{margin:0;color:var(--map-gold-light);font:600 clamp(1.8rem,3vw,3.1rem)/1 var(--display,Georgia,serif);text-shadow:0 2px 8px #000}.map-guide-heading p:last-child{margin:7px 0 0;color:#c7d1cf;font-size:.9rem}.map-guide-stats{display:flex;gap:16px;padding:10px 14px;border-left:1px solid #a9873e;background:#061015aa}.map-guide-stats span{display:grid;min-width:60px;text-align:center;color:#aab8b9;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.map-guide-stats strong{color:#f1d796;font:600 1.3rem/1 var(--display,Georgia,serif)}
.map-guide-heading-actions{display:flex;align-items:center;gap:10px}
.map-app{margin-top:12px;border:1px solid #8f743a;background:#050d12;box-shadow:0 18px 60px #000b,inset 0 0 0 1px #c8a65318;min-height:720px}.map-toolbar{height:58px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #5e553a;background:linear-gradient(180deg,#101c21,#071116)}
.map-search{position:relative;flex:1 1 360px;max-width:600px}.map-search>input{width:100%;height:40px;padding:0 42px 0 13px;border:1px solid #53656d;background:#030a0e;color:#f2efe4;border-radius:4px}.map-search>span{position:absolute;right:14px;top:8px;color:var(--map-gold);font-size:1.3rem}.map-search-results{position:absolute;z-index:50;top:44px;left:0;right:0;max-height:330px;overflow:auto;border:1px solid #8f743a;background:#071116;box-shadow:0 16px 30px #000}.map-search-results button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #24343a;background:transparent;color:#e7e5dc;text-align:left}.map-search-results button:hover,.map-search-results button[aria-selected=true]{background:#1a2d35;color:#f4d77d}.map-search-results small{color:#8ea1a5}
.map-plan-mobile{display:none}.map-level{display:grid;gap:2px;color:#b7c2c0;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.map-level input{width:78px;height:34px;border:1px solid #52636a;background:#030a0e;color:#f2d58c;text-align:center}.map-mode{display:flex;border:1px solid #6b5932}.map-mode button{min-height:36px;padding:0 15px;border:0;background:#071116;color:#aab7b7}.map-mode button[aria-pressed=true]{background:linear-gradient(#c59b42,#77551b);color:#081015;font-weight:800}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;min-height:660px;height:calc(100dvh - 260px);max-height:890px}.map-stage{position:relative;min-width:0;overflow:hidden;border-right:1px solid #57492c;background:radial-gradient(circle at 50% 48%,#17313a 0,#08161d 42%,#03090d 78%)}
.map-viewport{width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab;outline:none}.map-viewport:active{cursor:grabbing}.map-viewport:focus-visible{box-shadow:inset 0 0 0 3px #e7c462}.map-viewport svg{width:100%;height:100%;display:block;user-select:none}.map-world{transform-origin:0 0}.map-sea-label{fill:#557684;font:italic 22px/1 Georgia,serif;letter-spacing:.16em;opacity:.65}.map-continent-label{fill:#d7bd78;font:700 30px/1 var(--display,Georgia,serif);letter-spacing:.12em;opacity:.52}.map-coast{fill:#0a2028;stroke:#496774;stroke-width:7;opacity:.92}.map-zone{stroke:#071116;stroke-width:5;transition:filter .15s,opacity .15s,stroke .15s;cursor:pointer}.map-zone:hover,.map-zone:focus{filter:brightness(1.35);stroke:#f1dd9a;outline:none}.map-zone.is-new{stroke:#e3b83f;stroke-width:9}.map-zone.is-dim{opacity:.12}.map-zone.is-level-match{filter:brightness(1.25) drop-shadow(0 0 9px #efe08c)}.map-zone-label{pointer-events:none;text-anchor:middle;fill:#f5f0df;paint-order:stroke;stroke:#03080b;stroke-width:7px;stroke-linejoin:round;font:700 22px/1 var(--display,Georgia,serif)}.map-zone-level{font:700 18px/1 sans-serif;fill:#e4cc83}.map-zone-label.is-dim{opacity:.1}.map-route{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.9;cursor:pointer}.map-route.boat{stroke:#50a9dd}.map-route.zep{stroke:#d45a4b;stroke-dasharray:18 13}.map-route.tram{stroke:#d7b757;stroke-dasharray:5 11}.map-route.is-new{filter:url(#map-glow);stroke:#f2ce55}.map-route.is-hidden{display:none}.map-poi{cursor:pointer}.map-poi circle{fill:#09151a;stroke:#e8cf7a;stroke-width:4}.map-poi text{fill:#fff3c7;font:700 25px sans-serif;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#061015;stroke-width:5}.map-poi.is-new circle{stroke:#ffd74e;stroke-width:7}.map-poi.is-hidden{display:none}.map-flight circle{fill:#3277c8}.map-selection-ring{fill:none;stroke:#fff1a4;stroke-width:13;filter:url(#map-glow);pointer-events:none}.map-active-route{fill:none;stroke:#fff0a0;stroke-width:13;stroke-linecap:round;stroke-dasharray:24 15;filter:url(#map-glow);pointer-events:none}
.map-key{position:absolute;z-index:12;left:14px;top:14px;width:244px;border:1px solid #796432;background:#071116ed;color:#d9ddd8;box-shadow:0 12px 28px #0009}.map-key summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#efd587;font:700 .84rem var(--display,Georgia,serif);cursor:pointer;list-style:none}.map-key summary::-webkit-details-marker{display:none}.map-key[open] summary span{transform:rotate(45deg)}.map-key-body{padding:0 12px 12px;border-top:1px solid #4b422c;font-size:.72rem}.map-key fieldset{display:grid;gap:7px;margin:9px 0;padding:0;border:0}.map-key legend{margin-bottom:7px;color:#aab9b9;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.map-key label{display:flex;align-items:center;gap:7px}.map-key input[type=checkbox],.route-options input[type=checkbox]{appearance:auto;width:16px;height:16px;min-width:16px;margin:0;accent-color:#d3aa4d}.map-new-only{margin-top:5px;padding-top:8px;border-top:1px solid #334047;color:#f0cd70}.map-color-key{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-color-key strong{grid-column:1/-1;color:#aab9b9;text-transform:uppercase;font-size:.62rem}.map-color-key span{display:flex;gap:6px;align-items:center}.map-color-key i{width:13px;height:13px;border:1px solid #879397}.map-color-key .alliance{background:#3277c8}.map-color-key .horde{background:#a84436}.map-color-key .contested{background:#52677b}.map-color-key .neutral{background:#3b8b63}.map-color-key .both{background:#8063b1}.map-color-key .closed{background:repeating-linear-gradient(45deg,#182228,#182228 3px,#465159 3px,#465159 6px)}.map-key-body>p{margin:9px 0 0;color:#a9b5b5}.map-key-body b{color:#e7c55d}.map-zoom{position:absolute;z-index:14;left:14px;bottom:14px;display:flex;box-shadow:0 8px 20px #000}.map-zoom button{min-width:42px;min-height:42px;border:1px solid #816a35;background:#071116ed;color:#f0d384;font-weight:800}.map-zoom button:hover{background:#27373a}.map-tooltip{position:absolute;z-index:30;max-width:300px;padding:10px 12px;border:1px solid #b28f40;background:#050d12f5;color:#dce3df;box-shadow:0 12px 30px #000c;pointer-events:none}.map-tooltip strong{display:block;color:#f1d68d;font:700 1rem var(--display,Georgia,serif)}.map-tooltip span{display:block;margin-top:4px;color:#aab8b8;font-size:.76rem}
.route-panel{min-width:0;overflow:auto;padding:20px 18px 28px;background:linear-gradient(180deg,#0b171c,#050d12)}.route-panel header{padding-bottom:15px;border-bottom:1px solid #4b422c}.route-panel .eyebrow{margin:0;color:#d7b65e;font-size:.62rem;letter-spacing:.18em}.route-panel h2{margin:6px 0 4px;color:#efd693;font:700 1.65rem var(--display,Georgia,serif)}.route-panel header p:last-child{margin:0;color:#aeb9b8;font-size:.8rem;line-height:1.5}.route-panel form{display:grid;gap:11px;margin-top:15px}.route-panel label{display:grid;gap:5px;color:#c7cfca;font-size:.72rem}.route-panel input,.route-panel select{min-height:40px;padding:0 10px;border:1px solid #4d626b;background:#02090c;color:#f1efe6}.route-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px}.route-actions button,.route-samples button,.map-new-list button{min-height:40px;border:1px solid #846b34;background:#101c20;color:#ead48e}.route-actions button:first-child{background:linear-gradient(#b33022,#6e1a13);color:#fff2cf;font-weight:800}.route-options{border:1px solid #35474e;background:#071115}.route-options summary{padding:10px;color:#d5c79c;font-size:.73rem;cursor:pointer}.route-options>div{display:grid;gap:9px;padding:0 10px 10px}.route-options label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:7px}.route-options input[type=checkbox]{min-height:20px}.route-result{min-height:80px;margin-top:16px;padding:13px;border:1px solid #44545a;background:#030a0e}.route-result p{margin:0;color:#aeb9b8;font-size:.8rem;line-height:1.55}.route-result h3{margin:0 0 7px;color:#efd58d;font:700 1.05rem var(--display,Georgia,serif)}.route-result ol{margin:9px 0 0;padding-left:20px;color:#d9ded8}.route-result li{margin:7px 0;font-size:.76rem;line-height:1.45}.route-result li small{display:block;color:#d3b86f;font-size:.66rem}.route-result strong{color:#f0c95a}.route-samples,.map-new-list{margin-top:22px;padding-top:16px;border-top:1px solid #4b422c}.route-samples h3,.map-new-list h3{margin:0 0 9px;color:#e8cd84;font:700 .95rem var(--display,Georgia,serif)}.route-samples{display:grid;gap:6px}.route-samples h3{grid-column:1/-1}.route-samples button,.map-new-list button{width:100%;min-height:36px;padding:7px 9px;text-align:left;font-size:.72rem}.route-samples button:hover,.map-new-list button:hover{background:#253a40}.map-new-list p{color:#9eacab;font-size:.72rem}.map-new-list>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-new-list button small{display:block;color:#9daba8}.map-noscript{padding:20px;color:#f1d38b}
.route-result.is-detail{display:grid;gap:11px;max-height:none;padding:15px}.route-result.is-detail h3{margin:0;font-size:1.25rem}.route-result.is-detail h4{margin:5px 0 0;padding-top:10px;border-top:1px solid #3a4d53;color:#e5c978;font:700 .82rem var(--display,Georgia,serif);letter-spacing:.04em}.route-result.is-detail .map-detail-lore{color:#d2d9d4}.map-detail-pills{display:flex;flex-wrap:wrap;gap:5px}.map-detail-pills span{padding:4px 7px;border:1px solid #5c674f;background:#101b1d;color:#d8c994;font-size:.62rem}.map-detail-note{padding-left:9px;border-left:2px solid #c49b3f;color:#c8bd9d!important}.map-detail-facts,.map-detail-list{display:grid;gap:7px;margin:0;padding-left:18px;color:#d6ddd8}.map-detail-facts li,.map-detail-list li{font-size:.75rem;line-height:1.5}.map-detail-facts small,.map-detail-list small{display:block;margin-top:3px;color:#d4af58;font-size:.58rem;letter-spacing:.04em}.map-detail-links{display:grid;gap:5px}.map-detail-link,.map-detail-actions button{min-height:36px;padding:7px 9px;border:1px solid #485b62;background:#0b171b;color:#e5d7ad;text-align:left;font-size:.7rem}.map-detail-link:hover,.map-detail-actions button:hover{border-color:#c4a050;background:#17272c}.map-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.map-detail-actions button{border-color:#9a7734;color:#f0d486;text-align:center}.map-search-results .map-search-empty{margin:0;padding:12px;color:#aeb9b8;font-size:.74rem}.map-search-results button[aria-selected=true]{background:#233b45;color:#fff0bd}
.map-route-warning{margin:8px 0!important;padding:9px;border-left:3px solid #c85a3f;background:#3c1715;color:#f2c8b5!important}.map-route-tools{margin-top:12px}.map-route-tools button{width:100%;min-height:38px;border:1px solid #a3833d;background:#142126;color:#efd48b}.map-route-method{margin-top:12px!important;padding-top:10px;border-top:1px solid #34464d;color:#8fa09f!important;font-size:.66rem!important}
.map-route-alternative{margin:8px 0!important;padding:9px;border-left:3px solid #d5aa45;background:#25200f;color:#dfd2a9!important}.map-route-alternative button{margin-top:6px;min-height:32px;border:1px solid #9d7b35;background:#101a1d;color:#efd17d}
.map-guide-more{margin-top:22px;padding:16px 0;border-top:1px solid #4b422c}.map-guide-more h3{margin:0 0 7px;color:#e8cd84;font:700 .95rem var(--display,Georgia,serif)}.map-guide-more p{color:#9eacab;font-size:.72rem;line-height:1.5}.map-guide-more a{color:#f0ce72;font-size:.76rem}
@media(max-width:1180px){.map-layout{grid-template-columns:minmax(0,1fr) 330px}.map-key{width:220px}.map-guide-stats{display:none}.map-guide-page .main-nav a{font-size:.6rem;padding-inline:5px}.map-stage{min-height:620px}}
@media(max-width:900px){.map-guide-page main{padding-inline:0!important}.map-guide-heading{min-height:86px;padding-inline:16px}.map-guide-heading h1{font-size:2rem}.map-app{margin-top:0;border-inline:0}.map-toolbar{height:auto;flex-wrap:wrap}.map-search{order:1;flex-basis:calc(100% - 145px)}.map-plan-mobile{display:block;order:1;min-height:40px;border:1px solid #977437;background:#7d2118;color:#fff1ca}.map-level{order:2}.map-mode{order:2;margin-left:auto}.map-layout{display:block;height:auto;max-height:none}.map-stage{height:58vh;min-height:430px;border-right:0;border-bottom:1px solid #57492c}.route-panel{max-height:none}.map-key:not([open]){width:auto}.map-key:not([open]) .map-key-body{display:none}}
@media(max-width:600px){.map-guide-heading{display:block;min-height:76px}.map-guide-heading p:last-child{font-size:.78rem}.map-toolbar{padding:7px}.map-search{flex-basis:100%;max-width:none}.map-plan-mobile{order:2;flex:1}.map-level{order:2}.map-level span{display:none}.map-level input{height:40px}.map-mode{order:3;width:100%;margin:0}.map-mode button{flex:1}.map-stage{height:50vh;min-height:390px}.map-key{left:8px;top:8px;width:210px}.map-key:not([open]){width:148px}.map-zoom{left:8px;bottom:8px}.map-zoom button{min-width:40px;min-height:40px}.route-panel{padding:18px 12px}.map-new-list>div{grid-template-columns:1fr}.map-guide-page .breadcrumbs{padding-inline:12px}}
.map-text-guide-page main{max-width:1500px;margin:auto;padding:0 clamp(14px,3vw,42px) 60px}.map-guide-open-map{align-self:center;padding:11px 16px;border:1px solid #b8913e;background:#7d2118;color:#fff0c8;text-decoration:none;font-weight:800}.map-text-guide{max-width:1180px;margin:22px auto;color:#d7ddd7}.map-text-guide>nav{position:sticky;top:82px;z-index:10;display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid #4e4936;background:#071116eF;backdrop-filter:blur(12px)}.map-text-guide>nav a{padding:7px 10px;color:#ecd487;text-decoration:none}.map-text-guide>section{scroll-margin-top:150px;padding:30px 0;border-bottom:1px solid #3e483f}.map-text-guide h2{margin:0 0 14px;color:#efd58d;font:700 clamp(1.5rem,3vw,2.3rem) var(--display,Georgia,serif)}.map-text-guide h3{margin:24px 0 9px;color:#dabb6b;font:700 1.15rem var(--display,Georgia,serif)}.map-guide-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-guide-zone-card{padding:18px;border:1px solid #4b5e61;background:linear-gradient(135deg,#0a171c,#17170f)}.map-guide-zone-card header{display:grid;grid-template-columns:1fr auto;align-items:start}.map-guide-zone-card header p{grid-column:1/-1;margin:0;color:#b8a464;font-size:.68rem}.map-guide-zone-card h2{margin:5px 0;font-size:1.5rem}.map-guide-zone-card header span{padding:4px 7px;border:1px solid #735c2f;color:#e3c875;font-size:.63rem}.map-guide-zone-card p,.map-guide-zone-card li{font-size:.8rem;line-height:1.6}.map-guide-zone-card small{display:block;color:#c9a94f}.map-guide-zone-card a{color:#f0cc68}.map-guide-table-wrap{overflow:auto;border:1px solid #3d5158}.map-guide-table-wrap table{width:100%;border-collapse:collapse;min-width:720px;background:#071115}.map-guide-table-wrap th,.map-guide-table-wrap td{padding:9px 11px;border-bottom:1px solid #293b41;text-align:left;font-size:.74rem}.map-guide-table-wrap th{position:sticky;top:0;background:#142127;color:#e6ca7d}.map-guide-table-wrap tr:nth-child(even) td{background:#0b171b}.map-guide-table-wrap a{color:#eacb71}.map-guide-faq{display:grid;grid-template-columns:1fr 1fr;gap:9px}.map-guide-faq details{padding:12px;border:1px solid #3b5056;background:#081419}.map-guide-faq summary{color:#ecd184;font-weight:800;cursor:pointer}.map-guide-faq p{font-size:.8rem;line-height:1.6}.map-text-guide-page .map-guide-heading{min-height:150px}@media(max-width:760px){.map-guide-zone-grid,.map-guide-faq{grid-template-columns:1fr}.map-text-guide>nav{top:58px}.map-text-guide-page .map-guide-heading{padding-inline:15px}.map-guide-open-map{display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.map-zone{transition:none}.map-world{transition:none!important}}