.zone-maps{--map-header-height:57px;--map-sea:#011d28;height:calc(100dvh - var(--map-header-height));box-sizing:border-box;min-height:0;padding-block:8px}.zone-maps *,.zone-maps :before,.zone-maps :after{box-sizing:border-box}.zone-maps button{color:#ead7ac;box-shadow:none;font:inherit;cursor:pointer;background:#17232b;border:1px solid #74654a;border-image:;border-radius:3px;padding:.3rem .5rem}.zone-maps button:hover{background:#35434a}.zone-maps button:disabled{opacity:.5;cursor:default}.zone-maps :focus-visible{outline-offset:2px;outline:2px solid #ffe29c}.maps-grid{grid-template-columns:minmax(0,1fr) 260px;gap:12px;height:100%;display:grid}.maps-results{border:1px solid #74654a;flex-direction:column;min-width:0;height:100%;display:flex}.map-viewport{background:var(--map-sea);touch-action:none;cursor:grab;isolation:isolate;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.map-viewport:active{cursor:grabbing}.map-terrain{pointer-events:none;position:absolute;inset:0}.map-terrain img,.map-terrain>svg{user-select:none;max-width:none;display:block;position:absolute}.maps-inputs{overscroll-behavior:contain;flex-direction:column;gap:.7rem;min-width:0;padding:4px 8px 12px 0;font-size:.8rem;display:flex;overflow-y:auto}.maps-inputs h2,.maps-inputs h3{color:#eed7a4;margin:0 0 .35rem;font-family:inherit;font-size:.9rem}.maps-inputs label:not(.map-layer-switch){gap:.25rem;display:grid}.maps-inputs input:not([type=checkbox]),.maps-inputs select{width:100%;min-width:0;margin:0;padding:.4rem .5rem;font-size:.8rem}.maps-inputs input[type=checkbox]{accent-color:#ddbd70;width:14px;height:14px;margin:0}.map-world-tabs{flex-wrap:wrap;gap:.3rem;display:flex}.map-world-tabs button{white-space:nowrap;flex:1}.map-world-tabs button[aria-pressed=true]{background:#3f3c2f;border-color:#eac978}.map-layer-switch{cursor:pointer;align-items:center;gap:.4rem;min-height:28px;display:flex}.map-layer-switch svg{flex-shrink:0;width:17px;height:17px}.map-layer-switch small{color:#c4bcaa;margin-left:auto}.map-layer-switch span{flex:1}.map-nearest,.map-data-note{color:#c4bcaa;margin:0;line-height:1.5}.map-nearest button,.map-popup-actions button,.map-cluster-popup>button{color:#eac978;background:0 0;border:0;padding:0;text-decoration:underline}.map-data-note{font-size:.7rem}.map-zone-picker,.map-search-results,.map-level-matches{max-height:180px;overflow-y:auto}.map-zone-picker a,.map-search-results button{color:#eac978;text-align:left;background:0 0;border:0;padding:.25rem 0;display:block}.map-level-matches>div{margin:.4rem 0}.map-level-matches span{gap:.7rem;font-size:.7rem;display:flex}.map-toolbar{z-index:10;flex-wrap:wrap;gap:2px;max-width:calc(100% - 8px);display:flex;position:absolute;top:4px;left:4px}.zone-maps .map-toolbar button,.zone-maps .map-controls-toggle{background:#17232bea;min-height:0;margin:0;padding:2px 6px;font-size:.75rem;line-height:1.2}.map-toolbar svg,.map-continent-chips{display:none}.map-floor-picker{z-index:10;background:#17232b;margin:0;padding:.4rem;font-size:.75rem;display:grid;position:absolute;top:34px;left:4px}.map-floor-picker select{margin:0;padding:.25rem}.map-status{z-index:9;color:#e1d7c1;pointer-events:none;background:#101a22e8;padding:4px 8px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.map-status button{pointer-events:auto}.map-region-layer,.map-regions,.map-routes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-region-shape{fill:#0000;stroke:#0000;vector-effect:non-scaling-stroke}.map-region-shape.has-border{stroke:#e4bc68;stroke-width:1px}.map-region-shape.has-control{fill:#e8bc5628}.map-region-shape.has-control.map-territory-alliance{fill:#3085ee44}.map-region-shape.has-control.map-territory-horde{fill:#df383844}.map-region-shape.level-fit{fill:#ffd56125}.map-region-shape.has-border.level-fit{stroke:#ffd561}.map-region-shape.level-dim{fill:#03070ba0}.map-zone-label,.map-subzone-label{color:#ffe0a3;text-align:center;text-shadow:0 1px 3px #000,1px 0 3px #000,-1px 0 3px #000;font-size:.75rem;font-weight:600;line-height:1.2;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.map-zone-label{pointer-events:auto;width:max-content;max-width:8rem;padding:2px 4px}.map-region-layer [data-label]{visibility:hidden}.map-zone-label small{color:#fff2d7;font-size:.65rem;display:block}.map-zone-label.level-dim{opacity:.5}.map-zone-label:hover,.map-zone-label:focus-visible{z-index:7;text-decoration:underline}.map-subzone-label{pointer-events:none;white-space:nowrap;font-weight:400}.map-routes polyline{fill:none;stroke:#e8bc56;stroke-width:1px;opacity:.6;vector-effect:non-scaling-stroke}.map-routes polyline:not(.map-route-connection){stroke-dasharray:5 3}.map-routes .map-route-alliance{stroke:#58a6ff}.map-routes .map-route-horde{stroke:#ff6060}.zone-maps button.map-pin{color:#f1d391;background:#17232b;border:1px solid #bda36c;border-radius:50%;place-items:center;width:26px;height:26px;padding:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.zone-maps button.map-pin svg{width:18px;height:18px}.zone-maps button.map-pin:hover,.zone-maps button.map-pin[aria-pressed=true]{z-index:7;outline:2px solid #ffe29c}.zone-maps button.map-pin-flight{color:#8cd6ff}.map-cluster{position:absolute}.zone-maps button.map-cluster-pin{width:30px;height:30px;font-weight:600}.map-location-popup,.map-cluster-popup{color:#e5ddcb;cursor:default;background:#14232cef;border:1px solid #897858;border-radius:3px;padding:8px;font-size:.8rem;line-height:1.4;box-shadow:0 3px 10px #0005}.map-location-popup{z-index:12;width:min(450px,100% - 20px);position:absolute;top:52px;right:10px}.map-popup-title{align-items:center;gap:6px;margin-bottom:4px;display:flex}.map-popup-title>svg{flex-shrink:0;width:18px;height:18px}.map-popup-title strong{color:#f0d89d;flex:1;min-width:0;font-size:.9rem;font-weight:600}.map-popup-title button{flex-shrink:0;margin-left:auto}.map-location-popup button,.map-cluster-popup .map-popup-title button{color:#eac978;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;font-size:.75rem;display:inline-flex}.map-popup-subtitle{color:#bdb8a9;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-bottom:6px;font-size:.75rem;display:flex}.map-type-chip{border:1px solid #5c635e;border-radius:3px;padding:0 3px}.map-popup-subtitle a{color:inherit}.map-popup-row{justify-content:space-between;align-items:center;display:flex}.map-waypoint{color:#24313b;background:#e9dfc9;border-radius:2px;align-items:center;gap:4px;margin:4px 0 6px;padding:4px 5px;display:flex}.map-waypoint code{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font:.75rem/1.5 ui-monospace,Consolas,monospace;overflow:hidden}.map-waypoint button{color:#24313b;flex-shrink:0}.map-popup-actions{align-items:center;gap:12px;font-size:.75rem;display:flex}.map-popup-actions a{color:#eac978}.map-cluster-popup{z-index:13;position:absolute;overflow-y:auto}.map-cluster-popup ul{margin:4px 0 6px;padding:0;list-style:none}.map-cluster-popup li a{color:#eac978;align-items:center;gap:6px;min-height:26px;text-decoration:none;display:flex}.map-cluster-popup li a:hover{text-decoration:underline}.map-cluster-popup li svg{flex-shrink:0;width:16px;height:16px}.map-controls-toggle,.map-sheet-close,.map-sheet-backdrop{display:none}.zone-maps:fullscreen{--map-header-height:0px;background:#0a101d;height:100dvh;padding:8px}.map-article table{table-layout:fixed;overflow-wrap:anywhere;width:100%}@media (width<=767px){.map-continent-chips{background:#101c26;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.map-continent-chips button{padding:5px 7px;font-size:.7rem}.map-continent-chips button[aria-pressed=true]{background:#3f3c2f;border-color:#eac978}.zone-maps button.map-cluster-pin{width:26px;height:26px;padding:2px;font-size:12px}.zone-maps{padding-block:4px}.maps-grid{grid-template-columns:minmax(0,1fr)}.maps-inputs{display:none}.maps-inputs.is-open{bottom:0;right:0;top:var(--map-header-height);z-index:52;background:#101c26;width:min(320px,100vw - 24px);padding:12px;display:flex;position:fixed;box-shadow:-5px 0 20px #0006}.map-controls-heading{justify-content:space-between;align-items:center;display:flex}.map-sheet-close{display:inline-flex}.map-controls-toggle{z-index:10;display:block;position:absolute;top:4px;right:4px}.map-sheet-backdrop{inset:var(--map-header-height) 0 0;z-index:51;display:block;position:fixed;background:#0005!important;border:0!important;border-radius:0!important}.map-toolbar button{place-items:center;display:grid}.map-toolbar button span{display:none}.map-toolbar svg{width:18px;height:18px;display:block}.map-location-popup{width:calc(100% - 16px);top:48px;right:8px}.map-popup-title strong{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.zone-maps *{scroll-behavior:auto}}.map-popup-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-services details{margin-block:.4rem}.map-services summary{cursor:pointer;color:#eac978}.map-services ul{margin-block:.3rem;padding-left:1rem}.map-services button{text-align:left;background:0 0;border:0;padding:.2rem 0}body:has(.zone-maps)>main.shell{max-width:none;padding:0 12px}body:has(.zone-maps)>main>:not(astro-island){max-width:1400px;margin-inline:auto}.map-page-intro{padding-top:2rem}