body.pack-ui #map-panel,body #map-panel{width:min(940px,96vw);max-height:94dvh;padding:16px;border:1px solid var(--ui-panel-a38-map-panel-map-panel-border);border-image:none;border-radius:18px;background:var(--ui-panel-a38-map-panel-map-panel-background);color:var(--ui-panel-a38-map-panel-map-panel-text);box-shadow:0 12px 42px var(--ui-panel-a38-map-panel-map-panel-shadow)}
body #map-panel .panel-heading{margin-bottom:12px}body #map-title{font-size:19px;letter-spacing:-.4px}
body #map-panel button{border:1px solid var(--ui-panel-a38-map-panel-border);border-image:none;background:var(--ui-panel-a38-map-panel-background);color:var(--ui-panel-a38-map-panel-text);border-radius:9px;padding:9px 14px;min-height:40px;font-size:13px;box-sizing:border-box;text-shadow:none}
body #map-close{background:transparent;min-width:48px}
body #map-panel .map-tools{display:block;margin-bottom:12px}body .map-mode-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--ui-panel-a38-map-mode-tabs-background);margin:0}
body #map-panel .map-mode-tabs button{flex:1;min-width:0;border:0;background:none;white-space:nowrap}
body #map-panel .map-mode-tabs button[aria-pressed=true]{background:var(--ui-panel-a38-map-panel-map-mode-tabs-true-background);color:var(--ui-panel-a38-map-panel-map-mode-tabs-true-text);box-shadow:0 2px 5px var(--ui-panel-a38-map-panel-map-mode-tabs-true-shadow)}
body #map-viewport{height:clamp(230px,49dvh,510px);border:1px solid var(--ui-panel-a38-map-viewport-border);border-radius:12px;background:var(--ui-panel-a38-map-viewport-background);box-shadow:inset 0 0 22px var(--ui-panel-a38-map-viewport-shadow)}
body #map-panel.region-map-mode #map-viewport{height:clamp(220px,calc((min(940px,96vw) - 34px) * var(--region-ratio,.625)),49dvh)}
body #world-map.actual-region-map{margin:0;background:var(--ui-panel-a38-world-map-actual-region-map-background)}
body .region-map-picture{filter:saturate(.72) contrast(.94);image-rendering:auto}
body .region-map-marker,body .region-map-marker.self{width:16px;height:16px;min-width:0;min-height:0;display:block;transform:translate(-50%,-50%) scale(var(--pin-scale,1));transform-origin:center;z-index:1;font:12px system-ui}
body .region-map-marker i{position:absolute;inset:0;box-sizing:border-box;width:16px;height:16px;line-height:12px;text-align:center;font-style:normal;font-size:11px;background:var(--ui-panel-a38-region-map-marker-background);color:var(--ui-panel-a38-region-map-marker-text);border:2px solid var(--ui-panel-a38-region-map-marker-border);border-radius:50%;box-shadow:0 1px 4px var(--ui-panel-a38-region-map-marker-shadow);z-index:2}
body .region-map-marker.self i{width:16px;height:16px;background:var(--ui-panel-a38-region-map-marker-self-background);color:var(--ui-panel-a38-region-map-marker-self-text);box-shadow:0 0 0 3px var(--ui-panel-a38-region-map-marker-self-shadow)}
body .region-map-marker.peer i{background:var(--ui-panel-a38-region-map-marker-peer-background);color:var(--ui-panel-a38-region-map-marker-peer-text)}
body .region-map-marker.exit i{background:var(--ui-panel-a38-region-map-marker-exit-background);color:var(--ui-panel-a38-region-map-marker-exit-text);border-radius:5px;font-size:15px}
body .region-map-marker .map-pin-label,body .region-map-marker.exit span,body .region-map-marker.npc span{position:absolute;display:block;box-sizing:border-box;max-width:none;height:22px;padding:3px 6px;background:var(--ui-panel-a38-region-map-marker-map-pin-label-region-map-marker-background);color:var(--ui-panel-a38-region-map-marker-map-pin-label-region-map-marker-text);border:1px solid var(--ui-panel-a38-region-map-marker-map-pin-label-region-map-marker-border);border-radius:5px;font:11px/14px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px var(--ui-panel-a38-region-map-marker-map-pin-label-region-map-marker-shadow);z-index:3;text-align:center}
body .region-map-marker.exit span{background:var(--ui-panel-a38-region-map-marker-exit-background-2);color:var(--ui-panel-a38-region-map-marker-exit-text-2);border-color:var(--ui-panel-a38-region-map-marker-exit-border-color)}
body .region-map-marker b{position:absolute;left:8px;top:8px;height:1px;background:var(--ui-panel-a38-region-map-marker-background-2);transform-origin:0 50%;box-shadow:0 0 1px var(--ui-panel-a38-region-map-marker-shadow-2)}
body #map-panel .map-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}
body #map-panel #map-detail{flex:1;color:var(--ui-panel-a38-map-panel-map-detail-text);margin:0;min-width:0;font-size:11px;line-height:1.5}
body #map-panel #map-center{flex:none;background:var(--ui-panel-a38-map-panel-map-center-background);color:var(--ui-panel-a38-map-panel-map-center-text);border-color:var(--ui-panel-a38-map-panel-map-center-border-color);white-space:nowrap}
body #map-panel #party-list:empty,body #map-panel #map-summary:empty{display:none}
@media(orientation:landscape) and (max-height:500px){body #map-panel{padding:10px 14px}body #map-panel .panel-heading{margin-bottom:6px}body #map-panel .map-tools{margin-bottom:7px}body #map-viewport{height:47dvh;min-height:140px}body #map-panel button{min-height:34px;padding:6px 12px}body #map-panel .map-footer{padding-top:7px}}
@media(orientation:landscape) and (max-height:500px){body #map-panel.region-map-mode #map-viewport{height:47dvh}}