.mountain-card{position:relative;margin:16px 0 0;border:1px solid #d5dec8;border-radius:18px;background:#e9edde;overflow:hidden;isolation:isolate;box-shadow:0 6px 20px #30472a08}
.mountain-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 88% 15%,transparent 0 18px,#879b6d1c 19px 20px,transparent 21px 37px)}
.mountain-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 0;position:relative;z-index:3}
.mountain-card-name{display:flex;align-items:center;gap:7px;color:#3d583d;font:500 19px/1.4 var(--serif)}
.mountain-card-name>svg{width:22px;height:22px}.mountain-card-name>small{font:10px/1.5 var(--sans,inherit);letter-spacing:2px;color:#7c8a68;margin-left:3px}
.mountain-title-picker{position:relative;display:inline-flex;align-items:center}
.mountain-title-picker select{appearance:none;-webkit-appearance:none;min-height:44px;min-width:70px;margin:0;padding:3px 24px 3px 3px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.mountain-title-picker select:hover{background:#dce5cf80}.mountain-title-picker select:focus-visible{outline:2px solid #718963;outline-offset:2px}
.mountain-title-picker>svg{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:#657d55}
.area-mode-bar.hike-help-bar{justify-content:flex-end}
.mountain-card-heading .text-button{min-height:44px;min-width:44px;justify-content:center;padding:0}.mountain-card-heading .text-button svg{width:17px;height:17px}
.mountain-card .mountain-view{margin:0 8px;border-radius:12px;overflow:hidden;height:360px;min-width:0}
.mountain-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 12px 8px;position:relative;z-index:3}
.mountain-view-actions{display:flex;gap:2px}
.mountain-view-actions>button{display:grid;place-items:center;width:44px;height:44px;font:22px/1 Georgia,serif;color:#536b48;border-radius:50%}
.mountain-view-actions>button:hover{background:#dde5ce}.mountain-view-actions>button svg{width:18px;height:18px}
.mountain-record-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px;padding:7px 0;border-bottom:1px solid #e0e5d6}.mountain-record-bar p{font:13px/1.7 var(--serif);color:#849170}.mountain-record-bar button{flex-shrink:0;min-height:44px}
.mountain-route-state:empty{display:none}.mountain-route-state{margin:0 0 12px;color:#8b947f;font-size:10px;line-height:1.8}
.mountain-unplaced{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;min-height:44px;border:1px solid #e0e1d2;border-radius:10px;background:#f2f1e6;font-size:11px;text-align:left;color:#8a795b}.mountain-unplaced svg{width:17px;height:17px;flex-shrink:0}.mountain-unplaced svg:last-child{margin-left:auto}
.mountain-landmark-list .trail-node:before{display:none}.mountain-landmark-list .trail-dot{background:#edf0e1;border:1px solid #d9dfcd}.mountain-landmark-list .trail-node.done .trail-dot{background:#718b55}.mountain-landmark-list .trail-node{padding-bottom:20px}.mountain-landmark-list .trail-node:last-child{padding-bottom:8px}
@media(max-width:360px){.mountain-card .mountain-view{height:330px}.mountain-card-heading{padding-left:11px;padding-right:8px}.mountain-card-name{font-size:18px}.mountain-toolbar{padding:0 8px 8px}.mountain-record-bar p{font-size:12px}}