:root{font-family:Arial,Helvetica,sans-serif;color:#e7ece7;background:#102a3a;font-synthesis:none;font-weight:400;color-scheme:dark;--accent:#f4bd83;--muted:#8ba5ad;--line:#ffffff1b}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.header{height:88px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;color:#eaf0e9;text-decoration:none;align-items:center;font-size:25px;font-weight:900;letter-spacing:-1px}.brand svg{width:42px;color:var(--accent)}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;font-family:monospace;letter-spacing:3.5px;margin-top:5px;color:var(--muted)}.header-center{font:10px monospace;letter-spacing:1.4px;display:flex;gap:11px;align-items:center;color:#a7bbc0}.live-dot{width:5px;height:5px;border-radius:100%;background:#b6d8bc}.slash{color:#486471;padding:0 4px}.header-actions{display:flex;align-items:center;gap:24px}.text-button{background:none;border:0;padding:10px 0;color:#bccbd0;font:10px monospace;letter-spacing:1px}.version{font:9px monospace;letter-spacing:1px;border:1px solid #49616a;padding:7px 9px;color:var(--muted)}main{display:flex;flex-direction:column;align-items:center;padding:24px 32px 0}.game{position:relative;width:min(100%,calc((100dvh - 210px)*16/9));aspect-ratio:16/9;min-width:650px;overflow:hidden;background:#98c1cf;border:1px solid #648693;box-shadow:0 16px 60px #00132044;isolation:isolate}#slope{display:block;width:100%;height:100%;image-rendering:auto}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #123d5122;background:linear-gradient(0deg,#142c4544,transparent 23%)}.course-tag{position:absolute;top:26px;left:28px;display:flex;gap:12px;align-items:center;color:#264555;font:10px monospace;letter-spacing:1px}.course-tag>span{border:1px solid #567884;padding:8px;font-weight:700;font-size:16px}.course-tag small{display:block;font-size:8px;margin-top:6px;letter-spacing:1.2px}.invisible{visibility:hidden}.start-card{position:absolute;left:5%;top:50%;transform:translateY(-42%);padding:28px 30px 21px;background:#143344f0;width:365px;border-top:2px solid var(--accent);box-shadow:12px 12px #193a4d16}.eyebrow{font:9px monospace;letter-spacing:1.5px;margin:0}.accent{color:var(--accent)}h1{font-size:49px;line-height:.97;letter-spacing:-2px;margin:23px 0 16px;position:relative;font-weight:900}h1 span{color:#a8c3c9}h1 i{font:10px monospace;position:absolute;right:0;top:4px;border:1px solid #5e7a84;padding:6px;color:var(--accent)}.intro{font-size:12px;line-height:1.8;color:#acbfc5;margin-bottom:22px}.course-stats{display:flex;gap:28px;padding-bottom:22px;border-bottom:1px solid #ffffff20;margin-bottom:20px}.course-stats b{font:24px monospace;font-weight:500}.course-stats b span{font-size:13px;color:var(--muted);padding-left:4px}.course-stats small{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted);margin-top:6px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#193545;border:0;padding:16px 19px;font:700 11px monospace;letter-spacing:1.2px;transition:background .15s,transform .15s}.primary:hover{background:#ffd6a6;transform:translateY(-1px)}.primary span{font-size:20px;line-height:12px}.start-hint{font:8px monospace;letter-spacing:.5px;color:#8ea6af;margin:14px 0 0;display:flex;gap:8px}.start-hint b{color:#c4d5d7;font-weight:400}.route{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;background:#173a4ba8;border:1px solid #bdd4db29}.route>span{font:7px monospace;letter-spacing:1px;color:#d0dedc}.route small{font:8px monospace;color:#abc4cb}.route canvas{width:54px;height:156px}.hud{position:absolute;left:28px;right:28px;top:25px;display:flex;align-items:flex-start;justify-content:space-between;color:#15374b}.timer-block{background:#e5eee9da;padding:14px 17px;border-left:3px solid #f1b77f}.timer-block strong{font:34px monospace;display:block;margin:5px 0 3px;font-weight:700;letter-spacing:-1px}.timer-block>span:last-child{font:8px monospace;letter-spacing:.6px;color:#51717a}.gate-block{text-align:center;background:#e6eee9c9;padding:12px 17px;margin-left:-85px}.gate-block strong{display:block;font:27px monospace;margin-top:5px}.gate-block em{font-size:12px;font-style:normal;color:#64808b}.gate-block>span:last-child{font:9px monospace;display:block;margin-top:3px}.pause-button{width:36px;height:36px;background:#173b4cd9;border:1px solid #e1f0e644;color:#e7f0ea;font-size:18px}.race-bottom{position:absolute;bottom:27px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between}.speed{display:flex;align-items:baseline;gap:8px;color:#173b50}.speed strong{font:700 50px monospace;letter-spacing:-3px;text-shadow:0 1px #fff}.speed>span{font:10px monospace;font-weight:700}.edge-widget{width:280px;padding:13px 18px;background:#143648eb;border:1px solid #c7dce343}.edge-label{display:flex;justify-content:space-between;align-items:center;font:7px monospace;color:#a9c3cc;letter-spacing:.4px}.edge-label b{font:18px monospace;color:#f6d3a9}.edge-track{position:relative;height:6px;background:#45606d;margin:13px 0 11px}.edge-track>i{position:absolute;width:1px;height:14px;left:50%;top:-4px;background:#d8e6e4;z-index:1}#edge-fill{position:absolute;top:0;height:6px;background:#e8b781}#edge-needle{position:absolute;width:4px;height:12px;top:-3px;background:#f7eee0;transform:translate(-50%)}.edge-caption{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:.5px;color:#819eaa}#contact{color:#a5d9b9}#contact.slipping{color:#ffb584}.gate-count{display:flex;align-items:center;gap:8px;color:#224657}.gate-count strong{font:33px monospace}.gate-count span{font:8px/1.7 monospace}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1b435345}.progress>div{height:100%;background:#e9ae78;width:0}.countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#14364a;text-shadow:0 1px 0 #fff9;pointer-events:none}.countdown>span{font:12px monospace;letter-spacing:4px}.countdown strong{font-size:120px;line-height:1.2}.modal-backdrop{position:absolute;inset:0;background:#0b263c77;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-card{background:#163648;padding:32px;width:390px;box-shadow:10px 10px #061b262a;border-top:2px solid var(--accent)}h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:17px 0}.result-card p{font-size:12px;line-height:1.7;color:#aec4cc;margin:0}.result-time{display:block;font:38px monospace;margin:20px 0;color:#e8eede}.result-card .primary{margin-top:10px}.secondary{background:none;width:100%;border:0;color:#a6c0c8;padding:15px 0 0;font:10px monospace;letter-spacing:1px}.secondary:hover{color:#fff}.controls{width:min(100%,calc((100dvh - 210px)*16/9));min-width:650px;min-height:64px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);font-size:10px;color:#a2b8c0}.controls>div{display:flex;gap:6px;align-items:center}.controls-title{font:8px monospace;letter-spacing:1px;color:#d4e0de}.tiny-line{display:block;width:12px;height:2px;background:var(--accent);margin-right:4px}kbd{font:10px monospace;min-width:22px;height:23px;padding:5px;text-align:center;border:1px solid #53717c;border-bottom-width:2px;color:#d3dfdf}.wide{font-size:8px;padding:6px 8px}.controls>div>span{margin-left:3px}.controls p{font:8px/1.5 monospace;color:#658894;margin-left:auto;max-width:170px}.controls>div:nth-child(4){gap:9px}footer{height:34px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#607e89}footer i{color:#b38f70;font-style:normal;padding:0 12px}#debug{position:absolute;top:140px;left:20px;background:#142e42dd;padding:12px;font:11px/1.6 monospace;color:#e3f1e2;pointer-events:none}.error{position:absolute;inset:0;background:#153748;display:grid;place-items:center;text-align:center;padding:80px;font-size:20px;z-index:20}.controls{flex-wrap:wrap;row-gap:10px;padding:12px 0}.controls>div{flex-shrink:0}@media(min-height:900px){.game,.controls{width:min(100%,1400px)}}@media(max-width:1100px){.header{padding:0 25px;height:72px}.header-center{font-size:8px}.version{display:none}main{padding:20px 24px 0}.game,.controls{width:100%;min-width:0}.controls{gap:14px}.controls-title{display:none!important}.controls p{max-width:130px}.start-card{width:310px;padding:21px 24px 17px;transform:translateY(-43%)}h1{font-size:43px;margin:16px 0 12px}.intro{font-size:11px;margin:12px 0 15px}.course-stats{padding-bottom:16px;margin-bottom:15px}.start-card .eyebrow{font-size:7px}.course-tag{top:17px;left:20px}.route{right:16px}footer{padding:0 25px}}@media(max-width:760px){.header{height:65px;padding:0 18px}.header-center{display:none}.brand{font-size:21px}.brand svg{width:34px}.text-button{font-size:9px}main{padding:15px 12px 0}.game{aspect-ratio:4/3}.game #slope{object-fit:cover}.start-card{left:20px;width:265px;padding:18px 20px;top:53%}h1{font-size:35px}.intro{font-size:10px}.course-stats{gap:23px}.course-stats b{font-size:20px}.course-stats small,.start-hint{font-size:6px}.primary{font-size:10px;padding:13px 14px}.route{padding:10px 3px;right:10px}.route>span{font-size:6px}.route canvas{height:124px;width:43px}.course-tag{top:12px;font-size:8px}.course-tag>span{font-size:12px;padding:6px}.course-tag small{font-size:6px}.controls{flex-wrap:wrap;gap:10px;padding:15px 0;justify-content:center;font-size:9px}.controls p{max-width:100%;width:100%;text-align:center;margin:0}.hud{top:12px;left:12px;right:12px}.timer-block{padding:10px}.timer-block strong{font-size:23px}.timer-block .eyebrow{font-size:7px}.timer-block>span:last-child{font-size:6px}.gate-block{padding:10px;margin-left:0}.gate-block .eyebrow{font-size:6px}.gate-block strong{font-size:20px}.race-bottom{left:12px;right:12px;bottom:16px}.edge-widget{width:210px;padding:11px}.edge-label,.edge-caption{font-size:6px}.speed strong{font-size:36px}.speed>span{font-size:8px}.gate-count{display:none}.result-card{width:300px;padding:23px}.result-card h2{font-size:28px}.result-time{font-size:30px;margin:15px 0}.error{padding:25px}footer{padding:12px 16px;gap:12px;height:auto;font-size:6px}footer>span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.primary{transition:none}}.training-controls{width:min(100%,calc((100dvh - 210px)*16/9));min-width:650px;display:flex;align-items:center;gap:10px;padding:12px 0 0}.training-controls button{background:#244657;border:1px solid #4d6b79;color:#c2d3d8;padding:8px 10px;font:9px monospace;letter-spacing:.6px}.training-controls button[aria-pressed=true]{background:#c7e8e4;color:#17394b;border-color:#c7e8e4}.training-controls button:disabled{opacity:.45;cursor:default}.training-controls>span{font:9px/1.5 monospace;color:#8baab6;max-width:440px;margin-left:auto}.coach{position:absolute;left:24px;top:132px;width:255px;padding:16px;background:#122e40ed;border-left:3px solid #60c9dc;border-radius:2px;box-shadow:0 8px 25px #09202d24}.coach.waiting{border-color:#ffca80}.coach .eyebrow{font-size:8px;letter-spacing:.7px;color:#a6c9d4}.coach strong{display:block;font:700 25px monospace;color:#fff3db;margin:10px 0}.coach p{font:11px/1.5 monospace;margin:9px 0;color:#b6d9e1}.coach small{display:block;font:9px/1.5 sans-serif;color:#adc0ca}.coach-progress{height:3px;background:#365466}.coach-progress i{display:block;height:100%;width:0;background:#ffca80}.coach .secondary{font-size:9px;text-align:left;padding-top:12px}@media(min-height:900px){.training-controls{width:min(100%,1400px)}}@media(max-width:1100px){.training-controls{width:100%;min-width:0;flex-wrap:wrap}.training-controls>span{max-width:none;margin:0;flex:1 1 220px}}@media(max-width:760px){.coach{left:12px;top:102px;width:195px;padding:10px}.coach strong{font-size:20px;margin:7px 0}.coach p{font-size:9px}.coach small{font-size:8px}.coach .eyebrow{font-size:6px}.training-controls button{font-size:8px}.training-controls>span{font-size:8px}}.start-prompt{position:absolute;left:24px;bottom:110px;width:270px;padding:18px;background:#132b3be8;border-left:2px solid var(--accent);border-radius:3px}.start-prompt .primary{margin-top:13px;padding:12px;font-size:10px}.start-prompt p{font-size:11px;line-height:1.7;color:#c0d1d9;margin:12px 0}.start-prompt small{font:8px monospace;color:#9db4bf}.start-prompt b{color:#e4ecef}.game{background:#b9cfe0}.controls p{max-width:220px}.vignette{box-shadow:inset 0 0 100px #142d4117}@media(max-width:760px){.start-prompt{left:12px;bottom:96px;width:205px;padding:12px}.start-prompt p{font-size:9px}.start-prompt .primary{font-size:8px;padding:10px}.start-prompt .eyebrow{font-size:8px}}.start-card{top:50%;transform:translateY(-50%)}.course-tag{left:auto;right:28px}@media(max-height:800px)and (min-width:761px){.start-card{width:300px;padding:20px}.start-card h1{font-size:39px;margin:16px 0 12px}.start-card .eyebrow{font-size:7px}.start-card .intro{font-size:11px;line-height:1.7;margin:12px 0 16px}.start-card .course-stats{padding-bottom:15px;margin-bottom:15px}.start-card .course-stats b{font-size:21px}.start-card .primary{padding:13px 16px}.start-hint{font-size:7px}}footer .terrain-credit{color:inherit;text-decoration:none;font-size:8px}footer .terrain-credit:hover{text-decoration:underline}.training-controls{flex-wrap:wrap}.control-modes{display:flex;gap:3px;flex-wrap:wrap;padding:3px;border:1px solid #4d6b7970;border-radius:3px}.control-modes button{white-space:nowrap}.training-controls>span{flex:1 1 250px;max-width:none}.control-modes button[aria-pressed=true]:disabled{opacity:.85}