:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f4e9;background:#111e29;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:0;background:none}button:hover{background:#ffffff12}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9edac7;outline-offset:4px}button:disabled{cursor:default;opacity:.4}canvas{display:block}#app{width:100vw;height:100dvh;position:relative}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud button,.hud select,.hud input,.hud a,.hud dialog,.welcome{pointer-events:auto}[hidden]{display:none!important}.glass{background:linear-gradient(135deg,#142c38e8,#142330e8);border:1px solid #ffffff1a;box-shadow:0 10px 35px #06121b20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{position:absolute;top:26px;left:32px;right:32px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;color:#fff8e9;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:21px;letter-spacing:3px;font-weight:800;text-shadow:0 2px 12px #00192355}.brand small{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:8px;letter-spacing:2.1px;margin-top:5px;font-weight:500}.brand-mark{height:39px;width:39px;border:1px solid #eee8ce85;border-radius:50%;font-size:24px;display:grid;place-items:center;letter-spacing:0;position:relative}.brand-mark span{position:absolute;font-size:16px;right:2px;top:2px}.view-switch{display:flex;background:#132a38dc;border:1px solid #ffffff19;padding:5px;border-radius:8px;margin-left:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.view-switch button{font-size:11px;text-transform:capitalize;padding:9px 13px;border-radius:4px;color:#bbc9cd}.view-switch button.active{background:#e6ede4;color:#19313b}.view-switch kbd{font-size:8px;margin-left:11px;opacity:.6}.top-actions{display:flex;gap:3px;align-items:center;background:#132a38dc;border:1px solid #ffffff19;border-radius:8px;padding:5px}.top-actions select{font-size:11px;padding:8px 24px 8px 8px;border:0;background:transparent;color:#eeeede;max-width:170px}.top-actions button{font-size:18px;width:31px;height:32px;border-radius:4px}.top-actions .muted{opacity:.4}.mission{position:absolute;top:108px;left:32px;width:264px;border-radius:10px;padding:20px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#b0c4cb}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a3dec6;margin-right:4px;vertical-align:2px;box-shadow:0 0 8px #a3dec630}.session-time{float:right;font-family:monospace;color:#a5b4bb;font-size:9px;letter-spacing:0}.mission h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.4px;margin:15px 0 7px}.mission p{font-size:11px;line-height:1.6;color:#aebec3;margin:0}.berth-row{display:flex;align-items:center;gap:10px;margin-top:20px}.berth-label{font-size:11px;letter-spacing:1px;background:#8ac9b518;color:#c8e9d9;padding:7px 9px;border:1px solid #9edac728;border-radius:4px}.berth-distance{font-size:10px;color:#dbe2dd}.berth-icon{margin-left:auto;color:#b4d6ca}.progress-track{height:3px;background:#ffffff12;margin:15px 0 11px;border-radius:3px;overflow:hidden}.progress-track span{display:block;background:#addbc5;height:100%;transition:width .3s}.mission .mission-status{font-size:10px;color:#a4b8c0}.secure-button{margin-top:12px;background:#b6dcc8;color:#19313b;padding:10px;width:100%;font-size:11px;border-radius:5px}.environment{position:absolute;right:32px;top:108px;border-radius:8px;padding:15px 17px;min-width:154px}.environment>div{display:flex;align-items:baseline;gap:7px;margin:10px 0 7px}.environment strong{font-size:22px;font-weight:400}.environment small{font-size:10px;color:#bdc9cc}.wind-arrow{color:#bfdbc8;font-size:21px}.environment p{font-size:8px;color:#a2b4be;margin:0}.view-hint{position:absolute;bottom:253px;left:50%;transform:translate(-50%);font-size:10px;color:#fff6e7bb;text-shadow:0 1px 5px #000a;white-space:nowrap;letter-spacing:.3px}.view-hint span{padding:0 9px}.helm-console{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;border-radius:12px;max-width:calc(100% - 64px);height:206px;padding:22px 26px;gap:24px}.instruments{display:flex;align-items:center;gap:28px;border-right:1px solid #ffffff15;padding-right:26px}.speed{width:115px}.speed>strong{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block;font-size:56px;font-weight:400;letter-spacing:-3px;line-height:1.4}.speed strong small{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;letter-spacing:0;margin-left:7px;color:#b8c5c8}.speed>span:last-child{font-family:monospace;font-size:8px;letter-spacing:1.6px;color:#9dd7bf}.small-instrument{min-width:85px}.small-instrument>strong{display:block;font-size:28px;font-weight:400;margin:12px 0 16px;letter-spacing:-1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.small-instrument strong span{font-size:11px;color:#a9bbc2;letter-spacing:0;margin-left:4px}.compass-rule,.instrument-note{font-family:monospace;color:#8ba4ae;font-size:8px;white-space:nowrap}.clearance.danger strong{color:#f2b697}.engine-controls{border-right:1px solid #ffffff15;padding-right:24px;min-width:183px}.engine-title{display:flex;gap:12px;align-items:center;white-space:nowrap}.ignition{font-size:8px;color:#a9d6bd;padding:3px;border-radius:4px}.ignition.off{color:#b3bcc1}.throttle-pair{display:flex;justify-content:center;gap:24px;margin-top:13px}.throttle{width:64px;text-align:center}.throttle>span{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;gap:5px}.throttle output{font-family:monospace;color:#abdcc4;font-size:8px;letter-spacing:0}.throttle-track{height:102px;position:relative;margin:8px auto 4px;display:flex;align-items:center;justify-content:center}.throttle input{writing-mode:vertical-lr;direction:rtl;width:18px;height:100px;padding:0;appearance:none;background:linear-gradient(90deg,transparent 7px,#6a839066 7px,#6a839066 10px,transparent 10px);z-index:2}.throttle input::-webkit-slider-thumb{appearance:none;width:30px;height:12px;background:linear-gradient(#ecefe4,#a4b6b7);border:1px solid #f0f5eacc;border-radius:3px;box-shadow:0 2px 5px #0007}.throttle input::-moz-range-thumb{width:28px;height:10px;background:#d6e1d8;border:1px solid #f0f5ea;border-radius:3px}.neutral-line{position:absolute;top:50%;left:14px;right:12px;height:1px;background:#a4bdad77}.throttle-scale{position:absolute;left:-5px;top:0;text-align:center;font-family:monospace;font-size:6px;line-height:22px;color:#8ba4ae}.throttle small{font-family:monospace;font-size:8px;color:#b2c2c7}.steering-controls{width:222px;min-width:182px}.rudder-title{display:flex;justify-content:space-between;align-items:center}.rudder-title output{font-family:monospace;font-size:9px;color:#c7e3d6}.steering-controls input[type=range]{width:100%;height:3px;appearance:none;background:linear-gradient(90deg,#476072,#86bba7,#476072);margin:17px 0 10px;display:block;border-radius:3px}.steering-controls input::-webkit-slider-thumb,.wind-setting input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#dce7d9;border:3px solid #75988f;box-shadow:0 0 0 3px #102634}.steering-controls input::-moz-range-thumb{width:11px;height:11px;background:#dce7d9;border:2px solid #75988f;border-radius:50%}.rudder-labels{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:7px;color:#8fa7af}.rudder-labels button{font-size:7px;color:#b7c9ce;padding:3px}.bow-title{display:flex;justify-content:space-between;margin-top:20px}.bow-note{font-size:6px;letter-spacing:.5px;color:#8fa7af}.bow-buttons{display:flex;gap:7px;margin-top:9px}.bow-buttons button{border:1px solid #ffffff20;border-radius:4px;font-size:8px;width:50%;padding:9px 5px;color:#d8e3dc;touch-action:none}.bow-buttons button.engaged{background:#97d8ba33;border-color:#a5dabe}.bow-buttons kbd{font-size:7px;color:#8fa7af;margin-left:6px}#neutral{width:100%;margin-top:9px;font-size:8px;color:#a4b7c0;padding:3px}#neutral kbd{font-size:7px;margin-left:10px;color:#d1dcd7}.helm-lock{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#122532db;border-radius:12px;font-size:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.helm-lock span{font-size:11px;color:#abc0c8;margin-top:10px}.welcome{position:absolute;top:50%;left:50%;transform:translate(-50%,-57%);width:337px;border-radius:14px;padding:27px 30px;background:linear-gradient(145deg,#173745f2,#102432f5);box-shadow:0 20px 80px #08232c50}.welcome h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:38px;line-height:1.15;letter-spacing:-1.5px;margin:16px 0}.welcome>p{font-size:12px;line-height:1.75;color:#b7c8cd;margin:0 0 18px}.welcome-tip{display:flex;gap:14px;margin:11px 0}.welcome-tip>span{font-family:monospace;font-size:9px;color:#92c8b1;padding-top:4px}.welcome-tip p{margin:0;font-size:11px;color:#b3c6cd;line-height:1.6}.welcome-tip b{font-weight:500;color:#edeedc}#start{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:13px 16px;border-radius:5px;background:#c6e1d1;color:#163744;font-size:12px;font-weight:600}#start:hover{background:#e2eee1}.welcome>small{display:block;font-size:8px;color:#96abb6;margin-top:13px;text-align:center}.help-dialog{pointer-events:auto;width:480px;max-width:calc(100vw - 32px);border-radius:12px;padding:30px;color:#f3f3e7;max-height:90dvh;overflow:auto}.help-dialog::backdrop{background:#081a2466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-help{position:absolute;top:12px;right:13px;font-size:24px;width:30px;height:30px}.help-dialog h2{font-size:23px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;letter-spacing:-.5px;margin:16px 0 12px}.help-dialog p{color:#b8c7ce;font-size:12px;line-height:1.7}.help-grid{display:grid;grid-template-columns:1fr auto;gap:13px 20px;margin:22px 0;font-size:11px}.help-grid kbd{color:#c0e1cf;font-size:10px;font-family:monospace}.wind-setting{display:block;font-size:11px;border-top:1px solid #ffffff15;padding-top:18px}.wind-setting output{float:right;color:#c0e1cf;font-family:monospace}.wind-setting input{display:block;width:100%;margin:15px 0;accent-color:#b5d9c4}.help-dialog .training-note{font-size:9px;color:#91a8b4;border-top:1px solid #ffffff15;padding-top:14px;margin-bottom:0}@media(min-width:1600px){.topbar{top:32px;left:44px;right:44px}.mission{left:44px;top:128px}.environment{right:44px;top:128px}.helm-console{bottom:34px;gap:30px;padding-left:32px;padding-right:32px}.view-hint{bottom:263px}}@media(max-width:1150px){.topbar{gap:12px;left:20px;right:20px}.brand{font-size:17px;gap:8px}.brand small{font-size:6px}.view-switch button{padding:8px}.view-switch kbd{margin-left:5px}.top-actions select{max-width:125px;font-size:10px}.mission{left:20px;width:236px;padding:16px}.environment{right:20px}.helm-console{gap:17px;padding:20px;max-width:calc(100% - 32px)}.instruments{gap:15px;padding-right:17px}.speed{width:100px}.small-instrument{min-width:64px}.clearance{display:none}.engine-controls{padding-right:17px}.steering-controls{width:190px}}@media(max-width:760px){.topbar{top:14px;left:14px;right:14px;flex-wrap:wrap;gap:10px}.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:20px}.brand small{font-size:6px}.view-switch{margin-left:auto}.view-switch button{font-size:9px;padding:7px 8px}.view-switch kbd{display:none}.top-actions{margin-left:auto}.top-actions select{max-width:138px}.top-actions button{height:25px;width:25px;font-size:15px}.mission{top:116px;left:14px;width:202px;padding:13px}.mission h2{font-size:14px;margin:10px 0 6px}.mission p{font-size:9px}.mission .eyebrow{font-size:6px}.berth-row{margin-top:12px}.environment{right:14px;top:116px;padding:11px;min-width:112px}.environment .eyebrow{font-size:6px}.environment p{display:none}.environment strong{font-size:18px}.environment small{font-size:8px}.helm-console{bottom:14px;padding:14px;gap:12px;height:186px;width:calc(100% - 28px);max-width:540px}.instruments{flex-direction:column;gap:8px;justify-content:center;align-items:flex-start;padding-right:12px}.speed{width:65px}.speed .eyebrow{font-size:6px;letter-spacing:.8px}.speed>strong{font-size:35px}.speed strong small{font-size:9px;margin-left:3px}.speed>span:last-child{font-size:6px}.small-instrument .eyebrow{font-size:6px}.small-instrument>strong{font-size:20px;margin:5px 0}.compass-rule{display:none}.engine-controls{min-width:125px;padding-right:12px}.engine-title{flex-direction:column;gap:2px;align-items:flex-start}.engine-title .eyebrow{font-size:6px;letter-spacing:.9px}.throttle-pair{gap:12px;margin-top:7px}.throttle{width:44px}.throttle>span{font-size:6px;letter-spacing:0}.throttle output{font-size:6px}.throttle-track{height:91px}.throttle input{height:89px}.throttle-scale{font-size:5px;line-height:20px}.throttle small{font-size:6px}.steering-controls{min-width:0;flex:1}.steering-controls .eyebrow{font-size:6px;letter-spacing:.8px}.rudder-labels,.rudder-labels button{font-size:5px}.bow-note{display:none}.bow-title{margin-top:16px}.bow-buttons button{font-size:6px;padding:10px 1px}.bow-buttons kbd{display:none}#neutral{font-size:7px}#neutral kbd{display:none}.view-hint{bottom:212px;font-size:8px}.welcome{width:300px;padding:24px;transform:translate(-50%,-56%)}.welcome h1{font-size:32px}}@media(max-height:680px){.mission,.environment{top:92px}.welcome{top:44%;padding:19px 25px}.welcome h1{font-size:29px;margin:10px 0}.welcome>p{font-size:10px;margin-bottom:10px}.welcome-tip{margin:7px 0}.welcome-tip p{font-size:9px}#start{margin-top:14px}.helm-console{height:175px;padding-top:13px;padding-bottom:13px}.throttle-track{height:88px}.throttle input{height:86px}.throttle-scale{line-height:19px}.view-hint{bottom:218px}}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}.bow-note.hot{color:#edb28e}#joystick-toggle{display:flex;align-items:center;gap:9px;width:100%;font-size:8px;color:#a8c9ba;border:1px solid #ffffff18;border-radius:4px;padding:5px 8px;margin-top:7px}#joystick-toggle kbd{font-size:7px;opacity:.6}#joystick-toggle>span{margin-left:auto;font-family:monospace;font-size:7px;color:#819ca8}#joystick-toggle.needs-neutral{color:#f0bd91;border-color:#f0bd9160}#joystick-toggle.needs-neutral:before{content:"NEUTRAL FIRST";font-size:6px;letter-spacing:.2px}.engine-controls .throttle-track{height:82px;margin-top:6px}.engine-controls .throttle input{height:80px}.engine-controls .throttle-scale{line-height:18px}.engine-controls .throttle-pair{margin-top:10px}.joystick-controls{display:none;margin-top:7px}.joystick-active .throttle-pair{display:none}.joystick-active .joystick-controls{display:block}.joystick-active #joystick-toggle{background:#acd6bd14;border-color:#acd6bd50}.joystick-active #joystick-toggle>span{color:#bfe6d0}.joystick-row{display:flex;align-items:center;justify-content:center;gap:8px}.joystick-side{font-size:6px;letter-spacing:.8px;color:#8fa9b5}.joystick-pad{width:86px;height:86px;position:relative;border:1px solid #8cbdaa40;border-radius:50%;background:radial-gradient(circle,#739b8720,#0b1e2c60);touch-action:none;pointer-events:auto;cursor:grab}.joystick-pad:active{cursor:grabbing}.joystick-axis{position:absolute;background:#a5bbae20;pointer-events:none}.joystick-axis.vertical{top:14%;bottom:14%;width:1px;left:50%}.joystick-axis.horizontal{left:14%;right:14%;height:1px;top:50%}.joystick-knob{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);height:20px;width:20px;border-radius:50%;background:linear-gradient(#d9e7da,#99b8a9);border:2px solid #c9decf;box-shadow:0 3px 7px #00101baa;pointer-events:none}.joystick-ahead,.joystick-astern{position:absolute;left:0;right:0;text-align:center;font-size:5px;letter-spacing:.8px;color:#97b2bb;pointer-events:none}.joystick-ahead{top:6px}.joystick-astern{bottom:6px}.joystick-twist{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:5px}.joystick-twist>span{font-size:6px;letter-spacing:1px;color:#9db2bd}.joystick-twist button{border:1px solid #ffffff20;border-radius:4px;padding:3px 9px;font-size:12px;touch-action:none}.joystick-twist kbd{font-size:7px;margin-left:5px;color:#a5c3b7}.joystick-twist button.engaged{background:#97d8ba33;border-color:#a5dabe}#app[data-view=walk] .helm-console,#app[data-view=dock] .helm-console{display:none}#app[data-view=walk] .view-hint,#app[data-view=dock] .view-hint{bottom:28px;background:#142a36dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;padding:14px 22px;border-radius:8px;font-size:11px;color:#e4ece1}@media(max-width:760px){#joystick-toggle{font-size:6px;padding:5px;margin-top:5px;gap:4px}.engine-controls .throttle-track{height:69px}.engine-controls .throttle input{height:67px}.engine-controls .throttle-scale{font-size:5px;line-height:15px}.engine-controls .throttle-pair{margin-top:5px}.joystick-row{gap:3px}.joystick-side{font-size:5px;letter-spacing:0}.joystick-pad{width:68px;height:68px}.joystick-knob{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px)}.joystick-twist{gap:5px}.joystick-twist button{padding:3px 6px}.joystick-twist kbd{font-size:6px}#joystick-toggle.needs-neutral:before{display:none}#app[data-view=walk] .view-hint,#app[data-view=dock] .view-hint{font-size:9px;padding:12px}}.interaction-prompt{position:absolute;bottom:251px;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:5px;background:#112b35c9;border:1px solid #d3e5d323;font-size:10px;color:#dfecdf;z-index:9;pointer-events:none;white-space:nowrap}.pause-label{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:23px;letter-spacing:8px;background:#102c38d9;border:1px solid #c9e3d533;padding:22px 32px;border-radius:8px;z-index:30;pointer-events:none}.harbor-chart{position:absolute;left:32px;top:368px;width:220px;height:150px;border:1px solid #bddbd52b;border-radius:8px;pointer-events:none;opacity:.88}#app[data-view=helm] .view-hint{display:none}#app[data-view=walk] .interaction-prompt,#app[data-view=dock] .interaction-prompt{bottom:34px}#app[data-view=walk] .view-hint,#app[data-view=dock] .view-hint{display:none}@media(min-width:1600px){.harbor-chart{left:44px;top:385px}}@media(max-height:740px){.harbor-chart{display:none}}@media(max-width:1000px){.harbor-chart{display:none}}@media(max-width:760px){.interaction-prompt{bottom:215px;font-size:8px;max-width:95%;white-space:normal;text-align:center}}.harbor-chart{top:410px}@media(min-width:1600px){.harbor-chart{top:426px}}.welcome{box-shadow:0 18px 80px #08232c66}.joystick-pad{pointer-events:auto}#app{pointer-events:none}.brand{background:#132a38e6;padding:8px 12px;border:1px solid #ffffff19;border-radius:8px}.brand-mark{flex-shrink:0}.wind-arrow svg{vertical-align:middle}.helm-console{height:320px;width:914px;max-width:calc(100% - 48px);padding:20px 24px;gap:24px;bottom:24px}.instruments{width:106px;flex:0 0 106px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:18px}.speed{width:91px}.speed>strong{font-size:43px;line-height:1.3;letter-spacing:-2px}.speed .eyebrow{font-size:7px;letter-spacing:1px}.small-instrument{min-width:0}.small-instrument>strong{margin:6px 0 5px;font-size:24px}.small-instrument .eyebrow{font-size:7px;letter-spacing:1px}.compass-rule{display:none}.instrument-note{font-size:6px}.clearance{display:block}.engine-controls{min-width:0;width:410px;flex:1;padding-right:22px}.engine-title{justify-content:space-between}.engine-title .eyebrow{font-size:9px;letter-spacing:1.4px}.ignition{font-size:10px;padding:5px 7px}.lever-options{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px}.lever-options>span{font-family:monospace;font-size:7px;color:#91aab5;letter-spacing:.6px}#link-levers{border:1px solid #ffffff20;border-radius:5px;padding:6px 9px;font-size:10px;color:#b0c4cd}#link-levers[aria-pressed=true]{color:#c6e8d7;background:#aad7bc13;border-color:#aad7bc45}.engine-controls .throttle-pair{gap:22px;margin-top:11px;justify-content:space-between}.throttle{width:calc(50% - 11px);min-width:134px;text-align:left}.lever-heading{display:flex;justify-content:space-between;align-items:baseline;gap:5px}.lever-heading label{font-size:8px;letter-spacing:1.1px;color:#e0e7df}.lever-heading output{font-family:monospace;font-size:9px;letter-spacing:0;color:#a2d5b9}.lever-heading output.in-gear{color:#eee8cc}.lever-body{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px}.engine-controls .throttle-track{height:158px;width:72px;flex:0 0 72px;margin:0;padding-left:20px;border-radius:7px;background:#081c2840;border:1px solid #ffffff0b}.engine-controls .throttle input{height:158px;width:52px;flex:0 0 52px;background:linear-gradient(90deg,transparent 23px,#72919b60 23px,#72919b60 29px,transparent 29px);touch-action:none;cursor:ns-resize}.engine-controls .throttle input::-webkit-slider-thumb{width:46px;height:26px;border-radius:5px;background:linear-gradient(#f0f1e6,#c5d4cd 55%,#a0b8b4 56%,#c5d3cf);border:1px solid #f1f5e8;box-shadow:0 3px 7px #0007,inset 0 1px 2px #fff8}.engine-controls .throttle input::-moz-range-thumb{width:44px;height:24px;border-radius:5px;background:#d6e1d8;border:1px solid #f1f5e8;box-shadow:0 3px 7px #0007}.engine-controls .throttle-scale{inset:8px auto 8px 4px;display:flex;flex-direction:column;justify-content:space-between;font-size:5px;line-height:1;letter-spacing:.1px;width:23px}.throttle-scale b{font-size:14px;color:#c4e5d1;font-weight:500}.neutral-line{top:calc(50% - 5px);height:10px;left:24px;right:3px;border-top:1px solid #b5e4c761;border-bottom:1px solid #b5e4c761;background:#a4d5b827;pointer-events:none}.lever-presets{display:flex;flex:1;flex-direction:column;gap:7px;max-width:80px}.lever-presets button{width:100%;height:43px;font-size:10px;border:1px solid #ffffff20;background:#ffffff03;border-radius:5px;line-height:1.4}.lever-presets button small{font-family:monospace;font-size:7px;letter-spacing:.5px;color:#99afbc}.lever-presets .neutral-preset{color:#c5e7d2;border-color:#a8d3ba55;background:#a8d3ba13;font-size:10px}.lever-presets button:hover{background:#ffffff13}.lever-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:6px}.lever-bottom button{height:27px;font-size:9px;padding:3px 6px;border:1px solid #ffffff18;border-radius:4px}.throttle .lever-bottom small{font-family:monospace;color:#a6bcc5;font-size:7px}.lever-keys{font-size:7px;color:#8fa7b4;margin-top:5px;text-align:center}.lever-keys kbd{font-size:8px;color:#c2d9ca;margin-right:4px}#joystick-toggle{margin-top:9px;padding:9px 12px;font-size:11px;border-radius:5px;color:#d8e8d9;border-color:#9fcbb653;background:#9fcbb612}#joystick-toggle kbd{font-size:9px}#joystick-toggle>span{font-size:9px}#joystick-toggle.needs-neutral:before{content:none}#joystick-toggle.needs-neutral>span{font-size:0}#joystick-toggle.needs-neutral>span:after{content:"NEUTRAL FIRST";font-size:8px;color:#eac098}.engine-controls.joystick-active #joystick-toggle{margin-top:12px}.joystick-controls{margin-top:13px}.joystick-active .lever-options{display:none}.joystick-pad{height:170px;width:170px}.joystick-knob{width:34px;height:34px;left:calc(50% - 17px);top:calc(50% - 17px);border-width:3px}.joystick-side,.joystick-ahead,.joystick-astern{font-size:8px}.joystick-ahead{top:13px}.joystick-astern{bottom:13px}.joystick-twist{margin-top:11px;gap:18px}.joystick-twist button{font-size:19px;padding:7px 20px}.joystick-twist kbd{font-size:10px}.joystick-twist>span{font-size:8px}.steering-controls{width:226px;min-width:210px;padding-top:1px}.helm-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.helm-heading>span:last-child{font-family:monospace;font-size:8px;color:#a9bec7}.rudder-title .eyebrow{font-size:9px;letter-spacing:1.3px}.rudder-title output{font-size:15px}.steering-controls input[type=range]{height:6px;margin:22px 0 16px;cursor:ew-resize}.steering-controls input::-webkit-slider-thumb{width:26px;height:26px;border-width:4px}.steering-controls input::-moz-range-thumb{width:20px;height:20px;border-width:3px}.rudder-labels{font-size:8px}.rudder-labels button{font-size:8px;padding:6px}.bow-title{margin-top:24px}.bow-note{font-size:7px}.bow-buttons{margin-top:11px}.bow-buttons button{font-size:10px;padding:12px 7px}.bow-buttons kbd{font-size:8px}#neutral{background:#c3e0ce;color:#163641;border-radius:6px;padding:13px 12px;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:.3px}#neutral:hover{background:#e0eedf}#neutral kbd{display:inline;font-size:9px;color:#466256;margin-left:9px}.console-tip{font-size:8px;line-height:1.7;color:#9bb2bd;margin:10px 0 0}.console-tip kbd{color:#b8d0c0;font-size:8px}.view-hint{bottom:357px}.mission-heading{display:flex;align-items:baseline;gap:8px}.mission-heading h2{flex:1}.difficulty-badge{font-family:monospace;font-size:7px;color:#bde0cd;padding:4px 6px;border:1px solid #a5d2ba33;border-radius:3px;text-transform:uppercase}.challenge-stats{display:flex;justify-content:space-between;padding:12px 0;margin-top:2px;border-top:1px solid #ffffff10}.challenge-stats div{display:flex;flex-direction:column;gap:5px}.challenge-stats small{font-size:6px;color:#93adb8;letter-spacing:1.1px}.challenge-stats strong{font-family:monospace;font-size:15px;color:#d8e7d7;font-weight:400}#retry{margin-top:12px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:#bcdcc9;color:#163641;border-radius:5px;font-size:11px}#retry kbd{font-size:9px}.berth-label{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions select{max-width:189px}@media(min-width:1600px){.helm-console{width:980px;height:332px;bottom:30px;padding:23px 28px}.engine-controls{width:440px}.view-hint{bottom:376px}}@media(max-width:1000px){.helm-console{width:804px;gap:17px;padding:18px}.instruments{width:84px;flex-basis:84px;padding-right:13px}.speed{width:70px}.speed>strong{font-size:36px}.engine-controls{padding-right:17px}.engine-controls .throttle-pair{gap:13px}.throttle{width:calc(50% - 7px);min-width:130px}.steering-controls{width:190px;min-width:170px}.lever-heading label{font-size:7px}.lever-heading output{font-size:8px}.top-actions select{max-width:149px}}@media(max-width:760px){.helm-console{height:321px;width:calc(100% - 24px);max-width:590px;bottom:12px;padding:12px;gap:12px}.instruments{display:none}.engine-controls{padding-right:12px;width:auto;flex:1}.engine-title .eyebrow{font-size:7px}.ignition{font-size:8px;padding:4px}.lever-options>span{font-size:6px}#link-levers{font-size:8px;padding:5px 6px}.engine-controls .throttle-pair{gap:12px}.throttle{min-width:65px;flex:1;width:auto}.lever-heading{flex-direction:column;gap:5px;align-items:center}.lever-heading label{font-size:7px}.lever-heading output{font-size:8px}.lever-body{gap:3px;justify-content:center;margin-top:7px}.engine-controls .throttle-track{height:156px;width:58px;flex-basis:58px;padding-left:7px}.engine-controls .throttle input{height:156px;width:48px;flex-basis:48px;background:linear-gradient(90deg,transparent 21px,#72919b60 21px,#72919b60 27px,transparent 27px)}.engine-controls .throttle-scale{display:none}.neutral-line{left:4px}.lever-presets{display:none}.lever-bottom{justify-content:center;gap:6px}.throttle .lever-bottom small{display:none}.lever-bottom button{font-size:8px;padding:3px 5px;min-width:30px}.lever-keys{display:none}#joystick-toggle{padding:9px 7px;font-size:9px;margin-top:8px}#joystick-toggle kbd{font-size:7px}#joystick-toggle>span{font-size:8px}.steering-controls{width:149px;min-width:132px;flex:0 0 132px}.helm-heading{margin-bottom:19px}.helm-heading .eyebrow{font-size:8px}.helm-heading>span:last-child{font-size:6px}.rudder-title .eyebrow{font-size:7px}.rudder-title output{font-size:12px}.rudder-labels{font-size:6px}.rudder-labels button{font-size:6px;padding:5px 1px}.bow-title{margin-top:23px}.bow-title .eyebrow{font-size:7px}.bow-note{display:none}.bow-buttons button{font-size:8px;padding:12px 2px}.bow-buttons kbd{display:none}#neutral{font-size:9px;padding:13px 3px;margin-top:20px}#neutral kbd{font-size:7px;margin-left:5px}.console-tip,.console-tip kbd{font-size:7px}.joystick-pad{width:130px;height:130px}.joystick-side{font-size:6px}.joystick-knob{width:28px;height:28px;top:calc(50% - 14px);left:calc(50% - 14px)}.joystick-twist{gap:9px}.joystick-twist button{padding:7px 13px;font-size:17px}.joystick-twist kbd{font-size:8px}.view-hint{bottom:345px}.difficulty-badge{font-size:6px}.challenge-stats strong{font-size:12px}.top-actions select{max-width:183px}}@media(max-height:680px)and (min-width:761px){.helm-console{bottom:12px;height:307px;padding-top:14px;padding-bottom:14px}.view-hint{bottom:332px}.mission{width:240px;padding:14px}.mission h2{font-size:15px}.welcome{top:38%}}.helm-console{height:260px;padding:12px 24px}.engine-title{gap:8px;min-height:29px}.engine-title>.eyebrow,.lever-options,.helm-heading{display:none}.engine-title #link-levers{white-space:nowrap;font-size:10px;padding:7px 9px}.engine-title #joystick-toggle{margin:0;width:auto;flex:1;font-size:10px;padding:7px 9px;gap:7px;white-space:nowrap}.engine-title #joystick-toggle>span{font-size:8px}.engine-title .ignition{white-space:nowrap;font-size:10px;padding:7px 5px}.engine-controls .throttle-pair{margin-top:8px}.lever-heading label,.lever-heading output{font-size:10px}.lever-heading label{letter-spacing:.3px}.lever-body{margin-top:5px}.lever-bottom button{font-size:10px;height:26px}.lever-keys{font-size:9px;margin-top:4px}.lever-keys kbd{font-size:10px}.throttle .lever-bottom small{font-size:8px}.steering-controls{padding-top:7px}.rudder-title .eyebrow{font-size:10px}.steering-controls input[type=range]{margin:14px 0}.rudder-labels{font-size:9px}.rudder-labels button{font-size:10px;padding:3px 2px}.bow-title{margin-top:14px}.bow-title .eyebrow{font-size:10px;letter-spacing:1px}.bow-buttons{margin-top:10px}.bow-buttons button{padding:10px 7px;font-size:10px}#neutral{margin-top:14px;padding:11px 12px}.console-tip{margin-top:8px;font-size:9px;line-height:1.5}.console-tip kbd{font-size:10px}.joystick-active .joystick-controls{margin-top:7px}.joystick-pad{width:144px;height:144px}.joystick-twist{margin-top:7px}.joystick-twist button{padding:5px 20px}.view-hint{bottom:299px}.instruments{gap:9px}.speed>strong{font-size:37px}.small-instrument>strong{font-size:22px;margin:5px 0}@media(min-width:1600px){.helm-console{height:260px;padding:12px 28px}.view-hint{bottom:306px}}@media(max-width:1000px){.helm-console{height:260px;padding:12px 18px}.engine-title{gap:4px}.engine-title #link-levers,.engine-title #joystick-toggle{font-size:9px;padding:7px 5px}.engine-title .ignition{font-size:8px}.lever-heading label,.lever-heading output{font-size:9px}.lever-keys{font-size:8px}}@media(max-width:760px){.helm-console{height:293px;padding:12px}.engine-title{flex-wrap:wrap;justify-content:space-between;gap:5px}.engine-title #link-levers{font-size:8px}.engine-title #joystick-toggle{font-size:8px;flex:initial;padding:6px}.engine-title #joystick-toggle kbd,.engine-title #joystick-toggle>span{font-size:6px}.engine-title .ignition{width:100%;padding:2px;text-align:left;font-size:8px}.lever-heading{font-size:8px}.lever-heading label,.lever-heading output{font-size:8px}.lever-keys{display:none}.steering-controls{padding-top:8px}.rudder-title .eyebrow{font-size:8px}.rudder-labels{font-size:6px}.rudder-labels button{font-size:7px}.bow-title .eyebrow{font-size:8px}.bow-buttons button{font-size:8px;padding:11px 1px}#neutral{font-size:9px;padding:12px 3px}.console-tip,.console-tip kbd{font-size:7px}.view-hint{bottom:319px}.joystick-pad{width:130px;height:130px}}@media(max-height:680px)and (min-width:761px){.helm-console{height:260px;padding-top:12px;padding-bottom:12px}.view-hint{bottom:286px}}.engine-title{height:28px;min-height:28px}.engine-title #link-levers,.engine-title #joystick-toggle,.engine-title .ignition{height:28px;line-height:12px;padding-top:4px;padding-bottom:4px}.engine-controls.joystick-active .engine-title #joystick-toggle{margin:0}.engine-controls .throttle-pair{margin-top:5px}.lever-heading{min-height:12px;line-height:12px}.lever-heading label kbd{font-family:monospace;font-size:9px;margin-left:4px;color:#9ebcad;letter-spacing:0}.lever-body,.lever-bottom{margin-top:4px}.lever-bottom button{height:22px;padding:2px 6px;line-height:12px}.lever-keys{display:none}@media(max-width:760px){.engine-title{height:auto;min-height:28px}.engine-title .ignition{height:14px}.lever-heading label kbd{display:none}.lever-heading{line-height:11px;min-height:27px}.lever-heading label,.lever-heading output{font-size:8px}.engine-controls .throttle-pair{margin-top:8px}.lever-bottom button{height:26px}}.lever-heading label kbd{font-size:10px}.mooring-panel{position:absolute;top:225px;right:32px;width:264px;border-radius:10px;padding:16px;pointer-events:auto}.line-heading{display:flex;justify-content:space-between;gap:6px;color:#d5e4dd;font-size:10px;letter-spacing:1px}.line-heading small{color:#9db1b7;font-size:8px;letter-spacing:.3px}.line-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}.line-button{min-width:0;text-align:left;padding:10px 8px;border:1px solid #ffffff26;border-radius:6px;background:#ffffff08;color:#d6e2df}.line-button>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:4px;text-transform:capitalize;font-size:11px}.line-detail{display:block;font-size:9px;line-height:1.4;min-height:25px;margin-top:6px;color:#b1c3c7}.line-button:disabled{opacity:.6;cursor:default}.line-button.ready{border-color:#e8c77b;color:#f4d99b;background:#e8c77b13}.line-button.attached:disabled{opacity:1;border-color:#9dd3b97a;color:#bfe4d1}.line-load{display:block;height:3px;margin-top:7px;background:#ffffff13}.line-load>span{display:block;height:100%;background:#a7d7be;transition:width .12s}.line-load>span.high-load{background:#efaa79}#haul-lines{width:100%;padding:9px;border:1px solid #bed9ca55;border-radius:5px;color:#d8e9df;font-size:11px;background:#bed9ca10;touch-action:none}#haul-lines.engaged{background:#bbd9c5;color:#19313b}#haul-lines:disabled{opacity:.4}.mooring-panel .secure-button{margin-top:8px;padding:8px;background:transparent;border:1px solid #b5c7ca44;color:#c4d7db}.line-help{font-size:10px;line-height:1.55;color:#9cb5bc;margin:10px 0 0}.mission .marina-name{margin:3px 0 8px;color:#ddc98f;font-size:10px}@media(max-height:760px)and (min-width:761px){.mooring-panel{top:220px;right:24px;padding:12px;width:244px}.line-help{display:none}}@media(max-width:760px){.mooring-panel{top:245px;right:12px;width:218px;padding:10px}.line-help,.line-heading small{display:none}}.mission{max-height:calc(100vh - 410px);overflow-y:auto;scrollbar-width:thin}.mooring-panel{max-height:calc(100vh - 525px);overflow-y:auto;scrollbar-width:thin}@media(max-height:760px)and (min-width:761px){.mooring-panel{max-height:calc(100vh - 520px)}}