@font-face{font-family:Barlow;font-weight:300;font-display:swap;src:url(/fonts/barlow-300.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow-500.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.woff2) format("woff2")}:root{--fg: #fff;--dim: rgba(255, 255, 255, .62);--line: rgba(255, 255, 255, .55);--hair: rgba(255, 255, 255, .22);--red: #ff1e10;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--f: "Barlow", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--fg);font-family:var(--f);font-weight:500;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;text-transform:uppercase;letter-spacing:.14em;-webkit-font-smoothing:antialiased}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}button{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;border:0;background:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}svg{display:block}.lbl{font-size:10px;letter-spacing:.32em;color:var(--dim)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#top{position:absolute;top:calc(12px + var(--sat));left:0;right:0;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.6)}#dist{font-weight:300;font-size:clamp(44px,13vw,70px);letter-spacing:.02em;line-height:1;margin-top:2px;font-variant-numeric:tabular-nums}#dist small{font-size:.32em;margin-left:6px;letter-spacing:.2em;font-weight:500;color:var(--dim)}#bestTop{font-size:10px;letter-spacing:.3em;color:var(--dim);margin-top:6px}#air{position:absolute;left:calc(14px + var(--sal));top:36%;width:clamp(74px,20vw,98px);aspect-ratio:1;transform:translateY(-50%)}#air svg{width:100%;height:100%;overflow:visible}#air .cap{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font-size:10px;letter-spacing:.4em;text-indent:.4em;color:var(--dim)}#air.low #wave{fill:var(--red)}#air.low #wave2{fill:#ff281459}#air.empty{animation:blink .35s steps(2) infinite}@keyframes blink{50%{opacity:.3}}#telemetry{position:absolute;left:calc(14px + var(--sal));top:calc(36% + clamp(62px,15vw,76px));display:flex;flex-direction:column;gap:9px;text-shadow:0 1px 8px rgba(0,0,0,.7)}#telemetry div{display:grid;line-height:1.1}#telemetry span{font-size:8.5px;letter-spacing:.3em;color:var(--dim)}#telemetry b{font-weight:300;font-size:20px;letter-spacing:.02em;font-variant-numeric:tabular-nums}#telemetry i{font-style:normal;font-size:8.5px;letter-spacing:.25em;color:var(--dim)}#popup{position:absolute;top:25%;left:0;right:0;text-align:center;font-weight:300;font-size:26px;letter-spacing:.38em;text-indent:.38em;opacity:0;text-shadow:0 0 20px rgba(0,0,0,.8)}#popup.show{animation:pop 1.1s ease-out forwards}@keyframes pop{0%{opacity:0;letter-spacing:.8em}18%{opacity:1;letter-spacing:.38em}75%{opacity:1}to{opacity:0}}#hint{position:absolute;bottom:calc(256px + var(--sab));left:50%;transform:translate(-50%);padding:11px 16px;border:1px solid var(--line);background:#0009;font-size:12px;letter-spacing:.24em;white-space:nowrap;opacity:0;transition:opacity .2s}#hint.show{opacity:1;animation:hintPulse 1s ease-in-out infinite alternate}@keyframes hintPulse{to{border-color:#fff;background:#000c}}.iconBtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#00000073;display:grid;place-items:center}.iconBtn svg{width:20px;height:20px}#pauseBtn{position:absolute;top:calc(12px + var(--sat));left:calc(12px + var(--sal));pointer-events:auto}#mute{position:fixed;top:calc(12px + var(--sat));right:calc(12px + var(--sar));z-index:30}#controls{position:fixed;left:0;right:0;bottom:calc(16px + var(--sab));display:flex;justify-content:center;align-items:flex-start;--bh: clamp(120px, 35vw, 160px);gap:clamp(10px,4vw,24px);padding:0 calc(10px + var(--sar)) 0 calc(10px + var(--sal))}.btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000006b;border:1px solid var(--line);color:#fff;transition:background .05s,color .05s,transform .05s}.btn span{font-size:10px;letter-spacing:.4em;text-indent:.4em}.btn.side{width:clamp(76px,21vw,104px);height:var(--bh);border-radius:4px}.btn.side svg{width:50%}.btn.lift{width:var(--bh);height:var(--bh);border-radius:50%}.btn.lift svg{width:42%}.btn.lift:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid var(--hair)}.btn.on{background:#fff;color:#000;border-color:#fff;transform:scale(.97)}.btn.on:before{border-color:#0003}.btn.dry{opacity:.45}.mid{display:flex;flex-direction:column;align-items:center;gap:10px}.btn.boost{width:calc(var(--bh) * .8);height:50px;border-radius:25px;flex-direction:row;gap:8px}.btn.boost svg{width:40px;height:20px}.btn.boost span{font-size:10px}@media(orientation:landscape)and (max-height:520px){#controls{justify-content:space-between;padding:0 calc(24px + var(--sar)) 0 calc(24px + var(--sal));--bh: 124px}#controls .mid{order:3}#controls #bL{order:2;margin-left:auto;margin-right:14px}#air{top:46%}#telemetry{top:calc(46% + 66px)}#hint{bottom:calc(210px + var(--sab))}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:calc(18px + var(--sat)) 20px calc(18px + var(--sab));text-align:center;z-index:20}#title{background:linear-gradient(180deg,#000000b3,#0000 30%,#0000 52%,#000000e6);justify-content:space-between}.brand{margin-top:5vh;text-shadow:0 2px 24px rgba(0,0,0,.8)}.over{font-size:10px;letter-spacing:.36em;color:var(--dim)}.brand .t2{font-weight:500;font-size:clamp(28px,8.6vw,58px);letter-spacing:.16em;text-indent:.16em;margin-top:14px;line-height:1;white-space:nowrap}.brand .t3{font-weight:300;font-size:clamp(13px,3.6vw,18px);letter-spacing:.7em;text-indent:.7em;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:14px}.brand .t3:before,.brand .t3:after{content:"";width:28px;height:1px;background:var(--red)}#title .bottom{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px}#challenge{border:1px solid var(--red);padding:9px 14px;font-size:11px;letter-spacing:.2em}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 30px;min-width:220px;border:1.5px solid #fff;font-size:15px;letter-spacing:.32em;text-indent:.32em;background:#00000059;transition:background .12s,color .12s}.cta svg{width:20px;height:20px;flex:none}.cta:active,.cta.solid{background:#fff;color:#000}.cta.solid:active{background:#cfd3d8}#startBtn{width:100%;padding:20px 30px;font-size:18px}.howto{width:100%;border-top:1px solid var(--hair)}.howto div{display:flex;align-items:center;gap:14px;padding:9px 2px;border-bottom:1px solid var(--hair);text-align:left}.howto b{font-weight:500;font-size:10px;letter-spacing:.25em;min-width:44px;flex:none;white-space:nowrap}.howto span{font-size:11px;letter-spacing:.12em;color:var(--dim);text-transform:none}#bestTitle{font-size:10px;letter-spacing:.32em;color:var(--dim);min-height:12px}.promo{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--hair);padding:6px 12px 6px 6px;text-align:left;font-size:10px;letter-spacing:.16em;line-height:1.45;background:#00000080}.promo img{flex:none}.promo span{flex:1;color:var(--dim)}.promo b{color:#fff;font-weight:500}.promo svg{width:18px;flex:none}#loading{position:absolute;bottom:8px;font-size:9px;letter-spacing:.4em;color:var(--dim)}#paused{background:#000000a6}#paused .big{font-weight:300;font-size:30px;letter-spacing:.5em;text-indent:.5em}#over{background:radial-gradient(130% 90% at 50% 25%,#00000059,#000000e6);overflow-y:auto;justify-content:flex-start;touch-action:pan-y}#over .card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 auto;padding:4px 0}#over.lock{pointer-events:none}.crashed{font-size:12px;letter-spacing:.5em;text-indent:.5em;color:var(--red)}.distRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;column-gap:8px;min-height:70px}.distRow #hardBadge{grid-column:1;justify-self:end}.distRow #finalDist{grid-column:2}.distRow #recordBadge{grid-column:3;justify-self:start}.distRow #hardBadge,.distRow #recordBadge{align-self:end;font-size:9px;letter-spacing:.12em;text-indent:0;padding:5px 5px 5px 6px;line-height:1.35}html:lang(zh-Hans) .distRow #hardBadge,html:lang(zh-Hant) .distRow #hardBadge{word-break:keep-all}#finalDist{font-weight:300;font-size:clamp(56px,17vw,88px);line-height:.95;letter-spacing:.01em;font-variant-numeric:tabular-nums}#finalDist small{font-size:.28em;margin-left:8px;letter-spacing:.2em;color:var(--dim);font-weight:500}#recordBadge{align-self:center;font-size:11px;letter-spacing:.4em;text-indent:.4em;padding:6px 12px;background:#fff;color:#000;animation:rec .8s ease-in-out infinite alternate}@keyframes rec{to{box-shadow:0 0 22px #ffffffa6}}#finalBest{font-size:10px;letter-spacing:.3em;color:var(--dim);margin-bottom:6px}#over .cta{width:100%}#clipPrev{width:100%;height:clamp(120px,24vh,220px);object-fit:cover;border:1px solid var(--hair);background:#000;display:block}.shareRow{display:flex;gap:8px;justify-content:space-between}.shareRow>*{flex:1;height:46px;display:grid;place-items:center;border:1px solid var(--line);background:#0006}.shareRow svg{width:20px;height:20px}.shareRow>*:active{background:#fff;color:#000}.steam{display:flex;align-items:stretch;gap:12px;margin-top:4px;min-height:112px;padding:8px;border:1px solid #66c0f4;background:linear-gradient(90deg,#1b2838f0,#2a475ef0);text-align:left}.steam img{flex:none;width:50%;height:auto;align-self:center;display:block}.steam .txt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.steam .l1,.steam .l2{font-size:11px;letter-spacing:.2em;line-height:1.25}.steam .l2{color:#b5e61d}.steam b{font-weight:700;font-size:18px;letter-spacing:.1em;line-height:1.12;color:#fff;margin:2px 0}.steam .l3{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.26em;color:#66c0f4}.steam .l3 svg{width:16px;height:16px}.steam:active{background:#66c0f4}#toast{position:fixed;left:50%;bottom:calc(30px + var(--sab));transform:translate(-50%) translateY(16px);background:#fff;color:#000;padding:10px 18px;font-size:11px;letter-spacing:.3em;opacity:0;transition:.25s;z-index:50;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}body.og #hud,body.og #controls,body.og #mute,body.og #title,body.og #over{display:none!important}body.og #ogTitle{display:flex!important}#ogTitle{position:fixed;left:60px;top:0;bottom:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;text-align:left;z-index:40;text-shadow:0 2px 30px rgba(0,0,0,.9)}#ogTitle .over{font-size:13px}#ogTitle .t2{font-size:74px;font-weight:500;letter-spacing:.12em;line-height:1.02}#ogTitle .t3{font-size:20px;font-weight:300;letter-spacing:.7em;display:flex;align-items:center;gap:14px}#ogTitle .t3:before{content:"";width:34px;height:1px;background:var(--red)}#ogTitle .ogsub{margin-top:18px;font-size:22px;font-weight:300;letter-spacing:.3em}#ogTitle .ogplay{font-size:14px;letter-spacing:.32em;border:1.5px solid #fff;padding:12px 20px}:lang(zh) body,:lang(ja) body,:lang(ko) body,html:lang(zh-Hans),html:lang(zh-Hant),html:lang(ja),html:lang(ko){letter-spacing:.06em}html:lang(zh-Hans) .lbl,html:lang(zh-Hant) .lbl,html:lang(ja) .lbl,html:lang(ko) .lbl,html:lang(zh-Hans) .btn span,html:lang(zh-Hant) .btn span,html:lang(ja) .btn span,html:lang(ko) .btn span{letter-spacing:.2em;font-size:11px}html:lang(zh-Hans) .cta,html:lang(zh-Hant) .cta,html:lang(ja) .cta,html:lang(ko) .cta{letter-spacing:.2em;text-indent:.2em}html:lang(zh-Hans) .howto span,html:lang(zh-Hant) .howto span,html:lang(ja) .howto span,html:lang(ko) .howto span{letter-spacing:.04em;font-size:12px}html:lang(zh-Hans) #popup,html:lang(zh-Hant) #popup,html:lang(ja) #popup,html:lang(ko) #popup{letter-spacing:.2em;font-weight:500}@media(max-height:740px){#clipPrev{height:13vh}#over .card{gap:9px}}@media(max-height:740px){.brand{margin-top:1vh}.howto div{padding:6px 2px}#title .bottom{gap:11px}#startBtn{padding:16px 30px}}.retryRow{display:flex;gap:8px}.retryRow .cta{flex:1;min-width:0;padding-left:10px;padding-right:10px}#hardBtn{border-color:#ff2a1a;color:#ff5a48;background:#3c000073}#hardBtn:active{background:#ff1e10;color:#fff}#hardBtn.new{animation:hcNew .7s ease-in-out infinite alternate}@keyframes hcNew{to{box-shadow:0 0 26px #ff2814d9;background:#ff1e1059}}#modeTag{display:none;font-size:10px;letter-spacing:.5em;text-indent:.5em;color:#ff3b2a;margin-bottom:4px;text-shadow:0 0 12px rgba(255,30,10,.8)}body.hard #modeTag{display:block}#hardBadge{align-self:center;font-size:11px;letter-spacing:.35em;text-indent:.35em;padding:6px 12px;border:1px solid #ff2a1a;color:#ff5a48;background:#50000066}#hardfx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0}body.hard #hardfx{opacity:1;background:radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(160,0,8,.38) 100%);animation:hcPulse 1.1s ease-in-out infinite alternate}@keyframes hcPulse{0%{opacity:.55}to{opacity:1}}body.hard.flash #hardfx{animation:hcFlash .7s ease-out 1,hcPulse 1.1s ease-in-out .7s infinite alternate}@keyframes hcFlash{0%{opacity:1;background-color:#ff140a8c}to{opacity:.6;background-color:#ff140a00}}body.hard .lbl,body.hard #bestTop,body.hard #telemetry span,body.hard #telemetry i,body.hard #air .cap{color:#ff6e5fe6}body.hard .btn{border-color:#ff4632b3}body.hard .btn.on{background:#ff2a1a;border-color:#ff2a1a;color:#fff}body.hard #air circle:first-of-type{stroke:#ff3b2a}#over.hard{background:radial-gradient(130% 90% at 50% 25%,#46000673,#0c0002ed)}#over.hard .crashed{font-weight:700;text-shadow:0 0 16px rgba(255,30,10,.9)}#over.hard #finalDist{color:#fff;text-shadow:0 0 28px rgba(255,40,20,.7)}#retryBtn{flex-direction:column;gap:5px}#retryBtn .row{display:inline-flex;align-items:center;gap:12px}#unlockHint{font-size:9.5px;letter-spacing:.16em;text-indent:0;color:#ff6e5ff2;font-weight:500}#hardBtn{flex-direction:column;gap:5px}#hardBtn .row{display:inline-flex;align-items:center;gap:10px}#superHint{font-size:9px;letter-spacing:.1em;text-indent:0;color:#dc78fff2}#superBtn{border-color:#c03bff;color:#d977ff;background:#2d004680}#superBtn:active{background:#a020f0;color:#fff}#superBtn.new{animation:shcNew .7s ease-in-out infinite alternate}@keyframes shcNew{to{box-shadow:0 0 26px #be32ffe6;background:#a01ef059}}.retryRow.three .cta{font-size:12px;letter-spacing:.14em;text-indent:.14em;padding:15px 4px;gap:6px}.retryRow.three .cta svg{width:16px;height:16px}body.super #modeTag{color:#d64dff;text-shadow:0 0 12px rgba(200,40,255,.9)}body.super #hardfx{background:radial-gradient(ellipse at 50% 50%,transparent 48%,rgba(130,0,190,.42) 100%);animation:hcPulse .35s steps(2) infinite}body.super .lbl,body.super #bestTop,body.super #telemetry span,body.super #telemetry i,body.super #air .cap{color:#dc82ffeb}body.super .btn{border-color:#c850ffbf}body.super .btn.on{background:#b020ff;border-color:#b020ff;color:#fff}body.super #air circle:first-of-type{stroke:#c03bff}#over.super{background:radial-gradient(130% 90% at 50% 25%,#37005080,#0a0010f0)}#over.super .crashed{color:#d64dff;text-shadow:0 0 16px rgba(190,40,255,.9)}#over.super #hardBadge{border-color:#c03bff;color:#e08bff;background:#3c005a73}#over.super #finalDist{text-shadow:0 0 28px rgba(190,50,255,.75)}
