:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f5ee;background:#0a1714;font-size:16px;--ink:#0a1714;--panel:#13251f;--line:#ffffff1f;--mint:#d8efc7;--muted:#a9bdb3;--amber:#f6c86e;--cyan:#72d3e5}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;min-height:100dvh}button,input,select{font:inherit}button,.file-button{color:inherit;cursor:pointer}.app-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,#07130ff2 0%,#07130f99 60%,transparent);pointer-events:none}.app-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-shadow:0 2px 14px #000}.brand>span:last-child{display:flex;align-items:baseline;gap:9px}.brand strong{font-size:18px;letter-spacing:-.04em}.brand small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c1d0c7}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff55;border-radius:11px;background:#e1f1cd;color:#13251f;font-family:Georgia,serif;font-size:21px;font-weight:900;box-shadow:0 8px 30px #0006}.header-actions{display:flex;gap:8px}.glass-button{min-height:42px;padding:8px 14px;border:1px solid #ffffff35;border-radius:99px;background:#10231ddd;backdrop-filter:blur(16px);font-weight:680;font-size:13px;box-shadow:0 8px 28px #0005}.glass-button.accent{background:#e2f1d0;color:#14251f;border-color:transparent}.glass-button span{margin-right:4px}main,.stage{width:100%;height:100dvh}.stage{position:relative;background:#07130f}.viewer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#081511}.viewer.map-view:before{content:"";position:absolute;inset:-35px;background:url('a3-map.jpg') center/cover;filter:blur(34px) saturate(.65) brightness(.27);transform:scale(1.08)}.viewer.map-view:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,transparent 45%,#07130fa6 100%);pointer-events:none}.viewer canvas#frame{position:relative;z-index:0;max-width:100%;max-height:100%;object-fit:contain;filter:saturate(.6) contrast(1.08) brightness(.92);box-shadow:0 25px 100px #000a}.viewer video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.viewer.camera-view video{object-fit:cover}.viewer.photo-view{background:#07130f}.viewer video[hidden],.viewer canvas#frame[hidden],[hidden]{display:none!important}.viewer #overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.stage-top{position:absolute;z-index:6;top:calc(82px + env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.state,.mode-label{padding:7px 10px;border:1px solid #ffffff2e;border-radius:99px;background:#0b1b17bc;color:#dde8e1;font-size:11px;font-weight:700;letter-spacing:.03em;backdrop-filter:blur(12px);box-shadow:0 5px 18px #0005}.state.success{border-color:#d8efc75e;background:#163a2ae0;color:#e7f7db}.state.searching{border-color:#f6c86e70;background:#493718df;color:#ffe4ab}.controls{position:absolute;z-index:7;bottom:calc(20px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:9px;padding:0 16px;pointer-events:none}.controls>*{pointer-events:auto;min-height:52px;padding:10px 18px;border:1px solid #ffffff38;border-radius:99px;background:#10241ee8;box-shadow:0 10px 34px #000a;backdrop-filter:blur(18px);font-weight:760}.controls .primary{background:var(--mint);color:#11221c;border:0}.controls span{margin-right:5px}.controls button:disabled{display:none}.map-legend{position:absolute;z-index:5;left:max(18px,env(safe-area-inset-left));bottom:calc(94px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:12px;padding:7px 10px;border:1px solid #ffffff1f;border-radius:9px;background:#091914a8;color:#d5dfd8;font-size:10px;font-weight:650;backdrop-filter:blur(10px);pointer-events:none}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{display:block;width:6px;height:6px}.legend-peak{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}.legend-city{border:1px solid #f7fff9;border-radius:50%;background:#66d2bd}.legend-river{width:12px!important;height:2px!important;background:var(--cyan);border-radius:2px}.empty{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:110px 24px;text-align:center;color:var(--muted);pointer-events:none}.empty strong{color:#f2f5ef;font-size:20px}.empty-symbol{font-size:55px;color:#d7ebc6}.poi-layer{position:absolute;z-index:3;inset:0;pointer-events:none}.poi-marker{position:absolute;display:flex;align-items:center;gap:5px;min-width:26px;min-height:26px;margin:0;padding:0 4px;background:transparent;border:0;transform:translate(-13px,-13px);text-align:left;white-space:nowrap;pointer-events:auto;filter:drop-shadow(0 1px 3px #000)}.poi-marker:hover{background:transparent}.poi-dot{width:7px;height:7px;flex:0 0 7px;display:block;border:1.5px solid #f7fff9;border-radius:50%;background:#5dd1b9;box-shadow:0 0 0 1px #0e3b33}.poi-marker.peak .poi-dot{width:8px;height:8px;flex-basis:8px;border:0;border-radius:0;background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}.poi-label{display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;padding:3px 5px;border:1px solid #ffffff20;border-radius:5px;color:#f5f7ef;background:#0a1b16d9;font-size:9px;font-weight:750;letter-spacing:.015em;line-height:1.05;backdrop-filter:blur(6px)}.poi-marker.selected .poi-dot{transform:scale(1.35);filter:drop-shadow(0 0 4px #fff)}.poi-marker.target{z-index:4}.poi-marker.target .poi-dot{width:18px;height:18px;flex-basis:18px;border:3px solid #fff;border-radius:50%;clip-path:none;background:#ee5753;box-shadow:0 0 0 5px #ee575347;animation:targetPulse 1.6s ease-in-out infinite}.poi-marker.target .poi-label{padding:6px 8px;background:#8c2425;font-size:12px}.poi-marker.target.offscreen .poi-dot{display:grid;place-items:center;color:#fff;font-size:12px}.target-guide{position:absolute;z-index:5;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:9px 14px;border:1px solid #ffb5a880;border-radius:99px;background:#5e1c20e8;color:#fff;font-size:12px;font-weight:750;text-align:center;box-shadow:0 8px 22px #0008;pointer-events:none}@keyframes targetPulse{50%{box-shadow:0 0 0 10px #ee57531f}}
.sheet{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:12px 12px 12px auto;padding:0;border:1px solid #ffffff2b;border-radius:24px;background:#13251f;color:#f2f4ee;box-shadow:0 22px 80px #000d;overflow:hidden}.sheet::backdrop{background:#06110dc2;backdrop-filter:blur(7px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:11px 18px 11px 22px;border-bottom:1px solid var(--line);background:#142821}.sheet-head>div{display:grid;gap:2px}.sheet-head small{color:#88a398;font-size:9px;letter-spacing:.16em}.sheet-head span{font-size:18px;font-weight:780}.sheet-head button{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff12;color:#e9efeb}.panel,.layer-panel{max-height:calc(100dvh - 94px);overflow:auto;padding:22px 23px calc(34px + env(safe-area-inset-bottom))}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:22px;border:1px solid var(--line);border-radius:13px;background:#0c1d18}.mode-switch button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#aebfb6;font-weight:680}.mode-switch button.active{background:var(--mint);color:#14251f;box-shadow:0 4px 15px #0004}h1{margin:0 0 8px;font-size:29px;letter-spacing:-.045em}.intro{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.5}.places{margin-bottom:18px}.places-head{display:flex;align-items:baseline;justify-content:space-between}.places h2{margin:0 0 12px;font-size:17px}.places-head span{color:#91aaa0;font-size:11px}.search-box{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 12px;border:1px solid #ffffff28;border-radius:12px;background:#0b1d17;color:#8ba69a}.search-box:focus-within{border-color:#d9efc87d;box-shadow:0 0 0 3px #d9efc814}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#f2f5ee}.category-filter{display:flex;gap:6px;margin:11px 0}.category-filter button{min-height:32px;padding:4px 12px;border:1px solid transparent;border-radius:99px;background:#1c382f;color:#bed0c7;font-size:12px}.category-filter button.active{background:#dceecd;color:#12231d;font-weight:750}.place-list{display:grid;gap:5px;max-height:275px;overflow:auto;padding-right:2px}.place-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 9px;border:1px solid transparent;border-radius:11px;background:#0d201a;text-align:left}.place-row:hover,.place-row.selected{border-color:#d9efc84f;background:#1d3a2f}.place-symbol{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;font-size:11px}.place-symbol.peak{color:var(--amber);background:#4b371d}.place-symbol.city{color:#8ce2d1;background:#183f37}.place-words{display:grid;gap:1px;min-width:0}.place-words strong{overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.place-words small{overflow:hidden;text-overflow:ellipsis;color:#9db3a8;font-size:11px;white-space:nowrap}.place-detail{margin:0 0 20px;padding:16px;border:1px solid #e4f4ce38;border-radius:15px;background:linear-gradient(135deg,#263f31,#162d26)}.detail-eyebrow{color:#cfe8a8;font-size:9px;font-weight:800;letter-spacing:.14em}.place-detail h2{margin:4px 0;font-size:23px;letter-spacing:-.035em}.place-detail p{margin:0;color:#b5c9bd;font-size:13px}.find-action{width:100%;min-height:42px;margin-top:14px;border:0;border-radius:10px;background:var(--mint);color:#14251f;font-weight:760}.target-status{margin-top:12px!important;color:#ffaaa3!important;font-weight:700}.diagnostics{margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.diagnostics summary{cursor:pointer;color:#b5c7be;font-size:13px;font-weight:700}.result{margin-top:16px;padding:14px;border-radius:12px;background:#0c1f19}.result-title{margin-bottom:7px;color:#8ba69a;font-size:9px;letter-spacing:.13em}.result #result{font-size:13px;line-height:1.4}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.metrics div{padding:9px;border-radius:10px;background:#0a1b16}.metrics span{display:block;color:#8fa79c;font-size:10px}.metrics strong{display:block;margin-top:3px;font-size:18px}.extra-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.extra-actions>*{display:grid;place-items:center;min-height:40px;border:1px solid #ffffff25;border-radius:10px;background:#1a372e;font-size:12px}.file-button input{display:none}.crop-controls{display:grid;gap:9px;margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:11px}.crop-controls label,.toggle{font-size:12px;color:#b9ccc1}.crop-controls label strong{float:right}.crop-controls input{width:100%;accent-color:var(--mint)}.crop-controls select{min-height:38px;padding:7px;border:1px solid #ffffff28;border-radius:8px;background:#0c1f19;color:#eef4ef}.toggle{display:flex;align-items:center;gap:8px;margin:11px 0}.toggle input{accent-color:#d9efc8}.privacy-note,.source-note{color:#829d91;font-size:10px}.layer-panel>p:first-child{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}.layer-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:68px;border-bottom:1px solid var(--line)}.layer-row>span:nth-child(2){display:grid;gap:2px}.layer-row strong{font-size:14px}.layer-row small{color:#91aaa0;font-size:11px}.layer-row input{appearance:none;width:40px;height:23px;border-radius:99px;background:#30453e;box-shadow:inset 0 0 0 1px #ffffff18;transition:.2s}.layer-row input:after{content:"";display:block;width:17px;height:17px;margin:3px;border-radius:50%;background:#a4b5ad;transition:.2s}.layer-row input:checked{background:#d9efc8}.layer-row input:checked:after{transform:translateX(17px);background:#173027}.layer-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0c1e18;font-weight:800}.layer-icon.water{color:var(--cyan)}.layer-icon.peak{color:var(--amber)}.layer-icon.city{color:#72d8c5}.layer-icon.contour{color:#b8eadc}.layer-icon.model{color:#d4f28f}.source-note{margin-top:18px}.list-empty{color:#97ada2;font-size:13px}
@media(max-width:700px){.app-header{padding-top:calc(10px + env(safe-area-inset-top))}.brand>span:last-child{display:grid;gap:0}.brand small{font-size:8px}.glass-button{padding:7px 11px}.glass-button span{display:none}.stage-top{top:calc(72px + env(safe-area-inset-top))}.sheet{position:fixed;inset:auto 0 0 0;width:100%;max-height:90dvh;margin:0;border-radius:24px 24px 0 0;border-bottom:0}.panel,.layer-panel{max-height:calc(90dvh - 68px)}.map-legend{bottom:calc(88px + env(safe-area-inset-bottom))}.poi-label{font-size:8px}.controls>*{min-height:50px;padding:9px 14px;font-size:13px}}
@media(max-width:410px){.header-actions{gap:5px}.glass-button{font-size:11px}.controls{gap:6px}.controls>*{padding:8px 11px;font-size:12px}.mode-label{display:none}.map-legend{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.poi-marker.target .poi-dot{animation:none}}

/* Product entry and guided scan */
.brand{padding:0;border:0;background:transparent;color:inherit}
.home-mode .header-actions,.home-mode .stage-top,.home-mode .controls,.home-mode .map-legend{opacity:0;pointer-events:none}
.error-mode .header-actions,.error-mode .stage-top,.error-mode .controls,.error-mode .map-legend{opacity:0;pointer-events:none}
.viewer.home-view{background:radial-gradient(circle at 74% 22%,#26463a 0,transparent 31%),radial-gradient(circle at 18% 86%,#182f28 0,transparent 34%),linear-gradient(145deg,#08140f,#10261e)}
.welcome{position:absolute;z-index:9;inset:0;display:grid;place-items:center;overflow:hidden;padding:100px 28px 42px;background:linear-gradient(90deg,#07140ff2 0%,#0a1812da 46%,#0a1c1682)}
.welcome:before{content:"";position:absolute;inset:-20%;opacity:.17;background-image:repeating-radial-gradient(ellipse at 72% 46%,transparent 0 18px,#cfe7b8 19px 20px,transparent 21px 38px);transform:rotate(-10deg) scale(1.35);mask-image:linear-gradient(90deg,transparent 22%,#000 80%)}
.welcome:after{content:"";position:absolute;right:-7vw;bottom:-28vh;width:min(74vw,920px);height:min(74vw,920px);border-radius:48% 52% 39% 61%;background:radial-gradient(circle at 42% 37%,#8eae8e 0 1%,#355449 13%,#152d25 39%,#0a1813 69%);box-shadow:inset 35px 28px 80px #b6d4a51c,inset -50px -35px 90px #020805b8,0 0 0 1px #d8efc718;filter:drop-shadow(-34px -25px 70px #0008);transform:rotate(-18deg)}
.welcome-copy{position:relative;z-index:2;width:min(1120px,100%);margin:auto}.welcome-copy>*{max-width:590px}.eyebrow{display:block;margin-bottom:18px;color:#b9d1b0;font-size:10px;font-weight:800;letter-spacing:.18em}.welcome h1{margin:0 0 20px;font-size:clamp(52px,7.4vw,104px);font-weight:760;letter-spacing:-.07em;line-height:.88}.welcome h1 em{color:#dcedc8;font-family:Georgia,serif;font-weight:400}.welcome-copy>p{max-width:530px;margin:0 0 30px;color:#bdcbc3;font-size:clamp(16px,1.7vw,21px);line-height:1.5}.welcome-actions{display:flex;align-items:stretch;gap:10px;max-width:680px}.welcome-actions button{border-radius:16px;text-align:left}.welcome-primary{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;min-width:350px;padding:14px 16px;border:0;background:#def0cd;color:#14251e;box-shadow:0 14px 50px #0008}.welcome-primary:disabled{opacity:.58;cursor:wait}.welcome-primary span:nth-child(2),.welcome-secondary span:last-child{display:grid;gap:2px}.welcome-primary strong,.welcome-secondary strong{font-size:15px}.welcome-primary small,.welcome-secondary small{font-size:10px;font-weight:550;opacity:.7}.welcome-primary b{font-size:22px}.scan-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #1731264d;border-radius:50%;font-size:20px}.welcome-secondary{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #ffffff29;background:#12251ee3;backdrop-filter:blur(12px)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:21px;color:#8fa69b;font-size:10px}.welcome-index{position:absolute;z-index:2;right:24px;bottom:25px;display:flex;align-items:center;gap:10px;color:#82998d;font-size:9px;letter-spacing:.12em}.welcome-index i{width:55px;height:1px;background:#82998d5c}.topo-orbit{position:absolute;z-index:1;border:1px solid #cfe7b847;border-radius:50%;pointer-events:none}.orbit-one{right:13vw;top:18vh;width:9px;height:9px;box-shadow:0 0 0 8px #cfe7b80d}.orbit-two{right:33vw;bottom:14vh;width:5px;height:5px}
.scan-coach{position:absolute;z-index:6;inset:0;display:grid;place-items:center;pointer-events:none}.scan-frame{position:relative;width:min(76vw,620px);height:min(56vh,460px)}.scan-frame i{position:absolute;width:44px;height:44px;border-color:#dff4d0;border-style:solid;filter:drop-shadow(0 2px 7px #000)}.scan-frame i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px;border-radius:13px 0 0}.scan-frame i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0;border-radius:0 13px 0 0}.scan-frame i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 13px}.scan-frame i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0;border-radius:0 0 13px}.scan-copy{position:absolute;top:calc(50% + min(28vh,230px) + 16px);display:grid;gap:3px;max-width:min(84vw,520px);padding:9px 13px;border:1px solid #ffffff30;border-radius:12px;background:#0b1b16d1;text-align:center;backdrop-filter:blur(13px)}.scan-copy strong{font-size:13px}.scan-copy span{color:#bacbc2;font-size:11px}.camera-error{position:absolute;z-index:8;left:50%;top:50%;display:grid;justify-items:center;width:min(390px,calc(100% - 36px));padding:26px;border:1px solid #ffffff24;border-radius:22px;background:#132720f2;box-shadow:0 25px 80px #000c;text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(20px)}.error-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:50%;background:#f2c775;color:#2b220f;font-weight:900}.camera-error strong{font-size:20px}.camera-error p{margin:8px 0 19px;color:#b8cac0;font-size:13px;line-height:1.5}.camera-error button{width:100%;min-height:44px;border:0;border-radius:11px;background:#dff0cd;color:#14251e;font-weight:750}.camera-error button.quiet{margin-top:7px;background:#ffffff0d;color:#dce8e1;border:1px solid #ffffff1e}
@media(max-width:700px){.welcome{place-items:end start;padding:92px 20px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#07140fff 0%,#091812e8 56%,#10251ca6)}.welcome:before{inset:-35%;mask-image:linear-gradient(0deg,#000 12%,transparent 74%)}.welcome:after{right:-34vw;top:7vh;bottom:auto;width:96vw;height:96vw;opacity:.78}.welcome-copy{margin:0}.welcome h1{font-size:clamp(49px,15vw,72px)}.welcome-copy>p{margin-bottom:22px;font-size:15px}.welcome-actions{display:grid;width:100%}.welcome-primary{min-width:0;width:100%}.welcome-secondary{justify-content:center;min-height:52px}.trust-row{gap:10px;margin-top:15px;font-size:9px}.trust-row span:last-child{display:none}.welcome-index{display:none}.scan-frame{width:82vw;height:52vh}.scan-copy{top:auto;bottom:calc(96px + env(safe-area-inset-bottom))}.camera-view+.welcome{display:none}.controls #backHome{font-size:0}.controls #backHome span{margin:0;font-size:16px}}
.viewer.map-view:before{background:radial-gradient(circle at 50% 40%,#28453a,#081510 72%);filter:none;opacity:1}.viewer.map-view canvas#frame{filter:none;border:1px solid #d9ecc916;box-shadow:0 25px 100px #000b}.poi-marker{min-width:44px;min-height:44px;transform:translate(-22px,-22px);padding:0 20px}.poi-dot{width:4px;height:4px;flex-basis:4px;border-width:1px}.poi-marker.peak .poi-dot{width:5px;height:5px;flex-basis:5px}.poi-label{position:absolute;left:25px;font-size:8px}.poi-marker.selected .poi-dot{transform:scale(1.7)}
.viewer.map-view{touch-action:none;cursor:grab}.viewer.map-view.is-panning{cursor:grabbing}.map-pan-hint{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));padding:7px 10px;border:1px solid #ffffff24;border-radius:999px;background:#091914b8;color:#cfddd4;font-size:10px;font-weight:720;letter-spacing:.02em;backdrop-filter:blur(10px);pointer-events:none}

/* Dense explorer, feature cards and route map */
.map-mode-switch{position:absolute;z-index:8;top:calc(124px + env(safe-area-inset-top));left:50%;display:flex;gap:3px;padding:4px;border:1px solid #ffffff2b;border-radius:999px;background:#0b1b17d9;box-shadow:0 8px 28px #0006;backdrop-filter:blur(16px);transform:translateX(-50%)}
.map-mode-switch button{min-height:36px;padding:6px 14px;border:0;border-radius:999px;background:transparent;color:#a9bdb3;font-size:12px;font-weight:760;white-space:nowrap}.map-mode-switch button.active{background:#dceecd;color:#12231d;box-shadow:0 3px 12px #0005}.map-mode-switch span{margin-right:4px}.home-mode .map-mode-switch,.error-mode .map-mode-switch{opacity:0;pointer-events:none}
.legend-lake{width:10px!important;height:6px!important;border:1px solid #8fe3f2;border-radius:50%;background:#4c9ab080}.legend-route{width:13px!important;height:3px!important;border-radius:3px;background:#ffc66d;box-shadow:0 0 0 1px #07130f}
.map-info{position:absolute;z-index:11;left:50%;bottom:calc(145px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px));padding:18px 44px 18px 19px;border:1px solid #e0efcf3d;border-radius:18px;background:linear-gradient(145deg,#183129f5,#0e211bf7);box-shadow:0 18px 60px #000c;backdrop-filter:blur(22px);transform:translateX(-50%)}
.map-info-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff12;color:#e7eee9}.map-info-eyebrow{display:block;margin-bottom:4px;color:#bedb9d;font-size:9px;font-weight:850;letter-spacing:.15em}.map-info h2{margin:0;font-size:23px;letter-spacing:-.04em}.map-info-stats{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.map-info-stats span{padding:5px 8px;border:1px solid #ffffff1c;border-radius:999px;background:#07171280;color:#d6e3dc;font-size:10px;font-weight:700}.map-info>p{margin:0;color:#adbbb4;font-size:12px;line-height:1.45}.map-info-action{min-height:39px;margin-top:12px;padding:7px 12px;border:0;border-radius:10px;background:#dceecd;color:#14251f;font-size:12px;font-weight:780}
.mode-switch{grid-template-columns:repeat(3,1fr)}.mode-switch button{padding:5px 6px;font-size:12px}.detail-copy{margin-top:10px!important;padding-top:10px;border-top:1px solid #ffffff17;line-height:1.45!important}
.place-symbol.lake{color:#89e4f1;background:#173846}.place-symbol.river{color:#83dbed;background:#16323c}.place-symbol.route{color:#ffd28b;background:#493822}
.poi-marker.lake .poi-dot{width:1px;height:1px;flex-basis:1px;border:0;background:transparent;box-shadow:none;opacity:0}.poi-marker.river .poi-dot{display:grid;place-items:center;width:18px;height:18px;flex-basis:18px;border:1px solid #82ddef;border-radius:50%;background:#123743;color:#a9effa;font-size:11px;font-weight:900}.poi-marker.route{z-index:4}.poi-marker.route .poi-dot{display:grid;place-items:center;width:20px;height:20px;flex-basis:20px;border:2px solid #17261f;border-radius:50%;background:#ffc66d;color:#1b271f;font-size:12px;font-weight:900;box-shadow:0 0 0 2px #ffc66d44}.poi-marker.route .poi-label{left:32px;padding:5px 7px;background:#13261feb;font-size:9px}.poi-marker.selected.route .poi-dot{box-shadow:0 0 0 6px #ffc66d38}.bike-map .viewer.map-view:after{background:radial-gradient(circle at 50% 46%,transparent 38%,#07130fc7 100%)}
.layer-control{padding-bottom:10px;border-bottom:1px solid var(--line)}.layer-control+.layer-control{margin-top:3px}.layer-control .layer-row{border-bottom:0}.layer-control.compact{padding-bottom:7px}.layer-range{display:grid;gap:7px;padding:0 0 12px 49px}.layer-range label{display:flex;justify-content:space-between;gap:12px;color:#8ea69a;font-size:10px}.layer-range output{color:#dbe8df;font-weight:780}.layer-range input[type=range]{width:100%;height:18px;margin:0;accent-color:#d8efc7}.layer-icon.lake{color:#8ce2ef}.layer-icon.route{color:#ffd07d}.route-type-filter{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px 49px}.route-type-filter button{min-height:29px;padding:4px 9px;border:1px solid #ffffff17;border-radius:999px;background:#10251e;color:#aabeb4;font-size:10px}.route-type-filter button.active{border-color:#dceecd44;background:#dceecd;color:#14251f;font-weight:760}
@media(max-width:700px){.map-mode-switch{top:calc(112px + env(safe-area-inset-top))}.map-info{bottom:calc(142px + env(safe-area-inset-bottom));padding:16px 42px 16px 17px}.map-info h2{font-size:21px}.map-info>p{font-size:11px}.map-legend{max-width:calc(100% - 36px)}.layer-range,.route-type-filter{padding-left:45px}}
@media(max-width:410px){.map-mode-switch button{padding:6px 11px;font-size:11px}.map-info{bottom:calc(137px + env(safe-area-inset-bottom))}.mode-switch button{font-size:11px}.category-filter{overflow:auto}.category-filter button{flex:0 0 auto}}