/* Mountain discovery shares the scene's restrained colours and typography. */
#mountains-btn{color:var(--accent);white-space:nowrap;border-left:1px solid var(--line);border-radius:0 20px 20px 0;padding-left:20px;padding-right:20px}
.mountain-context{color:var(--accent);font-size:11px;line-height:1.8;margin:10px 0 12px}
.mountain-context small{display:block;font-size:10px;color:var(--muted)}
.mountain-selected .marine-row,.mountain-selected #marine-status{display:none}
.mountain-dialog{width:min(760px,calc(100vw - 40px));max-width:760px;height:min(780px,88dvh);max-height:88dvh;padding:28px;overflow:hidden}
.mountain-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:20px}
.mountain-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mountain-dialog-head .eyebrow{font-size:10px;color:var(--accent);letter-spacing:.12em;margin:0 0 4px}
.mountain-dialog h2{font-size:34px;line-height:1.45;margin:0;font-weight:300;letter-spacing:.02em}
.mountain-dialog .mountain-intro{font-size:12px;color:#aec4c8;line-height:1.5;margin:8px 0 0}
#mountains-close{float:none;flex-shrink:0;width:44px;height:44px;font-size:24px;margin:0}
.mountain-toolbar{display:flex;flex-direction:column;gap:12px}
.mountain-query{display:flex;align-items:center;gap:10px;background:#081b25;border:1px solid var(--line);border-radius:12px;padding:0 13px}
.mountain-query>span{font-size:26px;color:var(--accent)}
#mountain-search{height:46px;background:none;color:var(--ink);border:0;min-width:0;width:100%;font-size:16px}
#mountain-search::placeholder{font-size:13px;color:#a0b8c0}
.mountain-filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
#mountain-region{background:#102a35;color:var(--ink);border:1px solid var(--line);border-radius:10px;height:44px;padding:0 12px;font-size:13px;max-width:75%}
#mountain-count{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.mountain-results{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#86b0ab55 transparent;padding:2px 3px 6px}
#mountain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mountain-card{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:16px 13px;min-height:83px;background:linear-gradient(135deg,#17343d,#112934);border:1px solid #d0ecdf1a;border-radius:13px;transition:background .2s,border-color .2s}
.mountain-card:hover{background:#203e45;border-color:#b9dbc95c}
.mountain-card-text{flex:1;min-width:0}
.mountain-name{display:block;font-size:16px;font-weight:500;line-height:1.35;color:#e4f0e6;overflow-wrap:anywhere}
.mountain-detail{display:block;font-size:10px;color:#a6bdc4;margin-top:7px;line-height:1.5}
.mountain-height{font-size:12px;font-variant-numeric:tabular-nums;color:#cbe3d1;white-space:nowrap}
.mountain-arrow{font-size:17px;color:#c5e6cb;flex-shrink:0}
.mountain-dialog .mountain-source{font-size:10px;line-height:1.6;color:#99b2bc;margin:0;border-top:1px solid var(--line);padding-top:12px}
.mountain-source a{text-decoration:underline;text-underline-offset:3px;color:#c1d8cf}
#mountain-empty{text-align:center;padding:30px 10px}#mountain-empty p{font-size:13px}#mountain-clear{min-height:44px;border:1px solid var(--line);border-radius:24px;padding:0 18px;color:var(--accent)}
.mountain-search-result{display:flex;align-items:center;gap:10px}
.mountain-search-result .mountain-name{font-size:14px}
.mountain-search-result .mountain-detail{font-size:10px}
.mountain-search-result .mountain-height{font-size:11px}
.search-category{font-size:10px;letter-spacing:.04em;color:var(--accent);margin:9px 4px 5px}
@media(max-width:700px){
  .view-switch{width:min(340px,100%)}
  .view-switch button{padding-left:8px;padding-right:8px}
  #mountains-btn{padding-left:8px;padding-right:8px;font-size:11px}
  .mountain-dialog{width:calc(100vw - 24px);height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px 16px;border-radius:22px}
  .mountain-dialog[open]{gap:15px}
  .mountain-dialog h2{font-size:28px}.mountain-dialog-head .eyebrow{font-size:9px}.mountain-dialog .mountain-intro{font-size:11px}
  #mountain-list{grid-template-columns:minmax(0,1fr);gap:8px}
  .mountain-card{min-height:77px;padding:14px}.mountain-name{font-size:17px}.mountain-detail{font-size:11px}.mountain-height{font-size:13px}
  .mountain-context{font-size:12px}.mountain-context small{font-size:11px}
  .mountain-dialog .mountain-source{font-size:10px;padding-top:10px}
  .mountain-search-result .mountain-name{font-size:14px}
}
@media(max-height:500px) and (pointer:coarse) and (orientation:landscape){
  .view-switch{width:288px}.view-switch button,#mountains-btn{padding-left:10px;padding-right:10px;font-size:11px}
  .mountain-dialog{width:min(700px,calc(100vw - 50px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:15px 20px}
  .mountain-dialog[open]{gap:10px}.mountain-dialog h2{font-size:23px}.mountain-dialog .mountain-intro,.mountain-dialog-head .eyebrow{display:none}
  .mountain-toolbar{flex-direction:row;gap:12px;align-items:center}.mountain-query{flex:1;min-width:0}.mountain-filter-row{gap:8px}#mountain-region{max-width:175px}#mountain-count{font-size:10px}
  #mountain-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mountain-dialog .mountain-source{font-size:9px;padding-top:6px}
}