:root{color:#e7f1ef;font-synthesis:none;background:#133543;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box;touch-action:manipulation}button,input[type=range]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}header{text-shadow:0 2px 12px #12394780;position:absolute;top:18px;left:96px}h1{letter-spacing:-.7px;margin:6px 0;font-size:24px}h2{margin:10px 0;font-size:19px;line-height:1.25}p{color:#bed1d3;margin:8px 0;font-size:12px;line-height:1.6}.eyebrow{letter-spacing:1.8px;color:#9ee1d4;font-size:10px;font-weight:750}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#102d3aee;border:1px solid #769aa64d;border-radius:12px;padding:18px;box-shadow:0 8px 30px #07252b22}.objective{width:330px;position:absolute;top:42px;left:96px;padding:12px 16px!important}.objective-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.objective h2{margin:6px 0;font-size:16px}.objective #mission-hint[hidden],.hint-toggle[hidden]{display:none}.hint-toggle{margin-bottom:4px;padding:3px 8px;font-size:10px}.check{color:#acbec4;gap:8px;margin:5px 0;font-size:11px;line-height:1.6;display:flex}.check.ok{color:#a0f2cb}.progress{background:#45606b;border-radius:4px;height:4px;margin:15px 0 9px;overflow:hidden}.progress div{background:#9df6c9;height:100%;transition:width .1s}#result{color:#dcf4e6;font-size:12px;line-height:1.5}.stats{letter-spacing:.6px;color:#b7cfd0;white-space:nowrap;gap:10px;font-size:9px;display:flex}.debrief-launch{width:100%;margin-top:8px}.stage-panel strong{margin-top:4px;font-size:13px;display:block}.stage-panel label{margin:8px 0;display:block}.stage-panel select{color:#e5f1ee;background:#254754;border:1px solid #718f9966;border-radius:5px;width:100%;margin-top:4px;padding:7px;display:block}.stage-panel input[type=file]{width:100%;margin-top:4px;font-size:11px;display:block}.stage-help{font-size:10px}#stage-notice{white-space:pre-wrap;color:#ffcf99;max-height:160px;overflow:auto}#stage-notice:empty{display:none}.checkpoints{color:#acbec4;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.checkpoints[hidden]{display:none}.checkpoints button{padding:5px 9px;font-size:11px}.debrief-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.debrief-actions .checkpoints{margin-top:0}.service{pointer-events:auto;margin-top:12px}.service-row{color:#acbec4;align-items:center;gap:8px;margin:6px 0;font-size:11px;display:flex}.service-row.ok{color:#a0f2cb}.service-label{flex:1}.service-label small{color:#8fb1bb}.service-buttons{gap:4px;display:flex}.service-buttons button{padding:4px 7px;font-size:10px}#service-feedback{margin:8px 0 0;font-size:11px}.radio{border-left:3px solid #f1bd62;min-width:240px;max-width:460px;padding:11px 15px;position:absolute;top:16px;left:442px;right:362px}.radio p{color:#e7f1ef;margin:4px 0 0;font-size:13px}.radio-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-buttons{gap:5px;display:flex}.panel-hide{white-space:nowrap;padding:2px 8px;font-size:10px}.objective-head .panel-hide{align-self:center}@keyframes rail-pulse{0%,to{box-shadow:0 0 #f1bd6200}30%{box-shadow:0 0 0 4px #f1bd62cc}}.rail-button.pulse{animation:.8s ease-in-out 3 rail-pulse}.radio-head button{padding:2px 8px;font-size:10px}.radio.folded{padding-top:7px;padding-bottom:7px}.radio.folded p{white-space:nowrap;text-overflow:ellipsis;color:#b9cfd4;overflow:hidden}.radio.fresh{background:#173d4cf2;box-shadow:0 0 0 1px #f1bd6266}button{color:#e5f1ee;font:inherit;cursor:pointer;background:#254754;border:1px solid #718f9966;border-radius:6px;padding:9px 10px;font-size:12px;transition:background .15s}button:hover{background:#3b6472}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #a2f7d0}details{padding:14px!important}summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;list-style:none}summary span{float:right;color:#9ee1d4}label{color:#c9dadd;margin:15px 0;font-size:11px;display:block}output{float:right;color:#a2f7d0}input[type=range]{accent-color:#9ceacb;cursor:pointer;width:100%;margin:12px 0 6px;display:block}footer{width:440px;position:absolute;bottom:16px;right:16px}.levers{border-radius:12px;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);grid-template-areas:"port both starboard""rudder rudder rudder";gap:10px 12px;padding:12px 14px;display:grid}.lever{grid-template-columns:minmax(0,1fr) 26px;grid-template-areas:"head head""buttons throttle""thrust thrust";column-gap:8px;display:grid}.lever[data-engine=port]{grid-area:port}.lever[data-engine=starboard]{grid-area:starboard;grid-template-columns:26px minmax(0,1fr);grid-template-areas:"head head""throttle buttons""thrust thrust"}.lever-head{grid-area:head;min-height:38px}.lever-head .eyebrow{justify-content:space-between;display:flex}.lever-head .eyebrow span{color:#91acb6;letter-spacing:0}.lever strong{letter-spacing:.5px;white-space:nowrap;margin-top:5px;font-size:14px;font-weight:500;display:block}.lever small{color:#92b2bd;grid-area:thrust;margin-top:6px;font-size:10px}.levers{--throttle:96px}.lever-buttons{height:var(--throttle);flex-direction:column;grid-area:buttons;gap:5px;display:flex}.lever-buttons button{white-space:nowrap;flex:1;padding:0 3px;font-size:10px}.levers input[type=range]{appearance:none;background:0 0}.levers input[type=range]::-webkit-slider-runnable-track{background:#45606b;border-radius:3px;block-size:6px}.levers input[type=range]::-moz-range-track{background:#45606b;border-radius:3px;block-size:6px}.levers input[type=range]::-webkit-slider-thumb{appearance:none;background:#9ceacb;border:2px solid #102d3a;border-radius:50%;block-size:18px;inline-size:18px;margin-block-start:-6px;box-shadow:0 1px 4px #051a2888}.levers input[type=range]::-moz-range-thumb{background:#9ceacb;border:2px solid #102d3a;border-radius:50%;block-size:18px;inline-size:18px;box-shadow:0 1px 4px #051a2888}input[type=range].throttle{writing-mode:vertical-lr;width:26px;height:auto;height:var(--throttle);direction:rtl;grid-area:throttle;justify-self:center;margin:0}.wheel{display:contents}.both{border-left:1px solid #5a7e8844;border-right:1px solid #5a7e8844;flex-direction:column;grid-area:both;padding:0 8px;display:flex}.rudder{border-top:1px solid #5a7e8844;grid-area:rudder;align-items:center;gap:10px;padding-top:8px;display:flex}.rudder .eyebrow{white-space:nowrap}.rudder .eyebrow span{color:#91acb6;letter-spacing:0;margin-left:6px}.rudder input[type=range]{flex:1;margin:0}.rudder button{white-space:nowrap;padding:6px 8px;font-size:10px}#paused{z-index:5;pointer-events:auto;background:#071c2b88;place-items:center;display:grid;position:absolute;inset:0}#paused[hidden]{display:none}#paused .panel{text-align:center;max-width:400px;padding:32px}#paused button{width:100%;margin-top:12px}.error{background:#173e4c;border-radius:12px;max-width:600px;margin:10vh auto;padding:32px}.error h1{font-size:28px}@media (width<=1100px){h1{font-size:19px}.objective{width:310px;left:88px}header{left:88px}.radio{left:414px;right:314px}footer{width:420px}}@media (height<=760px){.objective h2{font-size:15px}.objective p{font-size:11px}.check{margin:2px 0}footer{bottom:8px}.levers{padding:10px 12px}details[open]{max-height:calc(100vh - 310px);overflow:auto}}@media (width<=760px){.radio{width:auto;top:96px;left:10px;right:10px;transform:none}.objective{width:220px;top:148px;left:72px}footer{width:calc(100% - 20px);right:10px}.eyebrow{font-size:9px}}.stage-panel summary b{font-weight:inherit}.rail{pointer-events:auto;z-index:3;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:64px;padding:8px 5px;display:flex;position:absolute;top:16px;bottom:16px;left:16px}.rail-button{color:#cfe3e0;letter-spacing:.3px;background:0 0;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:54px;min-height:52px;padding:5px 2px;font-size:9px;display:flex}.rail-button[aria-expanded=true]{color:#102d3a;background:#9df6c9}.rail-button[hidden]{display:none}.rail-gap{flex:1}.drawer{pointer-events:auto;z-index:3;border-radius:12px;width:340px;max-height:calc(100vh - 32px);padding:16px 18px;position:absolute;top:16px;left:92px;overflow-y:auto}.drawer[hidden],.drawer>section[hidden]{display:none}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.drawer-head button{padding:5px 9px;font-size:11px}.drawer .crew-controls{border-top:0;margin-top:0;padding-top:0}.drawer .mooring-controls{border-top:1px solid #72929b40;margin-top:12px;padding-top:10px}@media (width<=760px){.rail{width:56px;top:90px;bottom:8px;left:8px}.rail-button{width:46px;min-height:46px}.drawer{width:calc(100% - 80px);max-height:calc(100vh - 100px);top:90px;left:70px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drawer-open .radio{left:444px}@media (width<=760px){.drawer-open .radio{left:10px}}.objective[hidden]{display:none}.rail-button[aria-pressed=false]{opacity:.6}.rail-button.news:after{content:"";background:#f1bd62;border-radius:4px;width:8px;height:8px;position:absolute;top:6px;right:9px}.rail-button{position:relative}.rail-button[aria-controls=keys][aria-expanded=true]{color:#102d3a;background:#9df6c9}.keys-card{pointer-events:auto;z-index:4;overscroll-behavior:contain;border-radius:12px;width:min(400px,100vw - 90px);max-height:calc(100dvh - 24px);padding:16px 18px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #051a2899}.keys-card[hidden]{display:none}.keys-list{grid-template-columns:max-content 1fr;align-items:center;gap:7px 14px;margin:0;font-size:12px;display:grid}.keys-list dt{white-space:nowrap}.keys-list dd{color:#d6e6e6;margin:0}kbd{color:#e7f1ef;text-align:center;background:#173d4c;border:1px solid #769aa688;border-bottom-width:2px;border-radius:5px;min-width:20px;padding:1px 6px;font-family:inherit;font-size:11px;display:inline-block}#keys-ok{width:100%}.p70-strip{display:none}@media (width<=760px) and (height>=501px){header{display:none}#ui:not(.focus-mode){grid-template:"rail radio""rail objective""rail drawer"minmax(0,1fr)"rail instruments""rail helm"/52px minmax(0,1fr);gap:6px;padding:6px;display:grid}#ui:not(.focus-mode)>.rail,#ui:not(.focus-mode)>.radio,#ui:not(.focus-mode)>.objective,#ui:not(.focus-mode)>.drawer,#ui:not(.focus-mode)>.instruments,#ui:not(.focus-mode)>footer{width:auto;min-width:0;position:static;transform:none}#ui>.rail{grid-area:rail;gap:2px;width:52px;padding:6px 3px;overflow:hidden auto}.rail-button{width:46px;min-height:42px}#ui>.radio{grid-area:radio;padding:7px 11px}#ui>.objective{grid-area:objective;max-height:45vh;overflow-y:auto;padding:9px 12px!important}.drawer-open>.objective{max-height:30vh}.objective h2{margin:4px 0;font-size:14px}#ui>.drawer{grid-area:drawer;min-height:0;max-height:none;padding:12px 14px}#ui>.instruments{grid-area:instruments;justify-self:end;max-width:100%}#ui .instruments .p70,#ui .p70-hint{display:none}#ui .instruments.open .p70{width:220px;display:block}.p70-strip{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;background:#102d3aee;border-radius:9px;max-width:100%;padding:6px 10px;font-size:11px;display:block;overflow:hidden}.instruments.open .p70-strip{background:#254754}#ui>footer{grid-area:helm;justify-self:center}.levers{--throttle:66px;grid-template-columns:auto 58px auto;gap:4px 10px;padding:6px 8px}.lever{grid-template-columns:58px 22px;column-gap:4px}.lever[data-engine=starboard]{grid-template-columns:22px 58px}input[type=range].throttle{width:22px}.lever-head{min-height:24px}.lever-head .eyebrow{letter-spacing:1px;font-size:8px}.lever strong{margin:1px 0 0;font-size:11px}.lever-head .eyebrow span,.rudder .eyebrow,.lever small{display:none}.both{padding:0 5px}.lever-buttons{gap:3px}.lever-buttons button{padding:0 1px;font-size:9px}.rudder button{padding:6px 4px;font-size:9px}.rudder{gap:6px;padding-top:4px}}.toast{z-index:5;border-left:3px solid #f1bd62;border-radius:10px;padding:10px 18px;font-size:13px;position:absolute;top:38%;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.numpad-title{margin-top:12px}.numpad{gap:4px;margin-top:6px;font-size:11px;display:grid}.numpad>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.numpad span{color:#d6e6e6;background:#173d4c88;border-radius:6px;padding:4px 6px}.focus-mode .rail,.focus-mode .drawer,.focus-mode .objective,.focus-mode .instruments,.focus-mode footer,.focus-mode header{display:none!important}#focus-hud[hidden]{display:none}.focus-strip{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;background:#102d3acc;border-radius:9px;max-width:calc(50vw - 24px);padding:7px 12px;font-size:12px;position:absolute;overflow:hidden}#focus-objective{top:16px;left:16px}#focus-instruments{top:16px;right:16px}#focus-helm{bottom:16px;right:16px}.focus-exit{pointer-events:auto;background:#102d3acc;padding:6px 10px;font-size:11px;position:absolute;bottom:16px;left:16px}.focus-mode .radio,.focus-mode.drawer-open .radio{width:min(520px,100vw - 32px);top:58px;left:16px;right:auto}@media (width<=760px){.focus-strip{max-width:calc(100vw - 32px)}.focus-mode footer{width:auto;bottom:8px;left:8px;right:8px;display:block!important}#focus-helm{display:none}#focus-objective{max-width:calc(100vw - 110px);top:8px;left:8px}.focus-exit{inset:8px 8px auto auto}#focus-instruments{top:46px;left:8px;right:auto}.focus-mode .radio,.focus-mode.drawer-open .radio{width:calc(100vw - 16px);top:84px;bottom:auto;left:8px}}@media (height<=500px){header,#ui .p70-hint{display:none}#ui{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:40px min(250px,30vw) minmax(150px,1fr) min(250px,30vw);gap:6px;padding:6px;display:grid}#ui>footer,#ui .levers{display:contents!important}#ui>.rail,#ui>.objective,#ui>.drawer,#ui>.instruments,#ui:not(.focus-mode)>.radio,#ui .lever,#ui .wheel{width:auto;min-width:0;max-width:none;position:static;transform:none}#ui>.rail{grid-area:1/1/-1;gap:1px;width:40px;padding:4px 2px;overflow:hidden auto}.rail-button{width:34px;min-height:26px;padding:2px 0}.rail-button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail-button.news:after{top:2px;right:2px}#ui>.objective{grid-area:1/2/3;align-self:start;max-height:100%;overflow:hidden auto;padding:8px 11px!important}.objective-head{flex-wrap:wrap}.objective h2{margin:4px 0;font-size:13px}#ui:not(.focus-mode)>.radio{grid-area:1/3/3;align-self:start;padding:6px 10px}.radio p{font-size:12px}#ui>.instruments{grid-area:1/4;justify-self:end;max-width:100%}#ui .instruments .p70{display:none}#ui .instruments.open .p70{width:200px;display:block}.p70-strip{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;background:#102d3aee;border-radius:9px;max-width:100%;padding:6px 10px;font-size:11px;display:block;overflow:hidden}.instruments.open .p70-strip{background:#254754}#ui>.drawer{grid-area:2/4;min-height:0;max-height:none;padding:10px 12px}#ui .lever,#ui .wheel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#102d3aee;border:1px solid #769aa64d;border-radius:12px;grid-row:3;align-self:end;padding:7px 10px;box-shadow:0 8px 30px #07252b22}#ui .lever[data-engine=port]{grid-column:2;grid-template-columns:64px 24px;justify-self:start}#ui .lever[data-engine=starboard]{grid-column:4;grid-template-columns:24px 64px;justify-self:end}#ui .wheel{grid-column:3;justify-self:center;width:min(220px,100%);padding:5px 8px;display:block}.rudder{border:0;gap:6px;padding:0}.both,.rudder .eyebrow,.lever-head .eyebrow span,.lever small{display:none}.lever-head{min-height:30px}.lever-head .eyebrow{font-size:8px}.lever strong{margin:1px 0 0;font-size:12px}.lever-buttons{gap:4px}#ui .levers{--throttle:84px}.lever-buttons button{padding:0 2px;font-size:10px}.rudder button{padding:6px 4px;font-size:10px}.focus-mode .lever{display:grid}#focus-helm{display:none}#focus-objective{max-width:calc(50vw - 16px);top:6px;left:8px}#focus-instruments{max-width:calc(50vw - 120px);top:6px;left:auto;right:110px}.focus-exit{inset:6px 8px auto auto}.focus-mode .radio,.focus-mode.drawer-open .radio{width:min(460px,100vw - 16px);inset:44px auto auto 8px}.keys-card{max-height:calc(100vh - 12px);overflow-y:auto}#ui>.rail{scrollbar-width:none}}@media (height<=340px){#ui>.rail{gap:0;padding:3px 2px}.rail-button{min-height:21px;padding:0}.rail-button svg{width:18px;height:18px}}#objective-page[hidden]{display:none}.mooring-controls{padding-top:12px}.mooring-controls .eyebrow{letter-spacing:.9px;font-size:9px}.mooring-row{border-bottom:1px solid #72929b40;justify-content:space-between;align-items:center;gap:6px;padding:10px 0;display:flex}.mooring-row strong{font-size:12px;font-weight:500}.mooring-row small{color:#afcfce;margin-top:4px;font-size:10px;display:block}.mooring-row button{min-width:76px;padding:8px 6px;font-size:10px}.mooring-row button[aria-pressed=true]{border-color:#91d6b6}.mooring-row .line-warning{color:#ffb198}#line-feedback{color:#e1ecc2;font-size:11px}.line-help{font-size:10px}.objective{scrollbar-color:#537b84 #102d3a}#debrief{pointer-events:auto;color:#e7f1ef;background:#102d3a;border:1px solid #708e9c;border-radius:14px;width:min(1000px,94vw);max-height:90vh;padding:24px;box-shadow:0 20px 70px #0008}#debrief::backdrop{background:#051a28ba}.debrief-body{grid-template-columns:minmax(0,1fr) minmax(220px,34%);align-items:start;gap:24px;display:grid}.debrief-score{align-items:baseline;gap:12px;margin:4px 0 12px;display:flex}.debrief-score strong{color:#9df6c9;font-size:46px;line-height:1}.debrief-score span{color:#dcf4e6;font-size:15px}.debrief-conditions{color:#dcf4e6;margin:-4px 0 10px;font-size:12px}.debrief-category{margin:10px 0;font-size:12px}.debrief-category>div:first-child{justify-content:space-between;display:flex}.debrief-category .bar{background:#45606b;border-radius:4px;height:5px;margin:5px 0 3px;overflow:hidden}.debrief-category .bar div{background:#9df6c9;height:100%}.debrief-category small{color:#9fb8c0;font-size:11px}.debrief-tip{color:#e7f1ef;background:#173d4c;border-left:3px solid #f1bd62;border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px}#debrief-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:14px 0;display:grid}#debrief-figures dt{color:#9fb8c0;font-size:10px}#debrief-figures dd{margin:2px 0 0;font-size:13px}#debrief-penalties p{margin:4px 0;font-size:11px}.debrief-note{color:#8fa9b1;font-size:10px}.debrief-actions{margin-top:10px}.debrief-track{margin:0}#debrief-svg{border-radius:8px;width:100%;max-height:64vh;display:block}#debrief-svg .water{fill:#0b3f4c}#debrief-svg .dock,#debrief-svg .breakwater{fill:#b9b5a4}#debrief-svg .moored{fill:#e7f1ef;stroke:#8fa9b1;stroke-width:.2px}#debrief-svg .boundary{fill:#f1bd6255}#debrief-svg .berth{fill:#6fffc41f;stroke:#94ffce;stroke-width:.3px}#debrief-svg .holding{fill:#8fc4ff1f;stroke:#a8d2ff;stroke-width:.3px}#debrief-svg .light-red{fill:#e0463c}#debrief-svg .light-green{fill:#3fbf6a}#debrief-svg polyline{fill:none;stroke-linejoin:round;stroke-linecap:round}#debrief-svg .boat{stroke:#9df6c9;stroke-width:.9px}#debrief-svg .mono{stroke:#8fb4d9;stroke-width:.7px;stroke-dasharray:2 1.5}#debrief-svg .start{fill:#e7f1ef}#debrief-svg .contact{fill:#ff8a70}.debrief-track figcaption{color:#9fb8c0;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.debrief-track figcaption span{width:14px;height:3px;margin-left:6px;display:inline-block}.key-boat{background:#9df6c9}.key-mono{background:#8fb4d9}.key-contact{background:#ff8a70;border-radius:50%;width:8px!important;height:8px!important}@media (width<=760px){.debrief-body{grid-template-columns:1fr}#debrief-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}.instruments{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:4px;width:320px;display:flex;position:absolute;top:16px;right:26px}.helm-instruments{width:400px}.p70{--lcd:#0b1217;--ink:#e8f0f2;--faint:#8fa4ad;--ring:#c9d6dc;--dial:#101a21;--box:#5d7480;--bezel:#15191c;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:0;display:block;box-shadow:0 8px 30px #07252b55}.p70.day{--lcd:#d3e1ea;--ink:#0d1b2a;--faint:#5a6b7a;--ring:#1f2d47;--dial:#e4edf2;--box:#0d1b2a}.p70:focus-visible{outline-offset:2px;outline:2px solid #9df6c9}.p70-screen{font-variant-numeric:tabular-nums;width:100%;height:auto;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif;font-stretch:75%;display:block}.p70-bezel{fill:var(--bezel)}.p70-lcd{fill:var(--lcd)}.p70-bar{fill:var(--dial);stroke:var(--box);stroke-width:1.2px}.p70-box{fill:none;stroke:var(--box);stroke-width:1.2px}.p70-box-line,.p70-ring-line,.p70-lubber{stroke:var(--ring);fill:none}.p70-box-line{stroke:var(--box)}.p70-lubber,.p70-needle{stroke:var(--ink);stroke-linecap:round}.p70-rudder{fill:#2fae4f}.p70-bar-label,.p70-card-letter,.p70-scale,.p70-big,.p70-true-label{text-anchor:middle}.p70-bar-label,.p70-ink,.p70-mode,.p70-value,.p70-card-letter,.p70-scale,.p70-big{fill:var(--ink)}.p70-mode,.p70-card-letter,.p70-big{font-weight:700}.p70-value{text-anchor:end}.p70-faint{fill:var(--faint)}.p70-dial{fill:var(--dial);stroke:var(--ring)}.p70-boat{fill:var(--ring)}.p70-true{fill:#e39a3b;stroke:var(--ink);stroke-width:1px}.p70-true-label{fill:#1b1b1b;font-weight:700}.p70-target{fill:#e87aa0;stroke:var(--ink);stroke-width:1px}.p70-port{stroke:#d2413a;fill:none}.p70-starboard{stroke:#2fae4f;fill:none}.p70-dot{fill:var(--faint);opacity:.45}.p70-dot.on{fill:var(--ink);opacity:1}.p70-hint{color:#9fb8c0;text-shadow:0 1px 2px #051a28;font-size:10px}.palette-row{align-items:center;gap:6px;margin:8px 0;font-size:12px;display:flex}.palette-row span{flex:1}.palette-row button{padding:5px 10px;font-size:11px}.palette-row button[aria-pressed=true]{color:#102d3a;background:#a8ddcd}@media (width<=1200px),(height<=800px){.instruments{width:280px;top:16px;right:18px}.helm-instruments{width:340px}}@media (width<=900px){.instruments,.helm-instruments{width:240px;top:16px;right:10px}}.crew-controls{border-top:1px solid #72929b40;margin-top:12px;padding-top:10px}.crew-buttons{gap:5px;margin-top:8px;display:flex}.crew-controls button{flex:1;padding:7px 3px;font-size:10px}.roving-eyebrow{margin-top:10px}.roving-buttons{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.roving-buttons #roving-stow{grid-column:1/-1}.crew-controls .roving-buttons button[aria-pressed=true]{color:#102d3a;background:#f5ae63}.roving-buttons button.moving{outline:1px dashed #f5ae63}#roving-status,#crew-status{color:#c7dfdd;margin:7px 0 0;font-size:10px;line-height:1.5}.crew-controls button[aria-disabled=true]{opacity:.6}.crew-controls button[aria-pressed=true]{color:#9df6c9;border-color:#9df6c9}button:disabled{cursor:default;opacity:.6}.log-launch{text-align:left;width:100%;margin-top:10px;font-size:11px}.log-launch span{float:right;color:#9df6c9}.log-launch small{white-space:nowrap;text-overflow:ellipsis;color:#afc7d2;margin-top:5px;font-size:9px;display:block;overflow:hidden}.objective{scrollbar-width:thin;max-height:calc(100vh - 335px);overflow-y:auto}#voyage-log{pointer-events:auto;color:#e7f1ef;background:#102d3a;border:1px solid #708e9c;border-radius:14px;width:min(1000px,94vw);max-height:86vh;padding:24px;box-shadow:0 20px 70px #0008}#voyage-log::backdrop{background:#051a28ba}.log-header,.log-options{justify-content:space-between;align-items:center;gap:12px;display:flex}.log-options{flex-wrap:wrap;justify-content:flex-start}.log-options label{margin:6px 0}.log-options select{color:#e5f1ee;background:#254754;border:1px solid #718f9966;border-radius:5px;margin-top:4px;padding:8px;display:block}#log-events{border-top:1px solid #718f9966;max-height:44vh;padding-right:8px;overflow:auto}.log-event{border-bottom:1px solid #718f9944;padding:12px 0}.log-event strong{font-size:12px;font-weight:550}.log-event p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font:11px/1.7 ui-monospace,monospace}#demo-panel{z-index:6;background:#142e3bf5;border-color:#dfc886;max-width:520px;padding:16px;position:absolute;top:126px;left:444px;right:360px}#demo-panel[hidden]{display:none}#demo-panel h2{font-size:17px}#demo-panel p{color:#e0ece8;font-size:12px}#demo-panel small{color:#b5c9cd;margin-top:10px;font-size:9px;display:block}.demo-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.demo-buttons button{padding:7px 3px;font-size:11px}.lesson-focus{outline-offset:4px;border-radius:4px;outline:2px solid #efca76}.tending-buttons{gap:4px;margin-top:7px;display:flex}.tending-buttons button{flex:1;padding:7px 2px;font-size:9px}.tending-status{color:#c0d7d6;padding:5px 0 10px;font-size:9px;display:block}@media (width<=1200px){#demo-panel{padding:12px;left:444px;right:310px}#demo-panel h2{font-size:15px}#demo-panel p{font-size:11px}}@media (width<=1000px){#demo-panel{max-width:420px;inset:auto 15px 245px 444px}}