@import url('fonts/fonts.css');
:root{color-scheme:dark;--lime:#c8ff35;--yellow:#ffdc56;--muted:#93a4ae;--bg:#060b12}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:#f2f7f4;font-family:Barlow,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}[hidden]{display:none!important}#game-shell{height:100svh;min-height:400px;position:relative;isolation:isolate;overflow:hidden}#game{width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,13,.94) 0%,rgba(3,9,13,.8) 22%,rgba(3,9,13,.08) 70%),linear-gradient(0deg,rgba(3,9,13,.9),transparent 25%,transparent 75%,rgba(3,9,13,.7));transition:opacity .5s}.playing .vignette{opacity:0.25}.topbar{position:absolute;top:0;left:0;right:0;padding:28px 3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#f5f9ee;text-decoration:none;font-size:12px;font-weight:600;line-height:1.1;letter-spacing:2px}.brand b{font-weight:800}.brand-icon{font-size:31px;color:var(--lime);font-style:italic;font-weight:900;border:1px solid #455627;padding:1px 7px;position:relative}.brand-icon span{font-size:19px}.status,.icon-button,.eyebrow,footer,.start-note,.control-guide,.rider-label,.hud small,.hud label,.run-info,.fine{font-size:10px;letter-spacing:1.8px;font-weight:600}.status{display:flex;align-items:center;gap:10px;color:#b2bdbd}.status i,footer i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}nav{display:flex;gap:22px}.icon-button{border:0;background:none;color:#bbc6cb;padding:8px 0}.icon-button:hover{color:var(--lime)}.intro{position:absolute;top:24%;left:6%;right:0}.eyebrow{color:#a6b8b3;letter-spacing:2.6px}.eyebrow span{color:var(--lime);margin-right:20px}h1{font:900 clamp(64px,7.9vw,136px)/.81 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1px;margin:34px 0 24px;font-style:italic}h1 em{color:var(--lime);font-style:italic;position:relative}h1 em span{position:absolute;font:500 14px Barlow;top:10px;right:-23px;letter-spacing:0}.title-line{width:50px;height:3px;background:var(--lime);margin-top:30px}.tagline{font:600 24px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin-bottom:10px}.description{font-size:14px;line-height:1.8;color:#a6b5b9;margin:0 0 27px}.primary{background:var(--lime);color:#17200d;border:0;clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,0 100%);min-width:230px;text-align:left;padding:19px 24px;font-size:12px;letter-spacing:2px;font-weight:800;transition:background .2s,transform .2s}.primary span{float:right;font-size:20px;line-height:14px}.primary:hover{background:#e2ff87;transform:translateY(-2px)}.start-note{color:#7e9298;font-size:8px;letter-spacing:2px;margin:13px 0 28px}.control-guide{display:flex;gap:24px;align-items:center;color:#97a7ae;font-size:8px;letter-spacing:1.4px}.control-guide>div{display:flex;gap:4px;align-items:center}.control-guide span{margin-left:5px}kbd{border:1px solid #3c4c52;border-bottom:2px solid #52636b;border-radius:3px;padding:5px 6px;font:600 9px Barlow;color:#cbd6d6;min-width:24px;text-align:center}.rider-label{position:absolute;left:64%;bottom:20%;display:flex;gap:12px;color:var(--lime);font-size:8px}.rider-label b{display:block;font-size:13px;letter-spacing:2px;color:white;margin:8px 0}.rider-label small{font-size:10px;font-weight:400;letter-spacing:.5px;color:#8ca4ad}.crosshair{font-size:30px;font-weight:400}footer{position:absolute;bottom:0;left:3.5%;right:3.5%;height:55px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;color:#758991;font-size:8px;letter-spacing:1.6px;gap:12px}footer i{margin-right:9px}.hud{position:absolute;inset:130px 4% 55px;pointer-events:none}.score small{display:block;color:#a1b4b9;font-size:9px}.score strong{display:block;font:700 53px 'Barlow Condensed',sans-serif;letter-spacing:3px}.score>span{font-size:9px;color:var(--lime);letter-spacing:2px}.telemetry{position:absolute;bottom:10px;right:0;display:flex;align-items:flex-end;gap:22px}.speed strong{font:700 72px/.85 'Barlow Condensed',sans-serif}.speed span{font-size:10px;margin-left:8px;color:#a4b5bc}.meters{width:165px}.meters label{display:flex;justify-content:space-between;margin:12px 0 7px;font-size:8px}.meters label span{color:#a7b8bd}.meter{height:5px;background:#25333d}.meter i{display:block;background:var(--lime);height:100%;width:100%;transition:width .15s}.meter.boost i{background:var(--yellow)}.run-info{position:absolute;left:0;bottom:10px;display:flex;gap:22px;font-size:10px;color:#afc2cb}.toast{position:absolute;left:50%;top:22%;transform:translateX(-50%);font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--lime);text-shadow:0 0 20px #7cff4780;pointer-events:none;opacity:0;transition:opacity .2s}.toast.show{opacity:1}dialog{width:min(550px,92vw);background:rgba(7,17,25,.97);border:1px solid #536837;color:#f2f7f4;padding:45px;box-shadow:0 0 120px #a6ff0010}dialog::backdrop{background:#02070cca;backdrop-filter:blur(7px)}dialog h2{font:800 42px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;margin:23px 0;color:var(--lime)}dialog p{color:#b0c2c8;font-size:14px;line-height:1.7}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#9cafb7;font-size:28px}.secondary{border:1px solid #4d6464;color:#aabdbd;background:none;padding:15px;margin-top:15px;display:block;letter-spacing:1px;font-size:10px}.final-score{font:700 70px 'Barlow Condensed';letter-spacing:4px}.save-row{display:flex;margin:8px 0 0}.save-row input{min-width:0;width:100%;padding:13px;background:#101e26;border:1px solid #3e5058;color:white;text-transform:uppercase}.save-row button{white-space:nowrap;background:var(--lime);border:0;color:#101810;font-size:10px;font-weight:800;letter-spacing:1px;padding:12px}form label{font-size:9px;letter-spacing:2px;color:#9bb1b8}.fine{font-size:10px!important;line-height:1.7;letter-spacing:.5px!important}#scores{padding:0;list-style:none;counter-reset:rank}#scores li{counter-increment:rank;display:flex;align-items:center;gap:15px;border-bottom:1px solid #ffffff12;padding:15px 0;font-size:13px}#scores li:before{content:counter(rank,decimal-leading-zero);color:#7d969f;font-size:11px}#scores b{color:var(--lime);margin-left:auto;font-family:'Barlow Condensed';font-size:22px;letter-spacing:1px}.touch-controls{position:absolute;bottom:90px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;width:55px;height:55px;background:#10242cbb;border:1px solid #557345;color:var(--lime);font-size:32px;border-radius:12px}.touch-controls .touch-fire,.touch-controls .touch-boost{font-size:10px;font-weight:bold}.touch-controls .touch-fire{background:#bbff3340}
@media(max-width:850px){.status{display:none}.intro{top:23%;left:6%}h1{font-size:100px}.rider-label{display:none}.topbar{padding:20px 5%}.description{max-width:330px;font-size:12px}nav{gap:16px}footer span:nth-child(2){display:none}.control-guide{gap:12px}.hud{inset:110px 5% 35px}.telemetry{gap:10px}.meters{width:105px}.speed strong{font-size:52px}.run-info{gap:10px;font-size:8px}.playing #footer{display:none}}
@media(max-width:520px){h1{font-size:84px;margin-top:24px}.intro{top:22%}.eyebrow{font-size:8px;letter-spacing:1.5px}.eyebrow span{margin-right:8px}.tagline{font-size:21px}.description{font-size:12px;max-width:280px}.desktop{display:none}.icon-button span{font-size:8px}.brand{font-size:10px}.brand-icon{font-size:25px}.primary{padding:16px 21px;min-width:215px}.control-guide{font-size:7px;gap:10px}kbd{font-size:8px;padding:4px;min-width:20px}.start-note{margin-bottom:20px}footer{font-size:6px;height:40px}footer span:last-child{display:none}.title-line{margin-top:25px}.telemetry{bottom:5px}.score strong{font-size:42px}dialog{padding:36px 25px}dialog h2{font-size:36px}}
@media(max-height:700px) and (min-width:700px){.intro{top:20%}h1{font-size:90px;margin:20px 0}.title-line{margin-top:18px}.tagline{margin-top:16px}.description{margin-bottom:16px}.control-guide{position:absolute;left:390px;bottom:45px}.start-note{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.rotate-hint{display:none}dialog{max-height:90svh;overflow-y:auto}html,body{overscroll-behavior:none}.topbar{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(3.5%,env(safe-area-inset-left));padding-right:max(3.5%,env(safe-area-inset-right))}
@media(pointer:coarse){#game-shell{min-height:280px}.touch-controls{bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}.touch-controls button{width:68px;height:64px;border-radius:14px;background:#10242cdb;border-color:#6a8b51}.touch-controls button:active{background:#c8ff3570}.touch-controls .touch-fire{width:80px}.touch-controls .touch-boost{border-color:#a38e45;color:#ffdc56}.hud .run-info{bottom:75px}.hud .telemetry{bottom:85px}.control-guide{display:none}.icon-button{min-height:40px;min-width:32px}.intro .start-note{font-size:8px}.playing .topbar .brand{opacity:.7}}
@media(pointer:coarse) and (orientation:portrait){.rotate-hint{display:flex;position:absolute;top:90px;left:6%;right:6%;align-items:center;justify-content:center;gap:10px;color:#c8ff35;background:#10242cd9;border:1px solid #405532;padding:12px;font-size:8px;font-weight:600;letter-spacing:1.1px;pointer-events:none}.rotate-hint span{font-size:22px}.playing .rotate-hint{display:none}nav{gap:7px}#fullscreen span{display:none}.intro{top:27%}.hud .telemetry{bottom:95px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:650px){.topbar{padding-top:max(7px,env(safe-area-inset-top));padding-bottom:5px}.topbar .brand{font-size:8px;gap:8px}.brand-icon{font-size:23px}.brand-icon span{font-size:14px}.status{display:none}nav{gap:16px}.icon-button{font-size:15px}.icon-button span{font-size:8px;letter-spacing:1px}.intro{top:64px;left:max(5%,env(safe-area-inset-left))}.intro .eyebrow{font-size:7px;margin:5px 0;letter-spacing:1.6px}h1{font-size:clamp(54px,11svh,72px);margin:14px 0;letter-spacing:0}.title-line,.tagline,.control-guide,.rider-label{display:none}.description{font-size:10px;line-height:1.55;margin:0 0 12px;max-width:320px}.primary{padding:14px 19px;min-width:210px;font-size:10px}.start-note{font-size:6px!important;margin:9px 0 0}#footer{display:none}.hud{inset:66px max(4%,env(safe-area-inset-right)) 20px max(4%,env(safe-area-inset-left))}.score strong{font-size:32px;line-height:1.15}.score small{font-size:7px}.score>span{font-size:7px}.telemetry{top:0;bottom:auto!important;right:0;align-items:flex-start;gap:12px}.speed strong{font-size:38px}.speed span{font-size:7px}.meters{width:110px}.meters label{margin:0 0 5px;font-size:7px}.meters label:nth-of-type(2){margin-top:10px}.meter{height:4px}.run-info{left:50%;bottom:0!important;transform:translateX(-50%);gap:16px;white-space:nowrap;font-size:7px}.touch-controls{bottom:max(17px,env(safe-area-inset-bottom))}.touch-controls>div{gap:12px}.touch-controls button{width:70px;height:60px}.touch-controls .touch-fire{width:78px}.toast{top:25%;font-size:16px;letter-spacing:2px}.close{min-width:44px;min-height:44px}dialog{padding:28px 35px;width:min(550px,85vw)}dialog h2{font-size:32px;margin:15px 0}.final-score{font-size:45px}}

#world{position:absolute;inset:0;width:100%;height:100%;display:block}.playing .vignette{opacity:.10}nav{gap:17px}.intro .description{max-width:460px}.intro .rider-label{left:68%;bottom:8%}@media(pointer:coarse) and (orientation:landscape) and (max-height:650px){#quality span{display:none}nav{gap:11px}.playing .topbar .brand{display:none}.playing nav{width:100%;justify-content:flex-end}.intro{pointer-events:none}.intro button{pointer-events:auto}}@media(max-width:520px){#quality span,#fullscreen span{display:none}nav{gap:7px}.icon-button{font-size:16px}}