:root{font-family:Arial,Helvetica,sans-serif;color:#243a33;background:#c7ddd8;font-synthesis:none;font-weight:400;--ink: #243a33;--cream: #f6f1e5;--orange: #dc7844;--line: rgba(40, 62, 49, .18)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}#app,.game-canvas,.hud{position:absolute;inset:0;width:100%;height:100%}.game-canvas{display:block}.hud{pointer-events:none;z-index:2}.hud:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,243,225,.43),transparent 20%,transparent 72%,rgba(23,45,35,.3));z-index:-1}.hud.is-welcome:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(237,238,216,.95),rgba(237,238,216,.83) 24%,rgba(237,238,216,.2) 54%,transparent 73%)}.topbar{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1.1px;font-weight:900;line-height:1.05}.brand>svg{width:42px;height:36px}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:2px;font-size:7px;font-weight:600;margin-top:7px}.version{font-size:9px;letter-spacing:.7px;font-weight:600;padding:5px 7px;border:1px solid var(--line);border-radius:3px;align-self:flex-start;margin:1px 0 0 4px}.location{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;font-weight:700;background:#f6f1e5a6;padding:13px 18px;border-radius:5px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px)}.live-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#527a56;box-shadow:0 0 0 3px #466e461a;flex-shrink:0}.location-divider{opacity:.25;margin:0 3px}.location-mode{opacity:.55;font-weight:400;letter-spacing:1.3px}nav{display:flex;gap:8px;pointer-events:auto}.icon-button{border:1px solid rgba(255,255,255,.4);background:#f6f1e599;backdrop-filter:blur(10px);border-radius:5px;width:39px;height:39px;color:var(--ink);font-weight:600;display:grid;place-items:center;transition:background .2s}.icon-button:hover{background:var(--cream)}.icon-button svg{width:19px;height:19px}.welcome{position:absolute;top:50%;left:6.5%;transform:translateY(-53%);pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:22px;height:2px;background:var(--orange)}h1{font-size:clamp(48px,6.8vw,108px);letter-spacing:-.055em;font-weight:900;line-height:.94;margin:28px 0 22px}h1>span{color:var(--orange)}.welcome>p{font-size:13px;line-height:1.85;color:#526254;margin:0 0 30px}.primary-button{border:0;background:var(--orange);color:#fff8ed;padding:17px 22px;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:50px;min-width:195px;font-size:10px;font-weight:700;letter-spacing:1.7px;transition:background .2s,transform .2s}.primary-button:hover{background:#c96534;transform:translateY(-1px)}.primary-button>span{font-size:21px;line-height:.6;font-weight:400}.welcome-meta{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:12px;font-weight:700}.welcome-meta b{font-size:7px;font-weight:400;letter-spacing:.8px;margin-left:4px;opacity:.6}.welcome-meta i{height:15px;width:1px;background:var(--line)}.speed-panel{position:absolute;bottom:70px;left:36px;display:flex;align-items:center;gap:20px;color:#fcf6e7;text-shadow:0 1px 12px rgba(22,40,27,.15)}.speed-panel>div:first-child{display:flex;align-items:baseline;gap:9px}#speed{font-variant-numeric:tabular-nums;font-size:64px;line-height:1;font-weight:700;letter-spacing:-4px}.speed-unit{font-size:9px;font-weight:600;letter-spacing:1.2px}.speed-rule{height:37px;width:1px;background:#ffffff40}.ride-data{display:flex;flex-direction:column;gap:5px}.ride-data>span{font-size:8px;letter-spacing:1.5px;opacity:.7}.ride-data strong{font-size:16px;letter-spacing:.5px;font-weight:500}.ride-data small{font-size:6px;letter-spacing:1px;opacity:.7}.controls-strip{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;color:#fcf6e7;font-size:9px;white-space:nowrap}.controls-strip>span{display:flex;gap:4px;align-items:center}.controls-strip i{width:1px;height:15px;background:#ffffff40}kbd{font:500 8px Arial,Helvetica,sans-serif;display:inline-grid;place-items:center;height:22px;min-width:22px;padding:0 5px;border:1px solid rgba(255,255,255,.5);border-radius:3px;margin-right:1px;background:#f6f1e514}.wide-key{font-size:7px;letter-spacing:.5px}.riding-badge{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:var(--cream);background:#1b372ba6;padding:8px 13px;font-size:8px;letter-spacing:1.5px;border-radius:3px;opacity:.9}.riding-badge .live-dot{background:#c8d7a9}.is-airborne .riding-badge{background:var(--orange)}.map-panel{position:absolute;bottom:66px;right:36px;width:170px;padding:12px;background:#f5f0dfde;border:1px solid rgba(255,255,255,.5);border-radius:5px;backdrop-filter:blur(12px)}.map-header{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;font-weight:700;margin-bottom:8px}.map-header>span:last-child{opacity:.55}.minimap{width:100%;display:block;max-height:158px;border-radius:3px}.map-footer{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.6px;margin-top:9px}.map-route{height:2px;width:10px;background:#d39a65}.difficulty{margin-left:auto;font-size:5px;color:#56794e}.bottom-caption{position:absolute;bottom:22px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#f1eddf;opacity:.75;border-top:1px solid rgba(255,255,255,.22);padding-top:13px}.is-welcome .speed-panel,.is-welcome .riding-badge{opacity:0}.is-welcome .controls-strip{color:var(--ink);bottom:78px;left:6.5%;transform:none;gap:14px}.is-welcome kbd{border-color:var(--line);background:#f6f1e559}.is-welcome .escape-hint{display:none}.is-welcome .bottom-caption{color:var(--ink);border-color:var(--line)}.toast{position:absolute;top:145px;left:50%;transform:translate(-50%,-8px);background:var(--cream);box-shadow:0 4px 20px #223b3320;padding:12px 20px;border-radius:4px;font-size:11px;opacity:0;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}dialog{pointer-events:auto}.menu-dialog{border:1px solid rgba(255,255,255,.7);border-radius:7px;background:var(--cream);color:var(--ink);padding:36px;width:360px;box-shadow:0 24px 100px #102e3538;max-height:90vh;overflow:auto}.menu-dialog::backdrop{background:#172b2559;backdrop-filter:blur(7px)}.menu-dialog h2{font-size:48px;letter-spacing:-2px;line-height:1;margin:20px 0 14px}.menu-dialog p{font-size:12px;line-height:1.7;color:#6f7b6b}.menu-dialog .primary-button{width:100%;margin-top:25px}.secondary-button{width:100%;border:1px solid var(--line);background:transparent;color:var(--ink);padding:13px;margin:10px 0 22px;border-radius:3px;font-size:11px}.secondary-button:hover{background:#e9e9db}.quality-label{font-size:10px;display:flex;flex-direction:column;gap:10px}.quality-label select{background:transparent;padding:10px;color:var(--ink);border:1px solid var(--line);border-radius:3px;font-size:11px}.menu-dialog form>small{display:block;text-align:center;font-size:7px;letter-spacing:1.5px;margin-top:24px;opacity:.5}.help-dialog{width:420px}.help-dialog dl{margin-top:25px}.help-dialog dl>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.help-dialog dt{font-size:9px}.help-dialog dd{font-size:11px;margin:0}.help-dialog kbd{border-color:var(--line);background:#e7e8da}.help-tip{margin-top:20px}.desktop-note{display:none}#loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e7ecdc;color:var(--ink)}.loading-mark{font-size:60px;letter-spacing:-10px;font-weight:900}.loading-mark>span{font-size:40px;color:var(--orange);display:inline-block;animation:pulse 1.5s infinite}#loading p{font-size:10px;letter-spacing:3px;margin-top:26px}#loading small{font-size:11px;opacity:.6}.error-panel{position:absolute;inset:0;z-index:20;display:grid;place-content:center;text-align:center;padding:30px;background:#e7ecdc}.error-panel h1{font-size:34px;letter-spacing:-1px}.error-panel p{max-width:550px;line-height:1.7;font-size:14px}.error-panel a{color:var(--orange)}@keyframes pulse{50%{opacity:.35;transform:translate(3px,-3px)}}@media(min-width:1500px){.topbar{top:40px;left:48px;right:48px}.map-panel{right:48px;width:190px}.minimap{max-height:185px}.speed-panel{left:48px}.bottom-caption{left:48px;right:48px}.controls-strip{font-size:10px;gap:21px}}@media(max-width:1150px){.controls-strip{bottom:35px;gap:12px}.speed-panel{bottom:85px}.map-panel{bottom:85px;width:145px}.bottom-caption{bottom:13px;padding-top:8px;font-size:6px}.controls-strip .escape-hint{display:none}.is-welcome .controls-strip{bottom:74px}.welcome-meta{gap:10px}.location{font-size:8px;padding:11px 13px}.location-mode,.location-divider{display:none}}@media(max-height:650px){.welcome{top:48%}.welcome h1{font-size:60px;margin:20px 0 14px}.welcome>p{margin-bottom:17px;font-size:11px}.welcome-meta{margin-top:20px}.map-panel{bottom:65px;width:130px}.minimap{max-height:120px}.is-welcome .controls-strip{bottom:57px}}@media(max-width:700px){.topbar{top:20px;left:20px;right:20px}.brand{font-size:18px}.brand>svg{width:32px}.brand small{font-size:6px;letter-spacing:1px}.location{display:none}.welcome{left:7%;width:86%;top:47%}.welcome h1{font-size:15vw}.welcome p{font-size:12px}.welcome-meta{font-size:10px;gap:8px}.welcome-meta b{font-size:6px}.map-panel{display:none}.speed-panel{left:20px;bottom:100px}.controls-strip{left:20px;transform:none;bottom:58px;font-size:8px;gap:10px;flex-wrap:wrap;max-width:90%}.is-welcome .controls-strip{left:7%;bottom:80px;max-width:85%;gap:8px;font-size:8px}.bottom-caption{left:20px;right:20px;font-size:5px}.desktop-note{position:absolute;bottom:42px;left:7%;display:block;font-size:9px;line-height:1.5}.is-welcome .bottom-caption>span:last-child{display:none}.menu-dialog{padding:27px;width:calc(100% - 36px);max-width:400px}.help-dialog dt{font-size:8px}.help-dialog kbd{min-width:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.trails-button{width:72px;font-size:9px;letter-spacing:1px}.trail-options{display:flex;gap:8px;margin:0 0 20px;max-width:470px}.trail-option{color:var(--ink);border:1px solid var(--line);background:#f6f1e560;border-radius:4px;padding:13px 16px;min-width:128px;text-align:left;transition:background .2s,border-color .2s}.trail-option>span{display:block;font-size:7px;letter-spacing:1px;opacity:.65;margin-bottom:9px}.trail-option strong{font-size:11px;letter-spacing:.6px}.trail-option[aria-pressed=true]{background:var(--cream);border-color:var(--orange);box-shadow:inset 0 -3px var(--trail-color)}.trail-option:hover{background:var(--cream)}.trail-dialog{width:700px;max-width:calc(100vw - 36px)}.trail-dialog h2{font-size:44px}.trail-cards{display:grid;gap:9px;margin-top:25px}.trail-card{display:flex;gap:18px;text-align:left;align-items:center;padding:20px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink)}.trail-card:hover,.trail-card[aria-pressed=true]{background:#e6e9d9;border-color:var(--trail-color)}.trail-number{font-size:28px;font-weight:700;color:var(--trail-color)}.trail-card strong{display:block;font-size:19px;letter-spacing:-.5px;margin:7px 0}.trail-card small{font-size:7px;letter-spacing:1.3px}.trail-card p{font-size:10px;margin:0}.trail-card-arrow{margin-left:auto}.trick-readout{position:absolute;top:140px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;letter-spacing:1px;color:var(--cream);text-align:center;text-shadow:0 1px 10px #1e352f60}.is-welcome .trick-readout{display:none}.is-crashed .trick-readout{background:#914e3b;border-radius:4px;padding:14px 22px;white-space:nowrap;font-size:13px}.is-crashed .riding-badge{background:#914e3b}.welcome h1{font-size:clamp(48px,6.2vw,94px);margin:22px 0 18px}.welcome>p{margin-bottom:22px}.welcome-meta{margin-top:22px}#pause-trails{margin-top:-12px}@media(max-width:700px){.trail-option{min-width:0;padding:11px 9px;flex:1}.trail-option strong{font-size:9px}.trail-option>span{font-size:6px}.welcome h1{font-size:14vw}.trail-card{padding:14px;gap:12px}.trail-card strong{font-size:15px}.trail-dialog h2{font-size:36px}.trails-button{width:55px;font-size:8px}.topbar{gap:8px}.brand small,.version{display:none}}@media(max-height:700px)and (min-width:701px){.welcome h1{font-size:58px;margin:16px 0}.welcome>p{font-size:11px;margin-bottom:14px}.trail-option{padding:9px 12px}.welcome-meta{margin-top:16px}.trail-options{margin-bottom:14px}}.dev-tuning-toggle{position:absolute;top:90px;right:36px;z-index:4;padding:9px 12px;border:1px solid #ffffff70;border-radius:4px;background:#f6f1e5e8;color:var(--ink);font-size:10px;letter-spacing:1px}.dev-tuning{position:absolute;right:36px;top:130px;z-index:4;width:300px;max-height:calc(100vh - 150px);overflow:auto;padding:20px;background:#f6f1e5f5;color:var(--ink);border:1px solid #fff;border-radius:5px;box-shadow:0 10px 30px #102e3530}.dev-tuning strong{font-size:12px;letter-spacing:.7px}.dev-tuning p,.dev-tuning small{font-size:10px;line-height:1.5;display:block}.dev-tuning label{display:grid;grid-template-columns:1fr auto;gap:5px;margin:14px 0;font-size:11px}.dev-tuning input{grid-column:1/-1;width:100%;accent-color:var(--orange)}.dev-tuning output{font-variant-numeric:tabular-nums}.dev-tuning button{width:100%;padding:9px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:3px;margin-bottom:12px}