.is-docking{overflow:hidden}.docking-screen{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:#122e40;color:#e6f2f6;height:100vh;height:100dvh;overflow:hidden;font-family:var(--font,system-ui,sans-serif)}
.dock-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#132e40;min-height:66px;border-bottom:1px solid #416171;flex-shrink:0}.dock-header>div:first-child{min-width:0}.dock-eyebrow{display:block;color:#83b3c6;letter-spacing:2px;font-size:10px;font-weight:800}.dock-header strong{display:block;font-size:21px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-header-actions{display:flex;align-items:center;gap:8px}.dock-bounty{font-size:11px;white-space:nowrap;color:#9ab8c6;margin-right:12px}.dock-bounty b{display:block;color:#9be0b9;font-size:19px}.dock-header button{height:44px;min-width:44px;border:1px solid #6f9fb7;border-radius:8px;background:#b7d8f1;color:#142c3d;font-weight:800;padding:0 14px}
.dock-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:#458498}.dock-scene>canvas{display:block;width:100%;height:100%}.dock-instruments{position:absolute;left:24px;top:20px;display:flex;gap:2px;pointer-events:none;filter:drop-shadow(0 4px 12px #06233230)}.dock-instruments>div{background:#102d40e8;min-width:114px;padding:10px 15px;border-top:2px solid #9cc4d6}.dock-instruments>div:first-child{border-radius:9px 0 0 9px}.dock-instruments>div:last-child{border-radius:0 9px 9px 0}.dock-instruments span{display:block;font-size:9px;letter-spacing:1.1px;font-weight:700;color:#acc8d5}.dock-instruments strong{display:block;margin-top:3px;font-size:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.dock-instruments small{font-size:12px;color:#97b7c8}
.dock-chart{position:absolute;right:22px;top:20px;width:180px;height:244px;display:flex;flex-direction:column;background:#102d40ed;border:1px solid #8fbdca88;border-radius:10px;overflow:hidden;box-shadow:0 5px 22px #08243333}.dock-chart>span{display:flex;justify-content:space-between;padding:9px 11px;font-size:10px;letter-spacing:1.4px;font-weight:800;color:#d7eaf2}.dock-chart b{color:#9ddcbd;letter-spacing:0}.dock-chart canvas{display:block;width:100%;flex:1;min-height:0}.dock-chart small{font-size:9px;color:#b3d5da;text-align:center;padding:5px 8px 9px;line-height:1.4}
.dock-guidance{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 44px);padding:12px 18px 15px;background:#132f42ed;border:1px solid #7da7b76b;border-radius:10px;box-shadow:0 6px 22px #09263844;pointer-events:none;overflow:hidden}.dock-guidance strong{display:block;font-size:14px;line-height:1.4}.dock-guidance span:not(.dock-guidance-dot){display:block;font-size:10px;line-height:1.4;color:#a6c7d5;margin-top:3px}.dock-guidance-dot{width:9px;height:9px;background:#91d9bb;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #91d9bb18}.dock-stability{position:absolute;bottom:0;left:0;right:0;height:4px}.dock-stability i{display:block;height:100%;width:0;background:#8de1b1;transition:width .1s linear}.dock-ready .dock-guidance{border-color:#88d8ae}
.dock-console{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;flex-shrink:0;padding:16px max(24px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(#233f50,#132d3e);border-top:3px solid #688b9b;box-shadow:0 -8px 25px #0b263344}.dock-control-group{min-width:0;margin:0 auto;width:100%;max-width:430px}.dock-control-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.dock-control-title strong{font-size:11px;letter-spacing:1.3px;color:#d2e5ed}.dock-control-title span{font-size:9px;font-weight:700;color:#9cc3d3}.dock-console button{border:1px solid #89b4ca;background:#b9d9ef;color:#102b3b;border-radius:8px;font-size:12px;font-weight:800;min-height:48px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;transition:background .12s}.dock-console button:active{transform:none}.dock-console button[aria-pressed=true],.dock-console button.is-held{background:#91d9b4;border-color:#c2f1d5;box-shadow:inset 0 0 0 2px #244b4560}.dock-engine-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dock-engine-buttons button{display:flex;align-items:center;justify-content:center;gap:7px;height:61px}.dock-engine-buttons b{font-size:23px}.dock-engine-buttons [data-engine="0"]{background:#e5a89f}.dock-engine-buttons [data-engine="0"][aria-pressed=true]{background:#91d9b4}.dock-power{display:flex;gap:13px;align-items:center;margin-top:12px}.dock-power span{font-size:10px;color:#9fc2d2;white-space:nowrap}.dock-power b{color:#d9eaf0;margin-left:5px}.dock-console input[type=range]{accent-color:#9dd2ec;min-width:0;width:100%;height:24px;margin:0;touch-action:pan-x}
.dock-rudder-buttons{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:9px}.dock-rudder-buttons button{display:flex;align-items:center;justify-content:center;gap:5px;height:61px}.dock-rudder-buttons b{font-size:27px}.dock-rudder-buttons small{font-size:10px}.dock-rudder-buttons #dockCenter{position:relative;background:#163345;border-color:#688e9f;color:#c9e3ee;display:flex;flex-direction:column;gap:0;height:70px;margin:-5px 0 -4px}.dock-rudder-buttons svg{display:block;width:49px;height:49px;fill:none;stroke:#b8d7e4;stroke-width:3.5;stroke-linecap:round;transition:transform .05s linear}.dock-rudder>input{margin-top:9px!important}.dock-thruster-buttons{display:flex;gap:9px}.dock-thruster-buttons button{flex:1;height:61px;display:flex;align-items:center;justify-content:center;gap:9px}.dock-thruster-buttons b{font-size:26px}.dock-thruster p{font-size:10px;color:#a0c0cf;line-height:1.5;margin:8px 0 0;text-align:center}.dock-thruster br{display:none}
.dock-scrim{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#081d31a8;backdrop-filter:blur(6px);overflow:auto}.dock-card{width:min(100%,450px);max-height:100%;overflow:auto;border:1px solid #91bdcf;border-radius:17px;background:#e0edf2;color:#183849;padding:27px;box-shadow:0 25px 90px #0005}.dock-card h2{font-size:34px;line-height:1.1;margin:12px 0 16px;letter-spacing:-1px}.dock-card>.dock-eyebrow{color:#51788c}.dock-card p{font-size:13px;line-height:1.65;color:#4a6a7c;margin:0 0 16px}.dock-card .btn{width:100%;display:flex;justify-content:center;min-height:46px;margin-top:9px;font-weight:800;font-size:13px}.dock-card ol{padding-left:21px;margin:10px 0 18px}.dock-card li{padding-left:4px;margin-bottom:13px;font-size:13px;line-height:1.65}.dock-card .dock-keyboard{font-size:10px;background:#c7dfe9;padding:10px;border-radius:7px}.dock-success-card{text-align:center}.dock-success-mark{display:grid;place-items:center;width:54px;height:54px;background:#9bd9b6;border-radius:50%;font-size:29px;margin:0 auto 17px}.dock-prize{display:block;font-size:53px;color:#23724c;letter-spacing:-2px;margin:8px 0 15px}.dock-save-warning{background:#e8b5a9;color:#5d2b24!important;padding:10px;border-radius:7px}.dock-offer-bonus{font-size:38px;font-weight:800;color:#24754c;margin:12px 0}.dock-offer-options{display:grid;gap:9px;margin-top:20px}.dock-offer-options .btn{width:100%}.dock-offer-options+.text-button{display:block;margin:15px auto 0}
@media(min-width:1300px){.dock-console{padding-left:7%;padding-right:7%;gap:4%}}
@media(max-width:700px){.dock-header{padding:9px 12px;min-height:61px;gap:8px}.dock-header strong{font-size:17px}.dock-header>.dock-header-actions{gap:5px}.dock-header .dock-eyebrow{font-size:7px;letter-spacing:1px}.dock-header button{padding:0 10px;min-width:40px;height:42px;font-size:11px}.dock-bounty{font-size:8px;margin-right:2px}.dock-bounty b{font-size:14px}.dock-instruments{left:10px;top:11px;gap:1px;max-width:calc(100% - 20px)}.dock-instruments>div{min-width:0;padding:7px 10px}.dock-instruments span{font-size:7px;letter-spacing:.8px}.dock-instruments strong{font-size:18px}.dock-chart{right:10px;top:82px;width:112px;height:172px;border-radius:8px}.dock-chart>span{padding:7px;font-size:7px;letter-spacing:.7px}.dock-chart small{font-size:7px;padding:4px 6px 7px}.dock-guidance{bottom:10px;max-width:calc(100% - 20px);width:calc(100% - 20px);padding:9px 11px 12px;gap:9px;border-radius:8px}.dock-guidance strong{font-size:11px}.dock-guidance span:not(.dock-guidance-dot){font-size:8px}.dock-guidance-dot{width:6px;height:6px}.dock-console{grid-template-columns:1fr 1fr;gap:12px;padding:11px 12px max(10px,env(safe-area-inset-bottom));border-top-width:2px}.dock-control-group{max-width:none}.dock-control-title{display:block;margin-bottom:7px;line-height:1.3}.dock-control-title strong{font-size:9px;letter-spacing:1px}.dock-control-title span{display:block;font-size:8px;margin-top:3px;min-height:10px}.dock-engine-buttons{gap:5px}.dock-engine-buttons button{flex-direction:column;gap:2px;height:49px;min-height:49px;font-size:10px;padding:4px 2px}.dock-engine-buttons b{font-size:19px}.dock-power{gap:8px;margin-top:8px}.dock-power span{font-size:8px}.dock-power b{margin-left:0}.dock-console input[type=range]{height:25px}.dock-rudder-buttons{grid-template-columns:1fr 54px 1fr;gap:5px}.dock-rudder-buttons button{height:49px;min-height:49px;flex-direction:column;gap:0;padding:4px 2px}.dock-rudder-buttons b{font-size:22px}.dock-rudder-buttons small{font-size:8px}.dock-rudder-buttons #dockCenter{height:55px;margin:-3px 0}.dock-rudder-buttons svg{width:36px;height:36px}.dock-rudder>input{margin-top:8px!important}.dock-thruster{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-top:1px solid #3f6376;padding-top:9px}.dock-thruster .dock-control-title{margin:0;flex:1}.dock-thruster .dock-control-title strong{white-space:nowrap}.dock-thruster-buttons{gap:7px;flex:1.4}.dock-thruster-buttons button{height:45px;min-height:45px;gap:6px;font-size:10px}.dock-thruster-buttons b{font-size:21px}.dock-thruster p{display:none}.dock-card{padding:23px}.dock-card h2{font-size:29px}.dock-card .dock-keyboard{display:none}}
@media(max-height:560px) and (min-width:600px){.dock-header{min-height:44px;padding:6px 14px}.dock-header strong{font-size:17px;margin-top:2px}.dock-header .dock-eyebrow{font-size:7px}.dock-header button{height:34px}.dock-bounty{display:flex;align-items:center;gap:6px}.dock-bounty b{font-size:16px}.dock-console{grid-template-columns:1.1fr 1fr 1fr;gap:13px;padding:8px 13px max(5px,env(safe-area-inset-bottom))}.dock-control-title{display:flex;margin-bottom:5px}.dock-control-title strong{font-size:9px}.dock-control-title span{font-size:7px;margin:0}.dock-engine-buttons button,.dock-rudder-buttons button,.dock-thruster-buttons button{min-height:38px;height:38px;font-size:10px;flex-direction:row}.dock-rudder-buttons #dockCenter{height:43px;min-height:38px;margin:-2px 0}.dock-rudder-buttons svg{width:31px;height:31px}.dock-rudder-buttons #dockCenter small{display:none}.dock-rudder-buttons{grid-template-columns:1fr 55px 1fr}.dock-power{margin-top:4px}.dock-rudder>input{margin-top:4px!important}.dock-thruster{display:block;grid-column:auto;padding:0;border:0}.dock-thruster p{display:block;font-size:8px;margin-top:4px}.dock-instruments{top:9px;left:14px}.dock-instruments>div{min-width:85px;padding:6px 10px}.dock-instruments strong{font-size:18px}.dock-instruments span{font-size:7px}.dock-chart{right:14px;top:9px;width:106px;height:150px}.dock-chart>span{font-size:7px;padding:5px 7px}.dock-chart small{font-size:7px;padding-bottom:5px}.dock-guidance{bottom:8px;max-width:calc(100% - 270px);padding:7px 11px 10px}.dock-guidance strong{font-size:10px}.dock-guidance span:not(.dock-guidance-dot){display:none}.dock-card{padding:18px}.dock-card h2{font-size:25px;margin:8px 0}.dock-card .btn{min-height:39px;margin-top:7px}.dock-card p{font-size:11px;margin-bottom:8px}}
@media(max-width:360px){.dock-header .dock-eyebrow{letter-spacing:.2px;font-size:6px}.dock-bounty{display:none}.dock-console{gap:9px;padding-left:8px;padding-right:8px}.dock-rudder-buttons{grid-template-columns:1fr 45px 1fr}.dock-chart{width:98px;height:152px}}

/* v0.18.1 — bridge interior and physical instrument console. */
.dock-header{min-height:62px;padding-top:10px;padding-bottom:10px;background:linear-gradient(100deg,#122b3c,#1c3b49);border-bottom:1px solid #6c858d}
.dock-header .dock-eyebrow{font-size:9px}.dock-header strong{font-size:20px}.dock-header button{box-shadow:inset 0 1px #e2f3ff70,0 2px 2px #06182330}
.dock-scene>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.dock-cabin{position:absolute;inset:0;z-index:2;pointer-events:none}.dock-window-frame{display:block;width:100%;height:100%}
.dock-overhead{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;gap:56px;background:linear-gradient(#7b9298,#c4ccc4 34%,#a4b2af 72%,#405965 76%,#1a3644);border-top:1px solid #dde4d4;box-shadow:0 5px 12px #05203338;color:#223e4b;font-size:8px;letter-spacing:3px;font-weight:800}
.dock-vent{width:56px;height:8px;background:repeating-linear-gradient(90deg,#213c46 0 2px,#617b80 2px 5px);border:2px solid #6a8084;border-radius:2px;box-shadow:0 1px #e0e4d1}
.dock-compass{position:absolute;left:50%;top:26px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:5px 14px 8px;background:linear-gradient(#3e5d67,#102d3b);border:2px solid #6b858b;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 6px 8px #0b263c33}
.dock-compass span{font-size:7px;letter-spacing:1.5px;color:#9db8bf;font-weight:800}.dock-compass strong{font-size:18px;color:#aedecb;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #8fe5c13b}.dock-compass i{width:4px;height:4px;border-radius:50%;background:#a6e7bf;box-shadow:0 0 5px #9cebc9}
.dock-chart{z-index:3;top:auto;right:23px;bottom:15px;width:154px;height:192px;background:#102c3b;border:7px solid #274650;border-bottom-width:12px;border-radius:10px;outline:1px solid #6c868b;box-shadow:inset 0 0 0 1px #9db4b34a,0 9px 0 -4px #112c3c,0 13px 19px #071e3140}
.dock-chart>span{padding:8px 9px 5px;font-size:8px;letter-spacing:1.2px;color:#c4e0e6}.dock-chart small{font-size:8px;color:#a8c9ce;padding:5px 5px 7px;line-height:1.35}
.dock-console{z-index:4;grid-template-columns:1fr 1.14fr 1fr;gap:15px 22px;padding:15px max(26px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 0,#365864,#1e3c49 65%);border-top:4px solid #9ba9a4;box-shadow:0 -2px #1d3847,0 -9px 26px #12334330}
.dock-console:before{content:"";position:absolute;pointer-events:none;left:0;right:0;top:-16px;height:12px;background:linear-gradient(#819793,#b3beb1 45%,#5a747a);clip-path:polygon(0 80%,7% 0,93% 0,100% 80%,100% 100%,0 100%)}
.dock-console:after{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(0deg,#d3ede402 0 1px,transparent 1px 4px)}
.dock-console-top{grid-column:1/-1;display:flex;align-items:stretch;gap:20px;min-width:0}
.dock-instruments{position:relative;left:auto;top:auto;display:flex;gap:6px;flex-shrink:0;filter:none;max-width:none}
.dock-instruments>div{min-width:105px;padding:8px 12px;background:linear-gradient(130deg,#071e2a,#103544);border:2px solid #46646e;border-radius:6px!important;box-shadow:inset 0 2px 5px #031625b0,0 1px #abc2bb45}
.dock-instruments span{font-size:8px;letter-spacing:1px;color:#9fbfc7}.dock-instruments strong{font-size:22px;color:#b1eadb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:0 0 12px #98e9c329}
.dock-guidance{position:relative;flex:1;left:auto;bottom:auto;transform:none;min-width:0;width:auto;max-width:none;padding:8px 15px 10px;background:#122e3b;border:1px solid #5d7e83;border-radius:6px;box-shadow:inset 0 2px 7px #0b202b90,0 1px #b5cec325;gap:11px}
.dock-guidance strong{font-size:12px;font-weight:700}.dock-guidance span:not(.dock-guidance-dot){font-size:9px;color:#9ebcc8}.dock-guidance-dot{width:7px;height:7px;box-shadow:0 0 0 4px #91d9bb10,0 0 10px #91d9bb55}.dock-stability{height:3px}
.dock-control-group{position:relative;max-width:none;margin:0;padding:11px 13px 8px;background:linear-gradient(115deg,#203e4b,#132e3e);border:1px solid #58747d;border-radius:9px;box-shadow:inset 0 1px #a1b9b21a,0 3px 5px #08202c55}
.dock-control-group:before,.dock-control-group:after{content:"";position:absolute;top:5px;width:3px;height:3px;border:1px solid #7c9397;border-radius:50%;box-shadow:0 1px #092535}.dock-control-group:before{left:5px}.dock-control-group:after{right:5px}
.dock-control-title{margin-bottom:8px}.dock-control-title strong{font-size:10px;letter-spacing:1.4px}.dock-control-title span{font-size:8px}
.dock-console button{position:relative;z-index:1;background:linear-gradient(#c4e0f1,#a8cde3);color:#102734;border-radius:6px;font-size:11px;min-height:44px;box-shadow:inset 0 1px #e9f6ff77,0 3px 0 #092535}
.dock-console button:focus-visible,.dock-header button:focus-visible{outline:3px solid #e0f7ec;outline-offset:3px}
.dock-console button[aria-pressed=true],.dock-console button.is-held{background:linear-gradient(#a1e3be,#81cba5);border-color:#d4edda;box-shadow:inset 0 0 0 2px #244b4535,0 2px 0 #092535}
.dock-engine-buttons button,.dock-thruster-buttons button{height:56px}.dock-engine-buttons b{font-size:22px}.dock-engine-buttons [data-engine="0"]{background:linear-gradient(#eebbb1,#d69f95)}.dock-engine-buttons [data-engine="0"][aria-pressed=true]{background:linear-gradient(#a1e3be,#81cba5)}
.dock-power{gap:10px;margin-top:11px}.dock-power span{font-size:9px}.dock-console input[type=range]{position:relative;z-index:1;height:25px}
.dock-rudder-buttons{grid-template-columns:1fr 100px 1fr;gap:10px;height:63px}.dock-rudder-buttons button{height:48px}.dock-rudder-buttons b{font-size:25px}
.dock-rudder-buttons #dockCenter{height:94px;margin:-12px 0 -9px;border:0;background:radial-gradient(ellipse,#182e39 0 52%,#7e9696 53% 54%,#112c3a 55% 68%,transparent 69%);color:#c4dce5;box-shadow:none}
.dock-rudder-buttons svg{width:82px;height:82px;filter:drop-shadow(0 4px 3px #061923)}.dock-wheel-rim{stroke:#091e29;stroke-width:10}.dock-wheel-trim{stroke:#6e8c96;stroke-width:1}.dock-wheel-spokes{stroke:#a1b7bb;stroke-width:7;stroke-linejoin:round}.dock-wheel-hub{fill:#294956;stroke:#9aafb0;stroke-width:2}.dock-wheel-cap{fill:#9baeb1;stroke:#526e78;stroke-width:1}
.dock-rudder-buttons #dockCenter small{font-size:8px;letter-spacing:.6px;text-transform:uppercase;position:absolute;bottom:1px}.dock-rudder>input{margin-top:4px!important}.dock-thruster p{font-size:9px;margin-top:9px}
@media(min-width:1300px){.dock-console{padding-left:5%;padding-right:5%;gap:15px 25px}}
@media(max-width:700px){
 .dock-header{min-height:57px;padding:8px 11px;gap:7px}.dock-header strong{font-size:16px}.dock-header .dock-eyebrow{font-size:6px;letter-spacing:1px}.dock-header button{min-width:38px;height:40px;padding:0 9px}.dock-bounty b{font-size:13px}
 .dock-overhead{height:22px;font-size:6px;letter-spacing:1.7px;gap:25px}.dock-vent{width:35px;height:6px}.dock-compass{top:21px;gap:7px;padding:3px 10px 5px}.dock-compass strong{font-size:15px}.dock-compass span{font-size:6px;letter-spacing:1px}
 .dock-chart{right:14px;bottom:18px;top:auto;width:103px;height:143px;border-width:5px;border-bottom-width:8px;border-radius:6px}.dock-chart>span{font-size:6px;padding:5px 5px 4px;letter-spacing:.6px}.dock-chart small{font-size:6px;padding:3px 3px 4px}
 .dock-console{grid-template-columns:1fr 1fr;gap:8px;padding:9px 9px max(9px,env(safe-area-inset-bottom));border-top-width:3px}.dock-console:before{top:-12px;height:9px}.dock-console-top{flex-direction:column;gap:6px}.dock-instruments{gap:5px;width:100%;left:auto;top:auto}.dock-instruments>div{flex:1;min-width:0;padding:5px 9px;border-width:1px;border-radius:4px!important}.dock-instruments span{font-size:6px;letter-spacing:.8px}.dock-instruments strong{font-size:17px;margin-top:2px}.dock-guidance{width:100%;max-width:none;left:auto;bottom:auto;padding:6px 8px 8px;gap:8px;border-radius:4px}.dock-guidance strong{font-size:9px;line-height:1.4}.dock-guidance span:not(.dock-guidance-dot){display:none}.dock-guidance-dot{width:5px;height:5px}
 .dock-control-group{padding:8px 8px 5px;border-radius:6px}.dock-control-title{margin-bottom:6px;line-height:1.2}.dock-control-title strong{font-size:8px;letter-spacing:1px}.dock-control-title span{font-size:7px;margin-top:3px;min-height:9px}.dock-console button{font-size:9px;border-radius:5px}.dock-engine-buttons{gap:4px}.dock-engine-buttons button{gap:1px;height:45px;min-height:45px;padding:3px 1px}.dock-engine-buttons b{font-size:18px}.dock-power{gap:7px;margin-top:6px}.dock-power span{font-size:7px}.dock-console input[type=range]{height:23px}
 .dock-rudder-buttons{grid-template-columns:1fr 59px 1fr;gap:4px;height:47px}.dock-rudder-buttons button{height:42px;min-height:42px;padding:3px 1px}.dock-rudder-buttons b{font-size:20px}.dock-rudder-buttons small{font-size:7px}.dock-rudder-buttons #dockCenter{height:63px;min-height:63px;margin:-8px 0 -6px}.dock-rudder-buttons svg{width:57px;height:57px}.dock-rudder-buttons #dockCenter small{font-size:6px;bottom:-2px}.dock-rudder>input{margin-top:5px!important}
 .dock-thruster{gap:12px;padding:8px}.dock-thruster-buttons{gap:6px;flex:1.45}.dock-thruster-buttons button{height:42px;min-height:42px;gap:5px;font-size:9px}.dock-thruster-buttons b{font-size:20px}
}
@media(max-height:560px) and (min-width:600px){
 .dock-header{min-height:40px;padding:4px 14px}.dock-header strong{font-size:15px;margin-top:1px}.dock-header .dock-eyebrow{font-size:6px}.dock-header button{height:32px;min-width:34px}.dock-bounty b{font-size:14px}.dock-overhead{height:18px;font-size:6px;gap:28px}.dock-vent{height:5px;width:40px}.dock-compass{top:17px;padding:2px 9px 4px;gap:7px}.dock-compass strong{font-size:14px}.dock-compass span{font-size:6px}
 .dock-console{grid-template-columns:1fr 1.12fr 1fr;gap:6px 10px;padding:6px max(12px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top-width:2px}.dock-console:before{top:-9px;height:7px}.dock-console-top{flex-direction:row;gap:10px}.dock-instruments{width:auto;gap:4px;top:auto;left:auto}.dock-instruments>div{padding:3px 8px;min-width:79px;border-width:1px}.dock-instruments span{font-size:6px}.dock-instruments strong{font-size:16px;margin-top:0}.dock-guidance{max-width:none;width:auto;padding:4px 10px 5px;gap:8px;bottom:auto;left:auto}.dock-guidance strong{font-size:9px}.dock-guidance span:not(.dock-guidance-dot){display:none}.dock-guidance-dot{width:5px;height:5px}
 .dock-control-group{padding:6px 8px 4px;border-radius:6px}.dock-control-title{margin-bottom:4px}.dock-control-title strong{font-size:8px}.dock-control-title span{font-size:6px;margin:0;min-height:0}.dock-engine-buttons button,.dock-rudder-buttons button,.dock-thruster-buttons button{min-height:35px;height:35px;font-size:9px}.dock-engine-buttons b,.dock-thruster-buttons b{font-size:18px}.dock-rudder-buttons b{font-size:21px}.dock-rudder-buttons{grid-template-columns:1fr 52px 1fr;gap:6px;height:35px}.dock-rudder-buttons #dockCenter{height:49px;min-height:49px;margin:-7px 0}.dock-rudder-buttons svg{width:46px;height:46px}.dock-rudder-buttons small{font-size:8px}.dock-power{margin-top:3px;gap:8px}.dock-power span{font-size:7px}.dock-rudder>input{margin-top:3px!important}.dock-console input[type=range]{height:20px}.dock-thruster p{font-size:7px;margin-top:4px}.dock-chart{right:14px;top:auto;bottom:13px;width:100px;height:127px;border-width:4px;border-bottom-width:7px}.dock-chart>span{font-size:6px;padding:4px 5px}.dock-chart small{font-size:6px;padding-bottom:3px}
}
@media(max-width:360px){.dock-header .dock-eyebrow{letter-spacing:.2px}.dock-console{gap:6px;padding-left:6px;padding-right:6px}.dock-control-group{padding-left:6px;padding-right:6px}.dock-rudder-buttons{grid-template-columns:1fr 49px 1fr}.dock-rudder-buttons svg{width:50px;height:50px}.dock-chart{width:91px;height:126px}.dock-guidance strong{font-size:8px}.dock-instruments>div{padding-left:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.dock-console button,.dock-rudder-buttons svg,.dock-stability i{transition:none}}
@media(min-width:701px) and (min-height:561px){.dock-rudder-buttons #dockCenter{height:82px;margin:-9px 0 -8px}.dock-rudder-buttons svg{width:72px;height:72px}.dock-rudder-buttons #dockCenter small{font-size:7px;bottom:0}}