.route-planner-section{padding-top:8px;padding-bottom:clamp(82px,9vw,132px)}.route-planner-heading{grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr);align-items:end;gap:clamp(34px,7vw,110px);margin-bottom:26px;display:grid}.route-planner-heading h2{color:var(--navy);letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,58px);line-height:.98}.route-planner-heading>p{max-width:690px;color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.72}.route-planner-note{color:#031a488a;justify-content:space-between;align-items:center;gap:24px;margin-top:13px;font-size:10px;line-height:1.5;display:flex}.route-planner-note strong{color:#031a48b8;font-weight:780}.detail-route-map{isolation:isolate;background:#071016;border:1px solid #031a4824;border-radius:22px;width:100%;height:clamp(440px,48vw,640px);position:relative;overflow:hidden;box-shadow:0 24px 70px #031a481a,0 2px 8px #031a480f}.detail-route-map:-webkit-full-screen{border:0;border-radius:0;width:100vw;height:100vh}.detail-route-map:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.detail-route-map__canvas{position:absolute;inset:0}.detail-route-map__canvas .maplibregl-canvas{outline:none}.detail-route-map__canvas .maplibregl-canvas-container{cursor:grab}.detail-route-map__canvas .maplibregl-canvas-container:active{cursor:grabbing}.detail-route-map__shade{z-index:1;pointer-events:none;background:linear-gradient(#020a1226,#0000 22% 72%,#020a1240),linear-gradient(90deg,#020a120f,#0000 24% 80%,#020a120a);position:absolute;inset:0}.detail-route-map__shade.is-3d{background:linear-gradient(90deg,#030a0f3b,#0000 31%),linear-gradient(#020a121c,#0000 37%,#020a124a)}.detail-route-map__utility{color:#ffffffbd;-webkit-backdrop-filter:blur(12px);background:#040d13ad;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:5px 12px 5px 6px;display:flex;top:20px;left:20px;box-shadow:0 10px 28px #0000001f}.detail-route-map__utility span{color:#071016;letter-spacing:.08em;background:#d9a441;border-radius:999px;place-items:center;min-width:29px;height:29px;font-size:8px;font-weight:950;display:grid}.detail-route-map__utility strong{letter-spacing:.13em;font-size:8px;font-weight:900}.detail-route-map__modes{-webkit-backdrop-filter:blur(12px);background:#040d13b8;border:1px solid #ffffff21;border-radius:999px;gap:5px;padding:5px;display:flex;top:20px;right:76px;box-shadow:0 10px 28px #00000024}.detail-route-map__modes button{color:#ffffffc2;min-height:35px;font:inherit;letter-spacing:.115em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:8px;font-weight:900;transition:background-color .18s,color .18s,transform .18s}.detail-route-map__modes button:hover{color:#fff}.detail-route-map__modes button.active{color:#071016;background:#d9a441;box-shadow:0 5px 14px #00000026}.detail-route-map__actions{gap:7px;display:grid;top:20px;right:20px}.detail-route-map__actions button,.detail-route-map__zoom button{color:#fff;width:43px;height:43px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#040d13ba;border:1px solid #ffffff21;place-items:center;font-size:17px;transition:background-color .18s,border-color .18s,transform .18s;display:grid}.detail-route-map__actions button{border-radius:12px}.detail-route-map__actions button:hover,.detail-route-map__zoom button:hover{background:#040d13e6;border-color:#d9a441b8;transform:translateY(-1px)}.detail-route-map__zoom{-webkit-backdrop-filter:blur(12px);background:#040d13ba;border:1px solid #ffffff21;border-radius:12px;display:grid;bottom:50px;right:20px;overflow:hidden}.detail-route-map__zoom button{background:0 0;border:0;border-radius:0}.detail-route-map__zoom button+button{border-top:1px solid #ffffff1c}:is(.detail-route-map__modes button:focus-visible,.detail-route-map__actions button:focus-visible,.detail-route-map__zoom button:focus-visible){outline-offset:2px;outline:2px solid #f0b643}.detail-route-map__meta{color:#fff;-webkit-backdrop-filter:blur(12px);background:#040d13ad;border:1px solid #ffffff1f;border-radius:12px;gap:3px;max-width:min(500px,100% - 150px);padding:11px 14px;display:grid;bottom:19px;left:20px}.detail-route-map__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.6vw,18px);line-height:1.15;overflow:hidden}.detail-route-map__meta span{color:#ffffff9c;letter-spacing:.02em;font-size:9px}.detail-route-map__status{color:#ffffffdb;text-align:center;background:#040d13e0;place-content:center;justify-items:center;gap:10px;padding:28px;display:grid;inset:0}.detail-route-map__status>span:first-child:not(:last-child){border:2px solid #ffffff38;border-top-color:#d9a441;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite detail-route-map-spin}.detail-route-map__status strong{letter-spacing:.045em;font-size:12px;font-weight:820}.detail-route-map__status.is-error{color:#ffe0d9}.detail-route-map__status.is-error span{color:#ffffff94;max-width:520px;font-size:10px}.detail-route-map__credit{color:#ffffff85;pointer-events:none;font-size:7px;bottom:9px;right:18px}.detail-route-pin{color:#fff;filter:drop-shadow(0 7px 12px #00000045);justify-items:center;display:grid;position:relative}.detail-route-pin>span{background:#071016;border:3px solid #fff;border-radius:50%;width:13px;height:13px;display:block}.detail-route-pin>strong{color:#fff;letter-spacing:.11em;background:#071016;border-radius:999px;margin-top:4px;padding:4px 7px;font-size:7px;font-weight:950}.detail-route-pin--peak>span{background:#d9a441;border-color:#fff7e6;width:15px;height:15px}.detail-route-pin--peak>strong{color:#071016;background:#d9a441}@keyframes detail-route-map-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.detail-route-map__status>span:first-child:not(:last-child){animation:none}.detail-route-map__modes button,.detail-route-map__actions button,.detail-route-map__zoom button{transition:none}}@media (max-width:900px){.route-planner-heading{grid-template-columns:1fr;gap:18px}.route-planner-heading>p{max-width:760px}.detail-route-map{height:clamp(430px,65vw,560px)}.detail-route-map__utility strong{display:none}.detail-route-map__utility{padding-right:6px}}@media (max-width:720px){.route-planner-section{width:calc(100% - 40px);padding-bottom:78px}.route-planner-note{flex-direction:column;align-items:flex-start;gap:6px}.detail-route-map{border-radius:16px;height:520px}.detail-route-map__utility{top:13px;left:13px}.detail-route-map__modes{justify-content:flex-end;top:13px;left:60px;right:13px}.detail-route-map__modes button{flex:1;min-width:0;padding-inline:6px;font-size:7px}.detail-route-map__actions{top:67px;right:13px}.detail-route-map__zoom{bottom:66px;right:13px}.detail-route-map__meta{max-width:calc(100% - 82px);padding:10px 11px;bottom:13px;left:13px}.detail-route-map__credit{display:none}}.detail-route-map{position:relative;overflow:hidden}.detail-route-map__canvas{z-index:0!important;background:0 0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.detail-route-map__canvas.maplibregl-map,.detail-route-map__canvas .maplibregl-canvas-container,.detail-route-map__canvas .maplibregl-canvas{width:100%!important;height:100%!important}.detail-route-map__canvas .maplibregl-canvas{display:block!important}.detail-route-map__shade{display:none!important}.detail-route-map__utility,.detail-route-map__modes,.detail-route-map__actions,.detail-route-map__zoom,.detail-route-map__meta,.detail-route-map__status,.detail-route-map__credit{z-index:10;position:absolute}
