.travel-map{position:relative;isolation:isolate}
.globe-canvas.travel-map{position:absolute}
.continuous-map{position:absolute;inset:0;width:100%;height:100%;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif}
.continuous-map-stage .globe-canvas{inset:43px 0 0;min-height:0}
.continuous-map-stage .globe-caption,.continuous-map-stage .map-empty-note,.continuous-map-stage .map-legend,.continuous-map-stage .map-controls,.continuous-map-stage .preview-map-hint{display:none!important}
.continuous-map-stage .preview-reset{display:none}
.continuous-map .map-home{font-size:23px;color:#315343;line-height:34px}
.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:12px 12px 0 0}
.continuous-map .maplibregl-ctrl-group{border:1px solid #deded0;box-shadow:0 3px 15px #17382818;background:#fffdf5;border-radius:6px;overflow:hidden}
.continuous-map .maplibregl-ctrl-group button{width:34px;height:34px}
.continuous-map .maplibregl-ctrl-attrib{font-size:9px;line-height:18px;background:#fffdf3e8;color:#526650}
.continuous-map .maplibregl-ctrl-scale{background:#fffdf3d9;border-color:#596e58;color:#435743;font-size:10px}
.continuous-map.map-picking .maplibregl-canvas-container{cursor:crosshair}
.boundary-legend{position:absolute;left:12px;top:12px;z-index:2;display:flex;gap:12px;background:#fffdf2e8;border:1px solid #e0e3d3;border-radius:5px;padding:9px 11px;font-size:10px;color:#50614c;pointer-events:none}
.boundary-legend span{display:flex;gap:5px;align-items:center}
.boundary-legend i{width:14px;border-top:2px solid #43594d}
.boundary-legend span:nth-child(2) i{border-color:#647363;border-top-style:dashed}
.boundary-legend span:nth-child(3) i{border-color:#9d816d;border-top-style:dotted}
.map-load-status{position:absolute;z-index:4;left:12px;right:12px;bottom:45px;width:fit-content;max-width:calc(100% - 24px);border-radius:5px;background:#fffdf5f5;color:#4b6353;box-shadow:0 3px 12px #183f2020;padding:9px 12px;font-size:11px;line-height:1.6}
.map-load-status button{margin-left:10px;text-decoration:underline;font-weight:600}
.journal-map-pin{padding:0;position:absolute;background:transparent;border:0;width:30px;height:36px;cursor:pointer}
.pin-heart{display:grid;place-items:center;width:29px;height:29px;border:2px solid #fffdf4;background:#365c48;border-radius:50%;color:#fff8e9;font-size:13px;box-shadow:0 3px 7px #23402d55}
.pin-heart:after{content:'';position:absolute;width:6px;height:6px;background:#365c48;transform:rotate(45deg);bottom:5px;left:12px}
.journal-map-pin.is-selected .pin-heart,.journal-map-pin.is-selected .pin-heart:after{background:#b57b5c}
.pin-label{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #e2decc;border-radius:4px;background:#fffdf5;color:#304f3d;font-size:11px;padding:4px 8px;display:none}
.is-selected .pin-label,.journal-map-pin:hover .pin-label,.journal-map-pin:focus-visible .pin-label{display:block}
.map-search-pin{background:#fff9e9;border:2px solid #bd885e;border-radius:5px;padding:5px 9px;color:#845d3d;font-size:11px}
@media(max-width:680px){.continuous-map-stage .globe-canvas{inset:37px 0 0}.boundary-legend{left:9px;top:9px;padding:8px;gap:8px;font-size:9px}.boundary-legend i{width:11px}.continuous-map .maplibregl-ctrl-attrib{font-size:8px}.map-load-status{font-size:10px;bottom:48px}}
.journal-map-pin[style*="opacity: 0;"],.map-search-pin[style*="opacity: 0;"]{visibility:hidden;pointer-events:none}
/* An airy atlas frame: warm paper, mist blue and light floating controls. */
.continuous-map-stage.globe-stage,.continuous-map-stage.experience-map{
 background:radial-gradient(ellipse at 23% 14%,#fffdf5 0%,#f6f5ee 26%,transparent 65%),radial-gradient(ellipse at 73% 76%,#d9e8ec 0%,#e8f0ef 47%,#f0f3ed 100%);
 border:1px solid #dce5e1;border-radius:16px;box-shadow:inset 0 1px 0 #fffdf8,0 12px 35px #365b4510;
}
.continuous-map-stage .globe-stage-top{color:#6d8276;font-size:10px;letter-spacing:.5px}
.continuous-map-stage .globe-stage-top .live-dot{background:#88a293;box-shadow:0 0 0 4px #dce7df88}
.continuous-map-stage .globe-stage-top .icon-button{color:#597668;border:1px solid #d5e0d8;background:#ffffff94;border-radius:50%}
.continuous-map-stage .globe-stage-top .icon-button:hover{background:#fff;color:#284d3d}
.continuous-map .maplibregl-canvas{filter:drop-shadow(0 12px 18px #577a8a20)}
.continuous-map .maplibregl-canvas:focus{outline:none}
.continuous-map .maplibregl-canvas:focus-visible{outline:2px solid #99b6a5;outline-offset:-3px;border-radius:10px}
.boundary-legend{left:17px;top:16px;gap:13px;padding:10px 13px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffffa8;box-shadow:0 3px 14px #48635c0a;backdrop-filter:blur(12px);color:#6c7e73;font-size:10px}
.boundary-legend i{width:13px;border-top-width:1px;border-color:#62776c}
.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:16px 16px 0 0}
.continuous-map .maplibregl-ctrl-group{border:1px solid #ffffffe6;border-radius:22px;background:#ffffffc9;box-shadow:0 5px 18px #3b635a12;backdrop-filter:blur(12px);padding:4px}
.continuous-map .maplibregl-ctrl-group button{width:34px;height:35px;border-radius:50%;border:0;color:#567466}
.continuous-map .maplibregl-ctrl-group button:hover{background:#e3eee7}
.continuous-map .maplibregl-ctrl-group button+button{border-top:0;margin-top:2px}
.continuous-map .maplibregl-ctrl-icon{opacity:.66}
.continuous-map .map-home{font-size:23px;font-weight:300;line-height:35px}
.continuous-map .maplibregl-ctrl-scale{margin-left:15px;margin-bottom:13px;background:#ffffff80;border-color:#91a49a;border-width:0 1px 1px;color:#718579;font-size:9px;line-height:15px}
.continuous-map .maplibregl-ctrl-attrib{background:#ffffff91;color:#82928a;font-size:9px;box-shadow:none}
.continuous-map .maplibregl-ctrl-attrib a{color:#71877a}
.pin-heart{width:30px;height:30px;border:2px solid #fffffff0;background:#588879;box-shadow:0 4px 10px #3b6c5926;font-size:12px}
.pin-heart:after{background:#588879}
.journal-map-pin.is-selected .pin-heart,.journal-map-pin.is-selected .pin-heart:after{background:#bd896e}
.pin-label{border:1px solid #ffffffd9;border-radius:7px;background:#fffefaed;color:#607467;padding:6px 10px;box-shadow:0 3px 10px #3154420d;font-size:11px}
@media(max-width:680px){
 .continuous-map-stage.globe-stage,.continuous-map-stage.experience-map{border-radius:12px}
 .boundary-legend{left:11px;top:12px;gap:9px;padding:8px 10px;font-size:9px}
 .maplibregl-ctrl-top-right .maplibregl-ctrl{margin:12px 11px 0 0}
 .continuous-map .maplibregl-ctrl-group button{width:32px;height:33px}
 .continuous-map .map-home{line-height:33px}
}