@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Barlow+Condensed:wght@500;600;700;800&display=swap";:root{font-family:Barlow Condensed,Arial Narrow,sans-serif;color:#e7e9e2;background:#111719;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--mono:"DM Mono",Consolas,monospace;--panel:#202729;--deep:#101617;--edge:#697170;--dim:#8b9491;--green:#a9bf8b;--amber:#d1aa68;--red:#e43d35;--white:#e8ebe4}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100%;height:100%;overscroll-behavior:none}body{min-height:100svh;background:radial-gradient(ellipse at 50% -35%,#455052 0,#20282b 45%,#111719 82%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.console-app{width:min(100%,1840px);height:100svh;min-height:590px;margin:auto;padding:0 16px 12px;display:grid;grid-template-rows:66px minmax(0,1fr) 62px;gap:10px}.console-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid rgba(205,215,207,.17);padding:0 8px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex:0 0 auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:2px solid #7e8d87;background:radial-gradient(circle at 35% 28%,#43504e,#1a2325 67%);box-shadow:inset 0 1px 5px #ffffff28,0 2px 7px #0009;font:600 20px var(--mono);color:#dbe1d8}.brand strong,.brand small{display:block}.brand strong{font:600 13px var(--mono);letter-spacing:.18em}.brand small{margin-top:3px;font:8px var(--mono);color:#9da7a1;letter-spacing:.09em}.header-instruments{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,54px);margin-left:auto}.header-readout{display:flex;align-items:center;gap:8px;color:#d4d9d2}.header-readout>i{font:21px Segoe UI,sans-serif;color:#b5c3ac;font-style:normal}.header-readout span{display:grid;gap:2px}.header-readout b{font:9px var(--mono);letter-spacing:.08em}.header-readout small{font:7px var(--mono);color:#8d9992}.icon-button{width:38px;height:38px;border:1px solid #64706f;border-radius:50%;background:linear-gradient(#303a3b,#1c2527);font-size:20px;box-shadow:inset 0 1px #ffffff1b,0 2px 5px #0008;cursor:pointer}.console-stage{min-height:0;position:relative;border:2px solid #616a68;border-radius:17px;padding:6px;background:linear-gradient(145deg,#374143,#1c2528 33%,#111819);box-shadow:0 18px 46px #0009,inset 0 2px 5px #ffffff20,inset 0 -4px 9px #0008}.console-stage:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #aab5ab22;border-radius:11px;pointer-events:none}.console-view{display:none;position:relative;height:100%;min-height:0;padding:11px 13px 10px;overflow:hidden;border:1px solid #0a0f10;border-radius:11px;background:radial-gradient(ellipse at 50% 0,#293336 0,#192123 59%,#151c1e);box-shadow:inset 0 2px 16px #0007}.console-view.is-active{display:grid}.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;padding:0 3px 7px;border-bottom:1px solid #ffffff16;color:#aeb9ad;font:8px var(--mono);letter-spacing:.14em}.panel-topline>span:first-child{display:flex;align-items:center;gap:7px}.panel-topline>span:first-child i,.status-badge i,.view-status i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px #d1aa6870}.panel-clock{font-size:10px;color:#e4e8df}.status-badge{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #727c762c;border-radius:4px;color:#acb7ae;font:8px var(--mono);letter-spacing:.05em}.status-badge.is-connected{color:#c4dfb2}.status-badge.is-connected i{background:#9ed273;box-shadow:0 0 8px #9ed27399}.helm-grid{display:grid;grid-template-columns:minmax(215px,.88fr) minmax(210px,.82fr) minmax(275px,1.05fr);gap:12px;min-height:0;padding:5px 1px}.dial-bank,.tank-bank{min-width:0;min-height:0;border:1px solid #9ca69b24;border-radius:8px;background:linear-gradient(145deg,#252f31,#151d20);box-shadow:inset 0 1px #ffffff0b,0 5px 10px #0003}.dial-bank{display:grid;grid-template-rows:minmax(0,1.15fr) minmax(105px,.62fr) auto;gap:7px;padding:8px}.round-instrument{display:grid;place-items:center;min-height:0}.instrument-bezel{position:relative;width:min(100%,248px);aspect-ratio:1;border:7px solid #64706d;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 27%,#394143,#111719 66%);box-shadow:inset 0 2px 8px #fff2,inset 0 -8px 14px #000c,0 3px 8px #000a,0 0 0 2px #0b1011}.instrument-bezel:after,.mini-bezel:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ffffff1d;border-radius:50%;pointer-events:none}.dial-label{position:absolute;top:12%;z-index:1;color:#c7d1c6;font:600 9px var(--mono);letter-spacing:.14em}.dial-svg{width:91%;height:91%;overflow:visible}.dial-outer{fill:none;stroke:#89928b;stroke-width:1}.dial-track,.dial-value{fill:none;stroke-width:9;transform:rotate(-90deg);transform-origin:110px 110px}.dial-track{stroke:#303a39;stroke-dasharray:3 4}.dial-value{stroke:var(--green);stroke-linecap:round;stroke-dasharray:0 528;filter:drop-shadow(0 0 5px #a9bf8b77);transition:stroke-dasharray .5s,stroke .3s}.dial-ticks{fill:none;stroke:#b8c3b6;stroke-width:2;stroke-linecap:round;opacity:.67}.dial-number{fill:#f2f2e9;text-anchor:middle;font:500 37px var(--mono)}.dial-unit{fill:#a7b1a7;text-anchor:middle;font:8px var(--mono);letter-spacing:.14em}.dial-foot{position:absolute;bottom:12%;color:#909b91;font:7px var(--mono);letter-spacing:.09em}.small-dials{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.mini-bezel{position:relative;width:min(100%,145px);height:100%;min-height:104px;border:5px solid #5c6765;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#394344,#111719 70%);box-shadow:inset 0 2px 6px #fff2,inset 0 -5px 9px #000c,0 2px 6px #0009}.mini-bezel .dial-label{top:16%;font-size:7px}.mini-number{margin-top:3px;font:500 clamp(18px,2.1vw,27px) var(--mono);color:#e6e9df}.mini-number small{font-size:9px;color:#adb7ae}.mini-scale{width:57%;height:20px;margin:4px 0 1px;border-top:2px solid #abb7a3;border-radius:50% 50% 0 0;position:relative}.mini-scale:after{content:"";position:absolute;left:50%;top:-2px;width:2px;height:14px;background:#d1aa68;transform:rotate(31deg);transform-origin:bottom}.mini-scale i{position:absolute;top:-3px;width:2px;height:7px;background:#c1cbbd}.mini-scale i:first-child{left:3px;transform:rotate(-22deg)}.mini-scale i:last-child{right:3px;transform:rotate(22deg)}.battery-scale:after{background:#94c4a3}.mini-bezel .dial-foot{bottom:12%;font-size:5px}.sensor-strip{display:flex;align-items:center;gap:7px;min-height:35px;padding:5px 7px;border:1px solid #ffffff15;border-radius:4px;background:#0d1314;color:#c5ccc3}.sensor-strip>span:nth-child(2){display:grid;gap:2px;min-width:0}.sensor-strip b{font:7px var(--mono);letter-spacing:.06em}.sensor-strip small{font:6px var(--mono);color:#828d85}.sensor-reading{margin-left:auto;color:#d4dbce;font:9px var(--mono);white-space:nowrap}.led,.green-led,.amber-led,.red-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65706a;box-shadow:0 0 4px #000}.vessel-title,.tank-bank-head{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#c1c9be;font:7px var(--mono);letter-spacing:.1em}.vessel-title span:last-child{color:#87938b;font-size:6px}.pin-fuel{top:22%;left:7%}.pin-water-bow{top:32%;right:4%}.pin-water-stern{bottom:28%;left:4%}.pin-waste{bottom:17%;right:8%}.green-led{background:#8db776;box-shadow:0 0 5px #8db77688}.amber-led{background:#c69b59;box-shadow:0 0 5px #c69b5988}.tank-bank{display:grid;grid-template-rows:22px repeat(7,minmax(0,1fr));gap:5px;padding:8px}.tank-bank-head{padding:0 2px 4px;border-bottom:1px solid #ffffff17}.tank-bank-head b{font-weight:400;color:#929d94;font-size:6px}.tank-meter{min-height:0;display:grid;grid-template-rows:auto auto 4px;align-content:center;gap:3px;padding:4px 7px;border:1px solid #ffffff14;border-radius:4px;background:linear-gradient(100deg,#202a2b,#151d1f);box-shadow:inset 0 1px #ffffff08}.tank-meter.active-meter{border-color:#a9bf8b61;background:linear-gradient(100deg,#28332f,#18211f)}.meter-head{display:flex;align-items:center;gap:5px;min-width:0}.meter-head b{font:7px var(--mono);letter-spacing:.04em;color:#d7ddd3}.meter-head small{margin-left:auto;color:#859087;font:6px var(--mono)}.active-meter .meter-head small{color:#a9c391}.meter-kind{width:15px;height:15px;display:grid;place-items:center;border-radius:3px;background:#394443;font-size:9px}.fuel-kind{color:#d4aa69}.water-kind{color:#76b9c0}.waste-kind{color:#cf9270}.meter-reading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.meter-reading strong{font:500 17px var(--mono);color:#e2e7dd;line-height:1}.meter-reading strong small{font-size:9px}.meter-reading span{font:5px var(--mono);color:#828d85;letter-spacing:.06em;text-align:right}.meter-track{height:3px;overflow:hidden;border-radius:3px;background:#394443}.meter-track i{display:block;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#829d70,#bfd99a);box-shadow:0 0 5px #a9bf8b66}.helm-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.connection-box{min-height:42px;display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #ffffff19;border-radius:5px;background:#111819}.connection-box>span:nth-child(2){display:grid;gap:2px;min-width:0}.connection-box b{font:7px var(--mono);color:#cbd3c9;letter-spacing:.03em}.connection-box small{font:6px var(--mono);color:#838e87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hardware-button{flex:0 0 auto;padding:8px 10px;border:1px solid #94a894;border-radius:4px;background:linear-gradient(#67766d,#39463f 48%,#26312e);box-shadow:inset 0 1px #ffffff47,0 2px 3px #0008;color:#edf1e5;font:7px var(--mono);letter-spacing:.06em;cursor:pointer}.hardware-button:active{transform:translateY(1px);filter:brightness(1.2)}.telemetry-note{font:6px var(--mono);color:#8b978e;letter-spacing:.06em;text-align:right;max-width:180px}.console-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:2px}.nav-item{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;border:1px solid #707b772c;border-radius:6px;background:linear-gradient(180deg,#303b3c,#1d2628 49%,#151c1e);box-shadow:inset 0 1px #ffffff21,inset 0 -2px #0005,0 2px 5px #0007;color:#b4bdb3;cursor:pointer}.nav-item span{font:18px Segoe UI,sans-serif;color:#b0bfaa}.nav-item b{font:8px var(--mono);letter-spacing:.11em}.nav-item.active{border-color:#a8bd966e;background:linear-gradient(180deg,#414d48,#27332f 52%,#1c2522);color:#eff2e8;box-shadow:inset 0 1px #ffffff3a,0 0 10px #91a77a18}.nav-item.active span{color:#d2e0bf}.panel-eyebrow{color:#a1ad9e;font:8px var(--mono);letter-spacing:.14em}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:1px 5px 9px;border-bottom:1px solid #ffffff18}.view-heading h1{margin:3px 0 0;color:#f0f1e9;font:700 clamp(27px,4vw,43px) "Barlow Condensed",sans-serif;letter-spacing:.08em}.view-status{display:flex;align-items:center;gap:7px;color:#b0b9af;font:8px var(--mono);letter-spacing:.08em}.view-status i{background:#9dbd87;box-shadow:0 0 7px #9dbd8788}.switch-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:9px;min-height:0;padding:5px 2px}.load-control{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:4px 10px;padding:9px;border:1px solid #687572;border-radius:8px;background:linear-gradient(150deg,#354142,#222d2f 55%,#182123);box-shadow:inset 0 1px #ffffff26,inset 0 -3px #0005,0 3px 7px #0007;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .13s,border-color .13s,box-shadow .13s,transform .1s}.load-control:hover{border-color:#a3b49a}.load-control:active{transform:translateY(2px);box-shadow:inset 0 2px 7px #0009}.load-control:focus-visible,.nav-item:focus-visible,.icon-button:focus-visible,.hardware-button:focus-visible{outline:2px solid #c4d1a9;outline-offset:2px}.load-control>i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:2px solid #899691;border-radius:50%;background:radial-gradient(circle at 34% 27%,#667572,#2a3637 65%);box-shadow:inset 0 2px 4px #ffffff27,0 2px 4px #0008;color:#e3e8dc;font-style:normal;font-size:17px}.load-control>span{display:grid;gap:2px;min-width:0}.load-control b{font:600 clamp(10px,1vw,13px) "Barlow Condensed",sans-serif;color:#edf0e8}.load-control small{font:6px var(--mono);color:#a1aba2;letter-spacing:.05em}.load-control em{justify-self:start;padding:3px 6px;border:1px solid #79857b;border-radius:3px;color:#bac5b8;font:6px var(--mono);letter-spacing:.09em;font-style:normal}.load-control.is-active{border-color:#e43d35;background:linear-gradient(145deg,#692622,#391c1b 58%,#251817);box-shadow:inset 0 1px #ffb7a342,inset 0 -3px #210807,0 0 12px #ed302b48,0 3px 7px #0009}.load-control.is-active>i{border-color:#ff8a79;background:radial-gradient(circle at 33% 26%,#fb6756,#9f1f1b 68%);box-shadow:inset 0 2px 4px #ffffff4d,0 0 13px #ed302b88;color:#fff}.load-control.is-active em{border-color:#ff8474;background:#a92924;color:#fff;font-weight:500}.switch-foot{display:flex;align-items:center;gap:8px;min-height:26px;border-top:1px solid #ffffff18;color:#a0aaa0;font:7px var(--mono);letter-spacing:.03em}.red-led{background:#d85a4c;box-shadow:0 0 5px #d85a4c66}.detail-view{grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.tank-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:4px}.tank-detail-card{display:grid;align-content:center;gap:11px;padding:14px;border:1px solid #ffffff20;border-radius:8px;background:linear-gradient(145deg,#2a3536,#171f21);box-shadow:inset 0 1px #ffffff0b,0 5px 12px #0005}.tank-detail-card.active-meter{border-color:#a9bf8b66}.tank-detail-card .meter-head b{font-size:11px}.tank-detail-card .meter-head small{font-size:8px}.tank-detail-card .meter-reading strong{font-size:clamp(27px,4vw,50px)}.tank-detail-card .meter-reading span{font-size:7px}.tank-detail-card .meter-track{height:7px}.sensor-detail-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding-top:8px;border-top:1px solid #ffffff1a}.sensor-detail-strip>div{display:grid;gap:3px;padding:7px;border:1px solid #ffffff15;border-radius:4px;background:#101718}.sensor-detail-strip small{font:6px var(--mono);color:#929d92;letter-spacing:.07em}.sensor-detail-strip strong{font:10px var(--mono);color:#dce2d6}.navigation-instruments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:12px}.large-digital{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:7px solid #687471;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#1c302f,#0b1213 73%);box-shadow:inset 0 0 18px #000,0 4px 9px #0008}.large-digital small,.large-digital span{font:8px var(--mono);color:#9aa69b;letter-spacing:.12em}.large-digital strong{font:500 clamp(36px,6vw,72px) var(--mono);color:#c3d7a7;text-shadow:0 0 15px #98b77d44}.large-digital em{margin-left:5px;font:10px var(--mono);font-style:normal;color:#9da99c}.alarm-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:9px}.alarm-board article{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:65px;padding:10px 13px;border:1px solid #ffffff19;border-radius:6px;background:linear-gradient(110deg,#283234,#182123)}.alarm-board article>i{width:8px;height:8px;border-radius:50%;background:#c5a65e;box-shadow:0 0 6px #c5a65e66}.alarm-board article.sos-alarm>i{background:#d66a57}.alarm-board article>span{display:grid;gap:3px}.alarm-board b{font:600 14px Barlow Condensed,sans-serif;color:#e0e6dc}.alarm-board small{font:7px var(--mono);color:#929d94}.alarm-board em{color:#b9aa83;font:7px var(--mono);font-style:normal;letter-spacing:.05em}@media(max-width:1050px){.console-app{padding-inline:9px;gap:7px;grid-template-rows:59px minmax(0,1fr) 56px}.console-header{gap:11px}.helm-grid{grid-template-columns:minmax(185px,.84fr) minmax(175px,.75fr) minmax(236px,1.05fr);gap:7px}.dial-bank{padding:5px;gap:5px}.tank-bank{padding:5px;gap:3px}.tank-meter{padding:3px 5px}.meter-reading strong{font-size:15px}.load-control{grid-template-columns:33px minmax(0,1fr);gap:3px 6px;padding:7px}.load-control>i{width:30px;height:30px;font-size:14px}.switch-bank,.nav-item{gap:6px}.nav-item b{font-size:7px}}@media(max-height:720px)and (min-width:761px){.console-app{min-height:0;grid-template-rows:54px minmax(0,1fr) 52px;padding-bottom:7px;gap:6px}.console-view{padding:7px 9px}.helm-grid{gap:6px}.dial-bank{grid-template-rows:minmax(0,1fr) minmax(85px,.52fr) auto;padding:4px}.instrument-bezel{width:min(100%,205px);border-width:5px}.mini-bezel{min-height:82px;border-width:4px}.mini-bezel .dial-label{font-size:6px}.mini-bezel .dial-foot{font-size:4px}.tank-meter{padding:2px 4px;gap:2px}.meter-kind{width:12px;height:12px;font-size:7px}.meter-head b{font-size:6px}.meter-head small,.meter-reading span{font-size:4px}.meter-reading strong{font-size:14px}.meter-track{height:2px}.connection-box{min-height:34px}.hardware-button{padding:6px 8px}.switch-bank{gap:5px}.load-control{padding:5px}.load-control>i{width:27px;height:27px}}@media(max-width:760px){.console-app{height:auto;min-height:100svh;grid-template-rows:56px minmax(640px,1fr) 58px;padding:0 6px 6px}.header-instruments{gap:8px}.header-readout{gap:4px}.header-readout>i{font-size:15px}.header-readout b{font-size:7px}.header-readout small{font-size:6px}.brand-mark{width:32px;height:32px;font-size:16px}.brand strong{font-size:10px}.brand small{font-size:6px}.icon-button{width:32px;height:32px}.console-stage{min-height:640px}.console-view{padding:8px;overflow:auto}.helm-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:minmax(330px,1fr) minmax(330px,1fr);gap:7px}.dial-bank{grid-column:1;grid-row:1}.tank-bank{grid-column:1/3;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:25px repeat(4,minmax(48px,1fr))}.tank-bank-head{grid-column:1/3}.tank-meter{padding:5px}.helm-footer{grid-template-columns:1fr}.telemetry-note{max-width:none;text-align:left}.switch-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(65px,auto)}.console-view[data-view-panel=loads]{overflow:auto;grid-template-rows:auto 1fr auto}.tank-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(100px,1fr))}.sensor-detail-strip{grid-template-columns:repeat(2,1fr)}.navigation-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}.large-digital{min-height:150px}.alarm-board{grid-template-columns:1fr}.console-nav{position:sticky;bottom:4px;z-index:4;gap:4px;padding:2px;background:#12191add}.nav-item{flex-direction:column;gap:2px;min-height:52px}.nav-item span{font-size:15px}.nav-item b{font-size:6px}}@media(max-width:420px){.console-header{gap:6px;padding:0 3px}.header-instruments{gap:4px}.header-readout>i{font-size:12px}.header-readout b{font-size:6px}.header-readout small{font-size:5px}.brand{gap:5px}.brand-mark{width:28px;height:28px}.panel-topline{font-size:6px}.status-badge{font-size:6px;padding:4px}.helm-grid{grid-template-columns:1fr;grid-template-rows:340px 310px 380px}.dial-bank,.tank-bank{grid-column:1}.dial-bank{grid-row:1}.tank-bank{grid-row:3}.instrument-bezel{width:215px}.mini-bezel{min-height:90px}.tank-bank{grid-template-rows:25px repeat(4,minmax(55px,1fr))}.nav-item b,.sensor-detail-strip small{font-size:5px}}.console-view[data-view-panel=helm],.console-view[data-view-panel=loads]{grid-template-rows:auto minmax(0,1fr) auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.helm-grid{grid-template-columns:minmax(175px,.78fr) minmax(190px,.82fr) minmax(230px,1fr);grid-template-rows:minmax(0,1fr) minmax(0,.55fr);gap:8px}.helm-grid>.tank-bank{grid-column:3;grid-row:1}.helm-switch-console{grid-column:1/-1;grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:5px 7px;border:1px solid #9ca69b24;border-radius:8px;background:linear-gradient(145deg,#252f31,#151d20);box-shadow:inset 0 1px #ffffff0b,0 5px 10px #0003}.helm-switch-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 4px;color:#c3ccc0;font:7px var(--mono);letter-spacing:.1em}.helm-switch-heading>span{display:flex;align-items:center;gap:6px}.helm-switch-heading i{width:6px;height:6px;border-radius:50%;background:#b6c1b3;box-shadow:0 0 4px #b6c1b355}.helm-switch-heading small{font:6px var(--mono);color:#929c92;letter-spacing:.05em}#helm-switch-slot{min-height:0}.switch-bank{grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;padding:2px 0;min-height:0}.load-control{grid-template-columns:26px minmax(0,1fr) auto;grid-template-rows:1fr;gap:5px;padding:5px 6px;border-radius:6px;background:linear-gradient(150deg,#364041,#252e30 55%,#1b2325);box-shadow:inset 0 1px #ffffff1c,inset 0 -2px #0005,0 2px 4px #0007}.load-control>svg{grid-row:1;display:block;width:24px;height:24px;padding:4px;border:1px solid #7c8984;border-radius:50%;background:radial-gradient(circle at 34% 27%,#5b6865,#263031 70%);box-shadow:inset 0 1px 3px #fff2,0 1px 3px #0008;fill:none;stroke:#e0e7da;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.load-control>span{gap:2px;align-self:center}.load-control b{font:600 clamp(8px,.76vw,11px) "Barlow Condensed",sans-serif;line-height:1.05;white-space:normal}.load-control small{font-size:5px;line-height:1.1;letter-spacing:.03em}.load-control em{grid-column:3;grid-row:1;justify-self:end;padding:3px 4px;border-color:#737e76;background:#2c3532;color:#bac5b8;font-size:5px;white-space:nowrap}.load-control:hover{border-color:#afbd9f}.load-control:active{transform:translateY(1px)}.load-control.is-active{border-color:#83bf83;background:linear-gradient(145deg,#344c3d,#263d32 58%,#1c2c25);box-shadow:inset 0 1px #b4e1a522,inset 0 -2px #132219,0 0 9px #70ba7650,0 2px 4px #0008}.load-control.is-active>svg{border-color:#8fca88;background:radial-gradient(circle at 33% 26%,#72b875,#2c633e 70%);box-shadow:inset 0 1px 3px #ffffff45,0 0 8px #74cf7b66;stroke:#fff}.load-control.is-active em{border-color:#8bc991;background:#315d3b;color:#efffed;font-weight:600}.load-control.is-overdue{animation:overdue-flash 1s steps(1,end) infinite}.load-control.is-overdue>svg,.load-control.is-overdue em{animation:overdue-chip 1s steps(1,end) infinite}@keyframes overdue-flash{0%,49%{border-color:#7fc584;background:linear-gradient(145deg,#365443,#263d32 58%,#1c2c25);box-shadow:0 0 10px #61bf6655}50%,to{border-color:#e25d52;background:linear-gradient(145deg,#6a302b,#45211e 58%,#2b1918);box-shadow:0 0 11px #e5463d77}}@keyframes overdue-chip{0%,49%{background-color:#315d3b;border-color:#8bc991;color:#efffed}50%,to{background-color:#a73730;border-color:#ff9388;color:#fff}}.loads-zoom-view{grid-template-rows:auto minmax(0,1fr) auto!important}.loads-zoom-target{min-height:0;overflow:auto;padding:3px}.loads-zoom-target .switch-bank{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(60px,1fr));gap:9px}.loads-zoom-target .load-control{grid-template-columns:50px minmax(0,1fr) auto;gap:9px;padding:10px 12px}.loads-zoom-target .load-control>svg{width:46px;height:46px;padding:8px;stroke-width:1.8}.loads-zoom-target .load-control b{font-size:clamp(14px,1.45vw,20px)}.loads-zoom-target .load-control small{font-size:8px}.loads-zoom-target .load-control em{padding:5px 7px;font-size:7px}@media(max-width:1150px){.helm-grid{grid-template-columns:minmax(155px,.78fr) minmax(165px,.82fr) minmax(205px,1fr);gap:6px}.switch-bank{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.helm-switch-console{padding:4px 5px}.load-control{grid-template-columns:23px minmax(0,1fr) auto;gap:4px;padding:4px}.load-control>svg{width:21px;height:21px;padding:3px}.load-control b{font-size:8px}.load-control small{font-size:4px}.load-control em{font-size:4px;padding:2px 3px}}@media(max-height:720px)and (min-width:761px){.helm-grid{grid-template-rows:minmax(0,1fr) minmax(0,.5fr)}.switch-bank{grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px}.load-control{padding:3px 4px;grid-template-columns:21px minmax(0,1fr) auto;gap:3px}.load-control>svg{width:19px;height:19px;padding:3px}.load-control small{display:none}.helm-switch-heading{padding-bottom:2px}}@media(max-width:760px){.helm-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(310px,.8fr) minmax(310px,.8fr) minmax(440px,1.2fr);gap:7px}.helm-grid>.dial-bank{grid-column:1;grid-row:1}.helm-grid>.tank-bank{grid-column:1/-1;grid-row:2}.helm-grid>.helm-switch-console{grid-column:1/-1;grid-row:3}.switch-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(54px,auto);gap:6px}.load-control{grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding:6px}.load-control>svg{width:25px;height:25px;padding:4px}.load-control b{font-size:11px}.load-control small{font-size:6px}.load-control em,.helm-switch-heading small{font-size:5px}.loads-zoom-target .switch-bank{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(68px,auto)}.loads-zoom-target .load-control{grid-template-columns:36px minmax(0,1fr) auto;padding:8px}.loads-zoom-target .load-control>svg{width:34px;height:34px;padding:6px}.loads-zoom-target .load-control b{font-size:13px}.loads-zoom-target .load-control small{font-size:6px}}.helm-grid{grid-template-columns:minmax(250px,.92fr) minmax(0,2.08fr);grid-template-rows:minmax(0,1fr) minmax(132px,.5fr);gap:8px}.helm-grid>.dial-bank{grid-column:1;grid-row:1}.helm-grid>.tank-bank{grid-column:2;grid-row:1}.helm-grid>.helm-switch-console{grid-column:1/-1;grid-row:2}.dial-bank{grid-template-rows:minmax(0,1.15fr) minmax(76px,.5fr) auto;gap:5px}.small-dials{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mini-bezel{width:min(100%,124px);min-height:75px;border-width:4px}.mini-bezel .dial-label{top:15%;font-size:6px}.mini-number{font-size:clamp(15px,1.7vw,22px)}.mini-number small{font-size:7px}.mini-scale{width:52%;height:15px;margin:2px 0}.mini-scale:after{height:11px}.mini-bezel .dial-foot{bottom:10%;font-size:4px}.tank-bank{grid-template-rows:22px auto repeat(7,minmax(0,1fr));gap:4px;padding:7px}.fuel-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border:1px solid #ffffff18;border-radius:4px;background:linear-gradient(100deg,#111819,#202827);color:#d2dace}.fuel-summary>span{display:grid;gap:2px;min-width:0}.fuel-summary small{font:6px var(--mono);color:#99a398;letter-spacing:.08em}.fuel-summary b{font:600 clamp(10px,1.1vw,15px) var(--mono);color:#d9e6cf;white-space:nowrap}.fuel-summary>span:last-child b{color:#c6dda7}.fuel-summary b#fuel-runtime{font-size:clamp(9px,1vw,13px)}.tank-meter .meter-reading strong{font-size:clamp(15px,1.6vw,23px)}.tank-meter .meter-reading span{font-size:6px;letter-spacing:.02em}.tank-meter .meter-reading span b{font-weight:600;color:#d4dccd}.tank-meter .meter-reading strong small{font-size:8px}.console-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.settings-dialog{width:min(660px,calc(100vw - 28px));max-height:min(90svh,760px);padding:0;border:1px solid #87938a;border-radius:12px;background:linear-gradient(150deg,#293334,#141b1d);color:#e3e9df;box-shadow:0 25px 90px #000c,inset 0 1px #ffffff16}.settings-dialog::backdrop{background:#070b0de0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-dialog form{display:grid;gap:14px;padding:clamp(16px,4vw,26px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ffffff20}.settings-heading h2{margin:4px 0 0;font:600 24px Barlow Condensed,sans-serif;letter-spacing:.12em}.settings-close{width:38px;height:38px;border:1px solid #78837c;border-radius:50%;background:linear-gradient(#394343,#202828);color:#ecf0e8;font-size:24px;cursor:pointer}.settings-dialog fieldset{display:grid;gap:10px;margin:0;padding:12px;border:1px solid #ffffff24;border-radius:7px;background:#11181955}.settings-dialog legend{padding:0 5px;color:#b5c4a7;font:8px var(--mono);letter-spacing:.12em}.tank-capacity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.setting-field{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7ded3;font:11px Barlow Condensed,sans-serif}.engine-setting{max-width:310px}.setting-input{display:flex;align-items:center;gap:6px;min-width:110px;padding:4px 7px;border:1px solid #64716a;border-radius:4px;background:#0c1213}.setting-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e4eddc;font:13px var(--mono)}.setting-input b{color:#9faa9d;font:7px var(--mono);white-space:nowrap}.settings-note{margin:0;color:#a8b1a8;font:8px/1.5 var(--mono)}.settings-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.settings-actions .hardware-button{min-height:38px}.settings-save{border-color:#89ad7c;background:linear-gradient(#536447,#34432d);color:#f0f4e9}.settings-cancel{border-color:#59645e;background:linear-gradient(#394242,#232a2b)}@media(max-width:1150px){.helm-grid{grid-template-columns:minmax(220px,.92fr) minmax(0,2.08fr);grid-template-rows:minmax(0,1fr) minmax(150px,.57fr);gap:6px}.helm-grid>.dial-bank{grid-column:1;grid-row:1}.helm-grid>.tank-bank{grid-column:2;grid-row:1}.helm-grid>.helm-switch-console{grid-column:1/-1;grid-row:2}.tank-bank{padding:5px;gap:3px}.tank-meter{padding:3px 5px}.fuel-summary{padding:3px 6px}}@media(max-height:720px)and (min-width:761px){.helm-grid{grid-template-rows:minmax(0,1fr) minmax(118px,.44fr)}.dial-bank{grid-template-rows:minmax(0,1.1fr) minmax(62px,.44fr) auto;gap:3px}.instrument-bezel{width:min(100%,190px);border-width:5px}.mini-bezel{min-height:60px;border-width:3px}.mini-bezel .dial-label{font-size:5px}.mini-bezel .dial-foot{font-size:3px}.mini-number{font-size:14px}.tank-bank{grid-template-rows:18px auto repeat(7,minmax(0,1fr));gap:2px;padding:4px}.tank-meter{padding:2px 4px;gap:1px}.meter-kind{width:12px;height:12px;font-size:7px}.meter-head b{font-size:6px}.meter-head small,.tank-meter .meter-reading span{font-size:4px}.meter-reading strong,.tank-meter .meter-reading strong{font-size:13px}.meter-track{height:2px}.fuel-summary small{font-size:5px}.fuel-summary b{font-size:9px}.helm-switch-console{padding:3px 5px}.helm-switch-heading{padding-bottom:1px}}@media(max-width:760px){.helm-grid{grid-template-columns:1fr;grid-template-rows:minmax(380px,auto) minmax(650px,auto) auto;gap:8px}.helm-grid>.dial-bank{grid-column:1;grid-row:1}.helm-grid>.tank-bank{grid-column:1;grid-row:2}.helm-grid>.helm-switch-console{grid-column:1;grid-row:3}.dial-bank{grid-template-rows:minmax(0,1fr) 95px auto}.instrument-bezel{width:min(100%,225px)}.mini-bezel{min-height:80px}.tank-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:25px 54px repeat(4,minmax(57px,auto))}.tank-bank-head,.fuel-summary{grid-column:1/-1}.tank-meter{padding:5px}.fuel-summary{padding:7px 9px}.fuel-summary small{font-size:6px}.fuel-summary b{font-size:12px}.helm-switch-console{min-height:480px}.switch-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(56px,auto)}.console-nav{gap:3px}.nav-item{min-width:0}.nav-item b{font-size:5px}.settings-dialog form{gap:10px}.settings-dialog fieldset{padding:9px}.setting-field{font-size:10px}}@media(max-width:420px){.console-header{gap:5px}.header-instruments{gap:3px}.brand{gap:4px}.brand-mark{width:25px;height:25px}.brand strong{font-size:8px}.brand small{font-size:5px}.header-readout>i{font-size:10px}.header-readout b{font-size:5px}.header-readout small{font-size:4px}.console-grid{gap:5px}.helm-grid{grid-template-rows:minmax(355px,auto) minmax(650px,auto) auto}.dial-bank{padding:5px}.small-dials{gap:2px}.mini-bezel{min-height:72px}.mini-bezel .dial-label{font-size:5px}.mini-number{font-size:14px}.mini-bezel .dial-foot{font-size:3px}.tank-bank{grid-template-rows:22px 50px repeat(4,minmax(55px,auto));gap:3px}.tank-meter .meter-reading span{font-size:5px}.fuel-summary b{font-size:10px}.helm-switch-heading{font-size:6px}.helm-switch-heading small,.settings-nav-item b{font-size:4px}}@media(max-width:760px)and (orientation:portrait){.console-app{height:100svh;min-height:0;padding:0 3px 2px;grid-template-rows:44px minmax(0,1fr) 48px;gap:5px}.console-header{gap:5px;padding:0 3px}.header-instruments{gap:4px}.header-instruments .header-readout:not(:first-child){display:none}.brand{gap:5px}.brand-mark{width:27px;height:27px;font-size:14px}.brand strong{font-size:9px}.brand small{font-size:5px}.icon-button{width:30px;height:30px}.console-stage{min-height:0;padding:3px;border-radius:11px}.console-view{padding:4px;overflow:hidden}.console-view[data-view-panel=helm]{grid-template-rows:19px minmax(0,1fr) auto}.panel-topline{min-height:18px;padding:0 2px 3px;font-size:6px}.panel-clock{font-size:7px}.status-badge{padding:3px 4px;font-size:5px}.helm-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(128px,.9fr) minmax(148px,1fr) minmax(198px,1.35fr);gap:4px;padding:2px 0;overflow:auto}.helm-grid>.dial-bank{grid-column:1;grid-row:1}.helm-grid>.tank-bank{grid-column:1;grid-row:2}.helm-grid>.helm-switch-console{grid-column:1;grid-row:3}.dial-bank{grid-template-columns:minmax(112px,.78fr) minmax(0,1.22fr);grid-template-rows:minmax(0,1fr) auto;gap:3px;padding:3px}.main-fuel-instrument{grid-column:1;grid-row:1/3}.instrument-bezel{width:min(100%,126px);border-width:4px}.instrument-bezel:after{top:4px;right:4px;bottom:4px;left:4px}.dial-label{font-size:6px}.dial-foot{font-size:4px}.small-dials{grid-column:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px}.mini-bezel{width:100%;min-height:0;height:100%;border-width:3px}.mini-bezel .dial-label{top:12%;font-size:5px}.mini-number{font-size:14px}.mini-number small{font-size:6px}.mini-scale{height:10px;margin:1px 0}.mini-scale:after{height:8px}.mini-bezel .dial-foot{bottom:8%;font-size:3px}.sensor-strip{grid-column:2;grid-row:2;min-height:24px;padding:3px 4px;gap:4px}.sensor-strip b{font-size:5px}.sensor-strip small{font-size:4px}.sensor-reading{font-size:6px}.tank-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:16px 26px repeat(4,minmax(0,1fr));gap:2px;padding:3px}.tank-bank-head{grid-column:1/-1;font-size:6px}.tank-bank-head b{font-size:5px}.fuel-summary{grid-column:1/-1;padding:2px 5px;gap:4px}.fuel-summary small{font-size:4px}.fuel-summary b,.fuel-summary b#fuel-runtime{font-size:8px}.tank-meter{grid-template-rows:auto 1fr 2px;gap:1px;padding:2px 3px}.meter-kind{width:11px;height:11px;font-size:6px}.meter-head{gap:3px}.meter-head b{font-size:5px}.meter-head small{font-size:4px}.tank-meter .meter-reading{gap:2px}.tank-meter .meter-reading strong{font-size:11px}.tank-meter .meter-reading strong small{font-size:6px}.tank-meter .meter-reading span{font-size:4px}.meter-track{height:2px}.helm-switch-console{min-height:0;padding:2px 3px;grid-template-rows:auto minmax(0,1fr)}.helm-switch-heading{gap:3px;padding:0 1px 2px;font-size:5px}.helm-switch-heading small{font-size:4px}.switch-bank{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:2px;padding:1px 0}.load-control{grid-template-columns:16px minmax(0,1fr);grid-template-rows:1fr;gap:2px;padding:2px 3px;border-radius:4px}.load-control>svg{width:15px;height:15px;padding:2px}.load-control b{font-size:6px;line-height:1.05}.load-control small,.load-control em{display:none}.helm-footer{grid-template-columns:1fr;gap:0}.connection-box{min-height:22px;padding:2px 4px;gap:5px}.connection-box>b,.connection-box span b{font-size:5px}.connection-box small{font-size:4px}.hardware-button{padding:4px 5px;font-size:5px}.telemetry-note{display:none}.console-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:2px}.nav-item{min-height:42px;gap:2px;padding:3px 1px}.nav-item span{font-size:12px}.nav-item b{font-size:4px;letter-spacing:0}.settings-dialog{max-height:calc(100svh - 24px)}}@media(max-width:760px)and (orientation:portrait){.tank-bank-head{font-size:7px}.fuel-summary small{font-size:5px}.meter-head b{font-size:6px}.meter-head small,.tank-meter .meter-reading span{font-size:5px}.load-control>svg{width:17px;height:17px;padding:2px}.load-control b{font-size:7px}.helm-switch-heading{font-size:6px}.helm-switch-heading small,.nav-item b{font-size:5px}}.overview-view{grid-template-rows:24px minmax(0,1fr)}.overview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,3vh,28px);padding:clamp(14px,3vw,42px);min-height:0;background:radial-gradient(ellipse at 50% 18%,#303c3d 0,#202a2c 48%,#151d1f);border:1px solid #78837a55;border-radius:9px;box-shadow:inset 0 0 45px #0005}.overview-title{text-align:center;border-bottom:1px solid #aab5a522;padding-bottom:clamp(12px,3vh,30px)}.overview-title h1{margin:7px 0 4px;font:600 clamp(20px,4vw,39px) "Barlow Condensed",sans-serif;letter-spacing:.1em;color:#e7ede3}.overview-title p{margin:0;color:#94a198;font:clamp(8px,1.1vw,11px) var(--mono);letter-spacing:.06em}.overview-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(7px,1.6vw,16px);min-height:0;max-width:920px;width:100%;margin:auto}.overview-readout{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(10px,2vw,24px);min-height:0;border:1px solid #83908850;border-radius:7px;background:linear-gradient(145deg,#283334,#182122);box-shadow:inset 0 1px #ffffff12,0 6px 15px #0004}.overview-readout>small{color:#9eaba1;font:clamp(7px,.8vw,9px) var(--mono);letter-spacing:.12em}.overview-readout>strong{font:600 clamp(17px,2.7vw,29px) "Barlow Condensed",sans-serif;letter-spacing:.07em;color:#e4e9df}.overview-readout>span{color:#a4afa5;font:clamp(8px,.9vw,10px) var(--mono)}.overview-readout>em{color:#b6c994;font:clamp(9px,1.1vw,12px) var(--mono);font-style:normal}.overview-readout .hardware-button{align-self:flex-start;margin-top:4px}.overview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #aab5a522;color:#a6b0a6;font:7px var(--mono);letter-spacing:.04em}.overview-footer>span{display:flex;align-items:center;gap:6px}.overview-footer>span small{color:#828f87}.overview-footer>span em{font-style:normal;color:#d0d8ce;margin-left:4px}.overview-footer>small{color:#89958c}.loads-zoom-view{grid-template-rows:auto minmax(0,1fr) auto}.loads-zoom-target{min-height:0;overflow:auto;padding:6px 2px}.loads-zoom-target .switch-bank{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(84px,1fr);gap:12px}.loads-zoom-target .load-control{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:12px 16px}.loads-zoom-target .load-control>svg{width:45px;height:45px;padding:9px}.loads-zoom-target .load-control b{font-size:clamp(12px,1.5vw,19px)}.loads-zoom-target .load-control small,.loads-zoom-target .load-control em{font-size:8px}.navigation-instruments.helm-instruments-only{height:100%;min-height:0;grid-template-columns:minmax(210px,1.2fr) repeat(2,minmax(130px,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(7px,1.4vw,14px);align-items:stretch;overflow:auto;padding:8px 2px}.fuel-gauge-modern{position:relative;grid-row:1/3;align-self:center;justify-self:center;width:min(100%,min(48vh,460px));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,#344244,#192224 64%,#111819);border:1px solid #87918a;box-shadow:inset 0 2px 12px #ffffff25,inset 0 -12px 24px #000b,0 8px 20px #0008,0 0 0 6px #293234,0 0 0 8px #59635f}.fuel-gauge-modern:after{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px solid #c2cdc51f;border-radius:50%;pointer-events:none}.fuel-arc{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%;overflow:visible;transform:rotate(-90deg)}.fuel-arc-track,.fuel-arc-value{fill:none;stroke-width:5}.fuel-arc-track{stroke:#43504d}.fuel-arc-value{stroke:#b8d58e;stroke-linecap:round;stroke-dasharray:0 603.2;filter:drop-shadow(0 0 5px #a8d48299);transition:stroke-dasharray .5s ease,stroke .3s ease}.fuel-gauge-label{position:absolute;top:17%;z-index:1;color:#c6d2c8;font:600 clamp(8px,1vw,12px) var(--mono);letter-spacing:.18em}.fuel-gauge-readouts{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.3vh,13px);text-align:center;padding-top:12px}.fuel-gauge-readouts strong{color:#f2f4ec;font:500 clamp(34px,6vw,66px) var(--mono);line-height:1}.fuel-gauge-litres{color:#dae3d9;font:500 clamp(12px,1.6vw,18px) var(--mono)}.fuel-gauge-readouts b{color:#b9d492;font:500 clamp(11px,1.4vw,16px) var(--mono)}.fuel-gauge-readouts small{color:#89988c;font:clamp(6px,.75vw,8px) var(--mono);letter-spacing:.09em}.large-digital{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(10px,2vw,23px);border:1px solid #75817b66;border-radius:7px;background:linear-gradient(145deg,#293536,#182123);box-shadow:inset 0 1px #ffffff16,inset 0 -12px 20px #0003,0 5px 12px #0004}.large-digital>small{color:#9aa99d;font:clamp(7px,.8vw,9px) var(--mono);letter-spacing:.12em}.large-digital>strong{color:#e6ecdf;font:500 clamp(25px,4vw,48px) var(--mono)}.large-digital>strong em{font:9px var(--mono);color:#aab5a9;font-style:normal;margin-left:5px}.large-digital>span{color:#87938a;font:clamp(6px,.65vw,8px) var(--mono);letter-spacing:.05em}@media(max-width:760px){.overview-panel{gap:10px;padding:10px}.overview-title{padding-bottom:9px}.overview-title h1{font-size:20px}.overview-title p{font-size:7px}.overview-status-grid{gap:6px}.overview-readout{gap:5px;padding:8px}.overview-readout>strong{font-size:17px}.overview-footer{flex-wrap:wrap;gap:5px;padding-top:6px;font-size:5px}.overview-footer>small:last-child{display:none}.loads-zoom-target .switch-bank{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(60px,1fr);gap:5px}.loads-zoom-target .load-control{grid-template-columns:30px minmax(0,1fr) auto;padding:6px;gap:5px}.loads-zoom-target .load-control>svg{width:29px;height:29px;padding:5px}.loads-zoom-target .load-control b{font-size:10px}.loads-zoom-target .load-control small{font-size:6px}.loads-zoom-target .load-control em{font-size:5px}.navigation-instruments.helm-instruments-only{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.25fr) repeat(3,minmax(62px,.7fr));gap:5px;padding:3px;overflow:auto}.fuel-gauge-modern{grid-row:1;grid-column:1/-1;width:min(100%,min(31vh,270px));max-height:100%;border-width:1px;box-shadow:inset 0 2px 9px #ffffff25,inset 0 -8px 18px #000b,0 4px 12px #0008,0 0 0 4px #293234,0 0 0 5px #59635f}.fuel-gauge-modern:after{top:8px;right:8px;bottom:8px;left:8px}.fuel-gauge-label{top:15%;font-size:7px}.fuel-gauge-readouts{gap:5px;padding-top:8px}.fuel-gauge-readouts strong{font-size:38px}.fuel-gauge-litres{font-size:11px}.fuel-gauge-readouts b{font-size:10px}.fuel-gauge-readouts small{font-size:5px}.large-digital{gap:4px;padding:7px}.large-digital>strong{font-size:23px}.large-digital>small{font-size:6px}.large-digital>span{font-size:5px}}.helm-home{grid-template-rows:45px minmax(0,1fr);gap:6px;padding:8px;background:linear-gradient(145deg,#10191e,#071117 55%,#101c21);border-color:#40535b;box-shadow:inset 0 0 28px #0008,inset 0 1px #d1f8ff12}.helm-topline{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px);padding:0 10px;border-bottom:1px solid #3f5c68;color:#cce0e8;font:8px var(--mono);letter-spacing:.08em}.helm-brand{display:flex;align-items:baseline;gap:8px;margin-right:auto}.helm-brand>b{font:italic 800 25px Barlow Condensed,sans-serif;color:#e3f7ff;letter-spacing:-.08em}.helm-brand>strong{font:italic 600 15px Barlow Condensed,sans-serif;color:#d4e6ed;letter-spacing:.04em}.helm-brand>small{padding-left:8px;border-left:1px solid #52717c;color:#89a6b1;font-size:6px}.helm-topline>.panel-clock{font:500 11px var(--mono);color:#aeeafa}.helm-link{display:flex;align-items:center;gap:7px;line-height:1.35;white-space:nowrap;color:#d6e6eb}.helm-link>i{width:9px;height:9px;border-radius:50%;background:#d49e4f;box-shadow:0 0 9px #d49e4f99}.helm-link .cyan-led{background:#34cee8;box-shadow:0 0 9px #34cee899}.helm-link span{font:7px var(--mono);letter-spacing:.06em}.helm-link small{color:#91a6ad;font-size:6px}.helm-dashboard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(225px,.76fr);grid-template-rows:minmax(0,1.12fr) minmax(0,.8fr);grid-template-areas:"status nav tanks" "status events tanks";gap:8px;min-height:0;overflow:hidden;padding:2px}.helm-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #31505d;border-radius:7px;background:linear-gradient(150deg,#0e1c23,#09151b 60%,#0c191e);box-shadow:inset 0 1px #c0ecf411,inset 0 0 20px #0005,0 3px 8px #0006}.helm-panel>header{display:flex;align-items:center;gap:8px;min-height:39px;padding:5px 9px;border-bottom:1px solid #29434d;background:linear-gradient(90deg,#13252c,#0e1d23);color:#d9e8ed}.helm-panel>header>span:nth-child(2){display:grid;gap:2px;min-width:0}.helm-panel>header>span:nth-child(2)>b{font:600 clamp(8px,.85vw,11px) "Barlow Condensed",sans-serif;letter-spacing:.07em}.helm-panel>header>span:nth-child(2)>small{color:#87a0a8;font:6px var(--mono);letter-spacing:.03em}.panel-symbol{width:21px;height:21px;display:grid;place-items:center;border:1px solid #478897;border-radius:50%;color:#7ce0ec;font:13px Segoe UI,sans-serif}.panel-symbol.cyan{color:#38cee7;border-color:#257b8a}.alert-symbol{color:#ff735e;border-color:#965144}.panel-link{margin-left:auto;display:flex;align-items:center;gap:5px;border:1px solid #294b57;border-radius:3px;padding:5px 7px;background:#13252b;color:#9fbdc5;font:6px var(--mono);letter-spacing:.04em;cursor:pointer}.panel-link b{font-size:13px;color:#54cde0}.vessel-status-panel{grid-area:status}.vessel-status-panel>header{min-height:45px}.vessel-status-panel>header>span:nth-child(2)>b{font-size:11px}.ok-chip{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #765d3a;border-radius:4px;color:#e6c48b;font:6px var(--mono);white-space:nowrap}.ok-chip i{width:6px;height:6px;border-radius:50%;background:#d1a252;box-shadow:0 0 6px #d1a252}.vessel-status-core{position:relative;flex:1;min-height:140px;margin:6px 8px;border:1px solid #203944;border-radius:5px;background:radial-gradient(ellipse at 50% 50%,#102831 0,#0b1b22 44%,#09151a);overflow:hidden}.vessel-status-core:before,.vessel-status-core:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #3bb9cc27;border-radius:50%;pointer-events:none}.vessel-status-core:before{width:min(53%,230px);aspect-ratio:1}.vessel-status-core:after{width:min(37%,155px);aspect-ratio:1;border-color:#6fdce525}.vessel-status-mark{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;border:1px solid #3e8993;border-radius:50%;background:radial-gradient(circle at 35% 28%,#214550,#0b1c22 74%);box-shadow:0 0 25px #20aabc30,inset 0 2px 9px #b8fbff22;color:#c9e9ec;font:italic 800 27px Barlow Condensed,sans-serif}.status-callout{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;max-width:45%;color:#d7e5e9}.status-callout>i{width:29px;height:29px;display:grid;place-items:center;border:1px solid #21a6b9;border-radius:50%;background:#0b2027;color:#4de0ee;font:16px Segoe UI,sans-serif;font-style:normal}.status-callout>span{display:grid;gap:3px}.status-callout b{font:6px var(--mono);letter-spacing:.07em}.status-callout small{color:#49d5e5;font:6px var(--mono)}.status-callout small strong{color:#e3c180;font-weight:500}.callout-top{top:8%;left:50%;transform:translate(-50%)}.callout-left{left:5%;top:43%}.callout-right{right:4%;top:43%}.callout-bottom{left:50%;bottom:7%;transform:translate(-50%)}.panel-footer{display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 9px;border-top:1px solid #29434d;color:#adc0c5;font:6px var(--mono)}.panel-footer>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.panel-footer>span b{font-weight:500}.panel-footer>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80989e}.panel-footer>em{margin-left:auto;color:#b5cdd2;font-style:normal;white-space:nowrap}.navigation-preview-panel{grid-area:nav}.speed-instrument{position:relative;flex:1;min-height:90px;display:grid;place-items:center;overflow:hidden}.speed-instrument svg{position:absolute;left:50%;top:1%;width:min(90%,330px);height:96%;transform:translate(-50%)}.speed-track,.speed-value{fill:none;stroke-width:10;stroke-linecap:round}.speed-track{stroke:#18353e}.speed-value{stroke:#19c9e5;stroke-dasharray:0 402;filter:drop-shadow(0 0 5px #22d8edaa)}.speed-ticks{fill:none;stroke:#76aeb9;stroke-width:2;stroke-linecap:round;opacity:.75}.speed-reading{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;margin-top:24px}.speed-reading>strong{font:500 clamp(31px,4.5vw,57px) var(--mono);line-height:1;color:#edf7f7;text-shadow:0 0 12px #30b4c055}.speed-reading>strong small{margin-left:5px;color:#adc4c8;font:9px var(--mono)}.speed-reading>span{color:#87a2a8;font:6px var(--mono);letter-spacing:.09em}.nav-mini-readouts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #29434d;border-bottom:1px solid #29434d}.nav-mini-readouts>div{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 9px}.nav-mini-readouts>div+div{border-left:1px solid #29434d}.nav-mini-readouts>div>i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #217f8e;border-radius:50%;color:#38ccdd;font:15px Segoe UI,sans-serif;font-style:normal}.nav-mini-readouts span{display:grid;gap:2px}.nav-mini-readouts small{color:#8aa5ab;font:6px var(--mono)}.nav-mini-readouts b{font:500 13px var(--mono);color:#dce9e9}.nav-mini-readouts em{color:#799198;font:5px var(--mono);font-style:normal}.nav-energy{display:flex;align-items:center;gap:8px;padding:7px 10px}.battery-icon{font-size:18px;color:#27c5dc}.nav-energy>span:nth-child(2){display:grid;gap:3px}.nav-energy>span:nth-child(2)>b{font:6px var(--mono);color:#d6e6e8}.nav-energy>span:nth-child(2)>small{font:5px var(--mono);color:#829ba1}.nav-energy>strong{margin-left:auto;color:#d5e6e8;font:14px var(--mono)}.nav-energy>strong small{font-size:7px;color:#91a7ac}.tanks-preview-panel{grid-area:tanks}.tanks-preview-panel>header{min-height:45px}.preview-tank-list{display:flex;flex:1;flex-direction:column;justify-content:center;gap:clamp(4px,.8vh,9px);min-height:0;padding:7px 8px}.preview-tank{display:grid;grid-template-columns:15px minmax(52px,.7fr) minmax(30px,1fr) 31px;grid-template-rows:auto auto;align-items:center;gap:3px 5px;min-width:0}.preview-tank>i{grid-row:1/3;color:#e6bd70;font:11px Segoe UI,sans-serif;font-style:normal;text-align:center}.preview-tank>b{grid-row:1/3;overflow:hidden;color:#d4e1e3;font:6px var(--mono);white-space:nowrap}.preview-tank>strong{text-align:right;color:#dce9e7;font:600 7px var(--mono)}.preview-tank>small{grid-column:3/5;color:#84999d;font:5px var(--mono);text-align:right;white-space:nowrap}.preview-tank>small b{font-weight:400}.preview-track{height:8px;grid-column:3;grid-row:1;overflow:hidden;border:1px solid #3e6064;border-radius:6px;background:#172a30;box-shadow:inset 0 1px 3px #0009}.preview-track>i{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#18b9d1,#5ae6d0);box-shadow:0 0 7px #16cee688;transition:width .4s}.preview-tank.water>i{color:#25cae2}.preview-tank.waste>i{color:#ef9b55}.tank-list-divider{height:1px;margin:2px 0;background:#31505a}.fuel-endurance{display:grid;grid-template-columns:1fr 1.1fr;gap:6px;padding:7px 9px;border-top:1px solid #31505a;background:linear-gradient(90deg,#11272d,#0b1c21)}.fuel-endurance span{display:grid;gap:3px;min-width:0}.fuel-endurance span+span{padding-left:7px;border-left:1px solid #36545a}.fuel-endurance small{color:#92abb0;font:5px var(--mono);letter-spacing:.06em}.fuel-endurance b{color:#c6e8db;font:600 clamp(8px,1vw,12px) var(--mono);white-space:nowrap}.event-preview-panel{grid-area:events}.event-row{display:flex;align-items:center;gap:7px;flex:1;min-height:30px;padding:4px 9px;border-bottom:1px solid #233b43}.event-row>i{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid #3a7885;border-radius:50%;color:#52c9d8;font:10px var(--mono);font-style:normal}.event-row>span{display:grid;gap:2px;min-width:0}.event-row b{color:#d5e1e2;font:6px var(--mono)}.event-row small{overflow:hidden;color:#82999d;font:5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.event-row time{margin-left:auto;color:#7e999e;font:6px var(--mono)}.event-connect{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px}.event-connect>span{display:flex;align-items:center;gap:5px;min-width:0}.event-connect>span b{overflow:hidden;color:#98adb0;font:5px var(--mono);white-space:nowrap;text-overflow:ellipsis}.event-connect .hardware-button{padding:6px;font-size:6px}.event-preview-panel>.telemetry-note{padding:0 8px 5px;color:#728a8e;font:5px var(--mono)}@media(max-width:900px)and (min-width:601px){.helm-home{padding:5px}.helm-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:minmax(0,1fr) minmax(0,.75fr) minmax(0,.82fr);grid-template-areas:"status tanks" "nav tanks" "events events";gap:5px}.vessel-status-core{min-height:90px}.tanks-preview-panel .preview-tank-list{gap:4px}.preview-tank{grid-template-columns:13px minmax(43px,.7fr) minmax(25px,1fr) 27px;gap:2px}.helm-topline{gap:9px}.helm-link{font-size:6px}}@media(max-width:600px){.helm-home{grid-template-rows:36px minmax(0,1fr);gap:3px;padding:4px}.helm-topline{gap:8px;padding:0 4px}.helm-brand>b{font-size:20px}.helm-brand>strong{font-size:12px}.helm-brand>small{display:none}.helm-topline>.panel-clock{font-size:9px}.helm-link{gap:4px}.helm-link>i{width:7px;height:7px}.helm-link span,.helm-link small{font-size:5px}.voltage-link{display:none}.helm-dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(205px,auto) minmax(230px,auto) minmax(320px,auto) minmax(190px,auto);grid-template-areas:"status" "nav" "tanks" "events";gap:6px;overflow:auto;padding:2px 1px 12px}.helm-panel{min-height:0}.helm-panel>header{min-height:34px;padding:4px 7px}.helm-panel>header>span:nth-child(2)>b{font-size:8px}.helm-panel>header>span:nth-child(2)>small{font-size:5px}.panel-symbol{width:19px;height:19px}.panel-link{font-size:5px;padding:4px 5px}.vessel-status-panel>header{min-height:36px}.vessel-status-core{min-height:128px;margin:4px 6px}.vessel-status-mark{width:52px;height:52px;font-size:20px}.status-callout>i{width:23px;height:23px;font-size:13px}.status-callout b,.status-callout small{font-size:5px}.callout-left{left:3%}.callout-right{right:3%}.panel-footer{min-height:25px;gap:5px;padding:3px 6px;font-size:5px}.panel-footer>small{max-width:45%;font-size:5px}.speed-instrument{min-height:115px}.nav-mini-readouts>div{min-height:38px;padding:4px 7px}.nav-energy{padding:5px 8px}.tanks-preview-panel .preview-tank-list{gap:8px;padding:9px 10px}.preview-tank{grid-template-columns:20px minmax(85px,.8fr) minmax(55px,1fr) 38px;gap:4px 7px}.preview-tank>i{font-size:13px}.preview-tank>b{font-size:7px}.preview-tank>strong{font-size:8px}.preview-tank>small{font-size:6px}.preview-track{height:9px}.fuel-endurance{padding:8px 10px}.fuel-endurance small{font-size:6px}.fuel-endurance b{font-size:11px}.event-row{min-height:34px;padding:5px 8px}.event-row b{font-size:7px}.event-row small{font-size:6px}.event-connect>span b{font-size:6px}.event-connect .hardware-button{font-size:5px}.event-preview-panel>.telemetry-note{font-size:5px}}@media(max-width:760px)and (orientation:portrait){.console-view.helm-home{grid-template-rows:36px minmax(0,1fr)}}.console-header{display:none}.console-app{grid-template-rows:minmax(0,1fr) 62px;gap:8px}.console-stage{min-height:0}.nav-item.active{border-color:#38bfd2;background:linear-gradient(145deg,#19414a,#10272f 60%,#0c1b21);color:#e5fbff;box-shadow:inset 0 1px #a4f6ff36,0 0 12px #26b8cd20}.nav-item.active span{color:#4ed9e9}@media(max-width:760px){.console-app{grid-template-rows:minmax(0,1fr) 48px;gap:4px;padding:3px 3px 2px}}