:root{color-scheme:dark;--bg:#0b0e12;--surface:#10141a;--surface-2:#171c23;--line:#30363d;--text:#fff;--muted:#a8adb3;--lime:#cde92d;--lime-dark:#a8bf1e;--good:#9fe870;--bad:#ff765f;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}.site-head,.section-nav,main,footer{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-head{display:flex;justify-content:space-between;align-items:end;padding:28px 0 22px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:900;letter-spacing:-.065em;line-height:.88;text-transform:uppercase}h1::after{content:".";color:var(--lime)}h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;letter-spacing:-.045em;text-transform:uppercase}.eyebrow,.label{color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin-bottom:9px}.live{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.live span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #cde92d22}.live time{color:var(--text);font-weight:700}.section-nav{position:sticky;top:0;z-index:10;display:flex;background:#0b0e12f2;border-bottom:1px solid var(--line);overflow-x:auto}.section-nav a{color:var(--text);text-decoration:none;padding:15px 22px 13px;border-right:1px solid var(--line);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.section-nav a:first-child{background:var(--lime);color:var(--bg)}main{padding:30px 0 60px}.hero{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:end;padding:38px 0}.distance{display:flex;align-items:baseline;gap:10px}.distance strong{font-size:clamp(4.8rem,14vw,10rem);font-weight:900;letter-spacing:-.085em;line-height:.78}.distance span{color:var(--lime);font-weight:900;font-size:1.4rem;text-transform:uppercase}.location{color:var(--muted);margin-top:24px;font-size:1.05rem}.side-cards{display:grid;gap:10px}.rank-card,.next-card{padding:20px;border:1px solid var(--lime);min-height:128px}.rank-card{background:var(--lime);color:var(--bg)}.next-card{background:var(--surface)}.rank-card span,.rank-card small,.next-card span,.next-card small{display:block;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.rank-card strong{display:block;font-size:3.7rem;line-height:1;margin:8px 0}.next-card strong{display:block;color:var(--lime);font-size:2rem;line-height:1;margin:15px 0 8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.metrics article{background:var(--surface);padding:19px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics span,.metrics small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.metrics strong{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;letter-spacing:-.05em;line-height:1.2}.panel{background:var(--surface);border:1px solid var(--line);margin-top:18px;padding:24px;scroll-margin-top:54px}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.panel-head>p,.panel-head>strong{color:var(--muted);font-size:.75rem}.comparison-head,.comparison-row{display:grid;grid-template-columns:minmax(145px,1fr) 90px 100px 240px 88px;align-items:center;gap:10px}.comparison-head{padding:0 12px 9px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}.comparison-head span:not(:first-child),.comparison-row>span{text-align:right}.comparison-list{border-top:1px solid var(--line)}.comparison-row{min-height:72px;border-bottom:1px solid var(--line);padding:10px 12px}.comparison-row.basti{background:var(--lime);color:var(--bg);margin-inline:-6px;padding-inline:18px;border:0}.driver{display:flex;gap:9px;align-items:center;min-width:0}.driver strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver small{color:var(--muted)}.basti .driver small{color:#4d570f}.value{font-weight:900}.trend em,.trend strong,.trend small{display:block}.trend em{width:max-content;margin-left:auto;background:#2c333b;color:var(--text);padding:3px 7px;font-size:.52rem;font-style:normal;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.trend strong{margin-top:4px;font-size:.78rem;line-height:1.15;text-align:right}.trend small{color:var(--muted);font-size:.61rem;line-height:1.25;margin-top:3px;text-align:right}.basti .trend small{color:#4d570f}.good{color:var(--good)}.bad{color:var(--bad)}.basti .good,.basti .bad{color:inherit}.estimated strong{color:var(--lime)}.basti .estimated strong{color:inherit}.note{color:var(--muted);font-size:.68rem;line-height:1.5;margin-top:15px}.zoom{display:flex;gap:1px;margin-bottom:12px;background:var(--line);width:max-content;max-width:100%}.zoom button{appearance:none;border:0;background:var(--surface-2);color:var(--muted);padding:9px 14px;font:inherit;font-size:.66rem;font-weight:900;text-transform:uppercase;cursor:pointer}.zoom button.active{background:var(--lime);color:var(--bg)}#speed-chart,#route-map,#elevation-chart{display:block;width:100%;height:auto;touch-action:manipulation;background:var(--bg)}.chart-line,.elevation-line{fill:none;stroke:var(--lime);stroke-width:4;vector-effect:non-scaling-stroke}.chart-fill{fill:url(#area)}.grid{stroke:var(--line);stroke-width:1}.axis-label,.axis-title{fill:var(--muted);font-size:11px}.axis-title{font-weight:900}.cursor,.progress-line{stroke:#fff;stroke-width:1;stroke-dasharray:4 4}.chart-dot{fill:#fff;stroke:var(--lime);stroke-width:3}.chart-pill rect,.line-pill rect{fill:var(--lime)}.chart-pill text,.line-pill text{fill:var(--bg);font-size:10px;font-weight:900}.upcoming-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.upcoming{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.upcoming.next{background:var(--lime);color:var(--bg)}.upcoming>span{font-size:.62rem;font-weight:900}.upcoming strong{font-size:.82rem;text-transform:uppercase}.upcoming b,.upcoming time{font-size:.74rem}.upcoming time{text-align:right;color:var(--muted)}.upcoming.next time{color:#4d570f}.subhead{margin:28px 0 12px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.split-list{display:grid;gap:8px}.split{border:1px solid var(--line);display:grid;grid-template-columns:190px 180px 1fr;align-items:stretch}.split header,.split-basti,.split-top{padding:13px}.split header{display:grid;grid-template-columns:1fr auto;gap:4px;border-right:1px solid var(--line)}.split header span{grid-column:1/-1;color:var(--lime);font-size:.6rem;font-weight:900}.split header strong{font-size:.8rem;text-transform:uppercase}.split header b{color:var(--lime)}.split-basti{display:grid;gap:4px;border-right:1px solid var(--line);font-size:.73rem}.split-basti strong{color:var(--lime);text-transform:uppercase}.split-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.split-top span,.split-top small{display:block}.split-top b{font-size:.69rem}.split-top small{color:var(--muted);font-size:.62rem;margin-top:4px}.map-line{fill:none;stroke:#505963;stroke-width:4;vector-effect:non-scaling-stroke}.map-rider circle{fill:#fff;stroke:var(--bg);stroke-width:2}.map-rider text{fill:#fff;font-size:10px;font-weight:900}.map-rider.target circle{fill:var(--lime);stroke-width:3}.map-rider.target text{fill:var(--lime)}.elevation-line{stroke-width:3}footer{border-top:1px solid var(--line);padding:22px 0 36px;display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:850px){.hero{grid-template-columns:1fr 220px}.comparison-head,.comparison-row{grid-template-columns:minmax(110px,1fr) 78px 88px 180px}.comparison-row>span:nth-child(5),.comparison-head span:nth-child(5){display:none}.upcoming-list{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:150px 140px 1fr}.split-top{grid-template-columns:1fr}}
@media(max-width:620px){.site-head,.section-nav,main,footer{width:min(100% - 20px,1180px)}.site-head{padding-top:20px}.hero{grid-template-columns:1fr}.side-cards{grid-template-columns:1fr 1fr}.rank-card,.next-card{min-height:118px;padding:15px}.rank-card strong{font-size:3rem}.next-card strong{font-size:1.55rem}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.panel{padding:14px}.panel-head{align-items:start;flex-direction:column;gap:7px}.comparison-head{display:none}.comparison-row{grid-template-columns:minmax(100px,1fr) 72px 85px;gap:7px;padding:12px 5px}.comparison-row>span:nth-child(5){display:none}.comparison-row .trend{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}.trend em{margin-left:0}.trend strong,.trend small{text-align:left}.distance strong{font-size:clamp(4rem,22vw,6.2rem)}.upcoming-list{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split header,.split-basti{border-right:0;border-bottom:1px solid var(--line)}.split-top{grid-template-columns:1fr 1fr 1fr}.section-nav a{padding-inline:15px}footer{gap:10px;flex-direction:column}}

.split-list{display:block;border:1px solid var(--line);overflow:hidden}.split-head,.split-row{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(4,minmax(82px,1fr));align-items:stretch}.split-head{background:var(--lime);color:var(--bg);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.split-head>*{padding:11px 9px;border-right:1px solid #0b0e1233}.split-row{border-top:1px solid var(--line);min-height:62px}.split-row header{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 9px;border-right:1px solid var(--line)}.split-row header span{grid-column:1/-1;color:var(--lime);font-size:.57rem;font-weight:900}.split-row header strong{font-size:.7rem;text-transform:uppercase}.split-row header small{color:var(--muted);font-size:.58rem}.split-value{display:grid;place-items:center;border-right:1px solid var(--line);font-size:.78rem;font-weight:900}.split-value:last-child{border-right:0}.route-zoom{margin-bottom:14px}.map-checkpoint circle{fill:var(--lime)}.map-checkpoint text,.elevation-checkpoint text{fill:var(--muted);font-size:8px;font-weight:700}.elevation-checkpoint line{stroke:#394149;stroke-width:1;stroke-dasharray:2 3}.elevation-checkpoint circle{fill:#fff}.elevation-rider line{stroke:#737f8a;stroke-width:1;stroke-dasharray:3 3}.elevation-rider circle{fill:#fff;stroke:var(--bg);stroke-width:2}.elevation-rider text{fill:#fff;font-size:9px;font-weight:900}.elevation-rider.target circle{fill:var(--lime)}.elevation-rider.target text{fill:var(--lime)}
.chart-controls{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between}.chart-controls .zoom{margin-bottom:12px}.chart-series{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.chart-series.series-0{stroke:#cde92d}.chart-series.series-1{stroke:#fff}.chart-series.series-2{stroke:#ff8a3d}.chart-series.series-3{stroke:#5eb6ff}.chart-series.series-4{stroke:#ee72c7}.series-pill rect{fill:#fff}.series-pill.basti-pill rect{fill:#cde92d}.series-pill text{fill:var(--bg);font-size:9px;font-weight:900}
.chart-point{stroke:var(--bg);stroke-width:1;vector-effect:non-scaling-stroke}.chart-point.series-0,.chart-dot.series-0{fill:#cde92d}.chart-point.series-1,.chart-dot.series-1{fill:#fff}.chart-point.series-2,.chart-dot.series-2{fill:#ff8a3d}.chart-point.series-3,.chart-dot.series-3{fill:#5eb6ff}.chart-point.series-4,.chart-dot.series-4{fill:#ee72c7}.chart-detail{display:flex;align-items:start;gap:14px;margin-top:10px;padding:12px 14px;border:1px solid var(--line);background:var(--bg)}.chart-detail[hidden]{display:none}.chart-detail>strong{color:var(--lime);white-space:nowrap}.chart-detail>div{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;flex:1}.chart-detail span,.chart-detail b,.chart-detail em,.chart-detail small{display:block}.chart-detail span{padding-left:8px;border-left:3px solid var(--line)}.chart-detail b{font-size:.7rem}.chart-detail em{font-size:.8rem;font-style:normal;font-weight:900}.chart-detail small{color:var(--muted);font-size:.57rem;margin-top:3px}@media(max-width:760px){.chart-detail{flex-direction:column}.chart-detail>div{grid-template-columns:repeat(2,minmax(105px,1fr));width:100%}}
.live-meta{text-align:right}.live-meta small{display:block;color:var(--lime);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}#route-map,#elevation-chart{touch-action:none;cursor:grab}#route-map:active,#elevation-chart:active{cursor:grabbing}
.driver-short,.trend-short{display:none}
.trend-symbol{display:inline-block;width:17px;height:17px;margin-right:5px;vertical-align:-4px;overflow:visible}.trend-symbol path,.trend-symbol circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mobile-label{display:none}
@media(max-width:620px){.driver-full,.trend-long{display:none}.driver-short,.trend-short{display:inline}.driver strong{font-size:.9rem;letter-spacing:.02em}.comparison-row{grid-template-columns:minmax(52px,.72fr) minmax(72px,1fr) minmax(82px,1.15fr)}.comparison-row>.value{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.mobile-label{display:block;color:var(--muted);font-size:.48rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.basti .mobile-label{color:#4d570f}.comparison-row .trend{display:block}.comparison-row .trend em,.comparison-row .trend small{display:block}}
@media(max-width:620px){.split-head,.split-row{grid-template-columns:minmax(92px,1.35fr) repeat(4,minmax(49px,1fr))}.split-head>*{padding:9px 4px;font-size:.56rem;overflow:hidden;text-overflow:ellipsis}.split-row header{padding:8px 5px}.split-row header strong{font-size:.61rem}.split-row header small{display:none}.split-value{font-size:.65rem}.route-zoom{width:100%}.route-zoom button{flex:1;padding-inline:5px}#route-map{min-height:260px}.map-checkpoint text,.elevation-checkpoint text{font-size:14px;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.map-rider text{font-size:18px}.elevation-rider text{font-size:16px}}
@media(max-width:620px){.section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.section-nav a{min-width:0;padding:13px 2px 12px;text-align:center;font-size:.55rem;letter-spacing:.07em;overflow:hidden;text-overflow:clip}.live-meta{min-width:max-content}}
@media(prefers-reduced-motion:no-preference){.live span{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #cde92d00}}}
.map-rider text{font-size:12px;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.elevation-rider text{font-size:11px;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.live-meta small{display:flex;align-items:center;justify-content:flex-end;gap:4px}.refresh-symbol{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.position-meta{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:24px}.position-meta .location{margin-top:0}.position-elapsed{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.position-elapsed strong{color:var(--text);font-size:.92rem;margin-left:5px}
@media(max-width:620px){.position-meta{align-items:start;flex-direction:column;gap:7px}}
.map-progress,.elevation-progress{fill:none;stroke:var(--lime);stroke-width:4;vector-effect:non-scaling-stroke}.elevation-line{stroke:#505963}.elevation-progress{stroke-width:3}
.route-detail{display:flex;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--lime);background:var(--bg);font-size:.76rem}.route-detail[hidden]{display:none}.route-detail strong{color:var(--lime)}.route-detail span{color:var(--muted);text-align:right}[data-route-type]{cursor:pointer;outline:none}[data-route-type]:focus circle,[data-route-type].selected circle{stroke:#5eb6ff;stroke-width:4}[data-route-type]:focus text,[data-route-type].selected text{fill:#5eb6ff}
@media(max-width:620px){.route-detail{align-items:start;flex-direction:column;gap:4px}.route-detail span{text-align:left}}
.road-position-list{border-top:1px solid var(--line)}.road-position-row{display:grid;grid-template-columns:130px minmax(150px,1fr) 100px 80px;gap:4px 12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.road-position-row>.road-relation{grid-row:1/3;color:var(--muted);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.road-position-row>b,.road-position-row>span{text-align:right;font-size:.82rem}.road-position-row>small:not(.road-relation){grid-column:2/4;color:var(--muted);font-size:.61rem}.road-position-row>em{grid-column:4;grid-row:2;font-size:.61rem;font-style:normal;font-weight:900;text-align:right}.road-position-row.basti-road{margin-inline:-6px;padding-inline:18px;background:var(--lime);color:var(--bg);border:0}.basti-road>.road-relation,.basti-road>small:not(.road-relation){color:#4d570f}.road-position-row.missing strong{grid-column:2/5;color:var(--muted)}@media(max-width:760px){.road-position-row{grid-template-columns:minmax(72px,.8fr) minmax(85px,1fr) 76px 60px;gap:4px 7px;padding-inline:6px}.road-position-row>.road-relation{font-size:.52rem}.road-position-row>small:not(.road-relation){grid-column:2/5}.road-position-row>em{grid-column:2/5;grid-row:3;text-align:left}.road-position-row.basti-road{margin-inline:-3px;padding-inline:9px}}