.ride-launch{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:18px 15px;margin:0 0 18px;border:1px solid #d8dfd2;border-radius:8px;background:linear-gradient(115deg,#eff2e9,#fafbf8);color:#283623;transition:background .2s,transform .2s}.ride-launch:hover{background:#e8eddf;transform:translateY(-2px)}.ride-launch strong{display:block;font-weight:550;font-size:14px}.ride-launch small{display:block;font-size:10px;color:#7b8672;margin-top:5px}.ride-launch>span:last-child{margin-left:auto}.ride-launch-icon{display:grid;place-items:center;border:1px solid #b7c3ad;border-radius:50%;height:30px;width:30px;font-size:20px}.on-a-ride{overflow:hidden}.ride-overlay{--ride-accent:#8bf5ef;position:fixed;inset:0;z-index:1000;background:#091322;color:#f5f8fa;font-family:'DM Sans',sans-serif;isolation:isolate}.ride-overlay[hidden],.ride-overlay [hidden]{display:none!important}.ride-stage{position:absolute;inset:0;z-index:-2}.ride-stage canvas{display:block;width:100%;height:100%;touch-action:none!important;outline:none}.ride-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#040d19da 0%,#050b1440 45%,transparent 75%),linear-gradient(0deg,#040a1680,transparent 28%,transparent 75%,#040a1680)}.ride-overlay[data-mode=drive] .ride-vignette{background:linear-gradient(0deg,#030a14dd,transparent 23%,transparent 80%,#030a1455)}.ride-top{position:absolute;top:29px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:3}.ride-top button{background:#0b162b55;border:1px solid #b9d7ee38;border-radius:30px;color:#fff;padding:11px 16px;backdrop-filter:blur(10px);font-size:12px}.ride-top button:hover{background:#33485b88}.ride-wordmark{font-size:27px;font-weight:700;letter-spacing:-1.6px}.ride-wordmark span{font-size:9px;font-weight:500;letter-spacing:2.5px;vertical-align:middle;margin-left:18px;color:#d2dde4}.ride-top .ride-fullscreen{font-size:21px;padding:6px 13px}.ride-menu{position:absolute;left:7%;top:50%;width:385px;max-width:40vw;transform:translateY(-45%)}.ride-eyebrow{font-size:9px;letter-spacing:3px;color:var(--ride-accent);font-weight:600}.ride-menu h2,.ride-complete h2{font-family:'Manrope',sans-serif;font-size:clamp(44px,5.8vw,84px);line-height:1.01;letter-spacing:-4px;font-weight:500;margin:23px 0}.ride-intro{font-size:14px;color:#c1cbd4;margin-bottom:30px}.ride-routes{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ride-routes button{padding:18px 15px;text-align:left;color:#e7f0f5;border:1px solid #b6cee933;background:linear-gradient(145deg,#41536a4a,#0a192470);border-radius:9px;backdrop-filter:blur(12px)}.ride-routes button[aria-pressed=true]{border-color:var(--ride-accent);background:linear-gradient(145deg,#86d9e326,#071926a8);box-shadow:inset 0 0 0 1px #8bf5ef22}.ride-routes button:hover{background:#4d64774f}.route-number{font-size:8px;letter-spacing:1.8px;color:#b8ccd5}.ride-routes strong{display:block;font-size:16px;font-weight:500;margin:22px 0 10px;letter-spacing:-.5px}.ride-routes button>span:last-child{font-size:9px;color:#c6d1db;display:flex;justify-content:space-between}.ride-routes i{font-style:normal;color:var(--ride-accent)}.ride-start{background:var(--ride-accent);color:#122023;border:0;border-radius:5px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px;width:100%;margin-top:17px;box-shadow:0 5px 30px #8bf5ef13}.ride-start:hover{filter:brightness(1.12)}.ride-menu-help{font-size:9px;letter-spacing:.3px;color:#a8bbc7;text-align:center;margin:13px 0 21px}.ride-input-guide{font-size:10px;color:#b5c2ce;display:flex;align-items:center;gap:5px}.ride-input-guide kbd:nth-of-type(3){margin-left:12px}.ride-input-guide>span{margin-left:8px;color:#7e939f;font-size:9px}.ride-overlay kbd{font:9px 'DM Sans',sans-serif;border:1px solid #bcd2e140;border-radius:3px;padding:3px 5px;color:#a8c0ca;background:#19323d22}.ride-hud{position:absolute;inset:100px 42px 27px;pointer-events:none}.ride-route-title{position:absolute;top:4px;left:0}.ride-route-title h2{font:500 24px 'Manrope',sans-serif;letter-spacing:-.8px;margin:9px 0}.ride-progress{position:absolute;top:14px;right:0;width:180px;height:2px;background:#cce7f12b}.ride-progress div{height:100%;background:var(--ride-accent);transform-origin:left;transform:scaleX(0)}.ride-telemetry{position:absolute;left:0;bottom:25px;display:flex;align-items:flex-end;gap:30px}.ride-speed strong{font-family:'Manrope',sans-serif;font-size:64px;font-weight:400;line-height:1;letter-spacing:-3px}.ride-speed>span{display:block;font-size:9px;letter-spacing:3px;color:#aebfcd;margin:9px 0 0 4px}.ride-time,.ride-distance{border-left:1px solid #cce4ed33;padding:2px 0 3px 23px}.ride-time>span,.ride-distance>span{display:block;letter-spacing:2px;font-size:8px;color:#94a8bb;margin-bottom:10px}.ride-time strong,.ride-distance strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ride-distance small{font-size:9px;color:#a8bdc6}.ride-actions{position:absolute;right:0;bottom:30px;display:flex;gap:9px;pointer-events:auto}.ride-actions button{font-size:11px;background:#10223690;border:1px solid #91bac64d;backdrop-filter:blur(12px);border-radius:5px;color:#d3e0e8;padding:13px}.ride-actions button:hover{background:#35516499}.ride-actions span{color:var(--ride-accent);margin-left:8px}.ride-actions kbd{margin-left:10px}.ride-drive-hint{position:absolute;bottom:0;left:0;color:#96acbc;font-size:9px;letter-spacing:.4px}.ride-drive-hint span{margin-left:21px}.ride-pause-panel,.ride-complete{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:370px;max-width:85vw;padding:32px;border:1px solid #9bbacb38;border-radius:12px;background:#071321d9;backdrop-filter:blur(20px);box-shadow:0 30px 120px #0008}.ride-pause-panel h2{font:500 36px 'Manrope',sans-serif;letter-spacing:-1.5px}.ride-complete h2{font-size:53px;letter-spacing:-2.5px}.ride-complete p{font-size:12px;color:#b6c6d4;line-height:1.7}.ride-complete .ride-eyebrow{font-size:7px;letter-spacing:2px}.ride-secondary{width:100%;margin-top:10px;padding:14px;border:1px solid #91bac650;background:transparent;border-radius:5px;color:#d3e0e8;font-size:12px}.ride-return-text{border:0;background:none;color:#9fb6c6;font-size:11px;padding:20px 0 0}.ride-touch{display:none;position:absolute;left:0;right:0;bottom:105px;justify-content:space-between;pointer-events:auto}.ride-touch>div{display:flex;gap:8px}.ride-touch button{touch-action:none;user-select:none;-webkit-user-select:none;background:#16344891;border:1px solid #bbdfeb5c;backdrop-filter:blur(7px);border-radius:12px;color:white;width:57px;height:57px;font-size:27px}.ride-touch button.held{background:#66c1c98c;box-shadow:0 0 20px #59e8ea44}.ride-overlay button:focus-visible{outline:2px solid var(--ride-accent);outline-offset:4px}
@media(pointer:coarse){.ride-touch{display:flex}.ride-input-guide{display:none}.ride-drive-hint{display:none}.ride-menu-help{font-size:10px}.ride-actions kbd{display:none}}
@media(max-width:700px){.ride-top{top:18px;left:18px;right:18px}.ride-wordmark{font-size:23px}.ride-wordmark span{display:none}.ride-top button{font-size:10px;padding:10px 12px}.ride-menu{left:23px;right:23px;top:auto;bottom:24px;transform:none;width:auto;max-width:none}.ride-menu h2{font-size:43px;letter-spacing:-2px;margin:12px 0 7px}.ride-menu h2 br{display:none}.ride-intro{font-size:11px;margin:0 0 17px}.ride-routes button{padding:12px}.ride-routes strong{margin:12px 0 9px;font-size:16px}.ride-menu-help{margin-bottom:0}.ride-input-guide{display:none}.ride-vignette{background:linear-gradient(0deg,#020c1bf2 0%,#020c1bab 37%,transparent 78%)}.ride-hud{inset:84px 20px 18px}.ride-route-title h2{font-size:20px}.ride-eyebrow{font-size:7px;letter-spacing:2px}.ride-progress{width:95px;top:4px}.ride-telemetry{gap:16px;bottom:12px}.ride-speed strong{font-size:48px}.ride-time,.ride-distance{padding-left:14px}.ride-time strong,.ride-distance strong{font-size:18px}.ride-time>span,.ride-distance>span{font-size:7px}.ride-speed>span{font-size:7px}.ride-actions{right:0;bottom:103px}.ride-actions button{font-size:10px;padding:9px}.ride-actions span{margin-left:4px}.ride-actions kbd{display:none}.ride-drive-hint{display:none}.ride-touch{bottom:156px}.ride-touch button{width:51px;height:51px}.ride-complete{padding:27px}.ride-complete h2{font-size:46px}.ride-overlay[data-mode=select] .ride-stage{bottom:150px}.ride-hud .ride-route-title{max-width:65%}}
@media(max-height:620px) and (min-width:701px){.ride-menu{left:5%;max-width:360px;transform:translateY(-39%)}.ride-menu h2{font-size:45px;margin:15px 0}.ride-menu h2 br{display:none}.ride-intro{margin-bottom:17px}.ride-routes button{padding:12px}.ride-routes strong{margin:13px 0 8px}.ride-input-guide{display:none}.ride-top{top:16px}.ride-menu-help{margin-bottom:0}}
@media(max-height:480px){.ride-top{top:10px}.ride-menu{top:65px;bottom:auto;left:25px;max-width:310px;transform:none}.ride-menu h2{font-size:35px}.ride-menu h2 br{display:none}.ride-intro{display:none}.ride-routes strong{margin:10px 0}.ride-routes button{padding:10px}.ride-menu-help{font-size:8px}.ride-menu h2{margin:10px 0}.ride-start{padding:12px}.ride-hud{top:65px}.ride-touch{bottom:80px}.ride-touch button{width:45px;height:45px}.ride-actions{bottom:15px}.ride-telemetry{bottom:5px}.ride-drive-hint{display:none}.ride-overlay[data-mode=select] .ride-stage{bottom:0}}

.ride-hero{pointer-events:auto;border:0;border-bottom:1px solid #819073;color:#34452b;background:none;font-size:12px;padding:4px 0;margin-top:16px}.ride-hero:hover{color:#657c55}