:root{color:#eef2ed;color-scheme:dark;-webkit-font-smoothing:antialiased;font-synthesis:none;background:#05080c;font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,roboto,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}[hidden]{display:none!important}.boot-message{color:#eef2ed;text-align:center;z-index:100;background:#05080c;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;font-size:14px;line-height:1.6;display:flex;position:fixed;inset:0}.boot-message p{max-width:520px}.boot-message button{color:#0d1114;cursor:pointer;font:inherit;background:#b9e5b1;border:0;border-radius:100px;min-height:44px;padding:0 24px;font-weight:650}.boot-message button:focus-visible{outline-offset:3px;outline:2px solid #eef2ed}.water-experience{--hud-text:#eef2ed;--hud-muted:#b6c1bc;--hud-accent:#b9e5b1;--hud-accent-contrast:#0d1114;--hud-astern:#f1c98a;--hud-line:#e7f4f124;--hud-line-strong:#e7f4f14d;--hud-glass:#060e148c;--hud-glass-blur:blur(14px) saturate(140%);--hud-shadow:0 6px 24px #00000038;--hud-font:"Segoe UI Variable", "Segoe UI", system-ui, -apple-system, roboto, arial, sans-serif;--hud-top:max(12px, env(safe-area-inset-top));--hud-right:max(12px, env(safe-area-inset-right));--hud-bottom:max(12px, env(safe-area-inset-bottom));--hud-left:max(12px, env(safe-area-inset-left));--hud-fade:.4s;--hud-track:150px;color:var(--hud-text);font-family:var(--hud-font);pointer-events:none;-webkit-tap-highlight-color:transparent;user-select:none;z-index:10;position:fixed;inset:0}@media (height<500px){.water-experience{--hud-track:120px}}.water-experience a,.water-experience button,.water-experience [role=slider],.water-experience .hud-zone,.water-experience .hud-sheet,.water-experience .hud-scrim{pointer-events:auto}.water-experience a,.water-experience button{touch-action:manipulation}.water-experience :focus-visible{outline:2px solid var(--hud-accent);outline-offset:3px}.hud-svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:20px;height:20px}.hud-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-hud-secondary]{transition:opacity var(--hud-fade) ease, visibility 0s linear 0s}.water-experience[data-idle=true] [data-hud-secondary]{opacity:0;pointer-events:none;transition:opacity var(--hud-fade) ease, visibility 0s linear var(--hud-fade);visibility:hidden}html.hud-cursor-hidden,html.hud-cursor-hidden *{cursor:none!important}.hud-icon{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);box-shadow:var(--hud-shadow);color:var(--hud-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:border-color .2s,background-color .2s,transform .12s;display:inline-flex}.hud-icon:hover{border-color:var(--hud-line-strong);background:#0a161ca8}.hud-icon:active{transform:scale(.94)}.hud-icon[aria-expanded=true]{color:var(--hud-accent);border-color:#b9e5b18c}.hud-lab{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);color:var(--hud-text);height:44px;left:var(--hud-left);letter-spacing:.16em;opacity:.6;text-transform:uppercase;top:var(--hud-top);border-radius:22px;align-items:center;gap:2px;padding:0 16px 0 9px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex;position:absolute}.water-experience[data-idle=false] .hud-lab:hover,.water-experience[data-idle=false] .hud-lab:focus-visible{opacity:1}.hud-lab .hud-svg{width:18px;height:18px}.hud-caption{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);left:var(--hud-left);opacity:0;max-width:min(20rem,46vw);top:calc(var(--hud-top) + 54px);visibility:hidden;border-radius:14px;padding:10px 16px 11px;transition:opacity .7s,transform .7s;position:absolute;transform:translateY(-4px)}.water-experience[data-layout=portrait] .hud-caption{max-width:calc(100vw - var(--hud-left) - var(--hud-right));top:calc(var(--hud-top) + 132px)}.hud-caption[data-visible=true]{opacity:1;visibility:visible;transform:none}.hud-caption-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:350;line-height:1.15}.hud-caption-text{color:var(--hud-muted);letter-spacing:.16em;text-transform:uppercase;margin:4px 0 0;font-size:10.5px;font-weight:650;line-height:1.4}.hud-actions{right:var(--hud-right);top:var(--hud-top);align-items:center;gap:8px;display:flex;position:absolute}.hud-camera-name{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);letter-spacing:.18em;opacity:0;text-transform:uppercase;visibility:hidden;border-radius:14px;padding:0 12px;font-size:11px;font-weight:700;line-height:26px;transition:opacity .25s,transform .25s;transform:translate(6px)}.hud-camera-name[data-visible=true]{opacity:1;visibility:visible;transform:none}.hud-gauge{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);bottom:var(--hud-bottom);transition:opacity var(--hud-fade) ease;border-radius:18px;flex-direction:column;align-items:center;padding:6px 12px 4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-gauge[data-state=stopped]{opacity:.72}.hud-gauge[data-state=hidden]{opacity:0}.water-experience[data-touch=true] .hud-gauge,.water-experience[data-layout=portrait] .hud-gauge{bottom:auto;top:var(--hud-top)}.water-experience[data-layout=portrait] .hud-gauge{top:calc(var(--hud-top) + 54px)}.hud-speed{align-items:baseline;gap:5px;line-height:1;display:flex}.hud-speed-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:300}.hud-speed-unit{color:var(--hud-muted);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700}.hud-throttle{background:var(--hud-line);width:132px;height:2px;margin:5px 0 3px;position:relative}.hud-throttle-fill{background:var(--hud-accent);transform-origin:0;width:50%;height:100%;transition:transform .18s ease-out;position:absolute;left:50%;transform:scaleX(0)}.hud-throttle[data-direction=astern] .hud-throttle-fill{background:var(--hud-astern);transform-origin:100%;left:0}.hud-tape{width:156px;height:20px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000)}.hud-tape-strip{background:repeating-linear-gradient(90deg, #eef2ed99 0 1px, transparent 1px calc(var(--px-per-degree) * 10)) left bottom / 100% 5px no-repeat, repeating-linear-gradient(90deg, #eef2ede6 0 1px, transparent 1px calc(var(--px-per-degree) * 30)) left bottom / 100% 8px no-repeat;will-change:transform;height:100%;position:absolute;top:0;left:0}.hud-tape-label{color:var(--hud-muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:9.5px;font-weight:650;position:absolute;top:0;transform:translate(-50%)}.hud-tape-cardinal{color:var(--hud-text);font-weight:750}.hud-tape-caret{background:var(--hud-accent);border-radius:1px;width:2px;height:11px;position:absolute;bottom:0;left:calc(50% - 1px)}.water-experience[data-sheet=open] :is(.hud-touch,.hud-gauge,.hud-lab,.hud-caption,.hud-hint,.hud-actions,.hud-paused){opacity:0;pointer-events:none;visibility:hidden}.hud-ghost,.hud-hint{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);color:var(--hud-text);letter-spacing:.2em;text-transform:uppercase;transition:opacity var(--hud-fade) ease;white-space:nowrap;border-radius:12px;padding:0 9px;font-size:10px;font-weight:650;line-height:20px;display:none;position:absolute}.water-experience[data-onboarding=on] .hud-ghost,.water-experience[data-onboarding=on][data-touch=false] .hud-hint{display:block}.water-experience[data-idle=true] .hud-ghost{opacity:0}.hud-ghost-steer{left:var(--pad-rest-x);top:calc(var(--pad-rest-y) - 112px);transform:translate(-50%)}.hud-ghost-throttle{bottom:calc(var(--hud-bottom) + 18px + var(--hud-track) / 2);right:calc(var(--hud-right) + 74px)}.hud-hint{letter-spacing:.08em;text-transform:none;left:50%;top:calc(var(--hud-top) + 8px);margin:0;padding:0 14px;font-size:11px;font-weight:600;line-height:28px;transform:translate(-50%)}.water-experience[data-paused=true] .hud-gauge{opacity:0;visibility:hidden}.hud-paused{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);bottom:var(--hud-bottom);box-shadow:var(--hud-shadow);border-radius:28px;align-items:center;gap:14px;padding:5px 5px 5px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.water-experience[data-touch=true] .hud-paused,.water-experience[data-layout=portrait] .hud-paused{bottom:auto;top:var(--hud-top)}.water-experience[data-layout=portrait] .hud-paused{top:calc(var(--hud-top) + 54px)}.hud-paused-label{letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:750}.hud-paused-resume{background:var(--hud-accent);color:var(--hud-accent-contrast);cursor:pointer;font:inherit;border:0;border-radius:22px;min-height:44px;padding:0 20px;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.water-experience,.water-experience *,.water-experience :before,.water-experience :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}.hud-touch{display:none}.water-experience[data-touch=true] .hud-touch{display:block}.hud-zone{touch-action:none;width:40%;height:60%;position:absolute;bottom:0}.hud-zone-steer{--pad-rest-x:clamp(76px, 46%, 150px);--pad-rest-y:calc(100% - var(--hud-bottom) - 34px);left:0}.hud-zone-throttle{right:0}.hud-pad{height:44px;left:calc(var(--pad-x,var(--pad-rest-x)) - 60px);opacity:.6;top:calc(var(--pad-y,var(--pad-rest-y)) - 72px);transition:left .22s ease, top .22s ease, opacity var(--hud-fade) ease;width:120px;position:absolute}.hud-pad[data-state=held]{opacity:1;transition:opacity .12s}.hud-pad-svg{filter:drop-shadow(0 1px 2px #0000008c);width:120px;height:44px;display:block;overflow:visible}.hud-pad-wheel{transform-box:view-box;transform-origin:0 0;transition:transform .12s ease-out}.hud-pad[data-state=held] .hud-pad-wheel{transition:none}.hud-pad-rim{fill:none;stroke:#eef2ede6;stroke-linecap:round;stroke-width:3px}.hud-pad-crown{stroke:var(--hud-accent);stroke-linecap:round;stroke-width:4px}.hud-lever{bottom:calc(var(--hud-bottom) + 18px);height:calc(var(--hud-track) + 20px);opacity:.8;right:calc(var(--hud-right) + 26px);transition:opacity var(--hud-fade) ease;width:34px;position:absolute}.hud-lever[data-held]{opacity:1;transition:opacity .12s}.hud-lever-track{background:#eef2ed42;border-radius:3px;width:6px;position:absolute;top:10px;bottom:10px;left:calc(50% - 3px);box-shadow:0 0 0 1px #00000038}.hud-lever-fill{background:var(--hud-accent);bottom:calc(min(var(--travel), var(--neutral)) * 100%);height:calc(max(var(--travel) - var(--neutral), var(--neutral) - var(--travel)) * 100%);border-radius:3px;position:absolute;left:0;right:0}.hud-lever[data-state=astern] .hud-lever-fill{background:var(--hud-astern)}.hud-lever-notch{background:var(--hud-text);bottom:calc(var(--neutral) * 100% - 1px);border-radius:1px;width:16px;height:2px;position:absolute;left:-5px}.hud-lever-handle{background:var(--hud-text);bottom:calc(10px + var(--travel) * (100% - 20px) - 9px);border-radius:9px;width:30px;height:18px;position:absolute;left:2px;box-shadow:0 0 0 1px #ffffffe6,0 0 0 2px #0000004d,0 3px 12px #00000080}.hud-lever-handle:after{content:"";background:#0d111473;border-radius:1px;height:2px;position:absolute;top:8px;left:8px;right:8px}.hud-lever[data-state=astern] .hud-lever-handle{background:var(--hud-astern)}.hud-lever-readout{backdrop-filter:var(--hud-glass-blur);background:var(--hud-glass);border:1px solid var(--hud-line);font-variant-numeric:tabular-nums;opacity:0;white-space:nowrap;border-radius:10px;padding:0 8px;font-size:12px;font-weight:650;line-height:20px;transition:opacity .2s;position:absolute;top:-2px;right:calc(100% + 12px)}.hud-lever[data-held] .hud-lever-readout,.hud-lever:focus-visible .hud-lever-readout{opacity:1}.hud-lever[data-state=astern] .hud-lever-readout{color:var(--hud-astern)}.water-experience[data-idle=true] .hud-pad:not([data-state=held]),.water-experience[data-idle=true] .hud-lever:not([data-held]){opacity:.25}.hud-scrim{background:0 0;position:fixed;inset:0}.water-experience[data-layout=portrait] .hud-scrim{background:#03080c2e}.hud-sheet{backdrop-filter:blur(22px)saturate(140%);border-left:1px solid var(--hud-line);padding:var(--hud-top) var(--hud-right) 0 20px;user-select:text;background:#0a1216bd;flex-direction:column;width:min(22rem,42vw);animation:.28s cubic-bezier(.2,.8,.2,1) hud-sheet-side;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #00000047}.hud-sheet:focus{outline:none}.water-experience[data-layout=portrait] .hud-sheet{border-left:0;border-top:1px solid var(--hud-line);max-height:46vh;padding:8px var(--hud-right) 0 var(--hud-left);border-radius:20px 20px 0 0;width:auto;animation-name:hud-sheet-up;top:auto;left:0;box-shadow:0 -18px 48px #00000047}.water-experience[data-layout=portrait] .hud-sheet:before{background:var(--hud-line-strong);content:"";border-radius:2px;flex:none;align-self:center;width:36px;height:4px;margin-bottom:4px}@keyframes hud-sheet-side{0%{opacity:0;transform:translate(24px)}}@keyframes hud-sheet-up{0%{opacity:0;transform:translateY(24px)}}.hud-sheet-head{flex:none;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.hud-sheet-title{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;line-height:1}.hud-sheet-sub{color:var(--hud-muted);letter-spacing:.24em;text-transform:uppercase;margin:6px 0 0;font-size:9.5px;font-weight:650}.hud-sheet-close{box-shadow:none}.hud-sheet-body{overscroll-behavior:contain;scrollbar-color:var(--hud-line-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;margin-right:-6px;padding:4px 6px 16px 0;overflow:hidden auto}.hud-sheet-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hud-sheet-section{margin-top:16px}.hud-sheet-label{color:var(--hud-muted);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.hud-pill{border:1px solid var(--hud-line);color:var(--hud-text);cursor:pointer;font:inherit;background:#ffffff0f;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hud-pill:hover{border-color:var(--hud-line-strong);background:#ffffff1a}.hud-pill .hud-svg{width:18px;height:18px}.hud-seg{border:1px solid var(--hud-line);background:#ffffff0a;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.hud-seg-button{color:var(--hud-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:11px;min-height:44px;padding:0 4px;font-size:13px;font-weight:600}.hud-seg-button:hover{color:var(--hud-text)}.hud-seg-button[aria-pressed=true]{color:var(--hud-accent);background:#b9e5b126;box-shadow:inset 0 0 0 1px #b9e5b173}.hud-switches{gap:2px;display:grid}.hud-switch{border:0;border-bottom:1px solid var(--hud-line);color:var(--hud-text);cursor:pointer;font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;min-height:48px;padding:0 2px;font-size:14px;display:flex}.hud-switch-track{background:#ffffff24;border-radius:12px;flex:none;width:40px;height:24px;transition:background-color .2s;position:relative}.hud-switch-track:after{background:var(--hud-text);content:"";border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}.hud-switch[aria-checked=true] .hud-switch-track{background:var(--hud-accent)}.hud-switch[aria-checked=true] .hud-switch-track:after{background:var(--hud-accent-contrast);transform:translate(16px)}.hud-advanced{margin-top:16px}.hud-advanced-summary{color:var(--hud-muted);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;min-height:44px;font-size:10px;font-weight:700;list-style:none;display:flex}.hud-advanced-summary::-webkit-details-marker{display:none}.hud-advanced-summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.hud-advanced[open]>.hud-advanced-summary:after{transform:rotate(225deg)translate(-2px)}.water-experience .hud-sheet .hud-advanced .lil-gui{--background-color:transparent;--text-color:var(--hud-text);--title-background-color:#ffffff0a;--title-text-color:var(--hud-text);--widget-color:#ffffff17;--hover-color:#ffffff24;--focus-color:#fff3;--number-color:var(--hud-accent);--string-color:var(--hud-accent);--font-family:var(--hud-font);--font-size:12px;--input-font-size:12px;--widget-height:28px;--padding:6px;--spacing:6px;--name-width:42%;--slider-knob-width:3px;--widget-border-radius:6px;--folder-indent:8px}.water-experience .hud-sheet .hud-advanced .lil-gui.lil-root{border-radius:12px;width:100%;overflow:hidden}.water-experience .hud-sheet .hud-advanced .lil-gui.lil-root>.lil-title{display:none}.hud-sheet-foot{border-top:1px solid var(--hud-line);color:var(--hud-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;padding:10px 0 max(10px, env(safe-area-inset-bottom));flex:none;font-size:11px}