@font-face{font-family:Barlow;src:url(/fonts/barlow-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-semibold.ttf) format("truetype");font-weight:500 800;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-bold.ttf) format("truetype");font-weight:600 900;font-display:swap}.home-screen{position:absolute;inset:0}:root{font-family:Barlow,Arial,sans-serif;color:#20383b;background:#1c3236;font-synthesis:none;--ink: #20383b;--muted: #6a7063;--paper: #f1dabb;--gold: #e6b273;--orange: #d5784e;--display: "Barlow Condensed", Impact, sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #d77447;outline-offset:5px}button{border:0}button:disabled{opacity:.7}button:hover:not(:disabled){filter:brightness(1.045)}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}svg{display:block}#app{height:100svh;min-height:480px;position:relative;overflow:hidden}#app:before{content:"";position:absolute;inset:0;z-index:1;background-image:var(--grain);pointer-events:none;will-change:transform}#app:has(.in-game):before{display:none}#game{display:block;width:100%;height:100%;outline:none}#ui{position:absolute;inset:0;z-index:2;pointer-events:none}button,input,summary,details,nav{pointer-events:auto}.icon{width:20px;height:20px;flex-shrink:0}button .icon{width:19px;height:19px}.header{height:100px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263b3426;position:relative;z-index:8;gap:26px}.brand{background:transparent;display:flex;align-items:center;gap:9px;padding:0;line-height:1;font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:2px}.brand>svg{width:30px;height:34px}.brand-dot{font:500 10px Barlow,sans-serif;vertical-align:top;margin-left:4px;position:relative;top:3px}.header nav{display:flex;align-items:stretch;align-self:stretch;gap:34px;margin-left:55px}.nav-link{font-size:11px;font-weight:600;letter-spacing:1.7px;background:none;position:relative;padding:0 2px;opacity:.6}.nav-link.active{opacity:1}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.header-actions{display:flex;align-items:center;gap:22px}.sound-settings{position:relative}.sound-settings summary{list-style:none;display:flex;gap:8px;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.3px;cursor:pointer}.sound-settings summary::-webkit-details-marker{display:none}.sound-settings summary .icon{width:18px}.edition{font-size:9px;letter-spacing:1px;font-weight:600;border-left:1px solid #293e353b;padding-left:22px;display:flex;flex-direction:column;gap:5px}.edition span{letter-spacing:4px;font-size:11px}.sound-popover{position:absolute;right:0;top:37px;width:240px;background:#f5e7cd;padding:24px;box-shadow:0 8px 35px #1e35332b;z-index:30;color:var(--ink);border:1px solid #31443a30}.sound-popover>.eyebrow{font-size:9px;letter-spacing:1px;display:block;margin-bottom:19px}.sound-popover label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.sound-popover output{color:var(--muted)}.sound-popover input{width:100%;accent-color:var(--orange);margin:12px 0 16px;cursor:pointer}.sound-popover .text-button{font-size:11px;padding:5px 0}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;line-height:1.5}.tiny-line{width:25px;height:1px;background:currentColor;display:inline-block;flex-shrink:0}.hero-copy{position:absolute;top:20.5%;left:8%;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:9px;letter-spacing:2px}h1{font-family:var(--display);font-size:clamp(76px,12.5vh,142px);font-weight:800;line-height:.84;letter-spacing:-.7px}h1>span:not(.title-dot){color:#b76944}.title-dot{color:#b76944}.hero-description{font-size:15px;line-height:1.7;margin:25px 0 26px;color:#586052}.hero-actions{display:flex;gap:12px}.button{height:50px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:10px;font-weight:600;letter-spacing:1.4px;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button.primary{background:var(--ink);color:#f6e4bf;border:1px solid var(--ink)}.button.primary:hover{background:#31534f;box-shadow:0 5px 20px #243d3120}.button.primary .icon{color:var(--gold)}.button.outline{background:#f0d8b628;border:1px solid #20383b55}.button.outline:hover{background:#efd8b680}.ride-button{min-width:180px;justify-content:space-between}.continue-label{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:9px;letter-spacing:1px;color:#596253}.continue-label strong{font-size:11px;font-weight:600;letter-spacing:.3px}.live-dot{width:5px;height:5px;background:#598367;border-radius:50%;box-shadow:0 0 0 3px #59836718}.slash{opacity:.45;margin:0 4px}.difficulty-dot{width:3px;height:3px;border-radius:50%;background:currentColor;margin:0 1px}.coordinates{position:absolute;right:4.4%;top:125px;text-align:right;font-size:9px;letter-spacing:1.7px;color:#6c715e;font-weight:600}.coordinates span{display:block;font-size:8px;margin-top:7px;letter-spacing:1.2px;opacity:.7}.bike-caption{position:absolute;top:44%;left:64.5%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.7px;color:#3c514a;font-weight:600}.bike-caption span:not(.tiny-line){display:block;font-size:7px;letter-spacing:1px;margin-top:6px;opacity:.75}.scenery-note{position:absolute;top:79.5%;right:8%;display:flex;gap:22px;align-items:center;color:#f1d8ac}.scenery-note>span:first-child{font-size:8px;letter-spacing:1.8px;font-weight:600}.scenery-arrow{font-size:26px;font-weight:400;line-height:1}.home-bottom{position:absolute;left:8%;right:8%;bottom:22px;color:#ead5b0}.ride-principles{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:36px;padding-bottom:24px;border-bottom:1px solid #ecd6b522}.ride-principles>div{display:flex;gap:15px;align-items:center}.principle-number{font-family:var(--display);font-size:30px;color:#d9b27c;line-height:1}.ride-principles p{font-size:9px;letter-spacing:1.6px;font-weight:600}.ride-principles p>span{display:block;font-weight:400;font-size:11px;letter-spacing:.1px;margin-top:6px;color:#c4c3a7}footer{display:flex;align-items:center;justify-content:space-between;padding-top:17px;font-size:8px;letter-spacing:1.5px;color:#a8b0a0;font-weight:500}footer>span:last-child{display:flex;align-items:center;gap:9px}footer .icon{width:12px;height:12px}footer i{height:9px;width:1px;background:#a8b0a066;margin:0 5px}.enter{animation:enter .42s ease both}@keyframes enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.map-screen,.controls-screen{position:absolute;inset:100px 0 0;padding:42px 8% 30px;overflow:auto;background:linear-gradient(180deg,#eddbbdeb,#e4c8a3ed 78%,#e3c59ce0);pointer-events:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}h2{font-family:var(--display);font-size:clamp(45px,6.3vh,70px);line-height:1;font-weight:700;letter-spacing:-.3px}h2>span{color:#b76c45}.section-heading .eyebrow,.controls-screen>.eyebrow{margin-bottom:11px;font-size:9px}.map-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.map-progress>strong{font-family:var(--display);font-size:34px;font-weight:600}.map-progress>strong>span{color:#8c8b70;font-size:24px}.map-progress>span{font-size:8px;letter-spacing:1.5px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.level-card{text-align:left;padding:0;background:#f0dfbe;border:1px solid #3c514a35;transition:transform .18s,box-shadow .18s;overflow:hidden}.level-card.unlocked{border-color:#b87749}.level-card:disabled{opacity:1}.level-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 30px #43524215}.card-art{position:relative;background:#dfaf8d;height:160px;overflow:hidden}.trail-art{width:100%;height:100%;object-fit:cover}.card-index{position:absolute;left:17px;top:12px;color:#354741;font-family:var(--display);font-size:30px}.card-badge{position:absolute;right:14px;top:16px;font-size:7px;letter-spacing:1.2px;font-weight:600;background:#f2dcb9c9;padding:7px 9px;display:flex;align-items:center;gap:5px}.card-badge .icon{width:10px;height:10px}.card-body{padding:23px 21px 0}.card-body>.eyebrow{font-size:8px;letter-spacing:1.3px}.card-body>.eyebrow i{font-style:normal;margin:0 6px;color:#b47d52}.card-body h3{font-family:var(--display);font-size:32px;margin:7px 0 9px}.card-body p{font-size:12px;line-height:1.65;min-height:60px;color:#656b59;font-weight:400}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #46554622;padding:17px 0;margin-top:17px;font-size:8px;letter-spacing:.8px;gap:10px}.card-bottom>.icon{width:16px;height:16px}.locked .card-art{filter:saturate(.48)}.locked .card-body{opacity:.8}.personal-best{display:flex;align-items:center;gap:6px}.personal-best .icon{width:13px;height:13px}.stars{display:inline-flex;gap:4px;color:#9eaa9270;font-size:15px;letter-spacing:1px}.stars .earned{color:#bb7843}.practice-row{border:1px solid #34463d33;display:flex;align-items:center;gap:16px;margin-top:24px;padding:17px 20px;background:#f2dfbc4d}.practice-icon{width:34px;height:34px;display:grid;place-items:center;color:#8a704e}.practice-row strong{font-size:10px;letter-spacing:1.4px;display:block}.practice-row div>span{display:block;font-size:12px;color:#68705a;margin-top:5px}.practice-row>.button{margin-left:auto;height:40px;font-size:9px}.back-link{padding:0;background:none;font-size:9px;letter-spacing:1.4px;margin-top:25px;font-weight:600}.section-description{font-size:14px;color:#616c58;margin-top:15px}.controls-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:34px 0 28px;border-top:1px solid #344b3f35;border-bottom:1px solid #344b3f35}.control-card{padding:28px 30px 30px 0}.control-card+.control-card{padding-left:30px;border-left:1px solid #344b3f35}.control-keys{display:flex;align-items:center;gap:7px;margin-bottom:25px}.control-keys>span{padding:0 6px;opacity:.4}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:23px;padding:0 5px;border:1px solid #52625266;box-shadow:0 2px #52625222;border-radius:3px;font:500 10px Barlow,sans-serif;letter-spacing:0}.control-keys kbd{width:38px;height:39px;background:#f5e4c480;font-size:17px;box-shadow:0 3px #52625233}.control-card h3{font-family:var(--display);font-size:25px;margin-bottom:11px}.control-card p{font-size:13px;line-height:1.8;color:#65705b;max-width:300px}.riding-tip{display:flex;align-items:center;gap:19px;background:#4057440c;border-left:2px solid #b17949;padding:17px 20px}.riding-tip>span{font-size:8px;letter-spacing:1.5px;font-weight:600;white-space:nowrap;color:#966342}.riding-tip>p{font-size:13px;line-height:1.6;color:#57604f}.shortcut-row{display:flex;gap:36px;margin-top:25px;font-size:9px;letter-spacing:1px}.shortcut-row>span{display:flex;align-items:center;gap:8px}.controls-actions{display:flex;gap:14px;margin-top:30px}.header-tag{font-size:8px;letter-spacing:2.2px;margin-left:auto;margin-right:auto;color:#69745e}.icon-button{background:transparent;display:grid;place-items:center;padding:5px}.in-game .header{height:80px}.in-game .header-actions{gap:18px}.in-game .brand{font-size:26px}.in-game .brand>svg{width:25px}.hud{position:absolute;left:4.4%;right:4.4%;top:107px;display:flex;justify-content:space-between;gap:40px}.fuel-hud{width:220px;flex-shrink:0}.hud-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.2px;font-weight:600}.hud-label .icon{width:13px;height:15px}.hud-label strong{font-family:var(--display);font-size:23px;line-height:1;margin-left:auto;letter-spacing:0;font-weight:600}.hud-label strong>span{font:500 11px Barlow,sans-serif;margin-left:2px}.fuel-track{height:7px;padding:0;background:#45554125;margin-top:11px;position:relative;overflow:hidden}.fuel-track>div{height:100%;background:#59765c;transition:width .15s linear}.fuel-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 2px),#e9d4b8 10%)}.fuel-caption{display:flex;justify-content:space-between;font-size:7px;font-weight:600;letter-spacing:.65px;margin-top:8px;color:#74765e}.low-fuel .fuel-track>div{background:#b95537;animation:lowfuel 1s infinite alternate}.low-fuel .hud-label{color:#a64a30}@keyframes lowfuel{to{opacity:.45}}.course-hud{width:33%;max-width:430px;margin-top:2px}.course-name{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:21px}.course-name>span:first-child{font:600 9px Barlow,sans-serif;border:1px solid #354d4140;padding:4px 5px;margin-right:3px}.course-name>span:last-child{margin-left:auto;font:500 9px Barlow,sans-serif}.course-progress{height:3px;background:#3c55472b;margin-top:15px;position:relative}.course-progress>div{height:100%;background:#986a42;position:relative;min-width:0}.course-progress>div:after{content:"";width:7px;height:7px;border:2px solid #ebd4b2;background:#986a42;position:absolute;right:-3px;top:-2px;border-radius:50%}.course-progress>i{position:absolute;top:-2px;width:2px;height:7px;background:#5d715c}.course-progress>.icon{position:absolute;right:-1px;top:-12px;width:11px;height:11px}.time-hud{text-align:right;min-width:120px}.time-hud .hud-label{justify-content:flex-end;font-size:8px}.time-hud>#time{font-family:var(--display);font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:1px;display:block;margin-top:4px}.ride-intro{position:absolute;top:29%;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:8px;opacity:0;transform:translateY(-5px);transition:opacity .5s,transform .5s;text-shadow:0 2px 15px #ead0aacc}.ride-intro.visible{opacity:1;transform:none}.ride-intro>.eyebrow{font-size:8px;letter-spacing:2px}.ride-intro>strong{font:700 45px var(--display)}.ride-intro>span:last-child{font-size:10px;letter-spacing:.8px;color:#455a4a}.ride-bottom{position:absolute;bottom:29px;left:4.4%;right:4.4%;display:flex;align-items:flex-end;justify-content:space-between;color:#edddbd}.ride-controls{display:flex;gap:21px;align-items:center;opacity:.75}.ride-controls>span{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px}.ride-controls kbd{border-color:#dfceaa70;height:20px;min-width:20px;font-size:9px}.speed-hud{display:flex;align-items:center;gap:12px}.speed-number{font-family:var(--display);font-size:67px;font-weight:600;line-height:.9;letter-spacing:-2px;min-width:55px;text-align:right}.speed-hud>div{font-size:10px;letter-spacing:1.5px}.speed-hud>div>span{display:block;font-size:7px;letter-spacing:1.1px;opacity:.65;margin-top:7px}.toast{position:absolute;left:50%;top:195px;transform:translate(-50%,-8px);background:#243f38ed;color:#f0dcb3;font-size:9px;letter-spacing:1.3px;font-weight:500;padding:14px 22px;box-shadow:0 4px 15px #29433220;opacity:0;transition:opacity .22s,transform .22s;white-space:nowrap;z-index:15}.toast.visible{opacity:1;transform:translate(-50%)}.touch-controls{display:none}.modal-backdrop{position:absolute;inset:80px 0 0;display:flex;justify-content:center;align-items:center;background:#20383765;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;padding:25px;overflow:auto;z-index:7}.modal{background:#efdfc2;width:470px;max-width:100%;padding:39px 40px 30px;border:1px solid #f8e8c9b3;box-shadow:0 20px 70px #183b3330;text-align:center;position:relative}.modal:before{content:"";position:absolute;top:0;left:35%;right:35%;height:3px;background:#b77848}.modal>.eyebrow{font-size:8px;letter-spacing:1.8px}.modal h2{font-size:49px;margin:15px -10px 13px}.modal>p{font-size:12px;color:#64705b;line-height:1.6}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}.modal-actions .button{width:100%;height:47px;justify-content:space-between;font-size:9px}.modal-actions>.button:only-of-type{justify-content:center}.text-button{background:none;letter-spacing:.9px;font-size:9px;font-weight:600;padding:13px}.modal-footnote{display:flex;align-items:center;justify-content:center;font-size:8px;gap:8px;letter-spacing:.7px;color:#858771;margin-top:17px}.modal-footnote kbd{font-size:8px;height:19px;min-width:26px;border-color:#52625235}.result-modal{width:505px;padding-top:31px}.result-modal h2{font-size:46px}.result-stars{font-size:36px;gap:12px;margin-top:19px}.result-stars .earned{color:#c18a4d;text-shadow:0 2px 0 #8f603226}.result-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin-top:24px;border-top:1px solid #4b64422c;border-bottom:1px solid #4b64422c;padding:17px 0}.result-stats>div+div{border-left:1px solid #4b644222}.result-stats>div>span{display:block;font-size:7px;letter-spacing:1px;color:#758067}.result-stats strong{font-family:var(--display);font-size:28px;display:block;margin-top:6px;font-weight:600}.result-stats small{font:400 10px Barlow,sans-serif;margin-left:3px}.minor-stats{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.6px;color:#748063;margin:14px 0 17px}.rating-note{font-size:10px!important;line-height:1.7!important}.rating-note>span{display:block;font-size:9px;margin-top:4px}.result-modal .modal-actions{margin-top:20px}.retry-note{display:flex;align-items:center;justify-content:center;font-size:11px;color:#6b755d;line-height:1.8;margin:22px 0 4px;gap:8px}.retry-note .icon{width:15px;height:15px}@media(min-height:1000px){.hero-copy{top:23%}.home-bottom{bottom:30px}.ride-principles{padding-bottom:35px}.ride-principles p{font-size:10px}.ride-principles p>span{font-size:12px}}@media(max-height:750px){.header{height:80px}.hero-copy{top:19%}.hero-eyebrow{margin-bottom:17px;font-size:8px}.hero-description{margin:19px 0;font-size:13px}.hero-actions .button{height:44px;font-size:9px;padding:0 19px}.continue-label{margin-top:13px}.home-bottom{bottom:18px}.ride-principles{padding-bottom:18px}.ride-principles p{font-size:8px}.ride-principles p>span{font-size:10px}.principle-number{font-size:27px}footer{padding-top:13px;font-size:7px}.map-screen,.controls-screen{inset:80px 0 0;padding-top:28px}.section-heading{margin-bottom:21px}.card-art{height:135px}.card-body{padding:18px 18px 0}.card-body h3{font-size:29px}.card-body p{font-size:11px;min-height:55px}.card-bottom{padding:14px 0;margin-top:13px}.practice-row{margin-top:19px;padding:12px 17px}.back-link{margin-top:19px}.control-card{padding-top:23px;padding-bottom:24px}.controls-grid{margin:25px 0 20px}.control-keys{margin-bottom:20px}.controls-actions{margin-top:23px}.result-modal{padding:24px 33px 20px}.result-modal h2{font-size:42px;margin-top:12px}.result-stars{font-size:30px;margin-top:12px}.result-stats{margin-top:17px;padding:13px 0}.modal-actions{margin-top:20px}.modal-footnote{margin-top:11px}}@media(max-width:1100px){.header nav{gap:25px;margin-left:0}.header-actions{gap:18px}.edition{display:none}.hero-copy{left:6%}.hero-eyebrow{letter-spacing:1.2px}.home-bottom{left:6%;right:6%}.ride-principles{gap:20px}.ride-principles>div{gap:11px}.ride-principles p{letter-spacing:1px}.bike-caption{left:65%}.map-screen,.controls-screen{padding-left:6%;padding-right:6%}.level-grid{gap:15px}.card-body p{min-height:73px}.card-bottom{font-size:7px}.control-card+.control-card{padding-left:20px}.control-card{padding-right:20px}.control-keys kbd{width:32px;height:35px}.control-keys{gap:4px}.header-tag{font-size:7px;letter-spacing:1.4px}.ride-controls{gap:14px}.hud{gap:25px}}@media(max-width:800px){.header{margin:0 5%;height:75px;gap:20px}.brand{font-size:25px;gap:7px}.brand>svg{width:24px}.header nav{gap:18px;margin-left:auto}.nav-link{font-size:9px;letter-spacing:1px}.sound-settings summary>span{display:none}.header-actions{gap:12px}.hero-copy{top:20%}.hero-eyebrow{font-size:7px;letter-spacing:1px;gap:8px}h1{font-size:clamp(75px,11.8vh,112px)}.hero-description{font-size:13px}.hero-actions{gap:8px}.hero-actions .button{font-size:8px;padding:0 16px;gap:12px}.ride-button{min-width:150px}.bike-caption,.coordinates,.scenery-note{display:none}.continue-label{font-size:8px;gap:7px}.ride-principles{gap:15px}.ride-principles>div{gap:8px}.ride-principles p{font-size:7px;letter-spacing:.7px}.ride-principles p>span{font-size:9px;max-width:135px;line-height:1.5;margin-top:4px}.home-bottom{bottom:23px}.principle-number{font-size:26px}.home-bottom footer{font-size:6px;letter-spacing:.8px}.home-bottom footer>span:last-child{gap:5px}.map-screen,.controls-screen{inset:75px 0 0;padding:28px 5%}.level-grid{gap:12px}.card-art{height:110px}.card-body{padding:15px 12px 0}.card-body h3{font-size:25px}.card-body p{font-size:10px;min-height:85px}.card-index{font-size:23px;left:11px}.card-badge{right:9px;padding:5px;font-size:6px;letter-spacing:.4px}.card-bottom{font-size:6px;line-height:1.6}.practice-row{gap:8px;padding:12px}.practice-row strong{font-size:8px}.practice-row div>span{font-size:10px;max-width:230px;line-height:1.5}.practice-row>.button{padding:0 12px;font-size:7px;gap:8px}.practice-icon{width:30px}.map-progress>span{font-size:7px}.section-heading .eyebrow,.controls-screen>.eyebrow{font-size:8px;letter-spacing:1.4px}.controls-grid{grid-template-columns:1fr 1fr 1.1fr}.control-card{padding-right:15px}.control-card+.control-card{padding-left:15px}.control-card h3{font-size:21px}.control-card p{font-size:11px}.control-keys kbd{width:25px;height:31px;font-size:13px}.control-keys>span{padding:0 1px}.riding-tip>p{font-size:11px}.shortcut-row{gap:19px;font-size:7px}.controls-actions .button{font-size:8px;gap:10px}.in-game .header{height:70px}.header-tag{display:none}.in-game .header-actions{margin-left:auto}.hud{top:93px;gap:20px}.fuel-hud{width:160px}.hud-label{font-size:8px}.fuel-caption{font-size:6px;letter-spacing:0}.course-hud{width:32%}.course-name{font-size:18px;gap:5px}.time-hud{min-width:86px}.time-hud>#time{font-size:28px}.time-hud .hud-label{font-size:7px}.ride-controls{gap:10px}.ride-controls>span{font-size:6px;letter-spacing:.5px;gap:4px}.speed-number{font-size:56px}.speed-hud>div>span{display:none}.speed-hud>div{font-size:8px}.ride-bottom{bottom:24px}.modal-backdrop{inset:70px 0 0}.toast{top:177px;font-size:8px;padding:12px 17px}.ride-intro>strong{font-size:39px}}@media(max-width:600px){#app{min-height:590px}.header nav{gap:15px}.nav-link{font-size:8px}.nav-link:first-child{display:none}.header{height:68px;gap:13px}.brand{font-size:24px;letter-spacing:1px}.header-actions{gap:8px}.hero-copy{left:7%;top:18%}.hero-eyebrow{font-size:6px}h1{font-size:clamp(71px,10.7vh,96px)}.hero-description{font-size:12px;margin:19px 0}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions .button{height:41px}.hero-actions>.outline{background:#f3d9b08c}.continue-label{font-size:7px;letter-spacing:.5px;gap:5px}.continue-label strong{font-size:9px}.home-bottom{left:7%;right:7%;bottom:21px}.ride-principles{grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px}.ride-principles>div:last-child{display:none}.ride-principles p{font-size:7px}.ride-principles p>span{font-size:8px}.home-bottom footer{font-size:6px;letter-spacing:.5px}.home-bottom footer>span:last-child{font-size:0;gap:0}.home-bottom footer i{display:none}.home-bottom footer .icon{width:13px;height:13px}.map-screen,.controls-screen{inset:68px 0 0;padding:28px 7%}.section-heading{align-items:center}.section-heading h2{font-size:38px}.section-heading .eyebrow{font-size:6px;max-width:200px}.map-progress strong{font-size:27px}.map-progress>span{font-size:6px;letter-spacing:1px}.level-grid{grid-template-columns:1fr}.card-art{height:125px}.card-body{padding:20px 21px 0}.card-body h3{font-size:31px}.card-body p{min-height:0;font-size:12px}.card-body>.eyebrow{font-size:9px}.card-bottom{font-size:8px}.card-badge{font-size:8px;right:15px;top:18px}.card-index{font-size:31px;left:20px}.practice-row{flex-wrap:wrap;padding:17px}.practice-row>div:nth-child(2){flex:1}.practice-row>.button{margin:5px 0 0;width:100%;font-size:8px}.controls-grid{grid-template-columns:1fr;border-bottom:0;margin-top:23px}.control-card,.control-card+.control-card{padding:19px 0;border-left:0;border-bottom:1px solid #344b3f35;display:grid;grid-template-columns:1fr 1.5fr;gap:5px 18px;align-items:center}.control-keys{grid-row:span 2;margin:0}.control-card h3{font-size:21px}.control-card p{font-size:11px;line-height:1.6}.control-keys kbd{width:24px;font-size:11px}.control-card:last-child .control-keys{flex-wrap:wrap;gap:5px;max-width:115px}.riding-tip{gap:12px;padding:12px 14px}.riding-tip>p{font-size:10px}.riding-tip>span{font-size:7px}.shortcut-row{gap:15px;flex-wrap:wrap;font-size:7px;margin-top:20px}.controls-actions{flex-direction:column;margin-top:23px}.hud{top:93px;left:5%;right:5%;gap:15px}.course-hud{position:absolute;top:68px;width:100%;max-width:none}.fuel-hud{width:58%}.time-hud{min-width:95px}.fuel-caption{font-size:6px}.course-name{font-size:16px}.course-progress{margin-top:9px}.course-name>span:first-child{font-size:7px;padding:3px 5px}.time-hud>#time{font-size:26px}.ride-intro{top:36%}.ride-intro>strong{font-size:33px}.ride-intro>.eyebrow{font-size:6px}.ride-intro>span:last-child{font-size:8px}.ride-controls{display:none}.ride-bottom{bottom:95px;justify-content:flex-end}.speed-number{font-size:50px}.touch-controls{display:flex;position:absolute;bottom:22px;left:5%;right:5%;justify-content:space-between}.touch-controls>div{display:flex;gap:9px}.touch-controls button{background:#203b37c7;color:#efdbb4;border:1px solid #efd9b360;width:48px;height:47px;display:grid;place-items:center;font-size:25px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button:active{background:#d8965abf}.toast{top:214px;font-size:6px;letter-spacing:.5px;padding:10px 13px;max-width:95%;white-space:normal;text-align:center}.modal-backdrop{padding:18px;align-items:center}.modal{padding:30px 23px 25px}.modal h2{font-size:40px;margin-top:15px}.modal>.eyebrow{font-size:6px;letter-spacing:1.4px}.modal>p{font-size:11px}.result-modal h2{font-size:37px}.modal-footnote{font-size:7px;gap:5px}.result-stats strong{font-size:24px}.minor-stats{font-size:6px}.in-game .sound-popover{right:-60px}}@media(max-height:600px)and (min-width:800px){.hero-copy{top:20%}.hero-eyebrow{font-size:7px;margin-bottom:12px}h1{font-size:69px}.hero-description{font-size:11px;margin:14px 0}.hero-actions .button{height:38px;font-size:8px}.continue-label{font-size:7px;margin-top:10px}.home-bottom{bottom:14px}.ride-principles{padding-bottom:13px}.ride-principles p>span{font-size:9px}.ride-principles p{font-size:7px}.home-bottom footer{padding-top:10px}.principle-number{font-size:23px}.modal-backdrop{align-items:flex-start}.modal{margin:10px 0}.map-screen h2,.controls-screen h2{font-size:39px}.card-art{height:100px}.card-body p{font-size:10px;min-height:45px}.card-body h3{font-size:25px}.practice-row{margin-top:16px;padding:9px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.ring-marks{display:inline-flex;align-items:center;gap:7px;color:#507c68}.ring-marks i{display:block;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;opacity:.35}.ring-marks i.collected{opacity:1;background:#b7dfb7;box-shadow:inset 0 0 0 2px #507c68}.card-style{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:8px;font-weight:600;letter-spacing:.9px;color:#647358}.stunt-tip{display:flex;align-items:center;gap:17px;margin-top:17px;padding:0 20px}.stunt-tip p{color:#536651;font-size:12px;line-height:1.7}.stunt-tip strong{font-weight:600}.style-hud{position:absolute;bottom:79px;left:4.4%;width:213px;color:#f0dfbb;text-shadow:0 1px 4px #243b3540}.style-label{font-size:7px;letter-spacing:1.3px;opacity:.8}.style-main{display:flex;gap:13px;align-items:center;margin:3px 0 10px}.style-main strong{font:600 32px/1 var(--display);font-variant-numeric:tabular-nums}.style-main>span{font-size:8px;letter-spacing:1.1px;font-weight:600;color:#c0e2b9}.style-meta{display:flex;align-items:center;gap:18px}.style-meta .ring-marks{color:#c4e6b8}.style-meta .ring-marks i{width:10px;height:10px}.combo-track{width:80px;height:2px;background:#f0d7ac30}.combo-track i{display:block;height:100%;background:#b7dfb7}.stunt-toast{position:absolute;top:43%;left:50%;z-index:4;transform:translate(-50%,7px);opacity:0;transition:opacity .18s,transform .18s;text-align:center;color:#254d43;text-shadow:0 2px 18px #f5dcaddb;white-space:nowrap}.stunt-toast.visible{opacity:1;transform:translate(-50%)}.stunt-toast>span{display:block;font-size:10px;font-weight:600;letter-spacing:2px}.stunt-toast>strong{display:block;font:700 43px/1.1 var(--display);margin-top:5px}.stunt-toast small{vertical-align:middle;display:inline-block;margin-left:12px;padding:7px 9px;font:600 9px Barlow,sans-serif;letter-spacing:1.3px;background:#284c40;color:#d9edc6;text-shadow:none}.result-modal{margin-block:auto;flex-shrink:0}.result-style{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;text-align:left}.result-style strong{display:block;font:600 35px/1 var(--display);margin-top:4px}.result-style>div>span:not(.ring-marks){font-size:7px;letter-spacing:1px;color:#66795f}.result-style>div:last-child{text-align:right}.result-style>div:last-child>span:last-child{display:block;margin-top:9px}@media(max-width:800px){.style-hud{bottom:70px;width:190px}.stunt-tip p{font-size:11px}.stunt-toast>strong{font-size:36px}.stunt-toast>span{font-size:8px}.card-style{font-size:7px;letter-spacing:.4px}.card-style .ring-marks{gap:4px}.card-style .ring-marks i{width:9px;height:9px}}@media(max-width:600px){.style-hud{left:5%;bottom:99px;width:188px}.style-label{font-size:6px;letter-spacing:.7px}.style-main{margin-bottom:8px;gap:10px}.style-main strong{font-size:29px}.style-main>span{font-size:7px;letter-spacing:.7px}.stunt-toast{top:46%}.stunt-toast>strong{font-size:32px}.stunt-tip{padding:0 4px;gap:12px}.stunt-tip p{font-size:10px}.result-style strong{font-size:29px}.result-style>div>span:not(.ring-marks){font-size:6px;letter-spacing:.6px}}