.mountain-view{position:relative;width:100%;height:380px;min-height:280px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 44%,#f7f6e9 0,#eaf0df 76%);border-radius:15px;outline-offset:-4px}
.mountain-view::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23p)'/%3E%3C/svg%3E")}
.mountain-view-canvas{display:block!important;width:100%!important;height:100%!important;touch-action:none;cursor:grab;outline:none}
.mountain-view-canvas:active{cursor:grabbing}.mountain-view-canvas:focus-visible{outline:2px solid #7c9668;outline-offset:-4px}
.mountain-view[data-mountain-renderer="static"] .mountain-view-canvas{cursor:default;touch-action:pan-y}
.mountain-view-labels{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.mountain-view>svg.mountain-label-leaders{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.mountain-label-line{fill:none;stroke:#7c9167;stroke-width:.7;opacity:.75}.mountain-label-line.visited{stroke:#b4825b}
.mountain-label-anchor{fill:#7b9265;stroke:#faf7e8;stroke-width:1}.mountain-label-anchor.visited{fill:#b27d52}
.mountain-view-marker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:4px;transform:translate(-6px,-50%);font:10px/1.4 var(--sans,"Microsoft YaHei",sans-serif);color:#385d44;white-space:nowrap;min-height:36px;padding:6px 3px;pointer-events:auto;text-align:left;filter:drop-shadow(0 1px 1px #f8f9ed);touch-action:manipulation}
.mountain-view-marker[hidden]{display:none}.mountain-view-marker::before{content:"";display:block;flex:none;width:6px;height:6px;border-radius:45% 55% 49% 51%;background:#6a8056;border:1px solid #fbf9eb;box-shadow:0 0 0 1px #5d755238}
.mountain-view-marker>span{display:block;padding:2px 4px;border-radius:4px;background:#f7f8ebd9;box-shadow:0 1px 3px #344a3220;font-weight:500}
.mountain-view-marker.is-checkin{color:#805133;font-size:10px;transform:translate(-10px,-50%);z-index:1}
.mountain-view-marker.is-checkin::before{width:12px;height:12px;border:2px solid #fff9e9;background:#b87546;box-shadow:0 0 0 1px #9463397d}
.mountain-view-marker.is-checkin>span{background:#fff4dfec;color:#805133}.mountain-view-marker.is-dot-only>span{display:none}
.mountain-view-marker.has-building{justify-content:flex-end;align-items:center;gap:0;min-height:44px;padding:0 0 2px;filter:none;transform:translateX(-50%);font-size:9px;touch-action:none}
.mountain-view-marker.has-building::before{display:none}
.mountain-view-marker.has-building>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;background:#f7f6e6df;border:1px solid #b5c2a24d;border-radius:4px;box-shadow:0 1px 3px #40543813;font-weight:400}
.mountain-view-marker.has-building.is-checkin>span{background:#fff0d9e8;border-color:#b8875c66;color:#885d3b}
.mountain-view-marker.has-building:focus-visible{outline:1px dashed #6b8358;outline-offset:2px;border-radius:7px}
.mountain-view-marker.label-only{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0;transform:none;filter:none;z-index:2}
.mountain-view-marker.label-only[hidden]{display:none}.mountain-view-marker.label-only::before{display:none}
.mountain-view-marker.label-only>.mountain-label-chip{display:inline-flex;align-items:baseline;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;font-size:9px;font-weight:400;padding:3px 4px}
.mountain-label-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.mountain-label-time{flex-shrink:0;font-size:9px;font-variant-numeric:tabular-nums}
.mountain-view-marker.label-only.label-wrapped>.mountain-label-chip{flex-direction:column;align-items:flex-start;line-height:1.4}
.mountain-view-marker.label-only.label-wrapped .mountain-label-time{font-size:8.5px}
.mountain-label-line.model-offset{stroke-dasharray:2.5 2;opacity:.85}
.mountain-view-marker.label-only.terrain-behind:not(.is-checkin)>.mountain-label-chip{background:#f7f7e6ce;color:#687c58}
.mountain-building-hit{position:absolute;left:0;top:0;z-index:1;pointer-events:auto;background:transparent!important;border:0;box-shadow:none;padding:0;touch-action:none;min-width:36px;min-height:36px}
.mountain-view-marker.label-only,.mountain-building-hit{transition:none;will-change:transform}
.mountain-building-hit[hidden]{display:none}
.mountain-view-status{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:12px;color:#768367;background:#edf1e3bd;pointer-events:none}
.mountain-view-status[hidden]{display:none}.mountain-view[data-mountain-status="fallback"] .mountain-view-status{inset:auto 10px 10px;background:#f6f7eade;border:1px solid #dfe4d3;padding:5px 9px;border-radius:7px;font-size:9px}
.mountain-view-loading-mark{display:inline-block;width:12px;height:12px;border:1px solid #aab99b;border-top-color:#496748;border-radius:50%;margin-right:8px;animation:mountain-loading 1.2s linear infinite}
@keyframes mountain-loading{to{transform:rotate(360deg)}}
@media(max-width:360px){.mountain-view{height:350px}.mountain-view-marker{font-size:9px}.mountain-view-marker.is-checkin{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mountain-view-loading-mark{animation:none}}