@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#234749;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#dce8ed}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d9764f;outline-offset:5px}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(242,247,245,.5),transparent 52%);opacity:.7}header{position:absolute;left:4%;right:4%;top:36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;font-size:17px;font-weight:800;letter-spacing:2px}.brand svg{width:39px}.brand small{display:block;font-size:7px;letter-spacing:1.9px;margin-top:7px;font-weight:600}.top-actions{display:flex;align-items:center;gap:28px}.weather{font-size:9px;font-weight:700;letter-spacing:1.5px;display:flex;gap:11px;align-items:center}.weather i{width:6px;height:6px;background:#658b78;border-radius:100%}.weather b{margin-left:9px;font-size:13px;font-weight:500}.icon-button{border:1px solid #54727140;background:#f6faf94d;border-radius:30px;padding:12px 17px;color:inherit;font-size:15px}.icon-button span{font-size:8px;letter-spacing:1.5px;margin-left:9px}main{position:absolute;left:8%;top:27%;transition:opacity .6s,transform .6s}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow>span{display:block;width:27px;height:1px;background:currentColor}h1{font-family:Manrope,sans-serif;font-size:clamp(60px,6.8vw,104px);font-weight:500;line-height:1.02;letter-spacing:-6px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#397675}main p{font-size:14px;line-height:1.9;color:#527071;margin:0 0 26px}.primary{border:0;background:#244e4e;color:#fff;border-radius:5px;padding:17px 22px;min-width:180px;display:flex;align-items:center;justify-content:space-between;font-size:12px;box-shadow:0 6px 20px #23474915}.primary:hover{background:#336a65}.primary span{font-size:22px;font-weight:400}.intro-note{font-size:9px;letter-spacing:.5px;margin-top:15px;color:#698080}.location{position:absolute;right:4%;top:44%;writing-mode:vertical-rl;display:flex;align-items:center;gap:17px}.location span{font-size:7px;letter-spacing:2px;color:#637f82}.location div{font-size:10px;letter-spacing:3px;font-weight:700}footer{position:absolute;bottom:34px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end}.conditions,.ride-stat{display:flex;flex-direction:column;gap:9px}.section-label{font-size:7px;letter-spacing:1.8px;font-weight:700;color:#6c8685}.conditions strong{font-size:12px;font-weight:500}.conditions>span:last-child{font-size:9px;color:#7b9290}.ride-stat{text-align:right;min-width:155px}.ride-stat strong{font-size:16px;font-weight:500}.ride-stat strong span{margin-left:20px}.controls{display:flex;align-items:center;gap:17px;padding:13px 19px;border:1px solid #fff9;background:#f8fcfa99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:7px;color:#5b7473;font-size:9px}.controls>span{display:flex;align-items:center;gap:5px}.controls i{height:15px;width:1px;background:#6b828329}kbd{font:8px DM Sans,sans-serif;border:1px solid #758c863d;border-radius:3px;padding:4px 5px;min-width:19px;text-align:center;color:#3d5d59;background:#ffffff4a}.pause-hint{display:none!important}body.riding .pause-hint{display:flex!important}body.riding #intro{opacity:0;transform:translateY(15px);pointer-events:none}.hidden{display:none!important}#pause-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:44px 50px;background:#f6faf6ed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid white;border-radius:12px;box-shadow:0 20px 100px #16373622;text-align:center}#pause-panel .eyebrow{justify-content:center}h2{font:36px Georgia,serif;margin:21px 0 10px}#pause-panel p{font-size:12px;color:#68827d;margin-bottom:28px}#pause-panel .primary{margin:auto}.text-button{display:block;margin:20px auto 0;border:0;background:none;font-size:11px;color:#59766f}#notice{position:absolute;top:115px;left:50%;transform:translate(-50%);font-size:12px;color:#345f58;opacity:0;transition:opacity .3s;background:#f5faf2b0;padding:12px 20px;border-radius:30px}#touch-controls{display:none}@media(max-width:750px){header{top:23px}.brand{font-size:13px;letter-spacing:1px}.brand small{font-size:5px;letter-spacing:1px}.brand svg{width:28px}.weather{display:none}.top-actions{gap:8px}.icon-button{padding:10px 13px}.icon-button span{display:none}main{left:7%;top:24%}h1{font-size:72px;letter-spacing:-4px}.location{display:none}footer{bottom:25px}.conditions{display:none}.controls{gap:9px;padding:11px}.ride-stat{min-width:90px}.ride-stat strong{font-size:13px}.section-label{font-size:6px}.pause-hint,body.riding .pause-hint{display:none!important}#pause-panel{width:88%;padding:35px 20px}}@media(pointer:coarse){body.riding #touch-controls{display:flex;position:absolute;bottom:90px;left:5%;right:5%;justify-content:space-between;gap:14px}#touch-controls button{border:1px solid #fff9;background:#f8fcfab0;border-radius:50%;width:54px;height:54px;font-size:24px;color:#315e59;touch-action:none}.controls{display:none}}#world:focus{outline:none}#score-hud{position:absolute;top:125px;left:4%;color:#254d4c;pointer-events:none}#score-hud>strong{display:flex;align-items:baseline;gap:9px;font:500 36px Manrope,sans-serif;letter-spacing:-1px;margin:5px 0}#score-hud strong small{font:8px DM Sans,sans-serif;letter-spacing:1.7px}#score-hud>div{font-size:9px;letter-spacing:1px;color:#4f706b}.crystal-icon{font-size:17px;color:#9b672c}.score-separator{margin:0 11px;color:#91a8a0}.run-panel{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:92%;max-height:calc(100dvh - 40px);overflow:auto;padding:29px 34px;background:#f6faf7f5;border:1px solid white;border-radius:12px;box-shadow:0 18px 90px #23474925;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.run-panel .eyebrow{justify-content:center;font-size:8px}.run-panel h2{font-size:31px;margin:17px 0 9px}.run-panel p{color:#58766e;font-size:11px;line-height:1.7;margin:7px 0 15px}.run-panel .primary{margin:16px auto 14px;width:100%}.result-score{display:flex;justify-content:center;align-items:baseline;gap:9px;margin:15px 0 4px}.result-score strong{font:500 44px Manrope,sans-serif;letter-spacing:-2px}.result-score>span{font-size:8px;letter-spacing:1px;color:#688278}#final-distance{margin-left:17px}#score-breakdown{font-size:9px;margin:15px 0 22px}.board-heading{display:flex;justify-content:space-between;text-align:left;font-size:8px;letter-spacing:1.4px;color:#6b8378;border-bottom:1px solid #78928830;padding-bottom:10px}.board-heading span{font-size:7px}.leaderboard-list{margin:0;padding:0;list-style:none;text-align:left}.leaderboard-list li{display:flex;align-items:center;gap:14px;padding:11px 3px;border-bottom:1px solid #78928820;font-size:11px}.leaderboard-list .rank{font-size:9px;color:#889c93;min-width:16px}.leaderboard-list li>strong{margin-left:auto;font-size:14px;font-weight:500}.leaderboard-list small{display:block;font-size:8px;color:#789184;margin-top:4px}.leaderboard-list .current-run{color:#95692e}.leaderboard-list .empty-board{font-size:11px;color:#728a7e;padding:24px 0;text-align:center;justify-content:center}.session-note{font-size:8px;color:#81968c;line-height:1.6;margin-top:15px}.run-panel .scoring-guide{font-size:10px;line-height:1.9;margin:18px 0}body.crashed #touch-controls{display:none!important}body.crashed .controls{opacity:.25}#leaderboard-panel{z-index:6}#pause-panel{z-index:4}@media(max-width:750px){#score-hud{top:100px;left:5%}#score-hud>strong{font-size:28px}.run-panel{padding:23px 25px}.run-panel h2{font-size:28px}.top-actions{gap:5px}.icon-button{padding:10px 11px}.intro-note{max-width:240px;line-height:1.8}}@media(max-height:660px){.run-panel{padding:18px 27px}.run-panel h2{margin:10px 0 5px;font-size:25px}.result-score{margin:6px 0}.result-score strong{font-size:32px}.leaderboard-list li{padding:7px 3px}.run-panel p{margin:5px 0 9px}.run-panel .primary{margin:10px auto}.session-note{margin-top:10px}#score-breakdown{margin:8px 0 14px}#score-hud{top:105px}}@media(min-width:1050px){#crash-panel{left:auto;right:4%;transform:translateY(-50%);width:360px;padding:26px 28px}#crash-panel h2{font-size:28px}#crash-panel .leaderboard-list li{padding:9px 3px}}#load-indicator{position:absolute;left:50%;bottom:115px;transform:translate(-50%);width:180px;text-align:center;pointer-events:none;padding:11px 15px;background:#f5faf4c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff99;border-radius:6px}#load-label{display:block;font-size:9px;letter-spacing:.6px;color:#345e59;margin-bottom:9px}.load-track{height:3px;border-radius:3px;background:#244e4e20;overflow:hidden}#load-fill{height:100%;display:block;background:#538f7c;width:0;transition:width 40ms linear}.jump-control{white-space:nowrap}@media(max-width:900px){.conditions{display:none}.controls{gap:10px;padding:12px}.controls .pause-hint{display:none!important}.ride-stat{min-width:90px}}@media(max-width:500px){.controls{font-size:8px;gap:7px;padding:10px 8px}.controls kbd{font-size:7px;padding:3px;min-width:15px}.ride-stat{min-width:65px}.ride-stat strong{font-size:11px}.ride-stat .section-label{font-size:5px;letter-spacing:.7px}.jump-control{max-width:125px;white-space:normal;line-height:1.3}#load-indicator{bottom:155px}}#touch-controls button[data-key=Space]{width:76px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}#touch-controls button small{font-size:6px;letter-spacing:.4px;margin-top:5px}:root{--mood-accent:#397675}h1 em{color:var(--mood-accent);transition:color 1s}.primary{background:var(--mood-accent);transition:background 1s}#now-playing{font-size:10px;line-height:1.5;color:#527071;margin-top:18px;max-width:260px}.top-actions{gap:16px}.weather{display:none}body[data-mood=moonlight] .grain{background:linear-gradient(90deg,#edf2fa88,transparent 70%)}@media(max-width:750px){.top-actions{gap:5px}.brand small{display:none}.brand{font-size:11px;gap:6px}.brand svg{width:23px}.icon-button{padding:9px}}#course-info{display:none;position:absolute;left:4%;top:249px;pointer-events:none;color:#254d4c;text-shadow:0 1px 6px #fff}body.riding #course-info{display:flex;flex-direction:column;gap:6px}#course-name{font-size:12px;letter-spacing:.6px}#course-hint{font-size:9px;max-width:210px;line-height:1.5}@media(max-width:750px){#course-info{left:5%;top:217px}#course-name{font-size:10px}#course-hint{max-width:155px;font-size:8px}}.mood-picker{display:flex;gap:7px;align-items:center}.mood-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:48px;min-height:52px;padding:5px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:#345b60;transition:background .3s,border-color .3s,box-shadow .3s}.mood-button svg{width:27px;height:27px;padding:4px;border-radius:50%;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.mood-button span{font-size:7px;letter-spacing:.2px}.mood-button[data-mood=bluebird] svg{background:#d7edf7;color:#a66b12}.mood-button[data-mood=drift] svg{background:#d7e8e1;color:#527b76}.mood-button[data-mood=alpenglow] svg{background:#f3d6c8;color:#a35e45}.mood-button[data-mood=moonlight] svg{background:#bdc6e4;color:#424f82}.mood-button:hover{background:#ffffff70}.mood-button[aria-pressed=true]{background:#f8fcfaad;border-color:#537b7b80;box-shadow:0 2px 8px #23474912}.mood-button[aria-pressed=true] span{font-weight:700}.mood-button:focus-visible{outline:2px solid #244e4e;outline-offset:2px}@media(max-width:750px){.mood-picker{position:absolute;right:0;top:51px;gap:3px}.mood-button{min-width:43px;min-height:48px;padding:4px 2px}.mood-button span{font-size:6px}.mood-button svg{width:26px;height:26px}#notice{top:140px;max-width:48%;font-size:10px}}.brand{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-1px}.brand small{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.3px}.brand svg{flex-shrink:0}@media(max-width:750px){.brand{font-size:19px;letter-spacing:-.7px}.brand svg{width:27px}}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-controls,#touch-controls *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}