[hidden]{display:none!important}#journey-ui{position:absolute;inset:0;pointer-events:none}.journey-aside,.route-player,.media-card,#photo-dialog{pointer-events:auto}.journey-toggle{font-size:11px;border:1px solid #bac8b5;border-radius:20px;padding:8px 14px}.journey-toggle[aria-pressed=true]{background:#2f4a3b;color:#f8f9f1;border-color:#2f4a3b}.journey-active .header-right{gap:22px}.journey-active .region{display:none}.journey-active .intro{top:112px}.journey-active .intro h1{font-size:57px;margin:17px 0}.journey-active .intro h1 span{font-size:19px;margin-top:13px}.journey-active .intro .description,.journey-active .intro .altitude,.journey-active .intro .lead,.journey-active .places{display:none}.journey-active .bottom-bar{inset:96px 41px auto auto;transform:none;padding:5px}.journey-active .bottom-bar button{font-size:10px;height:30px;padding:0 12px}.journey-active .orientation{top:162px}.journey-active .legend,.journey-active .help{display:none}.journey-active .view-tools{bottom:207px}.journey-active .detail{top:270px}.journey-aside{position:absolute;left:52px;top:291px;bottom:78px;width:260px;display:flex;flex-direction:column}.journey-aside .eyebrow{font-size:9px;margin:0 0 10px;color:#7c572a;letter-spacing:1.5px}.journey-aside h2{font-size:17px;font-weight:450;letter-spacing:.4px;margin:0 0 20px}.journey-stats{display:flex;gap:35px}.journey-stats>div{display:flex;flex-direction:column;gap:5px}.journey-stats strong{font-size:27px;font-weight:350;letter-spacing:-.6px}.journey-stats span{font-size:9px;color:#69776c}.journey-dates{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#69776c;margin:18px 0 15px}.journey-dates span{color:#83907e}.photo-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ced5c9;padding:13px 0 3px;font-size:11px}.photo-heading b{font-weight:500}.photo-heading button{font-size:9px;color:#6b7768;padding:5px 0}#photo-collection{display:flex;flex-direction:column;min-height:65px;flex:1}.day-filters{display:flex;gap:4px;margin:8px 0 10px}.day-filters button{font-size:9px;padding:5px 9px;border-radius:12px;color:#6b7768}.day-filters button.selected{background:#d9e0d1;color:#324931}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow-y:auto;align-content:start;min-height:0;padding:2px 5px 3px 2px;scrollbar-width:thin;scrollbar-color:#bec9b6 transparent;overscroll-behavior:contain}.photo-thumb{display:block;position:relative;aspect-ratio:1.2;padding:0;overflow:hidden;border-radius:3px;background:#d9dfd2;flex-shrink:0}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s}.photo-thumb:hover img{opacity:.8}.photo-thumb.selected{outline:2px solid #a9692b;outline-offset:1px}.photo-thumb span{position:absolute;bottom:3px;left:4px;font-size:9px;color:#fff;background:#253d34ab;padding:2px 4px;border-radius:2px}.journey-credit{font-size:8px;line-height:1.6;color:#7c8975;margin:12px 0 0;flex-shrink:0}.route-player{position:absolute;bottom:68px;left:57%;transform:translate(-50%);width:min(480px,calc(100% - 390px));background:#f7f8efed;border:1px solid #d0d9c9;border-radius:12px;padding:12px 17px 11px}.player-top{display:flex;align-items:center;gap:12px}#route-play{width:34px;height:34px;border-radius:50%;background:#355140;color:#fff;font-size:13px;flex-shrink:0}#route-play:hover{background:#4a6651}.player-position{display:flex;flex-direction:column;gap:3px}.player-position strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.player-position small{font-size:10px;font-weight:400;color:#7c8975}.player-position>span{font-size:9px;color:#75816f}.player-meta{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums}#route-speed{font-size:10px;background:#e4e9dc;border-radius:12px;padding:5px 8px}#route-reset{font-size:22px;color:#64765e;padding:0 3px}.profile-wrap{height:46px;position:relative;margin-top:9px}.profile-wrap svg{position:absolute;width:100%;height:100%;inset:0;opacity:.75}#route-progress{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;cursor:ew-resize;z-index:1}#route-progress::-webkit-slider-runnable-track{height:100%;background:transparent}#route-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:46px;width:2px;background:#a8632b;border:0;border-radius:0}#route-progress::-moz-range-thumb{height:46px;width:2px;background:#a8632b;border:0;border-radius:0}#route-progress::-moz-range-track{background:transparent}.profile-cursor{display:none}.player-foot{display:flex;justify-content:space-between;font-size:8px;color:#7f8b78;margin-top:4px}.player-foot span:nth-child(2){color:#9b8466}#photo-pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}.photo-pin{position:absolute;left:0;top:0;pointer-events:auto;height:23px;min-width:25px;font-size:8px;font-variant-numeric:tabular-nums;background:#fbf7e8f0;border:1px solid #b39965;color:#5d4b2b;border-radius:10px 10px 10px 2px;padding:2px 5px;box-shadow:0 1px 3px #2e3b251a;transition:background .15s}.photo-pin:hover,.photo-pin.selected{background:#a56830;border-color:#a56830;color:#fff;z-index:2}.media-card{position:absolute;width:310px;right:103px;top:170px;max-height:calc(100% - 240px);background:#f6f8ef;border:1px solid #d0d9c9;border-radius:7px;overflow:auto;scrollbar-width:thin}.media-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;padding:10px 14px;color:#74816c}.media-card-top button{font-size:24px;line-height:1;padding:0 2px}#media-expand{display:block;width:100%;padding:0;position:relative;background:#e0e5d8}#media-image{width:100%;height:min(31vh,275px);object-fit:contain;display:block}#media-expand>span{position:absolute;right:8px;bottom:8px;background:#243b2eb8;color:#fff;padding:5px 7px;border-radius:3px;font-size:8px}.media-caption{padding:14px}.media-caption h3{font-size:16px;font-weight:450;margin:0 0 8px}.media-caption p{font-size:9px;color:#75816c;line-height:1.6;margin:3px 0}.media-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4dccd;margin-top:12px;padding-top:12px;gap:8px}.media-nav button{font-size:9px;padding:3px 0}.media-nav span{font-size:8px;color:#7d8877}.media-nav button:disabled{opacity:.3;cursor:default}.media-open .intro{opacity:0}.media-open .journey-aside{background:#eef2e7f0;border-radius:4px;padding:14px;left:38px;width:288px;top:273px}.media-open .orientation{display:none}.media-open footer{background:#eef2e7dd;padding:5px}.media-open .detail{display:none}#photo-dialog{position:fixed;inset:0;max-width:100vw;width:100vw;max-height:100svh;height:100svh;margin:0;border:0;border-radius:0;background:#17271aee;padding:30px 65px;color:#fff}#photo-dialog[open]{display:flex;align-items:center;justify-content:center;gap:20px}#photo-dialog::backdrop{background:#102015}#photo-dialog figure{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:0}#lightbox-image{max-width:100%;max-height:calc(100svh - 110px);object-fit:contain}#lightbox-caption{font-size:11px;color:#d1d8ca;text-align:center}#photo-dialog-close{position:absolute;top:17px;right:23px;font-size:30px;color:#fff;width:40px;height:40px}#lightbox-prev,#lightbox-next{font-size:27px;color:#fff;width:40px;flex-shrink:0}#lightbox-prev:disabled,#lightbox-next:disabled{opacity:.25}.journey-active #labels{opacity:.8}.journey-active #status{max-width:270px}@media(min-height:900px){.journey-aside{bottom:96px}.route-player{bottom:90px}}@media(max-height:780px)and (min-width:761px){.journey-active .intro{top:107px}.journey-active .intro h1{font-size:48px}.journey-aside{top:259px;bottom:64px}.journey-aside h2{font-size:15px;margin-bottom:12px}.journey-dates{margin:13px 0 8px}.journey-stats strong{font-size:24px}.photo-heading{padding-top:9px}.journey-credit{margin-top:7px}.route-player{bottom:61px}.media-open .journey-aside{top:235px}.media-card{top:156px;max-height:calc(100% - 220px)}}@media(max-width:1100px)and (min-width:761px){.journey-aside{left:30px;width:225px}.journey-active .intro{left:30px}.route-player{left:61%;width:420px}.media-card{right:85px;width:280px}.media-open .journey-aside{left:20px;width:245px}.journey-active .bottom-bar{right:30px}}@media(max-width:760px){.journey-active #app{min-height:720px}.journey-active .header-right{gap:9px}.journey-active .plain{font-size:0;padding:0}.journey-active .plain span{font-size:16px;padding:0}.journey-toggle{font-size:9px;padding:7px 10px}.journey-active .intro{left:23px;top:98px}.journey-active .intro h1{font-size:39px;margin-top:13px}.journey-active .intro h1 span{font-size:14px;letter-spacing:4px}.journey-active .intro>.eyebrow{font-size:7px}.journey-active .bottom-bar{inset:auto auto 33px 50%;transform:translate(-50%);padding:3px;border-radius:20px}.journey-active .bottom-bar button{height:27px;padding:0 10px;font-size:9px}.journey-active .orientation{right:19px;top:98px}.journey-active .orientation>span{display:none}.journey-active .view-tools{right:14px;bottom:321px}.journey-active .view-tools button{height:30px;width:28px}.journey-aside{inset:auto 22px 202px;width:auto;height:98px}.journey-aside>.eyebrow,.journey-aside>h2,.journey-stats,.journey-dates,.journey-credit{display:none}.photo-heading{padding:7px 0 4px;font-size:10px;flex-shrink:0}.photo-heading button{font-size:8px}.day-filters{margin:0 0 4px;gap:4px;position:absolute;right:0;top:30px}.day-filters button{padding:3px 6px;font-size:8px}.photo-grid{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;margin-top:21px;min-height:49px;scrollbar-width:none}.photo-thumb{width:53px;height:42px;aspect-ratio:auto}.photo-thumb span{font-size:7px;padding:1px 3px}.route-player{bottom:80px;left:22px;right:22px;transform:none;width:auto;padding:10px 12px 8px}.player-top{gap:9px}.profile-wrap{height:33px;margin-top:5px}#route-progress::-webkit-slider-thumb{height:33px}#route-progress::-moz-range-thumb{height:33px}.player-foot{font-size:7px}.player-position strong{font-size:13px}.player-position>span{font-size:8px}.player-meta{font-size:9px;gap:8px}#route-play{height:30px;width:30px;font-size:11px}.player-foot span:nth-child(2){font-size:7px}.photo-pin{height:21px;min-width:23px;font-size:7px}.media-card{right:58px;left:22px;top:100px;width:auto;max-height:calc(100% - 408px)}#media-image{height:clamp(100px,23vh,190px)}.media-card-top{padding:7px 11px;font-size:8px}.media-caption{padding:10px}.media-caption h3{font-size:13px;margin:0 0 4px}.media-caption p{font-size:8px}.media-nav{margin-top:7px;padding-top:7px}.media-nav button{font-size:8px}.media-nav span{font-size:7px}.media-open .journey-aside{inset:auto 16px 196px;width:auto;height:105px;padding:6px}.media-open .intro{opacity:0}#photo-dialog{padding:50px 9px 24px}#photo-dialog[open]{gap:3px}#lightbox-prev,#lightbox-next{font-size:20px;width:25px;padding:0}#lightbox-image{max-height:calc(100svh - 150px)}#lightbox-caption{font-size:9px}.journey-active footer{bottom:8px;left:22px;right:22px;font-size:6px}.journey-active footer button{font-size:6px}.journey-active .foot-status{max-width:160px}.journey-active .detail{top:220px;bottom:auto;width:230px;right:60px}.journey-active #labels{display:none}}@media(prefers-reduced-motion:reduce){.photo-thumb img,.photo-pin{transition:none}}@media(min-width:761px){.photo-grid{grid-auto-rows:64px;flex:1}.photo-thumb{height:64px;aspect-ratio:auto}}.mobile-route-summary{display:none}@media(max-width:760px){.journey-active .mobile-route-summary{display:block;font-size:8px;letter-spacing:.4px;color:#78836f;margin-top:14px}}.media-open .journey-aside{display:none}@media(min-width:761px){.media-open .media-card{inset:104px auto 58px 30px;width:310px;max-height:none;display:flex;flex-direction:column;overflow:hidden}.media-open .media-card-top{flex-shrink:0;padding:14px 16px}.media-open #media-expand{flex:1;min-height:120px;display:flex;align-items:center;justify-content:center}.media-open #media-image{height:100%;max-height:calc(100svh - 345px);width:100%;object-fit:contain}.media-open .media-caption{flex-shrink:0;padding:16px}.media-open .route-player{left:calc(50% + 140px);width:min(480px,calc(100% - 460px))}.media-open footer{background:none;padding:0}}@media(max-width:760px){.media-open .media-card{inset:auto 16px 76px;width:auto;max-height:none;display:grid;grid-template-columns:42% 58%;grid-template-rows:35px 195px;overflow:hidden}.media-open .media-card-top{grid-column:1/-1;padding:6px 12px}.media-open #media-expand{height:195px;min-width:0}.media-open #media-image{height:195px;max-height:none}.media-open #media-expand>span{font-size:7px;right:5px;bottom:6px}.media-open .media-caption{padding:15px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.media-open .media-caption h3{font-size:13px;margin-bottom:8px}.media-open .media-caption p{font-size:8px;overflow-wrap:anywhere}.media-open .media-nav{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;margin-top:12px;padding-top:10px}.media-open .media-nav span{grid-column:1/-1;grid-row:1;font-size:8px}.media-open .media-nav button{font-size:9px;text-align:left}.media-open .media-nav button:last-child{text-align:right}.media-open .route-player{display:none}.media-open .view-tools{bottom:327px}.media-open footer{background:none;padding:0}}#route-follow{font-size:9px;padding:5px 8px;border-radius:12px;border:1px solid #cbd5c2;color:#68795d}#route-follow[aria-pressed=true]{background:#355140;color:#fff;border-color:#355140}.player-meta{gap:8px}@media(max-width:760px){.player-meta{gap:5px}#route-follow{font-size:8px;padding:4px 6px}.player-top{gap:7px}.player-meta>span{font-size:8px}}.route-clock{margin-top:10px;padding:9px 0 7px;border-top:1px solid #d1d9ca;border-bottom:1px solid #d1d9ca}.route-clock label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:6px;color:#405845}.route-clock label span{font-size:9px;color:#68795d}.clock-fields{display:flex;align-items:center;gap:7px}.clock-fields input{flex:1;min-width:0;width:180px;font:inherit;font-size:11px;color:#2c4537;border:1px solid #cbd5c2;background:#fffef6;border-radius:5px;padding:7px 5px;box-sizing:border-box;color-scheme:light}.clock-fields button{font-size:10px;white-space:nowrap;padding:7px 8px;border-radius:5px;background:#e0e7d9;color:#355140}.clock-fields #route-original-time{background:transparent;padding:7px 2px}.route-clock p{font-size:9px;color:#73826c;margin:6px 0 3px;line-height:1.5}.route-clock output{display:block;font-size:9px;color:#6f7356;min-height:13px;font-variant-numeric:tabular-nums}.clock-fields :focus-visible{outline:2px solid #7d946b;outline-offset:2px}@media(max-width:760px){.journey-aside{bottom:319px}.journey-active .view-tools{bottom:432px}.route-clock{margin-top:8px;padding:7px 0 5px}.clock-fields{gap:5px}.clock-fields input{font-size:10px;padding:6px 3px}.clock-fields button{font-size:9px;padding:7px 5px}.route-clock label{font-size:9px}.route-clock p,.route-clock output{font-size:8px}}.solar-night .intro,.solar-night .intro h1,.solar-night .journey-aside,.solar-night .brand,.solar-night .plain,.solar-night .orientation,.solar-night footer{color:#e4eadb}.solar-night .intro .eyebrow,.solar-night .mobile-route-summary,.solar-night .journey-aside .eyebrow,.solar-night .journey-stats span,.solar-night .journey-dates,.solar-night .journey-dates span,.solar-night .journey-credit,.solar-night .photo-heading button,.solar-night .day-filters button,.solar-night footer button{color:#c0cdb8}.solar-night .day-filters button.selected{color:#324931}.solar-night .brand svg,.solar-night .orientation svg{color:#e4eadb}.photo-pin{will-change:transform}:root{font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#263d35;background:#edf0e9;font-synthesis:none;--muted:#69776c;--line:#ced5c9;--accent:#284d3a}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #507f40;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}#app{height:100svh;min-height:680px;overflow:hidden;position:relative}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 48%,transparent 35%,#edf0e933 80%)}header{position:absolute;left:42px;right:42px;top:30px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:650;letter-spacing:1.4px}.brand svg{width:42px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.brand-sub{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:7px;color:var(--muted)}.header-right{display:flex;gap:40px;align-items:center}.region{font-size:10px;letter-spacing:2px}.region i{font-style:normal;margin:0 12px;color:#93a18e}.plain{font-size:12px}.plain span{padding-left:8px}.intro{position:absolute;top:145px;left:52px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#57864a}.intro h1{font-size:clamp(48px,5.25vw,83px);font-weight:450;letter-spacing:-.035em;margin:21px 0 22px;line-height:.95}.intro h1 span{display:block;font-size:23px;letter-spacing:9px;font-weight:400;margin-top:18px}.lead{font-size:15px;letter-spacing:1.5px;margin-top:28px}.description{color:var(--muted);font-size:12px;line-height:1.9;letter-spacing:.5px}.altitude{display:flex;align-items:center;gap:13px;margin-top:28px}.altitude strong{font-size:38px;font-weight:350;letter-spacing:-1.5px}.altitude>span{font-size:10px;line-height:1.7;color:var(--muted)}.orientation{position:absolute;right:43px;top:130px;display:grid;justify-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:1px}.compass{display:flex;flex-direction:column;align-items:center}.compass span{font-size:10px}.compass svg{width:43px;fill:#354d3c}.places{position:absolute;left:52px;bottom:101px;width:261px}.section-title{font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:14px;display:flex;justify-content:space-between}.section-title>span{font-size:9px;color:var(--muted)}.places button{display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);transition:background .2s}.places button:hover,.places button.selected{padding-left:9px;background:#dce3d2a0}.place-no{font-size:10px;color:#758371}.places strong{font-size:12px;font-weight:500;letter-spacing:1px}.places small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.arrow{margin-left:auto;font-size:16px;padding-right:2px}.view-tools{position:absolute;right:42px;bottom:167px;display:flex;flex-direction:column;align-items:center;background:#f7f8f0d9;border:1px solid #d6ddce;border-radius:24px;padding:5px}.view-tools button{width:35px;height:37px;font-size:22px;line-height:1;border-radius:50%}.view-tools button:hover,.view-tools button[aria-pressed=true]{background:#dce5d2}.view-tools>div{height:1px;width:22px;background:var(--line);margin:5px}.bottom-bar{position:absolute;left:50%;bottom:67px;transform:translate(-50%);background:#f8f9f2ed;border:1px solid #d5dccf;border-radius:32px;padding:7px;display:flex;align-items:center;gap:4px;white-space:nowrap}.bottom-bar button{font-size:11px;height:36px;padding:0 15px;border-radius:22px}.bottom-bar button:hover{background:#e6ebdf}.bottom-bar button.active,.bottom-bar button[aria-pressed=true]{background:#2f4a3b;color:#fff}.layer-tabs{display:flex}.divider{width:1px;height:18px;background:var(--line);margin:0 4px}.contour-icon{font-size:21px;vertical-align:middle;margin-right:3px}.legend{position:absolute;right:43px;bottom:83px;width:140px;font-size:8px;letter-spacing:1px;color:var(--muted)}.legend-ramp{height:5px;margin:10px 0 7px;background:linear-gradient(90deg,#355d42,#74915b,#acac7e,#a39379,#ddd5be)}.legend-values{display:flex;justify-content:space-between;font-size:8px}footer{position:absolute;left:42px;right:42px;bottom:23px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.5px}footer button{font-size:9px;padding:5px 0}.foot-status{display:flex;gap:8px;align-items:center}.help{padding-left:30px}.help i{padding:0 12px;font-style:normal;color:#9aa492}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;pointer-events:auto;white-space:nowrap;display:flex;align-items:center;gap:7px;padding:7px 11px;background:#f7f8eeeb;border:1px solid #cbd5c2;border-radius:3px;font-size:10px;box-shadow:0 2px 8px #20331c0a;transform:translate(-50%,-100%)}.map-label:before{content:"";width:5px;height:5px;background:#44603d;border-radius:50%}.map-label:after{content:"";height:20px;width:1px;background:#718060;position:absolute;bottom:-21px;left:50%}.map-label:hover{background:#fff}.detail{position:absolute;right:107px;top:210px;width:250px;background:#f8f9f1f2;border:1px solid var(--line);padding:26px;border-radius:3px}.detail h2{font-size:21px;font-weight:450;line-height:1.5;margin:16px 0}.detail p{font-size:12px;line-height:1.9;color:var(--muted)}.text-button{padding:10px 0 0;font-size:11px}.close{position:absolute;right:13px;top:9px;font-size:25px;width:30px;height:30px}.detail .eyebrow{font-size:8px}dialog{border:1px solid var(--line);background:#f6f7ef;color:#263d35;border-radius:6px;max-width:530px;width:calc(100% - 36px);padding:40px}dialog::backdrop{background:#15271c70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:29px;font-weight:450}dialog p,dialog dd{font-size:12px;line-height:1.9;color:var(--muted)}dl{display:grid;grid-template-columns:65px 1fr;gap:16px;font-size:11px;margin:26px 0}dd{margin:0}dt{padding-top:3px}.sources{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;text-decoration:underline;text-underline-offset:4px}#loading{position:absolute;inset:0;background:#edf0e9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:5;font-size:13px;letter-spacing:2px;transition:opacity .6s}#loading small{color:var(--muted);font-size:10px}.loader-mark{font-size:70px;animation:breathe 1s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.25;transform:translateY(-8px)}}#loading.done{opacity:0;pointer-events:none}@media(min-width:1500px){.intro{top:170px}.places{bottom:110px}}@media(max-height:780px)and (min-width:761px){.intro{top:120px}.intro h1{font-size:60px;margin:16px 0}.description{display:none}.altitude{margin-top:15px}.places{bottom:95px}.places button{padding:11px 0}}@media(max-width:1000px){.intro{left:30px}.places{left:30px;width:220px}.region{display:none}.detail{right:95px;top:215px;width:220px}.help,.legend{display:none}.bottom-bar{left:auto;right:30px;transform:none;bottom:69px}}@media(max-width:760px){#app{min-height:660px}header{top:23px;left:22px;right:22px}.brand{font-size:12px;gap:8px}.brand svg{width:32px}.brand-sub{font-size:8px;letter-spacing:1px}.plain{font-size:10px}.intro{top:112px;left:24px}.intro h1{font-size:49px;margin:16px 0}.intro h1 span{font-size:17px;letter-spacing:6px;margin-top:12px}.intro .eyebrow{font-size:8px}.lead{font-size:11px;margin-top:18px}.description,.altitude{display:none}.orientation{right:24px;top:109px;font-size:7px;gap:5px}.places{left:22px;right:22px;bottom:116px;display:flex;width:auto;border-top:1px solid var(--line);gap:8px}.section-title{display:none}.places button{border-bottom:0;gap:6px;padding:13px 2px;align-items:flex-start;flex:1}.places button:hover,.places button.selected{padding-left:2px}.places strong{font-size:10px;letter-spacing:0}.places small{font-size:7px;max-width:110px;line-height:1.5}.place-no{font-size:8px;margin-top:2px}.arrow{display:none}.view-tools{right:18px;bottom:223px;padding:3px}.view-tools button{width:29px;height:32px;font-size:20px}.bottom-bar{left:50%;right:auto;transform:translate(-50%);bottom:62px;padding:5px}.bottom-bar button{font-size:10px;padding:0 12px;height:33px}.bottom-bar .divider{margin:0}.map-label{font-size:8px;padding:5px 7px}.detail{right:65px;top:auto;bottom:200px;width:230px;padding:18px}.detail h2{font-size:18px;margin:10px 0}.detail p{font-size:11px}.detail .eyebrow{margin:0}footer{left:22px;right:22px;bottom:18px;font-size:7px;gap:10px}footer button{font-size:7px}.foot-status{max-width:130px;line-height:1.5;gap:5px}dialog{padding:30px 24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.focused .intro{opacity:0}.focused .places{background:#f3f5ecef;padding:12px 16px;width:285px;border-radius:3px}.focused footer{background:#edf0e9dc;padding:4px 8px;border-radius:3px}.intro{transition:opacity .3s}@media(max-width:760px){.focused .places{width:auto;padding:0 6px}.focused .detail{bottom:200px}}