:root{color-scheme:dark;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1b2e;color:#eaf5fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 65% 0,#203d53,#0b1b2e 67%)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffdd95;outline-offset:3px}.shell{max-width:1400px;margin:auto;padding:16px 22px}.topbar{display:flex;align-items:center;gap:13px;justify-content:space-between;margin-bottom:13px}.brand{text-decoration:none;font-weight:950;font-size:23px;letter-spacing:-.06em}.brand span{color:#6ce4d8;letter-spacing:.04em;margin-left:5px}.breadcrumb{color:#a1bdca;font-size:11px;letter-spacing:.17em}.actions{display:flex;gap:8px}.small{background:#1b374b;color:#d2e7ef;border:1px solid #7ba4b039;font-size:11px;font-weight:800;border-radius:8px;min-height:40px;padding:8px 13px}.layout{display:grid;grid-template-columns:1fr;gap:9px}.hud{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#112a3a;border:1px solid #6d98a826;border-radius:12px;padding:10px 18px}.mapname small{display:block;font-size:9px;letter-spacing:.19em;color:#89adbd}.mapname strong{font-size:16px;letter-spacing:.025em}.numbers{display:flex;gap:26px}.numbers small{display:block;color:#94b5c2;font-size:9px;letter-spacing:.13em}.numbers b{font-variant-numeric:tabular-nums;font-size:18px}.stage{position:relative;width:100%;height:71svh;min-height:410px;max-height:830px;border:1px solid #bad8e555;border-radius:17px;overflow:hidden;background:linear-gradient(#6cafd6 0%,#a5d1e8 36%,#e8f4f9 80%,#cfe5ed);box-shadow:0 24px 65px #0004}canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px!important}.course-label{position:absolute;left:20px;top:16px;color:#203e50;font-size:9px;font-weight:850;letter-spacing:.15em;z-index:2;pointer-events:none}.course-label b{display:block;font-size:22px;font-weight:900;letter-spacing:-.02em}.challenge{position:absolute;right:18px;top:19px;border:1px solid #ffffff7a;border-radius:999px;background:#e4f3f6d9;color:#30576b;padding:6px 10px;font-size:10px;font-weight:800;z-index:2}.marker{position:absolute;pointer-events:none;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:1.5px solid #faffdacc;box-shadow:0 0 9px #eaffce66;z-index:2}.marker:before{content:"YOU";position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:900;letter-spacing:.1em;color:#fff;background:#173d52;padding:3px 6px;border-radius:5px}.controls{position:absolute;inset:auto 22px 20px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;z-index:3}.joystick{pointer-events:auto;position:relative;border:1px solid #b5e4f9b0;background:#173d5766;border-radius:50%;height:105px;width:105px;touch-action:none;user-select:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#d8f4ff30}.joystick:before{height:1px;width:80%;left:10%;top:50%}.joystick:after{width:1px;height:80%;top:10%;left:50%}.knob{position:absolute;width:45px;height:45px;left:calc(50% - 22.5px);top:calc(50% - 22.5px);border:2px solid #cceef6d4;border-radius:50%;background:linear-gradient(#95ceded6,#528caa);box-shadow:0 5px 16px #123d534a;z-index:1}.joystick.held{background:#244e71a0}.action-controls{display:flex;align-items:center;gap:10px;pointer-events:none}.jump,.brake{pointer-events:auto;touch-action:none;user-select:none;font-weight:950}.jump{border:2px solid #fdf0c8;background:#f5d387e8;color:#533d1c;border-radius:50%;width:77px;height:77px;font-size:12px;box-shadow:0 5px 15px #72562c3b}.jump.ready{border-color:#fff7d4;outline:3px solid #dd7d29;outline-offset:3px;background:#ffbc67}.brake{border:1px solid #d4eaf0;background:#173e57d9;color:#f1fafb;border-radius:14px;min-width:60px;min-height:48px;padding:9px;font-size:10px}.brake.held{background:#4c7b8c;outline:2px solid #e1fcff}.route-cue{position:absolute;top:75px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;padding:6px 10px;border:1px solid #d0eff6;background:#17475eea;color:#f1faff;border-radius:9px;z-index:2;font-size:10px;font-weight:800;text-align:center;pointer-events:none}.route-cue[data-kind=jump]{background:#ffbc67f2;color:#3a2918;border-color:#fff5d5}.route-cue[data-kind=land]{background:#96e8c4f2;color:#123b2b;border-color:#e1fff1}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#1027383b;backdrop-filter:blur(2px)}.result-card{width:min(410px,calc(100% - 32px));padding:28px;background:#0b263bf5;border:1px solid #6bafc47a;border-radius:20px;text-align:center;box-shadow:0 24px 70px #09223975}.tag{font-size:9px;font-weight:900;letter-spacing:.22em;color:#99dfd0}.result-card h1{font-size:clamp(29px,4vw,40px);letter-spacing:-.06em;line-height:1.05;margin:14px 0}.result-card p{color:#b8d4e0;line-height:1.6;font-size:13px}.primary{display:block;width:100%;border:1px solid #bbfff4;background:#8de3c7;color:#082b2b;border-radius:12px;font-size:18px;font-weight:950;min-height:56px;padding:12px;box-shadow:0 5px 0 #39796c;margin:18px 0 12px}.primary:active{transform:translateY(2px);box-shadow:0 3px 0 #39796c}.result-stats{font-size:13px;font-variant-numeric:tabular-nums;color:#e2f2f2!important}.result-home{font-size:11px;color:#b0c7d0;display:inline-block;padding:8px;text-underline-offset:3px}.overlay[data-kind=menu]{place-items:end start;padding:24px;background:none;backdrop-filter:none}.overlay[data-kind=menu] .result-card{width:330px;text-align:left;padding:23px;background:#0b263bed}.overlay[data-kind=menu] h1{font-size:32px}.overlay[data-kind=menu] .primary{font-size:15px}.overlay[data-kind=fallen] .primary{background:#ffd991;color:#4c371c;border-color:#fff2d5;box-shadow:0 5px 0 #a5773c}.progressbar{display:flex;align-items:center;gap:10px}.progressbar progress{appearance:none;display:block;flex:1;height:4px;border:0;border-radius:99px;overflow:hidden;background:#243f50}.progressbar progress::-webkit-progress-bar{background:#243f50}.progressbar progress::-webkit-progress-value{background:#8edfcc}.progressbar progress::-moz-progress-bar{background:#8edfcc}.progressbar span{font-size:10px;color:#8eb2c1;font-variant-numeric:tabular-nums}.help{display:flex;justify-content:space-between;color:#acc6d2;font-size:11px;gap:10px;margin-top:4px}.help b{color:#eedbad}.storage{font-size:10px;color:#7f9eac;margin:7px 0}.mobile-help{display:none}@media(max-width:600px){.shell{padding:9px}.breadcrumb{display:none}.topbar{margin:3px 0 9px}.brand{font-size:20px}.small{padding:6px 9px;font-size:10px}.hud{padding:8px 10px;gap:6px}.numbers{gap:12px}.numbers b{font-size:14px}.numbers small{font-size:8px}.mapname strong{font-size:12px}.mapname small{font-size:8px}.stage{height:71svh;min-height:410px}.course-label{left:12px;top:11px;font-size:7px}.course-label b{font-size:16px}.challenge{font-size:8px;right:10px;top:12px;padding:5px 7px}.route-cue{top:61px;font-size:9px}.controls{inset:auto 13px 16px}.joystick{width:95px;height:95px}.jump{width:70px;height:70px}.action-controls{gap:8px}.brake{min-width:54px}.overlay[data-kind=menu]{padding:14px;place-items:end center}.overlay[data-kind=menu] .result-card{width:100%;padding:18px}.overlay[data-kind=menu] h1{font-size:26px;margin:7px 0}.overlay[data-kind=menu] .tag{font-size:8px}.overlay[data-kind=menu] p{font-size:11px;margin:7px 0}.overlay[data-kind=menu] .primary{min-height:45px;font-size:15px;margin:10px 0 3px}.overlay[data-kind=menu] .result-home{display:none}.desktop-help{display:none}.mobile-help{display:block}.help{font-size:10px;flex-wrap:wrap}.result-card{padding:23px}}@media(orientation:landscape) and (max-height:550px){.shell{padding:6px 12px}.stage{height:69svh;min-height:250px}.topbar{margin-bottom:5px}.hud{padding:3px 10px}.hud b,.mapname strong{font-size:12px}.controls .joystick{width:70px;height:70px}.controls .jump{width:56px;height:56px}.result-card{padding:16px}.result-card h1{font-size:25px;margin:8px 0}.result-card p{font-size:11px}.primary{min-height:44px;margin:8px 0}.overlay[data-kind=menu]{padding:10px;place-items:center start}.overlay[data-kind=menu] .result-card{width:285px}.storage,.help{margin:1px 0}.course-label{top:9px}.challenge{top:10px}.route-cue{top:51px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


.race-targets{display:flex;justify-content:space-between;gap:10px;padding:8px 4px;font-size:11px;font-variant-numeric:tabular-nums}.race-targets b{color:#ffe1a0}.race-targets span{color:#abc7d4}.race-targets span[data-ahead=true]{color:#94edca}.jump.ready{box-shadow:0 0 22px #ffb347aa;font-size:11px}.result-stats{border:1px solid #719fb244;border-radius:10px;padding:10px;background:#163c4f}@media(max-width:600px){.race-targets{font-size:9px}.stage{height:68svh}}@media(orientation:landscape) and (max-height:550px){.race-targets{padding:2px;font-size:9px}}