:root{--bg:#050d15;--panel:#0a1824;--line:#1c3446;--text:#d8e8f2;--dim:#7e98aa;--live:#4fd1e6;--order:#f0b441;--alarm:#ff5a4e;--ok:#5fd08a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.num{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}button,select{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;background:#0f2332;border-radius:4px;padding:4px 9px}button:hover{border-color:var(--live)}button.on{border-color:var(--order);color:var(--order);background:#2a2010}button:disabled{opacity:.4;cursor:default}.badge{border:1px solid var(--line);color:var(--dim);border-radius:10px;padding:2px 8px;font-size:12px}.panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.panel.nav{border-right:none;border-left:1px solid var(--line)}.panel header{justify-content:space-between;align-items:baseline;display:flex}.panel h2{letter-spacing:.18em;color:var(--live);margin:0;font-size:14px}.panel h3{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:4px 0 0;font-size:11px}.small{color:var(--dim);font-size:12px}.small b{color:var(--text);font-weight:500}.alarm-banner{border:1px solid var(--alarm);color:var(--alarm);letter-spacing:.08em;background:#3a0d0b;border-radius:4px;padding:5px 8px;font-weight:600;animation:1s steps(2,start) infinite blink}@keyframes blink{to{background:#1d0706}}.dive-top,.nav-top{align-items:flex-start;gap:10px;display:flex}.depth-block{gap:6px;display:flex}.readout{flex-direction:column;gap:4px;display:flex}.readout .big{color:var(--live);font-size:30px;line-height:1}.readout .unit{color:var(--dim);margin-top:-4px}.attitude-block{flex-direction:column;align-items:center;gap:4px;display:flex}svg .tape-bg{fill:#06121b;stroke:var(--line)}svg .tick{stroke:var(--dim);stroke-width:1px}svg .tick-label{fill:var(--dim);font-size:13px}svg .lubber{stroke:var(--live);stroke-width:2px}svg .ordered-bug{fill:none;stroke:var(--order);stroke-width:2px}svg .rate-bar{stroke:var(--live);stroke-width:5px;opacity:.6}.tape{width:90px;height:212px}.attitude{width:128px;height:128px}svg .sky{fill:#1a5f86}svg .ground{fill:#0b2332}svg .horizon{stroke:#e7f5ff;stroke-width:1.5px}svg .ladder{stroke:#cfe7f3;stroke-width:.8px}svg .ladder-label{fill:#cfe7f3;font-size:7px}svg .ring{fill:none;stroke:var(--line);stroke-width:3px}svg .boat-mark{fill:none;stroke:var(--order);stroke-width:2.5px}.compass .boat-mark{fill:var(--live);stroke:none;opacity:.8}.compass{width:150px;height:150px}.compass .cardinal{fill:var(--text);font-size:13px;font-weight:600}.compass .big-center{fill:var(--live);font-size:15px}.order-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.angle .row{align-items:baseline;gap:8px;display:flex}.angle .row span:first-child{color:var(--dim);flex:1}.angle svg{width:100%;height:24px}.angle .scale{stroke:var(--line);stroke-width:4px}.angle .zero{stroke:var(--dim)}.angle .command{stroke:var(--order);stroke-width:3px}.angle .needle{fill:var(--live)}.angle.alarm .needle{fill:var(--alarm)}.angle .badge{color:var(--alarm);border-color:var(--alarm)}.mimic svg{width:100%}.mimic .hull-outline{fill:#0c1e2b;stroke:#36546a;stroke-width:2px}.mimic .tank{fill:#0a1822;stroke:#4a6a80}.mimic .water{fill:#1f7fb0}.mimic .tank-label{fill:#e7f5ff;font-family:ui-monospace,Menlo,monospace;font-size:12px}.mimic .valve{cursor:pointer}.mimic .valve rect{fill:#1a2a36;stroke:var(--dim)}.mimic .valve text{fill:var(--dim);font-size:9px}.mimic .valve.open rect{fill:var(--ok);stroke:var(--ok)}.mimic .valve.blow.open rect{fill:var(--order);stroke:var(--order)}.mimic .valve:hover rect{stroke:var(--live)}.trim{justify-content:space-between;gap:10px;display:flex}.trim-tank{color:var(--dim);flex-direction:column;align-items:center;font-size:11px;display:flex}.trim-tank .bar{background:#0a1822;border:1px solid #4a6a80;align-items:flex-end;width:18px;height:46px;display:flex}.trim-tank .bar>div{background:#1f7fb0;width:100%}.trim-tank .bar.air>div{background:#b8c7d2}.emergency .cover{border:2px dashed var(--alarm);width:100%;color:var(--alarm);background:#1d0907;padding:8px;font-weight:600}.emergency .fire{border:2px solid var(--alarm);background:var(--alarm);color:#1a0503;width:100%;padding:8px;font-weight:700}.telegraph{grid-template-columns:1fr 1fr;gap:5px;display:grid}.track{border:1px solid var(--line);background:#06121b;width:100%}.track .track-line{fill:none;stroke:var(--live);stroke-width:1.5px}.track .track-boat{fill:var(--order)}svg .zone-caution{fill:#f0b4418c}svg .zone-danger{fill:#ff5a4eb3}.readout .big.zone-caution{color:var(--order)}.readout .big.zone-danger{color:var(--alarm)}.alarm-banner.caution{border-color:var(--order);color:var(--order);background:#2a2010;animation:none}.level{width:128px;height:72px}svg .level-body{fill:#0b2332;stroke:var(--line)}svg .level-mark{stroke:var(--dim);stroke-width:1px}svg .bubble{fill:#5fd08acc;stroke:#d8ffe6}.mimic .end-label{fill:var(--dim);letter-spacing:.12em;font-size:11px}.mimic .leak-zone{fill:none;stroke:#36546a;stroke-dasharray:3 3}.mimic .leak-zone.open{fill:#ff5a4e40;stroke:var(--alarm)}.mimic .bank{fill:#b8c7d2;stroke:#e7f5ff}.mimic .bank-label{fill:#06121b;font-family:ui-monospace,Menlo,monospace;font-size:8px}.estimate{border:1px dashed var(--line);border-radius:4px;padding:6px 8px}.estimate h3{margin:0 0 2px}.track{cursor:crosshair}svg .waypoint{fill:none;stroke:var(--order);stroke-width:2px}svg .current{stroke:var(--ok);stroke-width:2px}svg .current-head{fill:var(--ok)}.waypoint-row{justify-content:space-between}.panel.dive{overflow:hidden}.dive-fixed{flex-direction:column;flex:none;gap:6px;display:flex}.dive-fixed.bottom:empty{display:none}.dive-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden auto}