@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#24433f;background:#e9e9d9;font-synthesis:none;--ink:#24433f;--paper:#faf7ed;--orange:#ed744d;--line:#24433f26}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}button{touch-action:manipulation}#mountain{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#f8f4e755,transparent 55%),linear-gradient(0deg,#e7e7d955,transparent 30%)}header{position:fixed;left:3.5%;right:3.5%;top:24px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}header>*{pointer-events:auto}.wordmark{font-size:48px;font-weight:700;letter-spacing:-4px;text-decoration:none;color:var(--ink);line-height:1}.wordmark span{display:inline-block;font-size:40px;vertical-align:top;margin:0 0 0 5px;color:var(--orange)}.edition{font-size:9px;font-weight:700;letter-spacing:2.2px;line-height:2.1;text-align:center}.edition span{display:block;font-size:7px;letter-spacing:1.5px;opacity:.65}nav{display:flex;gap:8px;align-items:center}.pill{border:1px solid var(--line);border-radius:30px;background:#faf7edc9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;font-size:9px;letter-spacing:1px;font-weight:700;display:flex;gap:10px;align-items:center}.pill:hover,.round:hover{background:var(--paper)}.pill span{opacity:.5}kbd{font:inherit;border:1px solid var(--line);border-radius:4px;padding:3px 5px;background:#ffffff28}.location{position:fixed;top:101px;left:3.5%;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:1.5px}.location-weather{border-left:1px solid var(--line);padding-left:10px;font-weight:400;opacity:.65}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%}#intro{position:fixed;left:6%;bottom:15%;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700}h1{font:800 clamp(58px,6.1vw,96px)/.88 "Barlow Condensed",Impact,sans-serif;letter-spacing:-1.7px;margin:22px 0;text-transform:uppercase}em{font-style:normal;color:var(--orange)}#intro p{font-size:12px;line-height:1.85;max-width:360px;margin-bottom:25px}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;border:0;border-radius:5px;background:var(--orange);padding:18px 22px;font-size:10px;letter-spacing:1.5px;font-weight:700;min-width:218px;box-shadow:0 5px #be573930;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-2px);background:#f5865f}.primary span{font-size:24px;line-height:1}.intro-note{font-size:9px;letter-spacing:.3px;margin-top:19px}.intro-note span{font-size:15px;color:var(--orange);margin-right:5px}#postcard{position:fixed;right:5%;bottom:16%;padding:23px 26px;width:214px;background:#faf7ede8;box-shadow:5px 8px #24433f0b;transform:rotate(5deg);border:1px solid #ffffff99}#postcard .eyebrow{font-size:6px;letter-spacing:1.3px}#postcard strong{display:block;font:700 35px/.95 Barlow Condensed,sans-serif;text-transform:uppercase;margin:17px 0 24px}.postmark{display:block;width:70px;height:70px;border:1px dashed var(--orange);border-radius:50%;color:var(--orange);font-size:7px;line-height:1.5;text-align:center;padding-top:22px;position:absolute;right:-12px;bottom:-18px;transform:rotate(-18deg)}footer{position:fixed;left:3.5%;right:3.5%;bottom:22px;display:flex;justify-content:space-between;gap:14px;font-size:7px;letter-spacing:1.2px;pointer-events:none}#credit{font-size:9px;letter-spacing:.8px;font-weight:700;color:var(--ink)}#hud{position:fixed;inset:0;pointer-events:none}.stats{position:fixed;top:145px;left:3.5%;display:flex;gap:23px}.stats>div{display:flex;flex-direction:column;gap:4px}.stats strong{font:700 30px/.9 Barlow Condensed,sans-serif}.stats span{font-size:6px;letter-spacing:1px}.speedometer{position:fixed;right:3.5%;bottom:115px;display:flex;align-items:baseline;gap:7px}.speedometer strong{font:700 52px Barlow Condensed,sans-serif}.speedometer span{font-size:7px;letter-spacing:1px}.ride-help{position:fixed;bottom:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:#faf7edda;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff8;border-radius:8px;padding:12px 16px;font-size:7px;letter-spacing:.6px;white-space:nowrap;pointer-events:auto}.ride-help span{display:flex;gap:6px;align-items:center}.ride-help button{border:0;background:none;padding:2px 0 2px 15px;border-left:1px solid var(--line);font-size:7px;letter-spacing:.7px}#trick{position:fixed;left:50%;top:23%;transform:translate(-50%);color:var(--ink);font:700 24px Barlow Condensed,sans-serif;text-align:center;letter-spacing:1px;background:#faf7eddb;padding:12px 22px;border-radius:30px;box-shadow:0 4px 20px #24433f0c}#trick:empty{display:none}#waypoint{position:fixed;left:50%;top:100px;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:9px;padding:9px 13px;border-radius:30px;background:#faf7eddb;pointer-events:auto}#waypoint-arrow{display:block;color:var(--orange);font-size:22px}#clear-waypoint{border:0;background:none;font-size:19px;opacity:.6}.round{background:#fff8;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-size:22px;flex-shrink:0}#map-panel{position:fixed;right:25px;top:90px;bottom:55px;width:320px;max-height:690px;overflow:auto;z-index:7;background:#faf7edf5;border:1px solid #fff9;border-radius:12px;padding:23px;box-shadow:0 12px 80px #24433f26;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading .eyebrow{font-size:7px}.panel-heading h2{font:700 39px/.95 Barlow Condensed,sans-serif;text-transform:uppercase;margin:12px 0 18px}#map{display:block;width:100%;height:auto;border-radius:7px;background:#e6eade;border:1px solid var(--line)}.map-legend{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.5px;margin:11px 0 17px}.map-legend i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:4px}.destination{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:13px 0;border:0;border-top:1px solid var(--line);background:none;font-size:10px}.destination small{display:block;margin-top:4px;font-size:7px;opacity:.55}.destination>span:last-child{font-size:18px;color:var(--orange)}.map-note{font-size:8px;line-height:1.8;opacity:.6;margin:16px 0 0}.overlay{position:fixed;inset:0;z-index:10;background:#f5f1e5dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;overflow:auto}.overlay h2{font:800 100px/.85 Barlow Condensed,sans-serif;text-transform:uppercase;text-align:center;margin:25px 0}.overlay p{font-size:12px;margin:0 0 25px}.text-button{background:transparent;border:0;font-size:9px;letter-spacing:1px;padding:22px}.pause-controls{font-size:9px;line-height:2;text-align:center;opacity:.6}#touch{display:none;position:fixed;left:22px;right:22px;bottom:60px;justify-content:space-between;align-items:end;pointer-events:none}#joystick{position:relative;flex-shrink:0;width:112px;height:112px;border:1px solid #24433f33;border-radius:50%;background:#faf7ed55;touch-action:none;pointer-events:auto}#stick{position:absolute;left:35px;top:35px;width:40px;height:40px;background:#24433fa6;border:2px solid #faf7edc9;border-radius:50%;pointer-events:none}.stick-label{position:absolute;top:121px;width:100%;text-align:center;font-size:7px;letter-spacing:1.4px;pointer-events:none}.touch-actions{display:grid;grid-template-columns:repeat(2,50px);gap:9px;pointer-events:auto}.touch-actions button{touch-action:none;width:50px;height:50px;background:#faf7edcc;border:1px solid #fff9;border-radius:50%;font-size:20px;line-height:1}.touch-actions small{display:block;font-size:6px;letter-spacing:.5px;margin-top:3px}.touch-actions button:first-child{background:var(--orange)}#error{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,440px);background:var(--paper);border:1px solid var(--orange);padding:30px;line-height:1.7;text-align:center;font-size:13px}@media(any-pointer:coarse){#touch:not([hidden]){display:flex}.ride-help{display:none}.speedometer{bottom:205px}.location-weather{display:none}}@media(max-width:760px){header{top:20px}.wordmark{font-size:39px}.wordmark span{font-size:32px}.edition{display:none}.pill{padding:10px 12px;font-size:8px}.pill kbd{display:none}.location{top:83px;font-size:7px}.location-weather{font-size:6px}#intro{left:7%;bottom:17%}h1{font-size:67px;margin:16px 0}#intro p{font-size:11px;max-width:280px}#intro .eyebrow{font-size:8px}.primary{padding:16px 18px;min-width:210px}#postcard{display:none}footer{bottom:20px}footer>span:first-child{font-size:5px;max-width:130px;line-height:1.7}#credit{font-size:8px}.stats{top:120px;gap:18px}.stats strong{font-size:26px}.stats span{font-size:5px}.speedometer strong{font-size:38px}#waypoint{top:170px;font-size:8px;white-space:nowrap}#trick{top:235px;font-size:19px;max-width:90%;width:max-content}.ride-help{max-width:94%;flex-wrap:wrap;justify-content:center;gap:12px;font-size:6px;white-space:normal}#map-panel{inset:76px 3% 55px;width:auto;padding:19px;max-height:calc(100dvh - 131px)}#map{max-height:200px;object-fit:contain}.panel-heading h2{font-size:32px}.destination{padding:10px 0}.overlay h2{font-size:85px}.overlay .eyebrow{font-size:7px}.pause-controls{font-size:8px}.vignette{background:linear-gradient(0deg,#f3f0e8bb,transparent 75%)}body.riding .vignette{background:none}}@media(max-height:550px){#intro{bottom:18%}h1{font-size:50px;margin:12px 0}#intro p{margin:10px 0;font-size:10px}.intro-note,.edition,.location{display:none}.stats{top:82px}.overlay{justify-content:flex-start}.overlay h2{font-size:65px;margin:18px 0}.pause-controls{font-size:7px}#touch{bottom:43px}#joystick{width:92px;height:92px}#stick{left:25px;top:25px}.stick-label{top:96px}.speedometer{bottom:165px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#mountain:focus{outline:none}#interact{position:fixed;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--orange);border:1px solid #fff8;border-radius:6px;padding:13px 17px;font-size:9px;letter-spacing:1px;font-weight:700;pointer-events:auto;white-space:nowrap}@media(any-pointer:coarse){#interact{bottom:225px;font-size:8px;padding:11px}#interact kbd{display:none}}header{left:max(3.5%,env(safe-area-inset-left));right:max(3.5%,env(safe-area-inset-right));top:calc(24px + env(safe-area-inset-top))}footer{bottom:calc(22px + env(safe-area-inset-bottom));left:max(3.5%,env(safe-area-inset-left));right:max(3.5%,env(safe-area-inset-right))}#touch{left:max(22px,calc(env(safe-area-inset-left) + 12px));right:max(22px,calc(env(safe-area-inset-right) + 12px));bottom:calc(60px + env(safe-area-inset-bottom))}.stats,.location{left:max(3.5%,calc(env(safe-area-inset-left) + 8px))}.speedometer{right:max(3.5%,calc(env(safe-area-inset-right) + 8px))}@media(max-width:760px){header{top:calc(20px + env(safe-area-inset-top))}.location{top:calc(83px + env(safe-area-inset-top))}.stats{top:calc(120px + env(safe-area-inset-top))}#map-panel{top:calc(76px + env(safe-area-inset-top));bottom:calc(55px + env(safe-area-inset-bottom));max-height:calc(100dvh - 131px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#waypoint{top:calc(170px + env(safe-area-inset-top))}}@media(max-height:550px){header{top:12px}#touch{bottom:calc(43px + env(safe-area-inset-bottom))}.stats{top:82px}#trick{top:110px;font-size:17px;max-width:48%}#waypoint{top:70px}footer>span:first-child{display:none}footer{justify-content:flex-end}#interact{bottom:75px}}