.explorer{height:calc(100dvh - var(--header-h));grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.explorer>*{min-height:0}.explorer-map-wrap{background:#e6e3da;position:absolute;inset:0}#explorer-map{position:absolute;inset:0}.explorer-panel{z-index:20;inset-inline:0;background:var(--color-fog);padding-bottom:calc(56px + env(safe-area-inset-bottom));border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;transition:height .28s cubic-bezier(.3,.7,.2,1);display:flex;position:absolute;bottom:0;box-shadow:0 -12px 40px -12px #00000040}.explorer-panel[data-pos=peek]{height:30%}.explorer-panel[data-pos=half]{height:55%}.explorer-panel[data-pos=full]{height:92%}.explorer-list{overscroll-behavior:contain;flex:1;overflow-y:auto}@media (width>=1024px){.explorer{grid-template-columns:440px 1fr}.explorer-panel,.explorer-panel[data-pos]{height:100%;box-shadow:none;border-right:1px solid var(--color-line);border-radius:0;padding-bottom:0;position:relative}.explorer-map-wrap{position:relative;inset:auto}}.ex-head{border-bottom:1px solid var(--color-line);background:var(--color-paper);padding:1.25rem 1.25rem 1rem}.ex-chip{border:1px solid var(--color-line);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;flex-shrink:0;min-height:36px;padding:0 .6rem;font-size:.8125rem;font-weight:600}.ex-chip[aria-pressed=true]{border-color:var(--color-copper);background:var(--color-copper-tint);color:var(--color-copper-ink)}.ex-group+.ex-group{border-top:1px solid var(--color-line)}.ex-item{border-top:1px solid color-mix(in srgb, var(--color-line) 70%, transparent)}.ex-item.is-sel{box-shadow:inset 3px 0 0 var(--color-copper);background:#fff}.ex-hit{text-align:left;grid-template-columns:56px 1fr auto;align-items:center;gap:.85rem;width:100%;padding:.85rem 1.25rem .35rem;display:grid}.ex-thumb{border-radius:10px;width:56px;height:56px;display:block;overflow:hidden}.ex-actions{gap:1.25rem;padding:0 1.25rem .85rem calc(2.1rem + 56px);display:flex}.ex-far>summary{color:var(--color-slate-2);list-style:none}.ex-far[open]>summary{border-bottom:1px solid var(--color-line)}.ex-layer{border:1px solid var(--color-line);white-space:nowrap;min-height:38px;color:var(--color-slate-2);background:#fbfaf7f0;border-radius:999px;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px -4px #0003}.ex-layer[aria-pressed=true]{background:var(--color-ridge);border-color:var(--color-ridge);color:#fff}.ex-pin{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.ex-pin[hidden]{display:none}.ex-pin-dot{background:var(--color-greenstone);border:2.5px solid #fff;border-radius:999px;order:2;width:14px;height:14px;box-shadow:0 1px 4px #00000059}.ex-pin-label{font:650 12px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-slate);white-space:nowrap;background:#fff;border-radius:999px;order:1;margin-bottom:4px;padding:4px 7px;box-shadow:0 2px 8px -2px #0000004d}.ex-pin-label:empty{display:none}.ex-pin-stay .ex-pin-dot{background:var(--color-copper);border-radius:4px}.ex-pin-hike .ex-pin-dot{background:var(--color-ridge)}.ex-pin-water .ex-pin-dot{background:var(--color-blaze-blue)}.ex-pin-summit .ex-pin-dot,.ex-pin-site .ex-pin-dot{background:#6b5a3e}.ex-pin-food .ex-pin-dot,.ex-pin-drink .ex-pin-dot{background:#8b5e83}.ex-pin-access .ex-pin-dot{border-color:var(--color-slate);background:#fff;border-radius:3px;width:12px;height:12px}.ex-pin-town .ex-pin-dot{background:var(--color-slate-2)}.ex-pin.is-dim{opacity:.38}.ex-pin.is-far{opacity:.5}.ex-pin.is-result .ex-pin-label{color:var(--color-copper-ink)}.ex-pin.is-focus .ex-pin-dot{border-width:4px;width:22px;height:22px;box-shadow:0 0 0 6px #a5562a40,0 2px 8px #00000059}.ex-pin.is-focus .ex-pin-label{background:var(--color-ridge);color:#fff;font-size:13px}.ex-pin.is-sel .ex-pin-dot{transform:scale(1.35)}.ex-pin.is-sel .ex-pin-label{background:var(--color-copper);color:#fff}.maplibregl-ctrl-group{border-radius:12px!important}.maplibregl-ctrl-attrib{font-size:10px}@media (width<=1023px){.maplibregl-ctrl-top-right{top:52px}}
