textarea{resize:vertical;width:100%;font-size:11px}*{box-sizing:border-box}body{color:#173b37;background:#f3f4ec;margin:0;font-family:system-ui,sans-serif}header{border-bottom:1px solid #d5dfd7;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}a{color:inherit;font-weight:800;text-decoration:none}header span,.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}button{color:#fff;font:inherit;cursor:pointer;background:#194f43;border:0;border-radius:9px;min-height:44px;padding:13px 20px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e99431}main{grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100dvh - 70px);display:grid}.ride{background:#b0dbeb;min-height:560px;position:relative;overflow:hidden}#world{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{background:#f8fcf4e8;border-radius:12px;width:fit-content;display:flex;position:absolute;top:24px;left:24px;right:24px;overflow:hidden;box-shadow:0 5px 24px #173b3710}.hud>div{flex-direction:column;gap:3px;padding:16px 24px;display:flex}.hud strong{font-variant-numeric:tabular-nums;font-size:29px}.hud span{letter-spacing:1px;font-size:9px}.hud .power{color:#183c36;background:#e8ad52}.route-label{pointer-events:none;position:absolute;top:140px;left:28px}.route-label span{letter-spacing:2px;font-size:10px}h1{margin:8px 0;font-size:clamp(24px,3vw,42px)}p{font-size:13px;line-height:1.65}aside{padding:30px 24px}h2{margin:12px 0 18px;font-size:26px;line-height:1.15}aside>button{width:100%}label{margin:22px 0;font-size:12px;font-weight:650;display:block}output{float:right;font-weight:500}input[type=range]{accent-color:#286654;width:100%;min-height:24px;margin:14px 0;display:block}.check{align-items:center;gap:10px;font-weight:500;display:flex}.check input{accent-color:#286654;width:18px;height:18px;margin:0}input[type=color]{background:0 0;border:1px solid #c1d1c4;width:100%;height:34px;margin-top:10px;display:block}.jump{gap:6px;margin:22px 0 10px;display:flex}.jump button{color:#173b37;background:#e0e7dc;flex:1;padding:10px 5px;font-size:12px}.secondary{color:#173b37;background:0 0;border:1px solid #becbbf}.note{color:#5d746a;font-size:11px}.profile{background:#f8fcf4e8;border-radius:10px;max-width:400px;padding:12px 16px;position:absolute;bottom:24px;left:24px;right:24px}.profile canvas{width:100%;height:65px;display:block}.profile span{font-size:11px}#loading{background:#fff;border-radius:6px;max-width:80%;padding:10px 15px;position:absolute;bottom:145px;left:24px}#loading:empty{display:none}@media (width<=950px){main{grid-template-columns:minmax(0,1fr) 260px}.hud>div{padding:12px}.hud strong{font-size:24px}aside{padding:24px 16px}}@media (width<=700px){header{height:60px;padding:0 16px}header span{letter-spacing:1px;font-size:8px}main{display:block}.ride{min-height:65dvh}.hud{top:12px;left:12px;right:12px}.hud>div{padding:10px 12px}.hud strong{font-size:22px}.hud span{font-size:8px}.route-label{top:110px;left:18px}.profile{bottom:12px;left:12px;right:12px}aside{padding:24px}.route-label h1{font-size:26px}}