@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.icon{width:21px;height:21px;flex-shrink:0}.location-icon{font-family:Arial,sans-serif}.location-icon .icon{width:29px;height:29px}:root{font-family:DM Sans,sans-serif;color:#233d31;background:#b6d8d4;font-synthesis:none;--green:#244c3b;--cream:#f8f5e9;--muted:#748173;--line:#dedfce}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d79549;outline-offset:3px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#scene,.vignette{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(180deg,#263c3414,transparent 25%,transparent 70%,#253d3155)}header{position:fixed;top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#203e31;font:800 24px Manrope,sans-serif;letter-spacing:-1.1px}.brand svg{width:38px;height:38px}.brand-light{font-weight:400}.alpha{font:700 9px DM Sans,sans-serif;letter-spacing:1.4px;border:1px solid #365d4250;border-radius:5px;padding:6px;margin-left:10px}.header-right{display:flex;align-items:center;gap:13px}.region-pill{font-size:10px;letter-spacing:1.6px;font-weight:700;display:flex;align-items:center;gap:9px;background:#f8f5e994;padding:13px 16px;border-radius:30px}.region-pill i,.ride-state i{width:7px;height:7px;border-radius:50%;background:#577c51;display:inline-block}.round{border:1px solid #c9d0bd;background:#f8f5e9ec;width:43px;height:43px;border-radius:50%;font-size:22px;display:inline-grid;place-items:center;flex-shrink:0}.card{background:#f8f5e9f5;border:1px solid #ffffffa0;box-shadow:0 12px 36px #24362915;border-radius:18px}.top-hud{position:fixed;top:92px;left:50%;transform:translate(-50%);display:flex;background:#f8f5e9f5;border:1px solid #ffffffb0;border-radius:14px;padding:16px 8px;box-shadow:0 8px 24px #26413010}.metric{display:flex;align-items:center;flex-direction:column;min-width:102px;border-left:1px solid var(--line);padding:0 15px}.metric:first-child{border:0}.metric>span,.metric>small{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#7a8675}.metric strong{font:700 30px Manrope,sans-serif;line-height:1.4;font-variant-numeric:tabular-nums}.metric.power strong{color:#cc814a}.welcome{position:fixed;left:36px;top:50%;transform:translateY(-40%);width:366px;padding:30px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#7a846c;display:flex;align-items:center;gap:9px}.small-line{height:2px;width:20px;background:#d19c69}h1{font:600 43px/1.14 Manrope,sans-serif;letter-spacing:-2px;margin:21px 0 16px}p{font-size:13px;line-height:1.8;color:#748071}.location{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);margin:25px 0 22px;padding-top:21px}.location-icon{font-size:30px;color:#8c9c6e}.location div{display:flex;flex-direction:column;gap:6px}.location strong{font-size:12px;font-weight:700}.location div>span{font-size:9px;color:#829078}.primary,.secondary{border:0;border-radius:9px;min-height:47px;padding:12px 17px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--green);color:#f8f5e9;width:100%;box-shadow:0 5px 12px #244c3b10}.primary>span{margin-left:auto;font-size:20px}.secondary{background:#efeddf;border:1px solid #d9dccb}.welcome>.secondary{width:100%;margin-top:10px}.hint{font-size:10px;line-height:1.6;margin:15px 0 0;color:#8a907e}.welcome .hint{text-align:center}.world-card{position:fixed;right:32px;top:50%;transform:translateY(-25%);width:264px;overflow:hidden}.world-card-top{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 13px}.world-card-top .eyebrow{font-size:7px;letter-spacing:1.2px}.world-card-top strong{display:block;font-size:13px;margin-top:6px;max-width:195px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.north{font-size:10px;color:#829075}#minimap{display:block;width:100%;height:166px}.map-footer{display:flex;justify-content:space-between;font-size:10px;padding:13px 17px;color:#788369}.map-footer>span:last-child{font-size:15px;font-weight:700;color:#344c39}.terrain-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 17px 5px;align-items:center}.terrain-line>span{font-size:8px;letter-spacing:1.2px;color:#7b8771}.terrain-line strong{font:700 22px Manrope,sans-serif}.grade-cell{display:flex;flex-direction:column;align-items:flex-end}.grade-cell>small{font-size:8px;letter-spacing:1px;color:#a0764a;font-weight:700}.terrain-note{padding:0 17px 13px;font-size:8px;color:#929983}.bottom-tools{position:fixed;bottom:55px;left:32px;display:flex;gap:8px}footer{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;color:#f9f5df;font-size:9px;text-shadow:0 1px 4px #253d31}.footer-tag{letter-spacing:2px;font-size:8px}footer a{color:inherit;text-decoration:none}.ride-bar{position:fixed;bottom:58px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:26px;padding:15px 20px;min-width:520px}.ride-state{display:flex;align-items:center;gap:11px}.ride-state>div{display:flex;flex-direction:column;gap:5px}.ride-state strong{font-size:12px}.ride-state span{font-size:9px;color:#829078}.demo-control{display:flex;flex-direction:column;gap:9px;flex:1}.demo-control>span{font-size:8px;letter-spacing:1px;color:#7a8675}.demo-control b{float:right;color:#cc814a}input[type=range]{accent-color:#b9804f;width:150px;height:15px;margin:0}.ride-actions{display:flex;gap:9px;align-items:center}.ride-actions .round{font-size:13px}.ride-actions .secondary{min-height:40px}.junction{position:fixed;left:50%;bottom:165px;transform:translate(-50%);width:400px;padding:18px;background:#f8f5e9fc}.junction-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.junction-top span{font-size:9px;letter-spacing:1.5px;color:#73846b}.junction-top strong{font-size:13px}#turn-options{display:flex;gap:7px;overflow-x:auto}.turn-button{flex:1;min-width:85px;display:flex;align-items:center;flex-direction:column;border:1px solid #d9dccb;border-radius:10px;padding:8px;background:#efeddf;gap:4px}.turn-button>span{font-size:26px}.turn-button strong{font-size:11px}.turn-button small{max-width:105px;font-size:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.turn-button.selected{background:#244c3b;color:#f8f5e9;border-color:#244c3b}#turn-default{display:block;font-size:9px;color:#7b8970;margin-top:11px}dialog{border:1px solid #fff;background:var(--cream);color:#233d31;border-radius:20px;width:min(520px,calc(100vw - 30px));padding:35px;box-shadow:0 30px 100px #172e3440;max-height:85dvh;overflow:auto}dialog::backdrop{background:#17362c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:13px;right:13px;width:32px;height:32px}h2{font:600 28px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:15px 0}.device-status{background:#e9ecdf;border-radius:12px;padding:17px;display:flex;align-items:center;gap:16px;margin:20px 0}.device-icon{font-size:35px}.device-status>div{display:flex;flex-direction:column;gap:6px}.device-status strong{font-size:14px}.device-status span:not(.device-icon){font-size:11px;color:#728269}.dialog-actions{display:flex;flex-direction:column;gap:10px}.fact-grid{display:flex;gap:16px;margin:25px 0}.fact-grid>div{flex:1;display:flex;flex-direction:column;gap:5px}.fact-grid strong{font:700 26px Manrope,sans-serif}.fact-grid span{font-size:10px;color:#788570}.setting{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:18px}select{font:inherit;max-width:210px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#efeddf;color:#244c3b}#again{width:100%;margin-top:10px}#toast{position:fixed;left:50%;top:190px;transform:translate(-50%);background:#244c3bf5;color:#fff6dc;border:1px solid #8eaa84;padding:15px 20px;border-radius:12px;max-width:90vw;width:max-content;font-size:12px;z-index:5;box-shadow:0 8px 30px #233d3120}@media(min-width:1450px){.welcome{left:5vw;width:390px;padding:36px}.world-card{right:4vw;width:280px}}@media(max-width:1000px){header{left:22px;right:22px}.welcome{left:22px;width:315px;padding:24px}h1{font-size:36px}.world-card{right:22px;width:225px}.metric{min-width:90px}.world-card-top .eyebrow{font-size:6px}.ride-bar{bottom:50px}.bottom-tools{left:22px;bottom:50px}.region-pill{font-size:8px}.alpha{display:none}footer{left:22px;right:22px}.footer-tag{display:none}}@media(max-width:700px){header{top:max(15px,env(safe-area-inset-top));left:16px;right:16px}.brand{font-size:21px}.brand svg{width:30px;height:30px}.region-pill{display:none}.top-hud{top:74px;width:calc(100% - 28px);padding:10px 0;border-radius:12px}.metric{min-width:0;flex:1;padding:0 5px}.metric strong{font-size:23px}.metric>span,.metric>small{font-size:6px;letter-spacing:1px}.welcome{inset:auto 16px 58px;transform:none;width:auto;padding:22px;max-width:390px}.welcome h1{font-size:36px;margin:13px 0}.welcome p{font-size:12px;margin-bottom:10px}.welcome .location{margin:13px 0;padding-top:13px}.welcome .eyebrow{font-size:8px}.welcome .hint{font-size:9px;margin:12px 0 0}.world-card{right:14px;top:175px;transform:none;width:155px}.world-card-top{padding:10px}.world-card-top .eyebrow{display:none}.world-card-top strong{font-size:10px;max-width:120px;margin:0}#minimap{height:92px}.map-footer{padding:8px;font-size:8px}.map-footer>span:last-child{font-size:12px}.terrain-line{padding:8px 10px 4px}.terrain-line>span{font-size:6px;letter-spacing:.7px}.terrain-line strong{font-size:18px}.grade-cell>small{font-size:6px;letter-spacing:.6px}.terrain-note{font-size:7px;padding:0 10px 8px}.world-card{display:none}.riding .world-card{display:block}.bottom-tools{left:16px;bottom:15px;gap:6px}.bottom-tools .round{width:33px;height:33px;font-size:19px}footer{left:100px;right:12px;bottom:18px;font-size:7px;justify-content:flex-end;text-align:right;max-width:calc(100% - 115px)}.ride-bar{left:14px;right:14px;bottom:60px;transform:none;min-width:0;padding:13px;gap:10px;flex-wrap:wrap;border-radius:13px}.ride-state{flex:1}.ride-state strong{font-size:11px}.ride-state span{font-size:8px}.demo-control{order:3;min-width:100%;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.demo-control>span{display:flex;gap:12px}.demo-control input{width:48%}.ride-actions{gap:6px}.ride-actions .secondary{font-size:11px;padding:8px 12px;min-height:35px}.ride-actions .round{width:35px;height:35px}.junction{width:calc(100% - 20px);bottom:166px;padding:8px 10px;border-radius:11px}.junction-top{margin-bottom:5px}.junction-top span{font-size:7px}.junction-top strong{font-size:10px}#turn-options{gap:5px}.turn-button{min-width:64px;padding:4px 5px;gap:2px}.turn-button>span{font-size:18px}.turn-button strong{font-size:9px}.turn-button small,#turn-default{display:none}#toast{top:152px;font-size:11px}dialog{padding:27px 22px}.fact-grid strong{font-size:23px}}@media(max-height:650px)and (orientation:landscape){header{top:12px}.top-hud{top:64px;padding:8px 0}.metric strong{font-size:22px}.welcome{top:130px;bottom:auto;transform:none;width:300px;padding:20px}.welcome h1{font-size:29px;margin:10px 0}.welcome>p{display:none}.welcome .location{margin:10px 0;padding-top:10px}.welcome .hint{display:block;margin:9px 0 0;font-size:8px}.primary,.secondary{min-height:38px;padding:10px;font-size:11px}.world-card{top:135px;transform:none;width:195px}#minimap{height:85px}.terrain-note{font-size:7px}.ride-bar{bottom:40px;padding:10px 15px}.junction{bottom:115px}.bottom-tools{bottom:40px}footer{bottom:12px}.world-card-top{padding:10px}.map-footer{padding:8px 12px}.terrain-line{padding:8px 12px 3px}}@media(max-height:450px)and (orientation:landscape){.welcome{top:143px;bottom:42px;padding:15px;overflow-y:auto}.welcome h1{font-size:25px;line-height:1.05;margin:0 0 12px}.welcome .eyebrow,.welcome .location,.welcome .hint{display:none}.welcome>.secondary{margin-top:8px}.bottom-tools{display:none}.riding .bottom-tools{display:flex}.world-card{top:143px}.top-hud{padding:7px 0}.world-card .terrain-note{display:none}.junction{bottom:102px;padding:6px 8px;width:330px}.turn-button{padding:3px}.turn-button>span{font-size:17px}}@media(max-height:700px)and (orientation:portrait){.welcome{padding:18px}.welcome h1{font-size:30px;margin:12px 0}.welcome>p:not(.hint){display:none}.welcome .location{margin:12px 0}.welcome .eyebrow{font-size:7px}}#scene{touch-action:none}#scene canvas{touch-action:none;cursor:grab}#scene canvas:active{cursor:grabbing}.top-hud{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:min(770px,calc(100% - 28px))}.metric{min-width:0;padding:0 7px}.metric>small{letter-spacing:.7px}#inspect-help{position:fixed;bottom:62px;left:50%;transform:translate(-50%);padding:16px 20px;display:flex;align-items:center;gap:15px;width:max-content;max-width:calc(100% - 30px);font-size:12px}#inspect-help>span{font-size:11px;color:#748173;max-width:290px}#inspect-help .secondary{white-space:nowrap}.inspecting .ride-bar,.inspecting .junction{display:none!important}.inspecting .world-card{opacity:.8}#nearby{position:fixed;left:32px;top:210px;padding:11px 15px;max-width:340px;font-size:11px;color:#536b46}.inspecting #nearby{display:none}.destination{position:fixed;right:32px;bottom:60px;padding:13px 44px 13px 16px;min-width:230px;display:grid;gap:3px}.destination>span{font-size:7px;letter-spacing:1.4px;color:#7a8675}.destination>strong{font-size:12px}.destination>small{font-size:9px;color:#748173}.destination>button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:23px}.search-input{width:100%;border:1px solid var(--line);background:#fffdf5;border-radius:10px;padding:14px;font:inherit;color:#244c3b}.search-results{display:flex;flex-direction:column;gap:5px;margin-top:12px;max-height:310px;overflow:auto}.search-results>button{display:flex;justify-content:space-between;gap:15px;text-align:left;border:1px solid var(--line);background:#efeddf;border-radius:9px;padding:12px}.search-results>button strong{font-size:12px}.search-results>button span{font-size:9px;color:#748173;text-transform:capitalize}.hr-pairing{margin-top:23px;padding-top:13px;border-top:1px solid var(--line)}.hr-pairing h3{font-size:15px}.ride-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.ride-summary span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#748173}.ride-summary b{font-size:17px;color:#244c3b}#download{width:100%;margin-top:10px}#resume-saved{margin-bottom:10px}.profile-ready{box-shadow:inset 0 0 0 3px #7ca473}.profile-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.profile-form label{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.profile-form label span{display:flex;align-items:center;gap:8px;color:#748173}.profile-form input{width:95px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fffdf5;font:inherit;text-align:right}.form-error{color:#a04d3d;background:#f4ddd5;border-radius:8px;padding:9px 12px;font-size:11px;margin:0}.search-results{gap:7px}.search-results>button{align-items:center}.result-copy,.result-stats{display:flex;flex-direction:column;gap:4px}.result-copy{min-width:0}.result-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-copy small,.result-stats small{font-size:9px;color:#748173;text-transform:capitalize}.result-stats{align-items:flex-end;flex-shrink:0}.result-stats b{font-size:12px}.result-stats small{text-transform:none}.empty-search{display:flex;flex-direction:column;gap:7px;background:#f1e8d9;border:1px solid #e4d4bd;border-radius:9px;padding:14px}.empty-search strong{font-size:12px}.empty-search span{font-size:10px;line-height:1.6;color:#748173}.profile-form select{max-width:210px}.bike-description{font-size:10px;line-height:1.5;color:#748173;margin:-4px 0 0;text-align:right}@media(max-width:700px){.top-hud{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px}.metric:nth-child(5){border-left:0}.metric strong{font-size:20px}.metric>small{font-size:6px;letter-spacing:0}.riding .world-card{top:227px}#nearby{top:220px;left:14px;max-width:180px;font-size:9px;padding:8px}.riding #nearby{top:auto;bottom:202px}.welcome{max-height:calc(100dvh - 290px);overflow:auto}#inspect-help{bottom:63px;flex-wrap:wrap;width:calc(100% - 28px);gap:9px;padding:14px}#inspect-help>strong{width:100%}#inspect-help>span{flex:1;min-width:130px;font-size:10px}#inspect-help .secondary{font-size:10px;min-height:40px}.destination{right:14px;bottom:62px;min-width:180px}.riding .destination{bottom:200px}.bottom-tools{max-width:calc(100% - 30px)}}@media(max-height:450px)and (orientation:landscape){#inspect-help{bottom:40px;padding:10px;gap:10px}#inspect-help>strong{display:none}#nearby{top:145px;left:22px;font-size:9px;max-width:260px}.top-hud{width:calc(100% - 80px)}.metric>small{font-size:6px}.metric>span{font-size:7px}.welcome{max-height:none}.welcome h1{display:none}.welcome>.secondary{min-height:33px;padding:8px}.welcome>.primary{min-height:34px;padding:8px}.welcome .hint{display:none}}.packet-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px!important;color:#8b9382!important;word-break:break-all}.packet-line:empty{display:none}.demo-warning{background:#f6ecd8;border:1px solid #e0cda4;border-radius:9px;padding:11px 13px;font-size:11px;line-height:1.6;color:#7a6a45;margin:0 0 16px}.course-card{position:fixed;left:32px;bottom:120px;width:290px;padding:12px 14px;display:grid;gap:6px}.course-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.course-top span{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-top strong{font-size:16px;white-space:nowrap}.course-bar{height:6px;border-radius:3px;background:#e4e2d2;overflow:hidden}.course-bar i{display:block;height:100%;width:0;background:#e0a24e}#course-profile{width:100%;height:46px;display:block}.course-card small{font-size:10px;color:#536b46}.course-mode #destination,.course-mode #locate,.course-mode #destination-status{display:none}.course-status{display:grid;gap:5px;background:#f6efdf;border:1px solid #eadcbf;border-radius:10px;padding:11px 12px;margin:0 0 12px}.course-status strong{font-size:12px}.course-status span{font-size:10px;color:#748173}.route-list{max-height:min(52vh,460px);margin:14px 0}.route-item{align-items:center}.route-item.current{border-color:#e0a24e;background:#f6efdf}.route-flag{font-size:22px;flex-shrink:0}.route-item .result-copy{flex:1}.route-item em{font-style:normal;font-size:10px;color:#a8692a}.course-done{background:#f6efdf;border-radius:9px;padding:10px 12px;font-size:12px}.course-mode:not(.riding) .course-card{display:none}@media(max-width:1000px){.course-card{left:22px;bottom:105px}}@media(max-width:700px){.course-card{left:14px;right:14px;width:auto;bottom:200px;padding:10px 12px}#course-profile{height:34px}.course-mode.riding #nearby{bottom:318px}}@media(max-height:450px)and (orientation:landscape){.course-card{inset:132px 14px auto auto;width:220px}#course-profile{display:none}.course-mode.riding #nearby{bottom:auto}}@media(max-width:700px){body:not(.riding) .top-hud{display:none}.welcome{max-height:calc(100dvh - 150px)}}.log-result{font-size:11px;color:#536b46;margin:6px 0 0}.min-map .world-card,.min-course .course-card,.min-controls .ride-bar{display:none!important}.dock{position:fixed;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.dock .round{font-size:18px;box-shadow:0 4px 14px #26413022}body:not(.riding) #dock-controls,body:not(.course-mode) #dock-course{display:none}.inspecting .dock{display:none}@media(max-width:700px){.top-hud{top:calc(max(15px,env(safe-area-inset-top)) + 54px);padding:7px 0}.metric strong{font-size:18px;line-height:1.3}.metric>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.riding .world-card{top:calc(max(15px,env(safe-area-inset-top)) + 168px)}}body:not(.riding) .top-hud{display:none}@media(min-width:701px)and (min-height:651px){.welcome{top:100px;bottom:auto;transform:none;max-height:calc(100dvh - 210px);overflow-y:auto}}#course-ghost{font-weight:700}#course-ghost.ahead{color:#2f7d4f}#course-ghost.behind{color:#b5662c}.workout-card{position:fixed;left:32px;top:200px;width:290px;padding:12px 14px;display:none;gap:6px}.riding.workout-on .workout-card{display:grid}.workout-main{display:flex;align-items:baseline;gap:10px}#workout-target{font:700 34px Manrope,sans-serif}#workout-now{font-size:11px;font-weight:700}#workout-now.ok{color:#2f7d4f}#workout-now.off{color:#b5662c}#workout-chart{width:100%;height:40px;display:block}.workout-card small{font-size:10px;color:#536b46}.riding.workout-on #nearby{top:380px}.min-workout .workout-card{display:none!important}body:not(.workout-on) #dock-workout,body:not(.riding) #dock-workout{display:none}@media(max-width:700px){.workout-card{left:14px;top:calc(max(15px,env(safe-area-inset-top)) + 168px);width:calc(100% - 197px);padding:9px 10px;gap:4px}#workout-target{font-size:24px}#workout-chart{height:28px}.workout-card .course-top strong{font-size:13px}.min-map .workout-card{width:calc(100% - 28px)}}#workout-target{white-space:nowrap}.workout-on #demo-control{display:none!important}.career-pill{display:block;width:100%;text-align:left;border:1px solid #eadcbf;background:#f6efdf;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;color:#6b4d1f;margin:0 0 10px}.career-award{display:grid;gap:5px;background:#eef4e6;border-radius:9px;padding:10px 12px;margin:8px 0}.career-award strong{font-size:14px;color:#2f7d4f}.career-award small{font-size:10px;color:#536b46}.badge-chips{display:flex;flex-wrap:wrap;gap:6px}.badge-chips span{background:#fff8df;border:1px solid #e6c98a;border-radius:14px;padding:3px 9px;font-size:11px}.career-note{font-size:11px;color:#748173}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:36vh;overflow:auto}.badge{border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:2px;opacity:.5}.badge.earned{opacity:1;background:#fff8df;border-color:#e6c98a}.badge b{font-size:20px}.badge strong{font-size:11px}.badge small{font-size:9px;color:#748173}.ride-history{display:grid;gap:4px;font-size:11px;color:#536b46;max-height:24vh;overflow:auto}.pacer-picker{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.pacer-title{width:100%;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#7a846c}.pacer-picker button{flex:1 1 30%;min-width:88px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #d9dccb;background:#efeddf;border-radius:9px;padding:6px 8px;text-align:left}.pacer-picker strong{font-size:10px}.pacer-picker small{font-size:8px;color:#748173}.pacer-picker button.selected{background:#244c3b;border-color:#244c3b;color:#f8f5e9}.pacer-picker button.selected small{color:#cfe0c8}#course-pacer{font-weight:700}#course-pacer.ahead{color:#2f7d4f}#course-pacer.behind{color:#b5662c}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.profile-heading button{min-height:36px;padding:6px 10px;border:1px solid #c9d0bd;border-radius:8px;background:#eeeddf;font-size:11px;font-weight:700}.profile-heading button[aria-pressed=true]{background:#244c3b;color:#fff}#course-profile{display:block;height:65px}.profile-legend{display:flex;justify-content:space-between;gap:4px;font-size:9px}.profile-legend span{border-top:3px solid #377da5;padding-top:2px}.profile-legend span:nth-child(2){border-color:#65865a}.profile-legend span:nth-child(3){border-color:#bb8a29}.profile-legend span:nth-child(4){border-color:#cc6b32}.profile-legend span:nth-child(5){border-color:#ae4260}@media(max-width:700px){.course-mode.riding #nearby{bottom:calc(208px + var(--course-panel-height,240px))}.profile-heading button{min-height:44px}}@media(max-height:450px)and (orientation:landscape){.course-card{top:136px;width:245px;padding:8px 10px;gap:3px}#course-profile{height:48px}.profile-heading button{min-height:32px}.profile-legend{font-size:8px}}@media(max-height:450px)and (orientation:landscape){.course-mode.riding .world-card{left:22px;right:auto;top:136px;width:195px}.course-mode #minimap{height:55px}.course-mode.riding #nearby{left:235px;top:145px;bottom:auto;max-width:calc(100% - 510px)}.course-mode .ride-bar{left:235px;right:275px;transform:none;min-width:0;flex-wrap:wrap;gap:8px}.course-mode .demo-control{flex-basis:100%}.course-mode .ride-state{min-width:0}}@media(max-height:450px)and (orientation:landscape){.course-mode #minimap{height:35px}.course-mode .ride-bar{display:grid;grid-template-columns:1fr auto}.course-mode .ride-actions{grid-column:2;grid-row:1}.course-mode .demo-control{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.course-mode .demo-control input{width:48%}.course-mode .ride-detail{max-width:150px}}@media(max-height:450px)and (orientation:landscape){.course-mode.workout-on .workout-card{left:235px;right:275px;top:136px;width:auto;padding:8px 10px;gap:4px}.course-mode #workout-target{font-size:24px}.course-mode #workout-chart{height:28px}.course-mode.workout-on:not(.min-workout) #nearby{display:none}}#course-climb{font-weight:700;color:#8a4a22}#course-climb.ahead{color:#2f7d4f}#course-climb.behind{color:#b5662c}.climb-list span{display:block}.climb-done{margin:4px 0}@media(max-width:700px){.header-right{gap:6px}.header-right .round{width:36px;height:36px;font-size:17px}.brand{min-width:0}}@media(max-width:380px){.brand{font-size:18px;gap:6px}.brand svg{width:26px;height:26px}.header-right .round{width:33px;height:33px;font-size:16px}}#open-activities{width:100%;margin-top:10px}.activity-row{display:grid;gap:3px;width:100%;text-align:left;border:1px solid #d9dccb;background:#efeddf;border-radius:10px;padding:10px 12px;margin:0 0 8px}.activity-row strong{font-size:12px}.activity-row span{font-size:10px;color:#748173}#activity-chart{display:block;width:100%;height:auto;background:#f3f1e4;border-radius:10px}.chart-legend{display:flex;gap:14px;font-size:10px;margin:6px 0 0}.lg-power{color:#cc814a}.lg-hr{color:#b8434f}.lg-ele{color:#a9ae98}#activity-tcx,#activity-json,#activity-delete,#activity-back,#activities-back{width:100%;margin-top:10px}.route-hero{position:relative;aspect-ratio:2/1;margin:14px 0 0;overflow:hidden;border-radius:12px;background:#d9e6df}.route-art{display:block;width:100%;height:100%}.route-hero figcaption{position:absolute;inset:auto 0 0;padding:22px 12px 9px;background:linear-gradient(transparent,#142d2ce8);color:#fff;font-size:13px;font-weight:700}.route-hero figcaption small{display:block;font-size:8px;letter-spacing:.6px;font-weight:400;margin-top:3px;color:#e3ebe5}.course-mode .welcome h1{font-size:30px;letter-spacing:-1px;margin:14px 0 8px}.course-mode .welcome>p:not(.hint){font-size:11px;line-height:1.6;margin:0}.course-mode .welcome .location{margin:12px 0;padding-top:12px}.course-mode #start-ride{margin-bottom:12px}.scenic-routes .scenic-route{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:0 0 12px;overflow:hidden}.route-thumbnail{display:block;grid-column:1 / -1;aspect-ratio:2/1;width:100%;overflow:hidden;background:#d9e6df}.scenic-route .route-flag{margin-left:12px;font-size:18px}.scenic-route .result-copy{padding:0 12px 0 6px}.scenic-route .result-copy strong{white-space:normal;font-size:14px;color:#233d31}.scenic-route .result-stats{grid-column:1 / -1;flex-direction:row;justify-content:space-between;padding:0 12px;color:#233d31}.scenic-route.current{box-shadow:inset 0 0 0 2px #d49d4a}.scenic-routes{max-height:58dvh;gap:12px}.scenic-routes #free-ride,.scenic-routes .scenic-route{flex-shrink:0}@media(min-width:701px){.scenic-routes{display:grid;grid-template-columns:1fr 1fr;align-items:start}.scenic-routes #free-ride{grid-column:1 / -1}.scenic-routes .result-copy small{line-height:1.5}.scenic-route .result-stats{flex-wrap:wrap;gap:4px}}@media(max-height:450px)and (orientation:landscape){.course-mode .welcome h1{display:block;font-size:22px}.course-mode .route-hero{aspect-ratio:2/1;margin-top:0}.course-mode .route-hero figcaption{font-size:10px;padding:14px 8px 6px}.course-mode .welcome{top:74px}.scenic-routes{max-height:48dvh}}.race-results{width:100%;border-collapse:collapse;font-size:11px;margin:6px 0}.race-results th{text-align:left;font-size:9px;letter-spacing:1px;color:#7a846c;border-bottom:1px solid var(--line);padding:4px}.race-results td{padding:4px;border-bottom:1px solid #eeeadb}.race-results tr.you td{font-weight:800;color:#1b5545;background:#e6efe0}@media(max-width:700px)and (orientation:portrait){.top-hud{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:0;row-gap:0;overflow:hidden;background:#faf8ef;box-shadow:0 5px 22px #24362925}.top-hud .metric{grid-column:span 3;min-width:0;padding:8px 3px 7px;gap:2px;border-color:#d5dacd}.top-hud .metric>span{font-size:9px;letter-spacing:.3px;color:#4d6255}.top-hud .metric strong{font-size:28px;line-height:1.15;letter-spacing:-.8px}.top-hud .metric>small{font-size:8px;letter-spacing:0;color:#536757;max-width:100%}.top-hud .power{background:#f5ead7}.top-hud .power strong{color:#94521d}.metric-speed{grid-row:1;grid-column:4 / span 3!important}.metric-cadence{grid-row:1;grid-column:7 / span 3!important}.metric-heart-rate{grid-row:1;grid-column:10 / span 3!important}.top-hud .metric-distance,.top-hud .metric-time,.top-hud .metric-calories{grid-row:2;grid-column:span 4;padding:5px 4px;border-top:1px solid #d5dacd;background:#eef1e7}.top-hud .metric-distance{border-left:0}.top-hud .metric-distance strong,.top-hud .metric-time strong,.top-hud .metric-calories strong{font-size:19px;letter-spacing:0}.riding .world-card,.riding .workout-card{top:calc(max(15px,env(safe-area-inset-top)) + 207px)}.course-mode.riding #minimap{height:32px}.course-mode.riding .world-card .terrain-note{display:none}}.goals-pill{background:#eef4e6;border-color:#cfe0c2;color:#2f5d3f}.goal-targets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.goal-targets button{border:1px solid #d9dccb;background:#efeddf;border-radius:14px;padding:6px 10px;font-size:11px}.goal-targets button.selected{background:#244c3b;border-color:#244c3b;color:#f8f5e9}.challenge-row{display:grid;gap:4px;border:1px solid #e3e1d2;border-radius:10px;padding:9px 11px;margin:0 0 8px;background:#f6f4e8}.challenge-row strong{font-size:12px}.challenge-row small{font-size:10px;color:#748173}.challenge-row.done{background:#eef4e6;border-color:#cfe0c2}.goal-awards{display:grid;gap:3px;font-size:11px;color:#2f5d3f;font-weight:700}#course-social{font-weight:700;color:#2f5d9c}.route-live{font-size:11px;font-weight:700;color:#2f7d4f;margin:0 0 10px}.live-count{display:block;font-style:normal;font-size:10px;font-weight:700;color:#2f7d4f}.profile-form label.check{display:flex;gap:8px;align-items:center;font-size:12px}.plan-pill{background:#eaf0f8;border-color:#c7d6ea;color:#2f5d9c}.challenge-row.today{border-color:#2f5d9c;background:#eef3fa}#plan-ride,#plan-end{width:100%;margin-top:10px}.progress-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.progress-row .career-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;margin:0;padding:7px 8px}.progress-row .career-pill strong,.progress-row .career-pill small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-row .career-pill strong{font-size:11px}.progress-row .career-pill small{font-size:9px;font-weight:600;opacity:.8}.nav-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.welcome .nav-row>.secondary{width:auto;min-width:0;margin:0;min-height:42px;padding:8px 4px;font-size:11px}.welcome .link-action{display:block;width:100%;min-height:40px;margin-top:2px;background:none;border:0;font-size:11px;font-weight:600;color:#2f5d3f;text-decoration:underline;text-underline-offset:3px}.welcome .link-action>span{margin-left:4px}.pacer-chips{display:flex;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pacer-chips::-webkit-scrollbar{display:none}.pacer-chips button{flex:0 0 auto!important;min-width:104px}.climb-list summary{cursor:pointer;font-size:12px;font-weight:700;list-style:none}.climb-list summary::-webkit-details-marker{display:none}.climb-list summary:after{content:" ▾";color:#748173}.climb-list details[open] summary{margin-bottom:5px}@media(max-width:380px){.progress-row .career-pill{padding:6px}.progress-row .career-pill strong{font-size:10px}.progress-row .career-pill small{font-size:8px}}@media(max-height:450px)and (orientation:landscape){.progress-row .career-pill{padding:5px 6px}.progress-row .career-pill strong{font-size:9.5px}.progress-row .career-pill small{font-size:8px}.course-mode .route-hero{aspect-ratio:4/1}}.course-expand{display:none}@media(max-width:700px)and (orientation:portrait){.course-mode.riding .course-expand{display:inline-grid;place-items:center;flex:0 0 auto;min-width:36px;min-height:32px;padding:0 8px;border:1px solid #c9d0bd;border-radius:8px;background:#eeeddf;font-size:13px;font-weight:700}.course-mode.riding:not(.course-expanded) .course-card{top:calc(var(--hud-bottom,203px) + 8px);bottom:auto;left:14px;right:179px;width:auto;padding:8px 10px;gap:4px}.course-mode.riding.min-map:not(.course-expanded) .course-card{right:14px}.course-mode.riding:not(.course-expanded) .course-card .profile-heading,.course-mode.riding:not(.course-expanded) .course-card .profile-legend,.course-mode.riding:not(.course-expanded) #course-detail,.course-mode.riding:not(.course-expanded) .course-card>small:not([data-primary]){display:none!important}.course-mode.riding:not(.course-expanded) .course-card>small[data-primary]{font-size:10px;line-height:1.35}.course-mode.riding:not(.course-expanded) #course-profile{height:40px}.course-mode.riding:not(.course-expanded) .course-top strong{font-size:13px}.course-mode.riding .world-card{top:calc(var(--hud-bottom,203px) + 8px)}.course-mode.riding:not(.course-expanded) #nearby{top:calc(var(--hud-bottom,203px) + 16px + var(--course-panel-height,140px));bottom:auto}}.course-card{grid-template-columns:minmax(0,1fr)}.course-card>*{min-width:0}#course-profile{max-width:100%}.course-top,.course-top span{min-width:0}.summary-sub{font-size:11px;color:#748173;margin:0 0 4px}.summary-facts{margin:14px 0}.summary-more{border-top:1px solid var(--line);margin-top:12px;padding-top:6px}.summary-more>summary{display:flex;align-items:center;min-height:38px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.summary-more>summary::-webkit-details-marker{display:none}.summary-more>summary:after{content:" ▾";color:#748173;margin-left:6px}.summary-more .ride-summary{margin:4px 0 0}.summary-more .hint{text-align:left;margin-top:8px}#summary-title{font-size:24px;margin:10px 0 2px}.summary-facts{margin:8px 0}#dialog .course-done{margin:5px 0}#dialog .career-award{margin:6px 0;padding:8px 12px}.summary-more{margin-top:6px;padding-top:2px}.summary-more>summary{min-height:32px}@media(max-height:450px)and (orientation:landscape){.riding .ride-bar,.course-mode.riding .ride-bar{left:50%;right:auto;top:auto;bottom:max(6px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:calc(100% - 416px);min-width:0;max-width:440px;padding:5px 6px 5px 12px;border-radius:12px}.riding .ride-state{flex:0 0 auto;min-width:0;gap:8px}.riding .ride-state span{display:none}.riding .ride-state strong{white-space:nowrap;font-size:11px}.riding .demo-control,.course-mode.riding .demo-control{flex:1 1 0;order:0;display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;border:0;padding:0}.riding .demo-control>span{font-size:0;white-space:nowrap}.riding .demo-control b{float:none;font-size:10px}.riding .demo-control input,.course-mode.riding .demo-control input{width:auto;flex:1 1 40px;min-width:40px}.riding .ride-actions{gap:5px}.riding .ride-actions .secondary{min-height:32px;padding:4px 10px;font-size:11px}.riding .ride-actions .round{width:32px;height:32px}.riding .bottom-tools{left:14px;bottom:max(6px,env(safe-area-inset-bottom));gap:5px}.riding .bottom-tools .round{width:32px;height:32px;font-size:15px}.riding footer{left:auto;right:14px;bottom:max(4px,env(safe-area-inset-bottom));max-width:168px;font-size:7px;text-align:right;justify-content:flex-end}.riding footer .footer-tag{display:none}.riding .world-card,.course-mode.riding .world-card{left:14px;right:auto;top:calc(var(--hud-bottom,128px) + 8px);width:185px;transform:none}.riding #minimap,.course-mode.riding #minimap{height:38px}.riding .world-card .terrain-note{display:none}.riding .world-card-top{padding:7px 10px 4px}.riding .map-footer{padding:5px 10px}.riding .terrain-line{padding:5px 10px 6px}.course-mode.riding .course-expand{display:inline-grid;place-items:center;flex:0 0 auto;min-width:34px;min-height:30px;padding:0 8px;border:1px solid #c9d0bd;border-radius:8px;background:#eeeddf;font-size:13px;font-weight:700}.course-mode.riding .course-card{top:calc(var(--hud-bottom,128px) + 8px);bottom:auto;left:auto;right:14px}.course-mode.riding:not(.course-expanded) .course-card{width:230px;padding:7px 10px;gap:3px}.course-mode.riding:not(.course-expanded) .course-card .profile-heading,.course-mode.riding:not(.course-expanded) .course-card .profile-legend,.course-mode.riding:not(.course-expanded) #course-detail,.course-mode.riding:not(.course-expanded) .course-card>small:not([data-primary]){display:none!important}.course-mode.riding:not(.course-expanded) .course-card>small[data-primary]{font-size:9.5px;line-height:1.3}.course-mode.riding:not(.course-expanded) #course-profile{height:34px}.course-mode.riding:not(.course-expanded) .course-top strong{font-size:12px}.course-mode.riding #nearby,.riding #nearby{left:auto;right:14px;top:calc(var(--hud-bottom,128px) + 16px + var(--course-panel-height,110px));bottom:auto;max-width:230px}body.riding:not(.course-mode) #nearby{top:calc(var(--hud-bottom,128px) + 8px)}.riding.workout-on .workout-card,.course-mode.riding.workout-on .workout-card{left:14px;right:auto;width:185px;top:calc(var(--hud-bottom,128px) + 14px + var(--map-panel-height,70px));padding:7px 10px;gap:3px}.riding.min-map.workout-on .workout-card{top:calc(var(--hud-bottom,128px) + 8px)}.riding.workout-on .world-card #minimap,.riding.workout-on .world-card .map-footer{display:none}.riding.workout-on .world-card-top{padding:5px 10px 1px}.riding.workout-on .terrain-line{padding:2px 10px 5px}.riding.workout-on .terrain-line strong{font-size:17px}.riding.workout-on #workout-now{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.riding.workout-on #workout-target{font-size:20px}.riding.workout-on #workout-chart{height:22px}.riding.workout-on #workout-next{display:none}.riding.workout-on:not(.min-workout) #nearby{display:none}.riding #toast{top:calc(var(--hud-bottom,128px) + 8px);max-width:calc(100% - 440px);padding:9px 14px;font-size:11px}}#app{position:fixed;top:0;bottom:0;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);contain:layout}#scene,.vignette{left:calc(-1*env(safe-area-inset-left,0px));right:calc(-1*env(safe-area-inset-right,0px))}@supports (-webkit-touch-callout:none){input:not([type=range]):not([type=checkbox]),select,textarea{font-size:16px}.profile-form #profile-name{width:150px}}