html{color-scheme:light dark;scroll-behavior:smooth}body{margin:0;background:light-dark(#edf1ed,#18211c)}#ride218{border-radius:0;min-height:100dvh}#ride218 .r-body{max-width:1700px;padding:22px 32px}#ride218 .r-heading{margin-bottom:16px}#ride218 .r-heading h1{font-size:27px}#ride218 .r-heading h1 br{display:none}#ride218 .r-heading p{margin-top:7px;font-size:13px}#ride218 .r-emblem{font-size:52px;margin-top:0}#ride218 .r-metrics{padding:17px 8px}#ride218 .r-work{grid-template-columns:280px minmax(0,1fr)}#ride218 .r-planner{max-height:calc(100dvh - 24px);overflow:auto}#ride218 .r-planner details{border-top:1px solid var(--ride-line);padding-top:6px}#ride218 .r-maptools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}#ride218 .r-maptools .r-button{min-height:38px;padding:6px 12px}#ride218 .r-mapframe{height:520px;isolation:isolate;margin-top:10px;border:1px solid var(--ride-line)}#ride218 #r-map{height:100%;aspect-ratio:auto;min-height:300px;width:100%;background:#dfe8db;color:#23392b;z-index:0}#ride218 .r-mapbadge{position:absolute;z-index:450;top:14px;left:55px;max-width:calc(100% - 105px);background:#fafcf9ed;border:1px solid #20392b25;border-radius:8px;padding:7px 12px;color:#344d3b;font-size:12px;box-shadow:0 3px 12px #20392b15;pointer-events:none}#ride218 .r-mapstatus{font-size:12px;color:var(--ride-sub);line-height:1.6;margin:10px 0;overflow-wrap:anywhere}#ride218 .r-mapstatus.error{color:var(--ride-warn)}#ride218 .r-legend{margin:12px 0}#ride218 .r-dot.danger{background:#b55727}#ride218 .r-replay{background:var(--ride-inset);padding:15px;border-radius:10px;margin-top:15px}#ride218 .r-replaycontrols{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}#ride218 .r-replaycontrols label{font-size:12px;display:flex;gap:7px;align-items:center}#ride218 .r-replaycontrols select{width:78px;min-height:40px;padding:5px}#ride218 #r-progress{width:100%;accent-color:var(--ride-accent);cursor:pointer;min-height:28px}#ride218 button:disabled{opacity:.5;cursor:not-allowed}#ride218 .r-timelinepanel{margin-top:18px}#ride218 #r-timeline-note{font-size:12px;margin-top:6px}#ride218 .r-timeline{display:flex;overflow:auto;gap:0;padding:17px 0 4px;scroll-snap-type:x proximity}#ride218 .r-timeline button{flex:0 0 152px;position:relative;text-align:left;border:0;border-top:2px solid var(--ride-line);background:transparent;padding:17px 14px 10px 0;color:var(--ride-ink);min-height:118px;scroll-snap-align:start}#ride218 .r-timeline button:before{content:'';position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--ride-accent)}#ride218 .r-timeline button.active{background:var(--ride-soft);border-radius:6px}#ride218 .r-timeline b{display:block;font-size:21px;font-variant-numeric:tabular-nums;line-height:1.3}#ride218 .r-timeline span{display:block;margin:6px 0;font-size:12px}#ride218 .r-timeline small{font-size:11px}#ride218 .r-mapsettings input{margin:5px 0}#ride218 #r-amap-status,#ride218 #r-coordinate-status,#ride218 #r-gpx-status{display:block;margin-top:10px}#ride218 .r-stop{transition:background .15s}#ride218 .r-stop:hover{background:var(--ride-soft)}#ride218 .r-coordinate-note{font-size:11px;color:var(--ride-warn);margin-top:7px}#ride218 .r-roadstep{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:9px 0;border-top:1px solid var(--ride-line);font-size:12px;align-items:start}#ride218 #r-road-steps{max-height:210px;overflow:auto;margin:15px 0}#ride218 .r-roadstep small{font-size:11px;display:block}#ride218 .leaflet-container{font-family:inherit;font-size:13px}#ride218 .leaflet-control-attribution{color:#344d3b;background:#fafcf9e0;font-size:10px}#ride218 .leaflet-container a{color:#286747}#ride218 .leaflet-popup-content-wrapper{background:#fafcf9;color:#23392b;border-radius:12px}#ride218 .leaflet-popup-content{margin:15px;max-width:280px}#ride218 .leaflet-popup-content p{font-size:12px;margin:9px 0}#ride218 .leaflet-popup-content small{color:#596e5e}#ride218 .leaflet-control-zoom a{background:#fafcf9;color:#23392b}#ride218 .r-pin{width:36px;height:36px;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);background:#286747;color:#fafcf9;border:3px solid #fafcf9;box-shadow:0 3px 8px #20392b55;display:grid;place-items:center}#ride218 .r-pin span{transform:rotate(45deg);font-size:12px;font-weight:650}#ride218 .r-pin.region{background:#fafcf9;color:#536858;border:2px dashed #536858}#ride218 .r-pin.start{background:#253a2d}#ride218 .r-bike{width:44px;height:44px;background:#fafcf9;border:3px solid #286747;border-radius:50%;box-shadow:0 3px 12px #20392b66;display:grid;place-items:center;font-size:26px}#ride218 .r-direction{color:#286747;font-size:20px;font-weight:800;text-shadow:0 1px 2px #fafcf9}#ride218 .r-popup-photo{display:block;width:100%;height:142px;object-fit:cover;border-radius:8px;margin:9px 0}#ride218 .r-photo-empty{padding:17px;background:#edf1ed;border-radius:8px;font-size:12px;color:#536858;margin:10px 0}#ride218 .r-detail-photo{display:grid;grid-template-columns:180px 1fr;gap:15px;margin-top:12px;align-items:center}#ride218 .r-detail-photo img{width:180px;height:115px;object-fit:cover;border-radius:8px}#ride218 .r-detail-photo small{font-size:11px}#ride218 .r-mapframe:fullscreen{height:100dvh;width:100dvw;border-radius:0}#ride218 .r-mapframe.expanded{height:80dvh}#ride218 #r-origin-results button{margin:7px 0;width:100%;text-align:left;font-size:12px}#ride218 input[type=file]{max-width:100%;font-size:12px;margin:10px 0}
@media(min-width:1300px){#ride218 .r-mapframe{height:570px}#ride218 .r-lower{padding-left:298px}}@media(max-width:760px){#ride218 .r-body{padding:15px}#ride218 .r-heading h1{font-size:22px}#ride218 .r-heading h1 br{display:block}#ride218 .r-emblem{font-size:42px;margin-top:15px}#ride218 .r-work{display:flex;flex-direction:column}#ride218 .r-main{order:0;width:100%}#ride218 .r-planner{order:1;position:static;max-height:none;width:100%;overflow:visible}#ride218 .r-mapframe{height:430px}#ride218 .r-main>.r-panel{padding:13px}#ride218 .r-metrics{padding:4px 6px}#ride218 .r-metric{padding:12px}#ride218 .r-metric strong{font-size:25px}#ride218 .r-mapbadge{left:55px;top:10px;font-size:11px;max-width:calc(100% - 70px)}#ride218 .r-maptools{gap:6px}#ride218 .r-maptools .r-button{min-height:44px;font-size:12px}#ride218 .r-maptools .r-chip{font-size:11px}#ride218 .r-maptools .r-chip input{width:15px}#ride218 .r-timeline button{flex-basis:133px}#ride218 .r-detail-photo{grid-template-columns:1fr}#ride218 .r-detail-photo img{width:100%;height:150px}#ride218 .r-replaycontrols .r-follow{margin-left:auto}#ride218 .r-stop h3 button{min-height:44px}#ride218 .r-roadstep{gap:8px}}
/* Regional background controls never cover the stop selection panel. */
#ride218 .wb-basemap-control{position:absolute;z-index:550;top:47px;left:12px;min-height:36px;padding:6px 10px;background:#fffff7ed;border:1px solid #d0dfd0;border-radius:10px;font-size:11px;color:#2b593c;box-shadow:0 2px 7px #24472b18;max-width:calc(100% - 138px)}
#ride218 .wb-basemap-credit{position:absolute;z-index:550;top:91px;left:12px;background:#fffff7ed;border-radius:6px;padding:4px 6px;font-size:9px;line-height:1.6;color:#4e6d56;max-width:230px}
#ride218 .wb-basemap-credit a{color:inherit}
#ride218 .wb-region-label{color:#315f42;font-size:11px;font-weight:650;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;pointer-events:none}