:root{color-scheme:dark;--bg:#101112;--panel:#181a1b;--line:#303234;--text:#f5f5f0;--muted:#a3a6a9;--yellow:#ffe500;--phase:#67ff35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}button{color:inherit}button:hover{filter:brightness(1.2)}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:12px 32px;gap:23px}.logo{width:160px;height:57px;object-fit:contain}.divider{height:31px;width:1px;background:#424445}.edition{font-weight:800;font-size:14px;letter-spacing:1.5px}.edition span{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:7px}.header-right{margin-left:auto;display:flex;gap:25px;align-items:center}.tiny{font-size:12px;letter-spacing:1.6px;color:var(--muted)}.icon-button{display:grid;place-items:center;background:#202224;border:1px solid #3b3d3f;border-radius:5px;height:37px;min-width:37px;font-size:22px}.icon-button:hover{background:#333638}main{max-width:1700px;margin:auto;padding:25px 32px 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;margin:0 0 10px;color:var(--yellow)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(27px,3vw,45px);letter-spacing:.3px;margin:0;font-style:italic;line-height:1.08}.mobile-only{display:none}.route-summary{display:flex;gap:26px;align-items:center}.route-summary strong{font-size:30px;display:block;letter-spacing:-1px;font-variant-numeric:tabular-nums}.route-summary strong span{font-size:16px;color:var(--muted);font-weight:400}.route-summary>div>span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.summary-divider{height:45px;width:1px;background:var(--line)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:18px}.map-panel{position:relative;overflow:hidden;border:1px solid #353837;border-radius:9px;background:#1b251c;min-height:550px}.map-panel #map{width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}.map-panel #map:active{cursor:grabbing}.satellite{filter:brightness(.75) saturate(.75)}.map-top{position:absolute;left:18px;right:18px;top:17px;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.map-tag{font-size:12px;letter-spacing:1.2px;padding:10px 12px;background:#101415d9;border:1px solid #ffffff26;border-radius:4px;align-self:start}.map-tools{display:flex;gap:6px;pointer-events:auto}.map-tools button{background:#15191ddd}.map-tools .fit{font-size:13px;padding:0 12px}.map-bottom{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.map-bottom>span:first-child{background:#111519e8;border-left:3px solid var(--phase);font-size:12px;font-weight:700;letter-spacing:1px;padding:12px;border-radius:3px}.map-source{font-size:11px;color:#e3e6e7;background:#1118;padding:4px}.telemetry{border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.current-phase{padding:21px 22px 17px}.current-phase .eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--phase);letter-spacing:1px}.phase-dot{width:6px;height:6px;display:inline-block;background:var(--phase);border-radius:50%}#playState{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:1px}.current-phase h2{font-size:27px;line-height:1.12;margin:16px 0 12px;letter-spacing:-.6px;font-weight:800;min-height:60px}.current-phase p:not(.eyebrow){font-size:14px;color:#b7babc;line-height:1.55;margin:0;min-height:44px}.phase-progress{height:3px;background:#383a3b;margin:19px 0 10px;border-radius:2px;overflow:hidden}.phase-progress span{display:block;width:0;height:100%;background:var(--phase)}.phase-range{display:flex;justify-content:space-between;color:#92979b;font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 22px;gap:12px}.metrics>div+div{border-left:1px solid var(--line);padding-left:18px}.metric-label{font-size:10px;color:var(--muted);letter-spacing:1.1px;font-weight:bold}.metrics strong{font-size:38px;line-height:1.3;letter-spacing:-1.7px;font-variant-numeric:tabular-nums}.metrics .altitude strong{color:var(--yellow)}.metrics div>div>span{font-size:16px;color:var(--muted)}.metric-foot{font-size:11px;color:var(--muted)}.phase-list-heading{display:flex;justify-content:space-between;padding:17px 22px 7px;font-size:10px;letter-spacing:1px;font-weight:bold}.phase-list-heading span+span{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}#phaseList{padding:0 10px 10px}.phase-button{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:4px;text-align:left;padding:8px 10px;min-height:35px;font-size:13px;transition:background .15s}.phase-button .number{font-size:11px;color:var(--c);font-variant-numeric:tabular-nums;font-weight:bold}.phase-button .length{color:var(--muted);font-size:11px}.phase-button.active{background:#ffffff09;border-color:#ffffff22}.phase-button.active .name{color:var(--c)}.phase-button:hover{background:#ffffff0d}.playback{display:flex;align-items:center;gap:14px;padding:17px 0}.play-button{height:47px;border:0;border-radius:5px;background:var(--yellow);color:#111;display:flex;align-items:center;justify-content:center;gap:11px;width:162px;font-size:14px;font-weight:800}.play-button span:first-child{font-size:18px}.restart{height:42px;min-width:42px;background:transparent;border:0}.scrubber{flex:1;padding:0 6px}.scrubber>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.scrubber input{display:block;width:100%;height:20px;accent-color:var(--yellow);cursor:pointer;margin:5px 0 0}.speed-label{font-size:10px;letter-spacing:1.1px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-left:12px}.speed-label select{border:1px solid var(--line);padding:10px 9px;border-radius:5px;color:var(--text);background:var(--panel);font-size:14px}.profile-panel{border:1px solid var(--line);border-radius:8px;background:#151718;padding:17px 20px 12px}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-header h2{font-size:12px;letter-spacing:1.3px;margin:0}.profile-header>div{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px}.estimate-badge{color:#e4d35d;background:#d6bd1212;border:1px solid #776d244d;border-radius:3px;font-size:9px;letter-spacing:1px;padding:4px 6px}.profile-wrap{height:150px;margin-top:12px}#profile{width:100%;height:100%;touch-action:none;cursor:crosshair}#profile text{font-family:Arial,sans-serif;fill:#989fa2;font-size:12px}.profile-footer{display:flex;justify-content:space-between;color:#858b8f;font-size:11px;gap:20px}footer{display:flex;justify-content:space-between;gap:30px;color:#84898e;font-size:11px;line-height:1.7;padding-top:16px}footer p{margin:0}details{max-width:530px}summary{cursor:pointer;text-align:right;color:#b3b9bc}details p{margin-top:10px}a{color:#d6dadd;text-underline-offset:3px}#routeLines polyline{fill:none;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}#phaseLabels text{fill:white;font-size:17px;font-weight:bold;paint-order:stroke;stroke:#111;stroke-width:5px;stroke-linejoin:round}#phaseLabels circle{stroke:#141718;stroke-width:2px}#rider{pointer-events:none}.phase-button.active:before{content:none}@media(min-width:1600px){.map-panel{min-height:645px}.current-phase h2{font-size:31px}.phase-button{padding:11px 10px;font-size:14px}.metrics{padding:20px 22px}.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:1050px){main{padding:20px}.topbar{padding:12px 20px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:12px}.current-phase{padding:18px}.map-source{display:none}.metrics{padding:14px 18px}.metrics strong{font-size:32px}.phase-button{font-size:12px}.current-phase h2{font-size:25px}.tiny{display:none}.speed-label{font-size:0;gap:0;margin:0}.route-summary{gap:18px}.route-summary strong{font-size:25px}}@media(max-width:760px){.topbar{height:70px;padding:10px 16px;gap:14px}.logo{width:120px;height:47px}.edition{font-size:11px;letter-spacing:1px}.edition span{font-size:9px}.header-right{gap:0}.header-right button{min-width:32px;height:32px}.divider{height:25px}.heading{align-items:flex-start;margin-bottom:17px;gap:15px}main{padding:20px 14px}.eyebrow{font-size:10px}.mobile-only{display:block}h1{font-size:31px}.route-summary{gap:0}.route-summary>div:last-child,.summary-divider{display:none}.route-summary strong{font-size:25px}.route-summary>div>span{font-size:10px;max-width:100px;line-height:1.5}.workspace{grid-template-columns:1fr}.map-panel{height:440px;min-height:0}.map-top{left:10px;right:10px;top:10px}.map-tag{font-size:10px;padding:10px}.map-tools .fit{font-size:11px;padding:0 8px}.map-tools{gap:4px}.map-tools .icon-button{height:32px;min-width:32px}.map-bottom{left:10px;right:10px;bottom:12px}.map-bottom>span:first-child{font-size:10px}.telemetry{display:grid;grid-template-columns:1fr 1fr}.current-phase{padding:18px;grid-row:span 1}.current-phase h2{font-size:24px;min-height:54px;margin-top:14px}.current-phase p:not(.eyebrow){font-size:13px;min-height:60px}.current-phase .eyebrow{font-size:10px;flex-wrap:wrap}#playState{display:none}.metrics{border:0;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:20px;gap:20px}.metrics>div+div{border:0;border-top:1px solid var(--line);padding:15px 0 0}.metric-label{font-size:10px}.metrics strong{font-size:35px}.phase-list-heading{grid-column:span 2;border-top:1px solid var(--line);padding:15px 18px 8px}#phaseList{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:0 8px 12px}.phase-button{grid-template-columns:22px 1fr;padding:9px 8px;font-size:12px}.phase-button .length{display:none}.playback{flex-wrap:wrap;gap:8px;position:sticky;bottom:0;z-index:5;background:#101112f5;padding:12px 0;border-top:1px solid #303234;margin-top:12px}.play-button{width:144px;height:43px}.restart{min-width:36px}.scrubber{order:4;flex-basis:100%;padding:0 3px}.speed-label{margin-left:auto}.profile-header{align-items:flex-start}.profile-header>div{gap:5px;flex-direction:column;align-items:flex-end}.profile-header h2{font-size:11px}.profile-panel{padding:15px 12px}.profile-wrap{height:145px}.profile-footer{font-size:10px;flex-direction:column;gap:5px}footer{flex-direction:column;gap:8px;font-size:11px}summary{text-align:left}.phase-range{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:fullscreen{overflow:auto;background:var(--bg)}
/* Comfortable reading sizes for the working controls. */
.current-phase p:not(.eyebrow){font-size:16px;line-height:1.45;min-height:47px}.phase-button{font-size:14px;min-height:38px}.phase-button .number,.phase-button .length,.metric-foot,.phase-range,.scrubber>div,.profile-footer,footer,.map-source{font-size:12px}.metric-label,.phase-list-heading,.phase-list-heading span+span,.current-phase .eyebrow,#playState,.speed-label,.estimate-badge{font-size:12px}.current-phase .eyebrow{letter-spacing:.6px}#playState{font-size:10px}.phase-list-heading{letter-spacing:.4px}.map-panel{background:#131816}.map-tools .fit{font-size:14px}.phase-list-heading span+span{letter-spacing:0}.profile-header h2{font-size:14px}.profile-header>div{font-size:13px}.estimate-badge{font-size:11px}
@media(max-width:760px){main{display:flex;flex-direction:column}.heading{order:0}.workspace{display:contents}.map-panel{order:1;height:390px;flex-shrink:0}.playback{order:2}.telemetry{order:3;margin:0 0 15px}.profile-panel{order:4}footer{order:5}.current-phase p:not(.eyebrow){font-size:15px;min-height:66px}.phase-button{font-size:14px;line-height:1.4;min-height:47px}.phase-list-heading{font-size:12px;gap:10px}.phase-list-heading span+span{font-size:12px}.map-bottom>span:first-child{font-size:12px}.map-tag{font-size:12px}.map-tools .fit{font-size:12px}.metric-label{font-size:12px}.metric-foot{font-size:12px}.phase-range{flex-wrap:wrap;gap:4px}.current-phase .eyebrow{font-size:12px;letter-spacing:.4px}.speed-label{font-size:0}.profile-footer{font-size:12px}.profile-header>div{font-size:12px}.profile-header h2{font-size:12px}.map-source{display:none}}