/* v02 assets retain their corner pixels. Leather is a color (sRGB) tile. */
.map-v02{--map-ui-factor:1;--map-text:calc(18px * var(--map-ui-factor));--map-hit:calc(48px * var(--map-ui-factor));--map-icon:calc(42px * var(--map-ui-factor));--map-leather:url('./assets/map-v02/UI/Map/Textures/map_leather_tile.webp');position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-columns:calc(282px * var(--map-ui-factor)) minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(230px,calc(150px * var(--map-ui-factor)),360px);gap:14px;padding:8px 4px 0;box-sizing:border-box;background:#141614;font:var(--map-text)/1.35 var(--sans);color:#dfd0b6}
.map-v02 .atlas-left{position:relative;inset:auto;width:auto;height:auto;min-height:0;padding:20px;overflow:auto;border:24px solid transparent;border-image:url('./assets/map-v02/UI/Map/2x/Panels/map_sidebar_bg.webp') 48/24px stretch;background:#1b1a17 var(--map-leather) repeat;box-sizing:border-box;scrollbar-color:#79613a #191b19;overscroll-behavior:contain}
.map-v02 h2,.map-v02 h3{font-family:var(--heading);font-weight:400;color:#ddc08a;letter-spacing:0;border:0;padding:0;margin:12px 0}.map-v02 h2{font-size:calc(28px * var(--map-ui-factor))}.map-v02 h3{font-size:calc(22px * var(--map-ui-factor))}.map-v02 p{font:inherit;font-size:calc(15px * var(--map-ui-factor));color:#bdbaa9;line-height:1.5}.map-v02 .map-region-title{padding-bottom:12px;border-bottom:1px solid #6d5434}.map-v02 .map-search-hint{margin:0 0 20px;background:#222723a0;border:1px solid #6f5c38;padding:12px}.map-v02 .map-search-hint h3{margin-top:0}
.map-v02 .atlas-centre{position:relative;left:auto;top:auto;width:auto;height:auto;min-width:0;min-height:0;overflow:hidden;background:#263b41;border:0;isolation:isolate}.map-v02 .atlas-centre:after{content:'';position:absolute;inset:0;z-index:9;pointer-events:none;border:48px solid transparent;border-image:url('./assets/map-v02/UI/Map/2x/Frames/map_frame.webp') 96/48px stretch}.map-v02 .atlas-map-surface{position:absolute;inset:20px;width:auto;height:auto;touch-action:none;overflow:hidden}.map-v02 canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.map-v02 #map-world-canvas{pointer-events:none}.map-v02 #surroundings-map{z-index:1;cursor:grab}.map-v02 #surroundings-map:active{cursor:grabbing}.map-v02 #map-system-markers,.map-v02 #custom-map-markers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.map-modal .map-v02 button{color:#ead3a6;font:inherit;min-height:var(--map-hit);cursor:pointer;box-shadow:none;transition:filter .12s;border:12px solid transparent;border-image:url('./assets/map-v02/UI/Map/2x/Controls/map_button_bg.webp') 24/12px stretch;background:#251f18 var(--map-leather) repeat;padding:6px 14px;box-sizing:border-box}.map-modal .map-v02 button:hover:not(:disabled){filter:brightness(1.15)}.map-modal .map-v02 button:active:not(:disabled){filter:brightness(.82);background-position:0 1px}.map-modal .map-v02 button:focus-visible,.map-v02 :is(input,select,textarea):focus-visible,.map-v02 canvas:focus-visible{outline:2px solid #f6dc99;outline-offset:2px}.map-modal .map-v02 button:disabled{cursor:default;filter:brightness(.5) saturate(.35)}.map-v02 [hidden]{display:none!important}
.map-v02 .map-place-filters label,.map-v02 .map-layer-list label,.map-v02 .marker-types>div{display:flex;align-items:center;gap:12px;min-height:var(--map-hit);height:auto;font:inherit;cursor:pointer}.map-v02 .map-place-filters img,.map-v02 .marker-types img{width:calc(30px * var(--map-ui-factor));height:calc(30px * var(--map-ui-factor));object-fit:contain;flex:none}.map-v02 input[type=checkbox]{appearance:none;width:calc(26px * var(--map-ui-factor));height:calc(26px * var(--map-ui-factor));flex:none;border:0;background:url('./assets/map-v02/UI/Map/2x/Controls/map_checkbox_empty.webp') center/contain no-repeat;cursor:pointer}.map-v02 input[type=checkbox]:checked{background-image:url('./assets/map-v02/UI/Map/2x/Controls/map_checkbox_checked.webp')}.map-modal .map-v02 .marker-types button{font:inherit;color:#ddd0ba;border:0;background:none;padding:0;min-height:var(--map-hit);display:flex;align-items:center;gap:12px}.map-v02 .marker-types button[aria-pressed=true]{color:#ffe6ab;background:#b78d3026}.map-v02 .map-layer-list{gap:0;padding:0}.map-v02 summary{min-height:var(--map-hit);display:flex;align-items:center;cursor:pointer;color:#d9ba84}.map-v02 #map-note-index,.map-v02 #map-location-index{display:grid;gap:4px}.map-modal .map-v02 :is(#map-location-index,#map-note-index) button{padding:8px;text-align:left;border:0;background:#352b1c40;font:inherit}
.map-modal .map-v02 :is(#map-system-markers,#custom-map-markers) button{position:absolute;width:var(--map-hit);height:var(--map-hit);padding:0;min-width:0;margin:0;border:0;background:none;box-shadow:none;transform:translate(-50%,-50%);pointer-events:auto;border-radius:0}.map-v02 :is(#map-system-markers,#custom-map-markers) button img{position:absolute;left:50%;top:50%;width:var(--map-icon);height:var(--map-icon);transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.map-v02 .map-poi .map-poi-ring{opacity:0;transition:opacity .12s}.map-v02 .map-poi .map-poi-ring.persistent,.map-v02 .map-poi:hover .map-poi-ring{opacity:1}.map-v02 .map-poi .map-quest-badge{width:calc(22px * var(--map-ui-factor));height:calc(22px * var(--map-ui-factor));left:94%;top:5%;filter:drop-shadow(0 1px 2px #000)}.map-modal .map-v02 #custom-map-markers button[aria-pressed=true]{box-shadow:none;border:0;filter:brightness(1.15)}.map-v02 #custom-map-markers button[aria-pressed=true]:after{content:'';position:absolute;inset:0;background:linear-gradient(#e3c083,#e3c083) 0 0/8px 2px,linear-gradient(#e3c083,#e3c083) 100% 0/8px 2px,linear-gradient(#e3c083,#e3c083) 0 100%/8px 2px,linear-gradient(#e3c083,#e3c083) 100% 100%/8px 2px;background-repeat:no-repeat}
.map-v02 #map-party-marker{position:absolute;transform:translate(-50%,-50%);width:var(--map-hit);height:var(--map-hit);z-index:3;pointer-events:none}.map-v02 #map-party-marker img{width:100%;height:100%;filter:drop-shadow(0 2px 3px #101719)}.map-modal .map-v02 #map-offscreen{position:absolute;width:var(--map-hit);height:var(--map-hit);transform:translate(-50%,-50%);border:0;padding:0;background:none;z-index:5}.map-v02 #map-offscreen img{width:100%;height:100%}
.map-v02 .map-compass{position:absolute;top:45px;right:40px;width:120px;height:120px;z-index:4;pointer-events:none;color:#e0c795;font:16px var(--heading);text-align:center}.map-v02 .compass-base{position:absolute;inset:0;width:120px;height:120px}.map-v02 .compass-needle{position:absolute;left:12px;top:12px;width:96px;height:96px}.map-v02 .map-compass span{position:absolute}.map-v02 .compass-n{top:-20px;left:55px}.map-v02 .compass-s{bottom:-20px;left:55px}.map-v02 .compass-e{top:50px;right:-16px}.map-v02 .compass-w{top:50px;left:-18px}.map-v02 .map-top-controls{position:absolute;top:36px;left:36px;display:flex;gap:8px;z-index:5}.map-v02 .atlas-zoom{position:absolute;top:auto;bottom:62px;right:36px;display:grid;gap:8px;z-index:5}.map-modal .map-v02 :is(.atlas-zoom,.map-top-controls) button{width:calc(52px * var(--map-ui-factor));height:calc(52px * var(--map-ui-factor));padding:0;border:0;background:none}.map-v02 :is(.atlas-zoom,.map-top-controls) button img{width:100%;height:100%;object-fit:contain}.map-v02 .atlas-status{position:absolute;left:36px;bottom:28px;max-width:70%;display:flex;flex-wrap:wrap;gap:12px;font-size:calc(14px * var(--map-ui-factor));z-index:4;background:#182023c9;padding:4px 10px;color:#dfd5bd}
.map-v02 :is(#map-note-detail,#map-location-detail,.map-tooltip){position:absolute;inset:auto;left:36px;bottom:90px;width:min(calc(420px * var(--map-ui-factor)),calc(100% - 180px));height:auto;padding:28px;background:#201f1a var(--map-leather) repeat;border:20px solid transparent;border-image:url('./assets/map-v02/UI/Map/2x/Panels/map_location_card.webp') 40/20px stretch;box-shadow:0 6px 22px #0008;z-index:6;box-sizing:border-box;max-height:calc(100% - 130px);overflow:auto}.map-v02 #map-note-detail{width:min(calc(460px * var(--map-ui-factor)),calc(100% - 60px));bottom:36px;left:36px;padding:32px;border-width:24px;border-image:url('./assets/map-v02/UI/Map/2x/Panels/map_note_panel.webp') 48/24px stretch;z-index:8}.map-v02 :is(#map-note-detail,#map-location-detail) h3{margin:0 24px 12px 0}.map-v02 #map-note-detail label{display:grid;gap:6px;margin:12px 0}.map-v02 :is(input:not([type=checkbox]),textarea,select){font:inherit;color:#eee1c6;background:#131b1b;border:1px solid #756342;border-radius:0;padding:10px;width:100%;box-sizing:border-box}.map-v02 #map-note-title{font:inherit;width:100%;background:#131b1b;border:1px solid #756342;color:#eee1c6;padding:10px}.map-v02 #map-note-text{height:100px;min-height:80px;width:100%;font:inherit;background:#131b1b;color:#eee1c6;padding:10px;margin:0;border:1px solid #756342}.map-modal .map-v02 .map-note-close{position:absolute;right:16px;top:12px;width:var(--map-hit);height:var(--map-hit);border:0;background:none;padding:0;font-size:28px}.map-v02 .map-note-actions{display:flex;flex-wrap:wrap;gap:8px}.map-v02 .map-tooltip{bottom:auto;max-width:min(calc(420px * var(--map-ui-factor)),calc(100% - 80px));width:max-content;max-height:calc(100% - 90px);border-width:12px;border-image:url('./assets/map-v02/UI/Map/2x/Panels/map_tooltip_bg.webp') 24/12px stretch;padding:20px;z-index:7;pointer-events:none;overflow-wrap:anywhere}
.map-v02 .atlas-footer{grid-column:1/-1;position:relative;inset:auto;width:100%;height:auto;min-height:0;margin:0;border-top:1px solid #695537;background:url('./assets/ui-packed/inventory/Common/HUD/ui_hud_background.webp') center/100% 100% no-repeat}.map-v02 .atlas-party{left:30px;top:14px;gap:20px}.map-v02 .map-main-actions{position:absolute;right:30px;top:30px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:60%;justify-content:flex-end}.map-v02 .map-profile{font-size:calc(14px * var(--map-ui-factor));width:calc(175px * var(--map-ui-factor))}.map-v02 .map-profile select{padding:8px;min-height:var(--map-hit)}.map-v02 .atlas-travel{position:absolute;left:auto;right:30px;bottom:10px;width:auto;max-width:650px;font:inherit}.map-v02 .atlas-travel[open]{z-index:10;bottom:10px;background:#1c211e;border:1px solid #8c7146;padding:16px}.map-v02 .map-direction-pad{display:flex;width:auto}.map-v02 .atlas-travel summary{justify-content:flex-end}.map-v02 .atlas-travel button{font:inherit}.map-v02[data-sidebar=closed]{grid-template-columns:minmax(0,1fr)}.map-v02[data-sidebar=closed] .atlas-left{display:none}
@media(max-width:1100px){.map-v02{grid-template-columns:minmax(0,1fr)}.map-v02 .atlas-left{position:absolute;left:8px;top:8px;bottom:240px;width:min(calc(300px * var(--map-ui-factor)),75%);z-index:8}.map-v02 .atlas-party{gap:5px}.map-v02 .map-main-actions{gap:8px;right:16px;top:16px}.map-v02 .atlas-travel{right:16px}.map-v02 .map-compass{transform:scale(.85);transform-origin:top right}.map-v02 .map-profile{width:calc(150px * var(--map-ui-factor))}}
@media(prefers-reduced-motion:reduce){.map-v02 *{transition:none!important;animation:none!important}}