@charset "UTF-8";
a{color:inherit}
:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#e8f1f4;background:#07121d;font-synthesis:none;--accent:#9cfff2;--dim:#809aa5;--line:#c1f7ff25}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;min-height:320px;isolation:isolate;overflow:hidden;background:#07121d}#world{display:block;width:100%;height:100%;outline:0!important;touch-action:none}.screen-grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 58% 49%,transparent 15%,#020a1450 65%,#02070fc7 100%)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 4.8vw;z-index:12;pointer-events:none}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:"Arial",sans-serif;font-size:14px;font-weight:800;letter-spacing:.11em;pointer-events:auto}.wordmark-sub{font-size:9px;font-weight:400;letter-spacing:.23em;color:#93aeb7;align-self:flex-end;margin-bottom:2px;margin-left:-4px}.logo-symbol{display:flex;gap:3px;margin-right:4px;transform:skew(-20deg)}.logo-symbol i{height:20px;width:4px;background:var(--accent)}.logo-symbol i:nth-child(2){height:14px;align-self:center;opacity:.55}.logo-symbol i:last-child{height:8px;align-self:center;opacity:.3}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #c6f7ff24;border-radius:50%;background:#071a2755;backdrop-filter:blur(12px);transition:background .2s}.icon-button:hover{background:#b9fff21b}.icon-button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.menu-panel{position:absolute;z-index:5;left:8vw;top:50%;transform:translateY(-46%);max-width:470px}.menu-panel::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-130px -150px -110px -200px;background:radial-gradient(ellipse at 35% 50%,#07121dd9,#07121d90 42%,transparent 70%)}.hero-eyebrow{display:flex;gap:10px;align-items:center;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.2em;color:#9dc4ca;margin-bottom:25px}.hero-eyebrow>span,.result-eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #9cfff299}h1{font-family:"Arial Black","Arial",sans-serif;margin:0 0 24px;font-size:clamp(68px,7.3vw,120px);font-weight:950;letter-spacing:-.065em;line-height:.91;display:flex;flex-direction:column}h1>span{color:#ecf5f4;text-shadow:0 1px 25px #081c33aa}h1>em{font-style:italic;font-weight:950;color:var(--accent);padding-right:15px;letter-spacing:-.06em;margin-left:-3px}.title-dot{font-style:normal;letter-spacing:-.15em}.hero-tagline{font-size:21px;font-weight:650;letter-spacing:.07em;margin:0 0 14px}.hero-copy{font-size:12px;color:#9fb6bf;line-height:2.1;letter-spacing:.04em;margin:0 0 23px}.mode-switch{display:inline-flex;gap:4px;border:1px solid #c1f7ff20;border-radius:7px;padding:3px;background:#06152255;margin-bottom:15px}.mode-switch button{font-size:10px;letter-spacing:.05em;border:0;color:#79939e;background:transparent;border-radius:4px;padding:8px 16px}.mode-switch button.selected{background:#a7fbe416;color:#b5efe4}.start-button{width:100%;max-width:315px;min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 23px;border:1px solid var(--accent);background:var(--accent);color:#0a262d;font-size:14px;font-weight:700;letter-spacing:.06em;border-radius:3px;box-shadow:0 0 30px #88ffe110;transition:background .18s,box-shadow .18s,transform .18s}.start-button:hover{background:#c4fff7;box-shadow:0 0 32px #88ffe126;transform:translateY(-1px)}.start-button>span:last-child{font-size:24px;font-weight:300;line-height:1}.control-guide{display:flex;align-items:center;gap:13px;margin-top:24px;font-size:10px;color:#8aa7b2}.control-guide>span{display:flex;align-items:center;gap:7px}.control-guide svg{width:16px;height:16px;stroke:#a8cad2;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.control-guide>i{font-style:normal;opacity:.25}.keyboard-guide{font-size:9px;color:#64828f;margin:9px 0 0;letter-spacing:.03em}.attract-label{position:absolute;right:6vw;top:43%;display:flex;flex-direction:column;gap:13px;z-index:4;text-align:right;pointer-events:none}.tiny-label{font-family:Arial,sans-serif;font-size:8px;font-weight:500;letter-spacing:.22em;color:#89aab8}.attract-label>span:nth-child(2){font-size:11px;letter-spacing:.12em;color:#c8e4e6}.attract-label i{font-style:normal;color:#638a99;padding:0 5px}.attract-label>div{height:1px;width:90px;align-self:flex-end;background:linear-gradient(90deg,transparent,#9dfff27a);position:relative}.attract-label>div::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--accent);border-radius:50%}#menu-footer{position:absolute;bottom:28px;left:4.8vw;right:4.8vw;display:flex;align-items:center;justify-content:space-between;z-index:5;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.15em;color:#6a8996}#menu-footer strong{font-size:15px;font-weight:400;color:#b8d5db;margin:0 6px;font-variant-numeric:tabular-nums}#menu-footer button{border:0;background:transparent;color:#b0cbd3;font-size:10px;letter-spacing:.05em;padding:8px 14px}.flight-meter{position:absolute;left:50%;top:28px;transform:translateX(-50%);z-index:8;text-align:center;pointer-events:none}.flight-meter>strong{display:block;font-family:Arial,sans-serif;font-size:45px;line-height:1.1;letter-spacing:-.04em;font-weight:300;margin-top:9px;text-shadow:0 1px 20px #0008;font-variant-numeric:tabular-nums}.flight-meter>strong>span{font-size:12px;font-weight:400;margin-left:7px;letter-spacing:0;color:#a8c4ce}.flight-sub{display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;letter-spacing:.05em;color:#a6c5cd;margin-top:9px;white-space:nowrap}.flight-sub i{display:block;height:3px;width:3px;border-radius:50%;background:#83a6b4}.run-meta{position:absolute;left:4.8vw;top:95px;z-index:7;display:flex;flex-direction:column;gap:10px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.13em;color:#84a5b4;pointer-events:none}.run-meta>span:first-child{font-size:9px;color:var(--accent)}.run-meta b{font-weight:400;color:#bed5da;margin-left:5px}.gate-counter,.near-counter{position:absolute;bottom:67px;z-index:5;pointer-events:none}.gate-counter{left:4.8vw}.near-counter{right:4.8vw;text-align:right}.gate-counter strong,.near-counter strong{display:block;font-family:Arial,sans-serif;font-size:27px;font-weight:300;margin-top:7px;font-variant-numeric:tabular-nums;color:#cadfe4}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:1px solid #c9fffa50;border-radius:50%;pointer-events:none;z-index:5;box-shadow:0 1px 4px #0005}#crosshair::before,#crosshair::after{content:"";position:absolute;background:#bff9ed9e;top:9px;left:8px;width:2px;height:2px}#crosshair::after{top:8px;left:9px}#gate-guide{position:absolute;top:50%;left:50%;z-index:4;pointer-events:none;transform:translate(-50%,-50%);color:#b8fff4;text-shadow:0 1px 8px #0008;opacity:.7}#gate-guide>i{display:block;width:10px;height:10px;border:1px solid #b0fff290;transform:rotate(45deg);margin:auto}#gate-guide>span{display:block;font-family:Arial,sans-serif;font-size:6px;letter-spacing:.13em;margin-top:8px}#flight-hint{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);width:80%;text-align:center;font-size:10px;color:#b1d6dc;letter-spacing:.08em;z-index:5;pointer-events:none;transition:opacity 1s}#near-message{position:absolute;top:62%;left:50%;transform:translate(-50%,12px);font-family:Arial,sans-serif;color:var(--accent);letter-spacing:.2em;font-size:12px;z-index:6;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;text-align:center;white-space:pre-line;line-height:1.8}#near-message.visible{opacity:1;transform:translate(-50%,0)}.altimeter{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:5;color:#71909d;pointer-events:none}.altimeter>i{height:5px;width:1px;background:#9dc6d240}.altimeter>i:nth-child(2n){height:9px}.altimeter>span{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.2em;white-space:nowrap;padding:0 6px}#impact{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse,transparent 10%,#dd76509c);opacity:0;pointer-events:none;transition:opacity .25s}body.crashed #impact{opacity:.9}body.crashed .vignette{background:radial-gradient(ellipse,#08142355,#050a14c9)}body.paused .vignette,body.results .vignette,body.help-open .vignette{background:#04111bc7;backdrop-filter:blur(5px)}.overlay-panel{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-47%);width:min(440px,calc(100% - 48px));text-align:center}.overlay-panel>.tiny-label{color:#87b8bf}.overlay-panel h2{font-size:29px;letter-spacing:.05em;line-height:1.6;font-weight:650;margin:17px 0 14px}.overlay-panel>p{font-size:11px;line-height:2;color:#8faab7}.overlay-panel .start-button{max-width:none;margin-top:28px}.quiet-button{display:block;border:0;background:transparent;color:#799ba8;font-size:10px;padding:13px 20px;margin:11px auto 0}.quiet-button:hover{color:var(--accent)}.result-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-family:Arial,sans-serif;letter-spacing:.22em;font-size:9px;color:#a0c1cb}.result-eyebrow>span{width:4px;height:4px}.result-panel{width:min(400px,calc(100% - 48px));transform:translate(-50%,-45%)}.result-panel h2{font-size:19px;font-weight:500;margin:18px 0 7px;letter-spacing:.06em}.result-distance{font-family:Arial,sans-serif;display:flex;align-items:baseline;justify-content:center;gap:11px;line-height:1.2}.result-distance>strong{font-size:100px;font-weight:250;letter-spacing:-.065em;color:#d6fbf4;font-variant-numeric:tabular-nums}.result-distance>span{font-size:20px;font-weight:300;color:#78a3ae}#new-best{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.2em;color:var(--accent);margin:8px 0 20px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-top:22px}.result-stats>div{display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line)}.result-stats>div:last-child{border:0}.result-stats span{font-size:9px;color:#8bacb6}.result-stats strong{font-family:Arial,sans-serif;font-weight:400;font-size:23px;color:#cbe6e9;font-variant-numeric:tabular-nums}.result-stats small{font-size:10px;font-weight:400;margin-left:4px;color:#8bb1b9}.result-panel .start-button{margin-top:23px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.share-actions>button{border:1px solid #c5f3fa27;color:#bbd4d9;background:#c4f3ff05;font-size:10px;min-height:43px;border-radius:3px}.share-actions>button:hover{background:#c4f3ff12}.result-mode{font-size:8px!important;color:#587b89!important;margin:7px 0 0!important}.help-panel{text-align:left;width:min(465px,calc(100% - 48px));transform:translate(-50%,-46%)}.help-panel h2{font-size:30px;margin-top:16px;line-height:1.5}.help-panel ol{padding:0;list-style:none;counter-reset:steps;margin:24px 0}.help-panel li{position:relative;padding-left:32px;font-size:11px;color:#90adb7;line-height:1.9;margin-bottom:20px;counter-increment:steps}.help-panel li::before{content:"0" counter(steps);font-family:Arial,sans-serif;color:var(--accent);position:absolute;left:0;top:2px;font-size:10px}.help-panel b{display:block;color:#d3e4e6;font-weight:550;margin-bottom:3px}.help-panel>p{font-size:10px}.help-panel .start-button{font-size:12px;margin-top:19px}#toast{position:absolute;z-index:30;left:50%;bottom:20px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#153440f0;color:#d9f9f3;border:1px solid #a1f9ed33;border-radius:6px;padding:11px 18px;font-size:11px;line-height:1.8;max-width:90vw;white-space:normal;width:max-content;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}body.playing .topbar{padding-top:24px}body.playing .wordmark{font-size:11px}body.playing .wordmark-sub{display:none}body.playing .logo-symbol{transform:skew(-20deg) scale(.8)}
@media(min-width:1700px){.menu-panel{left:10vw}h1{font-size:135px}.hero-tagline{font-size:24px}.hero-copy{font-size:13px}.start-button{max-width:340px;min-height:64px}.hero-eyebrow{font-size:10px}}
@media(max-height:720px) and (min-width:701px){.menu-panel{transform:translateY(-45%)}h1{font-size:80px;margin-bottom:18px}.hero-eyebrow{margin-bottom:15px}.hero-tagline{font-size:18px;margin-bottom:10px}.hero-copy{font-size:11px;line-height:1.9;margin-bottom:17px}.start-button{min-height:52px}.control-guide{margin-top:17px}.topbar{padding-top:22px}#menu-footer{bottom:18px}.result-distance>strong{font-size:80px}.result-stats{padding:16px 0;margin-top:15px}.result-panel .start-button{margin-top:18px}.result-panel h2{margin-top:10px}.result-panel{transform:translate(-50%,-45%)}.help-panel li{font-size:10px;margin-bottom:13px}.help-panel h2{font-size:25px}.help-panel ol{margin:16px 0}.help-panel .start-button{margin-top:13px}}
@media(max-width:700px){.topbar{padding:calc(19px + env(safe-area-inset-top)) 23px 15px}.wordmark{font-size:12px;gap:8px}.wordmark-sub{font-size:8px}.logo-symbol{gap:2px}.logo-symbol i{width:3px;height:17px}.logo-symbol i:nth-child(2){height:11px}.logo-symbol i:last-child{height:7px}.icon-button{height:34px;width:34px}.menu-panel{top:auto;left:26px;right:26px;bottom:calc(81px + env(safe-area-inset-bottom));transform:none;max-width:360px}.menu-panel::before{inset:-100px -90px -100px -100px;background:linear-gradient(0deg,#07121de8 5%,#07121dc7 65%,transparent)}h1{font-size:clamp(70px,20vw,98px);margin-bottom:20px;letter-spacing:-.065em}.hero-eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:18px}.hero-eyebrow>span{width:4px;height:4px}.hero-tagline{font-size:19px;margin-bottom:12px}.hero-copy{font-size:11px;line-height:1.9;margin-bottom:18px}.mode-switch{margin-bottom:12px}.mode-switch button{font-size:9px;padding:7px 15px}.start-button{max-width:none;min-height:55px;font-size:13px}.control-guide{margin-top:18px;font-size:9px;gap:10px}.control-guide svg{width:14px;height:14px}.keyboard-guide{font-size:8px;margin-top:7px}.attract-label{top:17%;right:25px;gap:9px}.attract-label>.tiny-label{font-size:6px}.attract-label>span:nth-child(2){font-size:9px}.attract-label>div{width:59px}#menu-footer{bottom:calc(17px + env(safe-area-inset-bottom));left:23px;right:23px;font-size:6px;letter-spacing:.09em;gap:12px}#menu-footer>span:first-child{max-width:100px;line-height:1.8}#menu-footer button{font-size:9px;padding:7px}#menu-footer strong{font-size:13px;margin:0 3px}.flight-meter{top:calc(23px + env(safe-area-inset-top))}.flight-meter>.tiny-label{font-size:6px}.flight-meter>strong{font-size:32px;margin-top:6px}.flight-meter>strong>span{font-size:9px;margin-left:5px}.flight-sub{font-size:6px;gap:6px;margin-top:6px}.run-meta{left:24px;top:calc(82px + env(safe-area-inset-top));font-size:6px;gap:8px}.run-meta>span:first-child{font-size:7px}.gate-counter,.near-counter{bottom:calc(68px + env(safe-area-inset-bottom))}.gate-counter{left:25px}.near-counter{right:25px}.gate-counter .tiny-label,.near-counter .tiny-label{font-size:6px;letter-spacing:.15em}.gate-counter strong,.near-counter strong{font-size:23px;margin-top:6px}.altimeter{gap:9px;bottom:calc(28px + env(safe-area-inset-bottom))}.altimeter>span{font-size:5px;letter-spacing:.13em}.altimeter>i{height:3px}.altimeter>i:nth-child(2n){height:6px}#flight-hint{bottom:calc(133px + env(safe-area-inset-bottom));font-size:9px;width:75%;line-height:1.9}#crosshair{height:16px;width:16px}#crosshair::before{left:6px;top:7px}#crosshair::after{left:7px;top:6px}#near-message{font-size:10px;top:61%}.overlay-panel{width:calc(100% - 52px);max-width:390px}.overlay-panel h2{font-size:26px}.result-panel h2{font-size:16px;margin-top:15px}.result-distance>strong{font-size:84px}.result-distance>span{font-size:16px}.result-stats{padding:18px 0;margin-top:19px}.result-stats span{font-size:8px}.result-stats strong{font-size:22px}.result-panel .start-button{margin-top:20px}#new-best{font-size:7px;margin-bottom:17px}.share-actions>button{font-size:9px;min-height:41px}.help-panel h2{font-size:27px}.help-panel li{font-size:10px;margin-bottom:17px}.help-panel>p{font-size:9px}.help-panel .start-button{margin-top:20px}body.playing .topbar{padding-top:calc(20px + env(safe-area-inset-top))}body.playing .wordmark{font-size:8px;gap:5px}body.playing .logo-symbol{margin-right:0;transform:skew(-20deg) scale(.7)}#toast{font-size:10px;bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(max-height:670px) and (max-width:700px){.menu-panel{bottom:69px}.hero-eyebrow{margin-bottom:13px}h1{font-size:66px;margin-bottom:13px}.hero-tagline{font-size:17px;margin-bottom:10px}.hero-copy{font-size:10px;margin-bottom:13px}.mode-switch{margin-bottom:10px}.control-guide{margin-top:13px}.start-button{min-height:49px}.attract-label{display:none}.keyboard-guide{display:none}.result-distance>strong{font-size:65px}.result-stats{padding:13px 0;margin-top:13px}.result-stats span{font-size:7px}.result-panel .start-button{margin-top:16px}.result-panel .quiet-button{margin-top:4px}.result-panel h2{font-size:15px;margin-top:11px}.result-eyebrow{font-size:8px}.result-mode{margin-top:0!important}.help-panel{transform:translate(-50%,-45%)}.help-panel h2{font-size:21px;margin-top:12px}.help-panel li{font-size:9px;margin-bottom:12px}.help-panel ol{margin:16px 0}.help-panel .start-button{margin-top:14px}}
@media(max-height:490px) and (min-width:701px){.menu-panel{left:6vw;top:50%;transform:translateY(-43%)}h1{font-size:55px;margin-bottom:10px;flex-direction:row;gap:12px}.hero-eyebrow{margin-bottom:12px;font-size:7px}.hero-tagline{font-size:15px;margin-bottom:8px}.hero-copy{font-size:9px;margin-bottom:10px;line-height:1.6}.hero-copy br{display:none}.mode-switch{margin-bottom:10px}.mode-switch button{padding:5px 12px;font-size:8px}.start-button{min-height:43px;font-size:11px;padding:10px 18px;max-width:280px}.control-guide{margin-top:12px;font-size:8px}.keyboard-guide{display:none}.topbar{padding-top:13px}.wordmark{font-size:10px}.icon-button{height:30px;width:30px}#menu-footer{bottom:10px;font-size:6px}.attract-label{top:48%}.result-panel{top:52%;transform:translate(-50%,-45%);max-width:420px}.result-distance>strong{font-size:48px}.result-distance>span{font-size:12px}.result-panel h2{font-size:13px;margin:7px 0 0}.result-eyebrow{font-size:7px}.result-stats{padding:9px 0;margin-top:8px}.result-stats span{font-size:7px}.result-stats strong{font-size:16px}.result-stats>div{gap:5px}.result-panel .start-button{margin-top:10px;max-width:none;min-height:37px;padding:8px 16px}.share-actions{margin-top:8px}.share-actions>button{min-height:31px;font-size:8px}.quiet-button{padding:6px;margin-top:5px;font-size:8px}#new-best{font-size:6px;margin:4px 0}.result-mode{font-size:6px!important}.help-panel{max-height:calc(100% - 80px);overflow-y:auto}.help-panel h2{font-size:20px}.help-panel li{font-size:9px;margin-bottom:10px}.help-panel ol{margin:13px 0}.help-panel .start-button{min-height:38px;padding:8px 16px}.help-panel>p{font-size:9px}.flight-meter{top:16px}.flight-meter>strong{font-size:29px;margin-top:5px}.flight-meter>.tiny-label{font-size:6px}.run-meta{top:66px}.gate-counter,.near-counter{bottom:41px}.gate-counter strong,.near-counter strong{font-size:20px}.altimeter{bottom:16px}#flight-hint{bottom:65px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.screen-grain{display:none}}

#practice-options{margin:0 0 14px;max-width:330px}#practice-options label{display:block;color:#a6b8c0;font-size:11px;margin-bottom:7px}#practice-start{width:100%;padding:10px 12px;border:1px solid #9fe4dc38;border-radius:6px;background:#0d2530;color:#e4f4ee;font:inherit;font-size:12px} .route-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#b2fff118}.route-track div{height:100%;background:#b2fff1;box-shadow:0 0 12px #b2fff1;transition:width .15s}#gate-guide{opacity:.35;transform:translate(-50%,-50%) scale(.65)}#crosshair{display:none}

#tour-panel{position:absolute;z-index:15;bottom:22px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 36px));padding:18px 20px 7px;text-align:center;background:linear-gradient(180deg,#07121d99,#07121ddd);border:1px solid #c1f7ff25;border-radius:8px;backdrop-filter:blur(12px)}#tour-panel h2{font-size:16px;margin:8px 0 15px;font-weight:500;letter-spacing:.1em}.tour-stages{display:flex;gap:7px;justify-content:center}.tour-stages button{padding:9px 12px;border:1px solid #9fe4dc38;border-radius:4px;background:#163742;color:#d5f4ec;font-size:10px}.tour-stages button:hover{background:#306052}#tour-panel .quiet-button{font-size:9px;margin-top:5px;padding:9px}#menu-footer>div{display:flex;gap:3px}@media(max-width:420px){#menu-footer>span:first-child{max-width:65px;font-size:5px}#menu-footer button{font-size:8px;padding:7px 5px}.tour-stages button{padding:8px 10px}}

@media(max-width:700px){.menu-panel{padding-bottom:3px}.hero-eyebrow{margin-top:3px}}

@media(max-width:700px){body.practice-ui .hero-eyebrow{display:none}body.practice-ui h1{font-size:58px;margin-bottom:14px}body.practice-ui .hero-copy{font-size:10px;margin-bottom:14px}body.practice-ui .control-guide{margin-top:13px}}@media(max-height:670px) and (max-width:700px){body.practice-ui h1{font-size:51px;margin-bottom:12px}body.practice-ui .hero-tagline{font-size:16px}body.practice-ui #practice-options{margin-bottom:12px}body.practice-ui #practice-options label{font-size:9px}body.practice-ui #practice-start{font-size:11px;padding:9px 11px}}@media(max-height:580px) and (max-width:700px){.hero-eyebrow{display:none}.menu-panel{bottom:65px}h1{font-size:50px}body.practice-ui h1{font-size:44px}.hero-copy{display:none}.hero-tagline{font-size:15px}#practice-options label{display:none}.control-guide{margin-top:11px}.mode-switch button{padding:6px 13px}}

.tour-footer{display:flex;justify-content:center;gap:18px}
.tour-stages{flex-wrap:wrap}.tour-stages button.selected{background:#2e6a5c;border-color:#9cfff280}#tour-panel{width:min(560px,calc(100% - 28px))}

#section-title{position:absolute;left:0;right:0;top:30%;z-index:6;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}#section-title.visible{opacity:1;transform:none}#section-title span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.3em;color:var(--accent)}#section-title strong{display:block;font-size:30px;font-weight:700;letter-spacing:.12em;margin-top:8px;text-shadow:0 2px 24px #000a}#section-title em{display:block;font-style:normal;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.32em;color:#b9d4da;margin-top:8px}

.settings{display:grid;gap:10px;margin:18px auto 0;max-width:280px;text-align:left;font-size:11px;color:#a8c4ce}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings .check{display:flex;align-items:center;gap:8px}.settings output{color:var(--accent);margin-left:6px}

body.lap-flash #impact{animation:lapflash 1.1s ease-out}@keyframes lapflash{0%{opacity:1;background:#fff8e8}100%{opacity:0;background:#fff8e8}}

/* Japanese UI tweaks */
.jp-title{letter-spacing:-.02em!important;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important;font-weight:900!important}.jp-title>em{letter-spacing:-.02em!important}
.wordmark{letter-spacing:.06em}.wordmark-sub{letter-spacing:.1em}
.mode-note{font-size:10px;color:#9fd8cf;margin:-6px 0 12px;line-height:1.7}
.run-meta{gap:7px;font-size:10px;letter-spacing:.04em}.run-meta>span:first-child{font-size:11px}
#section-title em{display:none}
#flight-hint{bottom:auto;top:150px}
#toast{bottom:auto;top:96px;transform:translate(-50%,-10px)}#toast.visible{transform:translate(-50%,0)}
/* Bottom: checkpoints only. Its surroundings take the colour of the area you are flying through. */
#checkpoint-bar{--zone:#9cfff2;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(640px,calc(100% - 28px));z-index:6;pointer-events:none;padding:12px 16px 10px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--zone) 22%,#04101acc),color-mix(in srgb,var(--zone) 34%,#04101ae6));border:1px solid color-mix(in srgb,var(--zone) 55%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--zone) 30%,transparent);transition:background .8s,border-color .8s,box-shadow .8s}
.cp-track{position:relative;height:14px}
.cp-track::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#ffffff30;border-radius:2px}
#cp-fill{position:absolute;left:0;top:6px;height:2px;width:0;background:var(--zone);border-radius:2px}
#cp-markers i{position:absolute;top:2px;width:10px;height:10px;margin-left:-5px;border-radius:50%;border:1.5px solid #ffffff80;background:#04101a}
#cp-markers i.passed{background:var(--zone);border-color:var(--zone)}
#cp-markers i.next{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--zone) 45%,transparent);animation:cpPulse 1.4s ease-in-out infinite}
@keyframes cpPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--zone) 15%,transparent)}}
#cp-cursor{position:absolute;top:-3px;width:2px;height:20px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff}
#cp-label{margin-top:7px;text-align:center;font-size:11px;letter-spacing:.06em;color:#eef8f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checkpoint-bar.flash{animation:cpFlash 1.6s ease-out}
@keyframes cpFlash{0%,25%{background:color-mix(in srgb,#ffd36a 70%,#04101a);border-color:#ffd36a;box-shadow:0 0 40px #ffd36a99}}
@media(max-height:490px){#checkpoint-bar{bottom:8px;padding:8px 12px 6px}#cp-label{font-size:9px;margin-top:4px}}
@media(max-width:700px){#flight-hint{top:205px;width:88%}}
@media(max-width:700px){#section-title{top:38%}}