.m3d-main{position:relative;height:calc(100vh - 67px);height:calc(100dvh - 67px);min-height:420px}.m3d{color-scheme:dark;--text:#f3f1ec;--text-2:#c9c5bd;--text-3:#a7a29a;--line:rgba(243,241,236,0.1);--line-2:rgba(243,241,236,0.3);--green-text:#7fd87f;--glass:linear-gradient(155deg,rgba(62,59,56,0.72),rgba(24,23,22,0.8));--glass-edge:rgba(255,255,255,0.13);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.13),0 10px 30px rgba(0,0,0,0.32);position:absolute;inset:0;overflow:hidden;background:#1a1918;color:var(--text)}.m3d-loading{background:radial-gradient(120% 90% at 50% 30%,#3a3633,#1a1918)}.m3d-canvas,.m3d-canvas.mapboxgl-map{position:absolute;inset:0;width:100%;height:100%}.m3d-glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}.m3d-controls{position:absolute;top:12px;left:12px;right:60px;z-index:2;display:flex;flex-direction:column;gap:8px;pointer-events:none}.m3d-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.m3d-row>*{pointer-events:auto}.m3d-seg{display:inline-flex;padding:3px;border-radius:14px}.m3d-chip,.m3d-seg button{min-height:38px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}.m3d-chip:hover,.m3d-seg button:hover{color:var(--text)}.m3d-seg button[aria-pressed=true]{background:rgba(243,241,236,.92);color:#1a1918}.m3d-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:14px;padding:0 14px}.m3d-chip[aria-pressed=true]{color:var(--text);border-color:rgba(243,241,236,.55)}.m3d-slope-swatch{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--slope-27),var(--slope-30) 30%,var(--slope-35) 55%,var(--slope-40) 78%,var(--slope-45))}.m3d-legend{position:absolute;left:12px;bottom:44px;z-index:2;max-width:260px;padding:10px 12px;border-radius:14px;font-size:12.5px}.m3d-legend ul{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}.m3d-legend li{display:flex;align-items:center;gap:5px}.m3d-legend i{width:12px;height:12px;border-radius:3px}.m3d-aspect-legend ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:14px;column-gap:14px}.m3d-aspect-swatch{width:14px;height:14px;border-radius:50%;background:conic-gradient(#004A83,#1E7FBA,#1C6E6C,#68757B,#DE74A6,#9D3F5F,#9A7262,#4E546F,#004A83)}.m3d-legend p{margin:8px 0 0;color:var(--text-2)}.m3d-credit{margin:6px 0 0;font-size:11px;line-height:1.4;color:var(--text-2)}.m3d-credit summary{cursor:pointer}.m3d-credit[open]{max-height:40vh;overflow:auto}.m3d-status{position:absolute;left:50%;bottom:44px;z-index:2;transform:translateX(-50%);margin:0;padding:7px 12px;border-radius:999px;font-size:12.5px;color:var(--text-2);white-space:nowrap}.m3d-side{position:absolute;z-index:3;left:8px;right:8px;bottom:8px;max-height:52%;overflow:auto;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}@media (min-width:860px){.m3d-side{left:auto;right:60px;top:12px;bottom:auto;width:360px;max-height:calc(100% - 60px)}}.m3d-panel{position:relative;flex:none;padding:18px 18px 16px;border-radius:var(--r-sheet)}.m3d-panel h2{margin:4px 36px 12px 0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.m3d-panel h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.m3d-panel p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--text-2)}.m3d-kicker{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.m3d-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--text-2);cursor:pointer}.m3d-close:hover{background:rgba(243,241,236,.08);color:var(--text)}.m3d-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:10px;gap:10px;margin:0}.m3d-stats div{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.22)}.m3d-stats dt{font-size:11.5px;color:var(--text-3)}.m3d-stats dd{margin:2px 0 0;font-size:16px;font-weight:700}.m3d-terrain{margin-top:16px}.m3d-ates{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:3px;border-radius:12px;background:rgba(0,0,0,.25)}.m3d-ates span{padding:7px 4px;border-radius:9px;text-align:center;font-size:12.5px;font-weight:700;color:var(--text-3)}.m3d-ates span.on{background:var(--text);color:#1a1918}.m3d-panel .m3d-fine{font-size:12.5px;color:var(--text-3)}.m3d-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.m3d .btn{border-color:var(--line-2);color:var(--text)}.m3d .btn-primary{color:var(--on-green)}.m3d-groups{flex-wrap:wrap}.m3d-groups button{display:inline-flex;align-items:center;gap:7px}.m3d-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(26,25,24,.7)}.m3d-groups button[aria-pressed=true] .m3d-dot{box-shadow:0 0 0 1.5px #1a1918}.m3d-plan-swatch,.m3d-trips-swatch{width:14px;height:4px;border-radius:2px}.m3d-plan-swatch{background:var(--green)}.m3d-trips-swatch{background:repeating-linear-gradient(90deg,#c4a8ff 0 6px,transparent 6px 9px)}.m3d-chip .mono{font-size:12px;padding:1px 6px;border-radius:8px;background:rgba(243,241,236,.16)}.m3d-about{margin-top:0!important}.m3d-sub{display:block;margin:2px 0 0!important;font-size:12px!important;line-height:1.35;color:var(--text-3)!important;font-weight:500}.m3d-stats dd.m3d-sub{font-size:11.5px}.m3d-locate{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.m3d-locate .m3d-fine{margin:0!important;flex:1 1 140px}.m3d-near{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.m3d-near button{display:grid;grid-gap:2px;gap:2px;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2);color:var(--text);text-align:left;cursor:pointer}.m3d-near button:hover{border-color:var(--line-2)}.m3d-near-name{font-size:14px;font-weight:700}.m3d-near .mono{font-size:11.5px;color:var(--text-3)}.m3d-sports{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.m3d-sports button{min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer}.m3d-sports button[aria-pressed=true]{background:rgba(243,241,236,.92);color:#1a1918;border-color:transparent}.m3d-stops{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:6px;gap:6px}.m3d-stops li{display:grid;grid-template-columns:28px 1fr 40px;align-items:center;grid-gap:10px;gap:10px;padding:6px 4px 6px 8px;border-radius:12px;background:rgba(0,0,0,.2)}.m3d-stop-n,.m3d-stop-pin{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#10240f;font-size:12.5px;font-weight:800}.m3d-stop-name{display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3d-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--text-3);cursor:pointer}.m3d-x:hover{background:rgba(243,241,236,.08);color:var(--text)}.m3d-stop-pin{width:30px;height:30px;border:2.5px solid #1a1918;box-shadow:0 2px 8px rgba(0,0,0,.45);cursor:-webkit-grab;cursor:grab}.m3d-me{width:18px;height:18px;border-radius:50%;background:var(--violet);border:3px solid #f3f1ec;box-shadow:0 0 0 6px rgba(138,77,255,.28)}.m3d-profile{margin:12px 0 0}.m3d-profile svg{display:block;width:100%;height:64px;border-radius:10px;background:rgba(0,0,0,.22)}.m3d-profile-fill{fill:rgba(127,216,127,.22)}.m3d-profile-line{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}.m3d-profile figcaption{display:flex;justify-content:space-between;margin-top:4px;font-size:11.5px;color:var(--text-3)}.m3d-sug{margin-top:18px}.m3d-sug ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.m3d-sug li{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2)}.m3d-sug li.on{border-color:var(--green)}.m3d-sug-src{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.m3d-sug-src[data-src=mine],.m3d-sug-src[data-src=trip]{color:var(--violet-text)}.m3d-sug-name{font-size:14.5px;font-weight:700}.m3d-sug-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.m3d-sug .btn[aria-pressed=true]{border-color:var(--text)}.m3d-probe-swatch{width:14px;height:14px;background:var(--text);-webkit-clip-path:polygon(50% 0,100% 70%,62% 56%,62% 100%,38% 100%,38% 56%,0 70%);clip-path:polygon(50% 0,100% 70%,62% 56%,62% 100%,38% 100%,38% 56%,0 70%)}.m3d-probe-stats{grid-template-columns:1fr 1fr}.m3d-probe-stats dd.mono{white-space:nowrap}.m3d-probe-pin{width:64px;height:64px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none}.m3d-probe-pin .arrow{fill:#f3f1ec;stroke:#1a1918;stroke-width:1.6;stroke-linejoin:round}.m3d-probe-pin .halo{fill:#f3f1ec;stroke:#1a1918;stroke-width:1.6}.m3d-probe-pin .dot{fill:#1a1918}.m3d-probe-pin.flat .arrow{display:none}.m3d-band{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.m3d-band i{width:14px;height:14px;border-radius:4px;flex:none}.m3d-fallback{display:grid;place-items:center;padding:20px;background:radial-gradient(120% 90% at 50% 20%,#3a3633,#1a1918) 50% /cover,url(/img/concept-slope-3d.webp) 50% /cover}.m3d-fallback-card{max-width:460px;padding:24px;border-radius:var(--r-sheet)}.m3d-fallback-card h2{margin:0;font-size:22px;font-weight:800}.m3d-fallback-card p{margin:10px 0 0;color:var(--text-2)}.m3d .mapboxgl-ctrl-top-right{top:4px;right:4px}.m3d .mapboxgl-ctrl-attrib.mapboxgl-compact{font-size:11px}.m3d .mapboxgl-user-location-dot,.m3d .mapboxgl-user-location-dot:before{background-color:var(--violet)}.m3d .mapboxgl-user-location-accuracy-circle{background-color:rgba(138,77,255,.18)}.m3d .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.m3d .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom-color:var(--violet)}@media (max-width:560px){.m3d-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;pointer-events:auto}.m3d-row::-webkit-scrollbar{display:none}.m3d-groups{flex-wrap:nowrap}.m3d-legend,.m3d-status{bottom:40px}}.m3d-locked{display:grid;place-items:center;padding:20px;overflow:auto}.m3d-teaser{position:absolute;inset:-24px;background:url(/img/concept-slope-3d.webp) 50%/cover no-repeat,#1a1918;filter:blur(10px) saturate(115%) brightness(.7);transform:scale(1.04)}.m3d-concept{position:absolute;right:12px;bottom:10px;z-index:1;font-family:var(--mono);font-size:11px;color:rgba(243,241,236,.7)}.m3d-locked .m3d-fallback-card{position:relative;z-index:1;width:100%}.m3d-locked .m3d-fallback-card h2{margin-top:6px}.m3d-fallback-card .m3d-fine{font-size:13px;color:var(--text-3)}.m3d-fallback-card .m3d-fine a{color:var(--text)}.m3d-form{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.m3d-form label{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--text-2)}.m3d-form input{min-height:46px;padding:0 14px;border-radius:var(--r-control);border:1px solid var(--line-2);background:rgba(0,0,0,.3);color:var(--text);font-size:16px}.m3d-form .btn{justify-self:start}.m3d-error{margin:0;font-size:13.5px;color:var(--text);font-weight:600}.m3d-link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--text);font-size:13px;text-decoration:underline;cursor:pointer}.m3d-sun-swatch{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3d2,#f2c86b 70%)}.m3d-sun-date{display:flex;align-items:flex-end;gap:10px;margin-top:4px}.m3d-sun-date label{display:flex;flex-direction:column;gap:4px}.m3d-sun-date input[type=date]{min-height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line,rgba(243,241,236,.25));background:rgba(0,0,0,.25);color:var(--text);font:inherit;color-scheme:dark}.m3d-panel p.m3d-sun-clock{margin:0;font-size:40px;font-weight:700;line-height:1.1;color:var(--text)}.m3d-sun-slider{width:100%;min-height:32px;margin:6px 0 0;accent-color:#f2c86b}.m3d-sun-ends{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--text-2)}.m3d-sun-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.m3d-sunprobe{margin-top:14px;padding-top:12px;border-top:1px solid rgba(243,241,236,.16)}@media (max-width:560px){.m3d-side:has(.m3d-sunpanel){max-height:60%}.m3d-sunpanel{padding:12px 14px}.m3d-sunpanel h2{margin-bottom:6px;font-size:18px}.m3d-panel p.m3d-sun-clock{font-size:30px}.m3d-sun-quick{margin-top:6px}.m3d-sunpanel .m3d-fine{font-size:12px;line-height:1.4}.m3d-sunpanel p{margin-top:6px}}.m3d-fly{position:absolute;z-index:3;left:8px;right:8px;bottom:36px;padding:14px 16px 12px;border-radius:var(--r-sheet)}@media (min-width:860px){.m3d-fly{left:50%;right:auto;width:440px;transform:translateX(-50%)}}.m3d-fly-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.m3d-fly-name{display:block;margin-top:2px;font-size:16px;font-weight:800}.m3d-fly-close{position:static;flex:none}.m3d-fly-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.m3d-fly-speeds{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(0,0,0,.25)}.m3d-fly-speeds button{min-width:40px;min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font:inherit;font-weight:700;cursor:pointer}.m3d-fly-speeds button[aria-pressed=true]{background:rgba(243,241,236,.92);color:#1a1918}.m3d-fly-read{margin-left:auto;font-size:13px;color:var(--text-2)}.m3d-fly .m3d-sun-slider{accent-color:var(--text)}.m3d-fly .m3d-fine,.m3d-fly .m3d-fly-cap{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-2)}.m3d-fly .m3d-fly-cap a{color:var(--text);font-weight:700;text-decoration:underline}