:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-height:100dvh;--page-bg:#0d2a3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;height:var(--app-height);overscroll-behavior:none;background:var(--page-bg);color:#f2f7fb;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}#game{width:100vw;height:100%;height:var(--app-height);touch-action:none;background:var(--page-bg);outline:none;display:block;position:fixed;top:0;left:0}#hud,#overlay-root{pointer-events:none;touch-action:none;position:fixed;inset:0}#hud{z-index:10}#hud-root,#touch-layer{pointer-events:none;position:absolute;inset:0}#overlay-root{z-index:20}.interactive{pointer-events:auto}.scrollable{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}input,textarea,select{-webkit-user-select:auto;user-select:auto}.game-continue{z-index:30;padding:calc(var(--safe-top,0px) + 16px) calc(var(--safe-right,0px) + 16px) calc(var(--safe-bottom,0px) + 16px) calc(var(--safe-left,0px) + 16px);color:#f6fafc;text-align:center;cursor:pointer;touch-action:none;background:#03101a8c;place-items:center;font:600 16px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:absolute;inset:0}.game-continue[hidden]{display:none}.game-continue-panel{flex-direction:column;align-items:center;gap:12px;max-width:480px;display:flex}.game-continue-title{text-shadow:0 2px 16px #00000073;margin:0;font-size:clamp(26px,7vmin,40px);font-weight:900}.game-continue-button{color:#0a1d29;min-width:232px;min-height:64px;font:inherit;cursor:pointer;appearance:none;background:#f6fafc;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0;padding:0 24px;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 8px 28px #0000004d}.game-continue-button:active{background:#d4e7f2;transform:scale(.97)}.game-continue-button:focus{outline:none}.game-continue-icon{width:24px;height:24px}.game-continue-hint{color:#eef5fad1;text-shadow:0 1px 6px #0000008c;margin:0;font-size:15px}.game-boot{z-index:40;padding:calc(var(--safe-top,0px) + 16px) calc(var(--safe-right,0px) + 16px) calc(var(--safe-bottom,0px) + 16px) calc(var(--safe-left,0px) + 16px);color:#eef5fadb;text-align:center;pointer-events:none;place-items:center;font:600 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:fixed;inset:0}.game-boot[hidden]{display:none}.game-boot-error{color:#f6fafc;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#071722e6;border:1px solid #ffffff29;border-radius:14px;max-width:34em;padding:16px 20px;font-weight:500}.game-boot-error code{color:#ffc15a;white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:14px;display:block}.game-boot-reload{color:#0a1d29;min-width:160px;min-height:48px;font:inherit;cursor:pointer;appearance:none;background:#f6fafc;border:0;border-radius:999px;margin:14px auto 0;padding:0 20px;font-size:17px;font-weight:800;display:block}.game-boot-reload:active{background:#d4e7f2}.jt-root{--jt-ink:#fff;--jt-shade:#06162075;--jt-shade-strong:#0616209e;--jt-edge:#ffffffe0;--jt-accent:#5eead4;--jt-accent-ink:#042f2e;--jt-warn:#ffb547;--jt-warn-ink:#231400;--jt-shadow:0 2px 10px #00000047;--jt-text-shadow:0 1px 2px #000000bf;pointer-events:none;color:var(--jt-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;inset:0}.jt-root[hidden],.jt-root [hidden]{display:none!important}.jt-rudder,.jt-sheet,.jt-btn{box-sizing:border-box;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;top:0;left:0}.jt-rudder{background:0 0}.jt-portrait .jt-rudder{background:linear-gradient(#06162014,#06162057);border-top:2px solid #ffffff47;border-top-right-radius:18px}.jt-ghost,.jt-rgl-track,.jt-rgl-fill,.jt-rgl-knob{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.jt-ghost{opacity:.8;grid-template-rows:64px 22px;grid-template-columns:36px 64px 36px;justify-content:center;place-items:center;width:168px;height:92px;transition:opacity .16s ease-out;display:grid}.jt-steering .jt-ghost{opacity:0}.jt-ghost-knob{box-sizing:border-box;background:#0616204d;border:3px dashed #fffc;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.jt-ghost-arrow{text-shadow:var(--jt-text-shadow);font-size:22px;line-height:1}.jt-ghost-label{letter-spacing:.08em;text-shadow:var(--jt-text-shadow);grid-column:1/4;font-size:14px;font-weight:800}.jt-bow{fill:currentColor;filter:drop-shadow(0 1px 1px #0009);width:30px;height:30px;display:block}.jt-rgl-track{box-sizing:border-box;border:2px solid var(--jt-edge);background:var(--jt-shade-strong);height:18px;box-shadow:var(--jt-shadow);border-radius:9px;justify-content:space-between;align-items:center;padding:0 3px;font-size:12px;line-height:1;display:flex}.jt-rgl-zero{background:var(--jt-edge);border-radius:2px;width:3px;height:28px;margin-left:-1.5px;position:absolute;top:-7px;left:50%}.jt-rgl-fill{transform-origin:0 0;background:var(--jt-accent);width:1px;height:10px}.jt-rgl-knob{box-sizing:border-box;width:66px;height:66px;box-shadow:var(--jt-shadow), inset 0 0 0 2px #06162059;background:#ffffff3d;border:3px solid #fff;border-radius:50%;place-items:center;display:grid}.jt-rgl-knob .jt-bow{will-change:transform;width:34px;height:34px}.jt-rgl-track,.jt-rgl-fill,.jt-rgl-knob{visibility:hidden}.jt-steering .jt-rgl-track,.jt-steering .jt-rgl-fill,.jt-steering .jt-rgl-knob{visibility:visible}.jt-sheet{background:#0616203d;border:2px solid #ffffff59;border-radius:18px}.jt-sheet-rail{box-sizing:border-box;border:2px solid var(--jt-edge);background:linear-gradient(#ffffff80,#0616208c);border-radius:6px;width:12px;margin-left:-6px;position:absolute;left:50%}.jt-sheet-label{text-align:center;letter-spacing:.06em;text-shadow:var(--jt-text-shadow);font-size:14px;font-weight:800;line-height:1;position:absolute;left:0;right:0}.jt-sheet-in{top:9px}.jt-sheet-out{bottom:9px}.jt-sheet-opt{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--jt-accent);filter:drop-shadow(0 1px 1px #0009);will-change:transform;width:0;height:0;position:absolute;top:0;left:4px}.jt-sheet-thumb{box-sizing:border-box;background:var(--jt-shade-strong);width:50px;height:34px;box-shadow:var(--jt-shadow);will-change:transform;border:3px solid #fff;border-radius:10px;place-items:center;margin-left:-25px;display:grid;position:absolute;top:0;left:50%}.jt-sheet-thumb:before{content:"";background:repeating-linear-gradient(#fff 0 2px,#0000 2px 4px);width:22px;height:10px}.jt-sheet.jt-auto-trim .jt-sheet-thumb{background:#06162066;border-style:dashed}.jt-sheet.jt-auto-trim .jt-sheet-thumb:before{content:none}.jt-sheet-badge{color:var(--jt-accent);text-shadow:var(--jt-text-shadow);font-size:17px;font-weight:900;line-height:1;display:none}.jt-sheet.jt-auto-trim .jt-sheet-badge{display:block}.jt-sheet.jt-pressed{background:#ffffff29;border-color:#ffffffb3}.jt-sheet.jt-pressed .jt-sheet-thumb{transform-origin:50%;background:#fff;border-style:solid}.jt-sheet.jt-pressed .jt-sheet-thumb:before{background:repeating-linear-gradient(#0b2330 0 2px,#0000 2px 4px)}.jt-btn{border:3px solid var(--jt-edge);background:var(--jt-shade);color:var(--jt-ink);box-shadow:var(--jt-shadow);font:inherit;cursor:pointer;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;transition:transform 90ms ease-out,background-color 90ms ease-out;display:flex}.jt-btn svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #00000080);display:block}.jt-btn-label{letter-spacing:.05em;text-shadow:var(--jt-text-shadow);font-weight:800;line-height:1}.jt-btn.jt-pressed{color:#0b2330;background:#fff;transform:scale(.93)}.jt-btn.jt-pressed svg,.jt-btn.jt-pressed .jt-btn-label{filter:none;text-shadow:none}.jt-tack svg{width:32px;height:32px}.jt-tack .jt-btn-label{font-size:17px}.jt-auto svg{stroke-width:2.6px;width:22px;height:22px}.jt-auto .jt-btn-label{font-size:14px}.jt-auto[aria-pressed=true]{background:var(--jt-accent);color:var(--jt-accent-ink);border-color:#fff}.jt-auto[aria-pressed=true] svg,.jt-auto[aria-pressed=true] .jt-btn-label{filter:none;text-shadow:none}.jt-right{background:var(--jt-warn);color:var(--jt-warn-ink);border-color:#fff;border-radius:42px;gap:8px;animation:1.1s ease-in-out infinite jt-pulse}.jt-right svg{filter:none;width:34px;height:34px}.jt-right .jt-btn-label{text-align:center;text-shadow:none;font-size:17px;line-height:1.15}@keyframes jt-pulse{0%,to{box-shadow:0 0 0 0 #ffb547b3, var(--jt-shadow)}50%{box-shadow:0 0 0 12px #ffb54700, var(--jt-shadow)}}@media (prefers-reduced-motion:reduce){.jt-right{animation:none}.jt-ghost,.jt-btn{transition:none}}.jt-zone-overlay{box-sizing:border-box;pointer-events:none;color:#fff;text-shadow:var(--jt-text-shadow);padding:2px 4px;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:0;left:0}.jt-zone-overlay.jt-mine{background:#5eead41f;border:2px dashed #5eead4f2}.jt-zone-overlay.jt-hud{background:#ff787824;border:2px dashed #ff7878f2}.hud-layer,.hud-overlay{--hud-fg:#f6fafc;--hud-fg-dim:#eef5fad1;--hud-ink:#0a1d29;--hud-panel:#071722a8;--hud-panel-strong:#071722d6;--hud-panel-line:#ffffff24;--hud-modal-bg:#0b1f2d;--hud-backdrop:#020a1085;--hud-good:#3fd4a2;--hud-luff:#f3e45c;--hud-over:#ff9459;--hud-warn:#ffc15a;--hud-accent:#86d3ff;--hud-edge:8px;--hud-top:calc(var(--safe-top,0px) + var(--hud-edge));--hud-left:calc(var(--safe-left,0px) + var(--hud-edge));--hud-right:calc(var(--safe-right,0px) + var(--hud-edge));--hud-button:48px;--hud-ring:96px;--hud-ring-gap:8px;--hud-speed:44px;--hud-text:15px;--hud-small:14px;--hud-radius:14px;--hud-fade:.4s;pointer-events:none;color:var(--hud-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-size:var(--hud-text);-webkit-font-smoothing:antialiased;line-height:1.3;position:absolute;inset:0}@media (orientation:landscape){.hud-layer,.hud-overlay{--hud-ring:108px;--hud-ring-gap:26px}}@media (orientation:landscape) and (max-height:500px){.hud-layer{--hud-speed:40px}.hud-layer .hud-cluster{padding:5px 12px 6px}.hud-layer .hud-row{min-height:23px}}@media (min-width:900px) and (min-height:600px){.hud-layer,.hud-overlay{--hud-edge:14px;--hud-ring:128px;--hud-speed:56px;--hud-text:17px;--hud-small:15px;--hud-button:52px}}.hud-layer [hidden],.hud-overlay [hidden]{display:none!important}.hud-layer{transition:opacity .5s}.hud-layer.is-hidden,.hud-layer.is-off{opacity:0}.hud-panel{background:var(--hud-panel);border:1px solid var(--hud-panel-line);border-radius:var(--hud-radius)}.hud-cluster{top:var(--hud-top);left:var(--hud-left);box-sizing:border-box;min-width:174px;max-width:calc(100vw - var(--safe-left,0px) - var(--safe-right,0px) - 3 * var(--hud-edge) - var(--hud-button) - var(--hud-ring-gap) - var(--hud-ring) - 8px);contain:layout paint;text-shadow:0 1px 2px #00000059;padding:6px 12px 8px;position:absolute}.hud-speed{align-items:baseline;gap:5px;margin-bottom:2px;display:flex}.hud-speed-value{font-size:var(--hud-speed);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.hud-speed-unit{color:var(--hud-fg-dim);font-size:17px;font-weight:700}.hud-row{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:26px;font-weight:650;display:flex}.hud-icon{flex:none;width:20px;height:20px}.hud-trim-icon{display:none}.hud-trim[data-state=good] .hud-trim-icon-good,.hud-trim[data-state=luffing] .hud-trim-icon-luffing,.hud-trim[data-state=overTrimmed] .hud-trim-icon-overTrimmed,.hud-trim[data-state=none] .hud-trim-icon-none{display:block}.hud-trim-icon-good,.hud-trim-good .hud-trim-icon{color:var(--hud-good)}.hud-trim-icon-luffing,.hud-trim-luffing .hud-trim-icon{color:var(--hud-luff)}.hud-trim-icon-overTrimmed,.hud-trim-overTrimmed .hud-trim-icon{color:var(--hud-over)}.hud-trim-icon-none{color:var(--hud-fg-dim)}.hud-badge{color:var(--hud-accent);font-size:var(--hud-small);letter-spacing:.04em;text-transform:uppercase;text-shadow:none;border:1.5px solid;border-radius:7px;margin-left:2px;padding:0 5px;font-weight:800;line-height:19px}.hud-label{color:var(--hud-fg-dim);font-weight:600}.hud-heel-value{font-variant-numeric:tabular-nums;min-width:2.4ch}.hud-heel.is-warning,.hud-heel.is-warning .hud-label{color:var(--hud-warn)}.hud-heel.is-warning:after{content:"!";background:var(--hud-warn);width:18px;height:18px;color:var(--hud-ink);text-shadow:none;border-radius:50%;place-items:center;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.hud-windbox{width:var(--hud-ring);flex-direction:column;align-items:center;gap:3px;display:flex}.hud-layer .hud-windbox{top:var(--hud-top);right:calc(var(--hud-right) + var(--hud-button) + var(--hud-ring-gap));position:absolute}.hud-ring{width:var(--hud-ring);height:var(--hud-ring);display:block;overflow:visible}.hud-ring-disc{fill:var(--hud-panel);stroke:var(--hud-panel-line);stroke-width:1px}.hud-ring-rim{fill:none;stroke:#ffffff9e;stroke-width:2px}.hud-ring-ticks{fill:none;stroke:#ffffff8c;stroke-width:2.2px;stroke-linecap:round}.hud-ring-north{fill:var(--hud-fg);font-size:18px;font-weight:800}.hud-ring-heading{fill:none;stroke:var(--hud-fg);stroke-width:4px;stroke-linecap:round}.hud-ring-boat{fill:#f6fafceb}.hud-ring-wedge{fill:var(--hud-over);fill-opacity:.3;stroke:var(--hud-over);stroke-opacity:.85;stroke-width:1.6px;stroke-linejoin:round}.hud-ring-wedge-hatch{opacity:0}.hud-ring-hatch-stripe{fill:var(--hud-over)}.hud-ring.is-nogo .hud-ring-wedge{fill-opacity:.42}.hud-ring.is-nogo .hud-ring-wedge-hatch{opacity:.6}.hud-ring-apparent-line,.hud-ring-apparent-head{fill:none;stroke:var(--hud-accent);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.hud-ring-true-arrow{fill:var(--hud-fg);stroke:var(--hud-ink);stroke-width:1.5px;stroke-linejoin:round}.hud-wind-caption{background:var(--hud-panel);font-size:var(--hud-small);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:1px 9px;font-weight:700}.hud-wind-unit{color:var(--hud-fg-dim);margin-left:4px;font-weight:600}.hud-status{top:var(--hud-top);flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(44vw,460px);display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (orientation:portrait),(orientation:landscape) and (max-width:820px){.hud-status .hud-pill{font-size:var(--hud-small);gap:6px;padding:5px 11px 5px 9px;line-height:1.25}.hud-status .hud-icon{width:18px;height:18px}}@media (orientation:portrait){.hud-status{top:calc(var(--hud-top) + var(--hud-ring) + 32px);left:auto;right:var(--hud-right);max-width:calc(50vw - var(--hud-right) - 16px);align-items:flex-end;transform:none}}@media (orientation:landscape) and (max-width:820px){.hud-status{max-width:calc(100vw - 2 * (var(--hud-right) + var(--hud-button) + var(--hud-ring-gap) + var(--hud-ring) + 4px))}}.hud-pill{border:1px solid var(--hud-panel-line);background:var(--hud-panel);text-shadow:0 1px 2px #00000059;opacity:0;transition:opacity var(--hud-fade) ease, transform var(--hud-fade) ease;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-weight:650;display:flex;transform:translateY(-4px)}.hud-pill.is-visible{opacity:1;transform:none}.hud-pill .hud-icon{color:var(--hud-accent)}.hud-pill-text{text-wrap:balance}.hud-pill-text strong{font-variant-numeric:tabular-nums;font-weight:800}.hud-prompt{border:1px solid var(--hud-panel-line);background:var(--hud-panel-strong);opacity:0;width:max-content;max-width:min(100vw - 32px,440px);transition:opacity var(--hud-fade) ease, transform var(--hud-fade) ease;border-radius:18px;align-items:center;gap:12px;padding:10px 18px 10px 14px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 6px 24px #00000040}@media (orientation:portrait){.hud-prompt{top:38%}}@media (orientation:landscape) and (max-width:820px){.hud-prompt{top:max(34%, calc(var(--safe-top,0px) + 176px));max-width:min(440px, calc(100vw - 2 * var(--safe-right,0px) - 320px))}}.hud-prompt.is-visible{opacity:1;transform:translate(-50%,-50%)}.hud-prompt-icon .hud-icon{width:34px;height:34px}.hud-prompt[data-kind=capsized] .hud-prompt-icon,.hud-prompt[data-kind=aground] .hud-prompt-icon{color:var(--hud-warn)}.hud-prompt[data-kind=noGo] .hud-prompt-icon{color:var(--hud-accent)}.hud-prompt-title{margin:0;font-size:19px;font-weight:800}.hud-prompt-text{color:var(--hud-fg-dim);margin:2px 0 0;font-size:16px;font-weight:600}.hud-tutorial{pointer-events:none;position:absolute;inset:0}.hud-tut-card{background:var(--hud-panel-strong);pointer-events:none;border-radius:18px;flex-direction:column;gap:6px;width:max-content;max-width:min(100vw - 32px,440px);padding:12px 16px 14px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000040}@media (orientation:portrait){.hud-tut-card{top:38%}}@media (orientation:landscape) and (max-width:820px){.hud-tut-card{top:max(34%, calc(var(--safe-top,0px) + 176px));max-width:min(440px, calc(100vw - 2 * var(--safe-right,0px) - 320px))}}.hud-tut-head{align-items:baseline;gap:8px;display:flex}.hud-tut-head .hud-icon{width:22px;height:22px;color:var(--hud-accent)}.hud-tut-title{font-size:19px;font-weight:800}.hud-tut-progress{color:var(--hud-fg-dim);font-size:var(--hud-small);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:700}.hud-tut-body{color:var(--hud-fg);text-wrap:pretty;margin:0;font-size:16px;font-weight:600}.hud-tut-hint{color:var(--hud-warn);font-size:var(--hud-small);text-wrap:pretty;margin:0;font-weight:600}.hud-tut-hint:before{content:"✳ "}.hud-tut-actions{justify-content:flex-end;margin-top:2px;display:flex}.hud-tut-skip{min-height:40px;font-size:var(--hud-small);pointer-events:auto;padding:0 14px}.hud-tut-skip.is-hot{border-color:var(--hud-warn);color:var(--hud-warn)}.hud-tut-card.is-done .hud-tut-head .hud-icon{color:var(--hud-good)}.hud-tut-card.is-done{border-color:var(--hud-good)}.hud-inline-icon{vertical-align:-.3em;width:1.3em;height:1.3em;color:var(--hud-fg);margin:0 .1em}.hud-pause{top:var(--hud-top);right:var(--hud-right);width:var(--hud-button);height:var(--hud-button);border:1px solid var(--hud-panel-line);border-radius:var(--hud-radius);background:var(--hud-panel);color:var(--hud-fg);cursor:pointer;appearance:none;place-items:center;padding:0;transition:background .12s,transform .12s;display:grid;position:absolute}.hud-pause .hud-icon{width:24px;height:24px}.hud-pause:active{background:var(--hud-panel-strong);transform:scale(.94)}.hud-btn{min-height:48px;color:var(--hud-fg);font:inherit;cursor:pointer;appearance:none;background:#ffffff12;border:1.5px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 16px;font-size:16px;font-weight:700;line-height:1.2;transition:background .12s,transform .12s;display:inline-flex}.hud-btn .hud-icon{width:22px;height:22px}.hud-btn:active{background:#fff3;transform:scale(.97)}.hud-btn:focus,.hud-pause:focus{outline:none}.hud-keys .hud-btn:focus-visible,.hud-keys .hud-pause:focus-visible{outline:3px solid var(--hud-accent);outline-offset:2px}.hud-btn-primary{background:var(--hud-fg);color:var(--hud-ink);border-color:#0000}.hud-btn-primary:active{background:#d4e7f2}.hud-btn-ghost{color:var(--hud-fg-dim);background:0 0;border-color:#0000}@media (hover:hover){.hud-btn:hover{background:#ffffff24}.hud-btn-primary:hover{background:#fff}}.hud-start{padding:calc(var(--safe-top,0px) + 16px) calc(var(--safe-right,0px) + 16px) calc(var(--safe-bottom,0px) + 16px) calc(var(--safe-left,0px) + 16px);background:linear-gradient(#03101a80 0%,#03101a57 45%,#03101abd 100%);place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}.hud-start.is-leaving{opacity:0;pointer-events:none}.hud-start-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:540px;display:flex}.hud-start-title{letter-spacing:-.01em;text-shadow:0 2px 18px #0006;margin:0;font-size:clamp(38px,10vmin,64px);font-weight:900;line-height:1.05}.hud-start-tagline{color:var(--hud-fg-dim);text-shadow:0 1px 8px #0006;margin:0 0 10px;font-size:18px;font-weight:600}.hud-start-subtitle{margin:-4px 0 8px;font-size:16px}.hud-start-learn{border-radius:999px;min-width:232px;min-height:56px;font-size:18px}.hud-start-learn-primary{border:2px solid var(--hud-accent);color:var(--hud-fg);background:#86d3ff24;margin-bottom:2px}@media (hover:hover){.hud-start-learn-primary:hover{background:#86d3ff42}}.hud-start-button{border-radius:999px;min-width:232px;min-height:64px;font-size:22px;box-shadow:0 8px 28px #0000004d}.hud-start-button .hud-icon{width:24px;height:24px}.hud-start-hint{max-width:30em;color:var(--hud-fg-dim);text-shadow:0 1px 6px #0000008c;text-wrap:balance;margin:8px 0 0;font-size:15px}@media (orientation:landscape) and (max-height:500px){.hud-start-panel{gap:6px}.hud-start-tagline{margin-bottom:4px}.hud-start-hint{margin-top:4px}}.hud-modal{padding:calc(var(--safe-top,0px) + 8px) calc(var(--safe-right,0px) + 8px) calc(var(--safe-bottom,0px) + 8px) calc(var(--safe-left,0px) + 8px);background:var(--hud-backdrop);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-modal-panel{border:1px solid var(--hud-panel-line);background:var(--hud-modal-bg);border-radius:20px;flex-direction:column;width:min(100%,460px);max-height:100%;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000073}.hud-menu-panel{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:1fr;align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.hud-menu-main{flex-direction:column;gap:10px;display:flex}.hud-menu-title{margin:0 0 2px;font-size:22px;font-weight:800}.hud-menu-resume{min-height:56px;font-size:19px}.hud-menu-reset.is-armed{border-color:var(--hud-over);color:var(--hud-over)}.hud-menu-info{color:var(--hud-fg-dim);font-size:var(--hud-small);overflow-wrap:anywhere;margin:2px 2px 0}.hud-menu-settings{flex-direction:column;gap:14px;display:flex}.hud-menu-heading{color:var(--hud-fg-dim);font-size:var(--hud-small);letter-spacing:.02em;margin:0 0 6px;font-weight:700}.hud-menu-clock{color:var(--hud-fg);font-variant-numeric:tabular-nums;margin-left:4px}.hud-seg{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.hud-seg-btn{gap:5px;min-width:0;padding:0 6px;font-size:15px}.hud-seg-btn .hud-check{flex:none;width:16px;height:16px;display:none}.hud-seg-btn[aria-pressed=true]{background:var(--hud-fg);color:var(--hud-ink);border-color:#0000}.hud-seg-btn[aria-pressed=true] .hud-check{display:block}.hud-seg-detail{color:var(--hud-fg-dim);font-size:var(--hud-small);margin:6px 2px 0}.hud-toggles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.hud-toggle{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:58px;padding:6px 12px}.hud-toggle-label{font-size:15px;font-weight:700}.hud-toggle-row{color:var(--hud-fg-dim);font-size:var(--hud-small);align-items:center;gap:8px;font-weight:600;display:flex}.hud-switch{background:#ffffff1f;border:1.5px solid #ffffff73;border-radius:999px;flex:none;width:34px;height:20px;position:relative}.hud-switch-knob{background:var(--hud-fg);border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:2px;left:2px}.hud-toggle[aria-checked=true] .hud-switch{border-color:var(--hud-good);background:var(--hud-good)}.hud-toggle[aria-checked=true] .hud-switch-knob{background:var(--hud-ink);transform:translate(14px)}.hud-toggle[aria-checked=true] .hud-toggle-state{color:var(--hud-fg)}@media (orientation:landscape){.hud-menu-panel{grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:18px;width:min(100%,800px);overflow:hidden}.hud-menu-settings{overscroll-behavior:contain;touch-action:pan-y;min-height:0;max-height:100%;margin:-4px -8px -4px 0;padding:4px 8px 4px 0;overflow-y:auto}}@media (orientation:landscape) and (min-width:760px){.hud-toggles{grid-template-columns:repeat(4,minmax(0,1fr))}.hud-toggle{padding:6px 10px}.hud-toggle-label{font-size:14px}}.hud-help-panel{width:min(100%,560px)}.hud-help-header{border-bottom:1px solid var(--hud-panel-line);align-items:center;gap:12px;padding:10px 12px;display:flex}.hud-help-back{padding:0 14px 0 8px}.hud-help-title{margin:0;font-size:20px;font-weight:800}.hud-help-body{flex:auto;min-height:0;padding:14px 16px 6px}.hud-help-section{break-inside:avoid;margin:0 0 18px}.hud-help-heading{align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:800;display:flex}.hud-chip{background:var(--hud-accent);color:var(--hud-ink);border-radius:999px;padding:0 8px;font-size:14px;font-weight:700}.hud-current-chip{display:none}.is-current .hud-current-chip{display:inline-block}.hud-help-keys{grid-template-columns:max-content minmax(0,1fr);gap:7px 14px;margin:0;font-size:15px;display:grid}.hud-help-keys dt{font-weight:700}.hud-help-keys dd{color:var(--hud-fg-dim);margin:0}.hud-help-legend-row{align-items:flex-start;gap:14px;display:flex}.hud-help-ring{flex:none}.hud-help-list{color:var(--hud-fg-dim);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:15px;display:flex}.hud-help-trim{padding-left:0;list-style:none}.hud-help-trim li{align-items:flex-start;gap:8px;display:flex}.hud-help-trim strong{color:var(--hud-fg)}.hud-help-trim .hud-trim-icon{margin-top:1px;display:block}@media (orientation:landscape){.hud-help-panel{width:min(100%,860px)}.hud-help-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:28px;display:grid}}.hud-reduced-motion,.hud-reduced-motion *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.hud-layer,.hud-layer *,.hud-overlay,.hud-overlay *{transition-duration:1ms!important;animation:none!important}}.hud-race{top:calc(var(--hud-top) + 44px);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000059;white-space:nowrap;max-width:calc(100vw - var(--safe-left,0px) - var(--safe-right,0px) - var(--hud-ring) - var(--hud-ring-gap) - var(--hud-button) - 24px);text-overflow:ellipsis;align-items:baseline;gap:10px;padding:5px 14px;font-weight:650;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hud-race-name{color:var(--hud-accent);font-size:var(--hud-small);text-overflow:ellipsis;flex:0 auto;min-width:3em;overflow:hidden}.hud-race-time{font-size:var(--hud-speed);line-height:1}.hud-race-gate{color:var(--hud-fg-dim);font-size:var(--hud-small);flex:none}.hud-race-delta{font-size:var(--hud-small);font-weight:800}.hud-race-delta.is-ahead{color:var(--hud-good)}.hud-race-delta.is-behind{color:var(--hud-over)}@media (orientation:portrait){.hud-race{top:calc(var(--hud-top) + var(--hud-ring) + 10px);max-width:calc(100vw - var(--safe-left,0px) - var(--safe-right,0px) - 2 * var(--hud-edge))}}.hud-countdown{color:var(--hud-fg);text-shadow:0 2px 6px #00000080,0 0 2px #0006;font-variant-numeric:tabular-nums;pointer-events:none;font-size:76px;font-weight:800;line-height:1;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.hud-countdown.is-go{color:var(--hud-good)}.hud-challenge-menu .hud-modal-panel,.hud-results-panel{width:min(calc(100vw - 2 * var(--hud-edge)), 560px);padding:16px}.hud-challenge-hint{color:var(--hud-fg-dim);font-size:var(--hud-small);margin:2px 0 10px}.hud-challenge-list{flex-direction:column;gap:10px;display:flex}.hud-challenge{border-radius:var(--hud-radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.hud-challenge-copy{min-width:0}.hud-challenge-name{font-size:var(--hud-text);margin:0;font-weight:750}.hud-challenge-desc{color:var(--hud-fg-dim);font-size:var(--hud-small);margin:2px 0}.hud-challenge-best{color:var(--hud-accent);font-size:var(--hud-small);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.hud-challenge-buttons{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.hud-challenge-ghost{font-size:var(--hud-small)}.hud-challenge-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.hud-challenge-actions .hud-btn{min-width:130px}.hud-results-name{color:var(--hud-fg-dim);margin:0}.hud-results-time{font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:44px;font-weight:800;line-height:1.1}.hud-results-best{color:var(--hud-accent);margin:0 0 8px;font-weight:700}.hud-results-splits{flex-direction:column;gap:4px;max-height:34vh;margin:6px 0 4px;display:flex;overflow-y:auto}.hud-split{font-variant-numeric:tabular-nums;font-size:var(--hud-small);align-items:baseline;gap:10px;display:flex}.hud-split-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--hud-fg-dim);flex:1;overflow:hidden}.hud-split-time{font-weight:700}.hud-split-delta{text-align:right;min-width:62px;font-weight:800}.hud-split-delta.is-ahead{color:var(--hud-good)}.hud-split-delta.is-behind{color:var(--hud-over)}.hud-tut-checkpoint{color:var(--hud-accent);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.hud-tut-card.is-done .hud-tut-head .hud-tut-title{color:var(--hud-good)}.hud-tut-card.is-done .hud-tut-hint{color:var(--hud-fg-dim);font-style:italic}