:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172b3a;background:#edf2f6;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #bbcad4;border-radius:8px;background:#fff;color:#203b50;min-height:42px;padding:9px 13px;font-size:.875rem;font-weight:600;transition:background .15s}button:hover{background:#e3eef6}button:focus-visible,input:focus-visible,select:focus-visible,#viewport:focus-visible{outline:3px solid #008aaf;outline-offset:3px}button[aria-pressed=true]{background:#d9edf4;border-color:#167b98;color:#09536c}button:disabled{opacity:.55;cursor:not-allowed}header{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff;border-bottom:1px solid #ccd8e0;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brandmark{background:#123d55;color:#6bddda;width:44px;height:44px;display:grid;place-items:center;font-size:36px;border-radius:10px}h1{font-size:1.22rem;margin:0;font-weight:650;letter-spacing:-.02em}header p{margin:4px 0 0;color:#5c7180;font-size:.875rem}.header-actions{display:flex;align-items:center;gap:18px}.badge{font-size:.75rem;color:#206577;letter-spacing:.07em;font-weight:700}.lang{display:flex;gap:4px}.lang button{padding:7px 10px;min-height:36px}main{max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:20px 24px}.workspace{min-width:0}.scene-panel{background:#dce7ee;border:1px solid #bccdd8;border-radius:14px;position:relative;overflow:hidden}#viewport{height:470px;position:relative;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-top{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:2;pointer-events:none;font-size:.8rem;font-weight:700;color:#325164}#runstatus{padding:7px 10px;background:#ffffffdb;border-radius:5px}#clock{padding:7px 10px;background:#ffffffdb;border-radius:5px;font-variant-numeric:tabular-nums}.viewtools{position:absolute;top:65px;left:18px;z-index:2;display:flex;gap:6px}.viewtools button{background:#ffffffe8;font-size:.8rem;min-height:34px;padding:6px 10px}.scene-bottom{display:flex;gap:14px;justify-content:space-between;padding:12px 17px;font-size:.75rem;background:#f5f9fbbb;color:#466170;border-top:1px solid #c4d4de}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#dce7ee;z-index:4;padding:30px;text-align:center}#loading[hidden]{display:none}.telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.telemetry article{background:#fff;border:1px solid #cbd7df;border-top:3px solid #23728e;border-radius:9px;padding:14px;min-width:0}.telemetry article>span{display:block;color:#516674;font-size:.8rem;min-height:30px}.telemetry strong{display:block;font-size:1.65rem;font-weight:650;margin:3px 0 7px;font-variant-numeric:tabular-nums;white-space:nowrap}.telemetry small{font-size:.8rem;font-weight:500}.telemetry em{font-size:.75rem;font-style:normal;color:#41647a;display:block}.telemetry article.alarm{border-color:#df7655;background:#fff4ee}.telemetry article.alarm strong{color:#b84320}.telemetry article.stale{border-color:#75828e;background:#f2f4f6}.compartments,.details{margin-top:17px}.compartments h2{font-size:.875rem;margin-bottom:10px}.compartments #room-buttons{display:flex;flex-wrap:wrap;gap:6px}.compartments button{min-height:35px;font-size:.8rem;padding:7px 10px}.details{background:white;border:1px solid #cbd7df;border-radius:10px;padding:17px 19px;display:flex;gap:25px;justify-content:space-between}.eyebrow{font-size:.7rem;color:#5a7181;letter-spacing:.08em}.details h2{font-size:1.15rem;margin:6px 0 8px}.details p{font-size:.875rem;line-height:1.5;color:#506572;margin:0;max-width:650px}.detail-reading{min-width:120px;text-align:right;align-self:center}.detail-reading strong{display:block;font-size:1.5rem;margin-bottom:6px}.detail-reading span{font-size:.8rem;color:#526f80}aside{min-width:0;display:flex;flex-direction:column;gap:13px}.control-section{background:#fff;border:1px solid #c6d4df;border-radius:11px;padding:18px}.control-section h2{margin:0 0 15px;font-size:1rem;font-weight:650}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.section-title>span{font-size:.75rem;color:#34748a}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-section label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;font-size:.875rem}select{width:100%;padding:10px;background:#f7fafc;border:1px solid #b5c7d4;border-radius:7px;color:#1e3d50;min-height:44px}input[type=range]{width:100%;accent-color:#087e9c;min-height:24px;margin:0;cursor:pointer}.primary{background:#123e58;color:#fff;border-color:#123e58}.primary:hover{background:#1e5874}.primary[aria-pressed=true]{background:#dcf2e5;color:#215738;border-color:#5c9471}.full{width:100%}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:.875rem}.toggle-row button{min-width:85px}.hint{font-size:.8rem;line-height:1.45;color:#5b7080;margin:13px 0 0;min-height:32px}.progress{height:8px;background:#dce8ed;border-radius:5px;overflow:hidden;margin-bottom:16px}.progress>div{height:100%;background:#079783;width:0%;transition:width .1s}.trawl-actions{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:5px}.trawl-actions button{font-size:.8rem;padding:8px 5px}.disclaimer{font-size:.75rem;line-height:1.5;color:#546b7b;padding:2px 8px}.notice{margin-top:12px;border-left:4px solid #6c7d8b;background:#e4eaf0;padding:12px 16px;font-size:.85rem;line-height:1.5}.notice[hidden]{display:none}.source{white-space:nowrap}@media(min-width:1600px){#viewport{height:550px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 285px;padding:15px;gap:13px}.control-section{padding:15px}#viewport{height:420px}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry article>span{min-height:0}.viewtools{flex-wrap:wrap}}@media(max-width:760px){header{padding:13px 15px}.brandmark{display:none}h1{font-size:1rem}.header-actions{gap:8px}.badge{display:none}main{grid-template-columns:1fr;padding:10px;gap:16px}#viewport{height:370px}.scene-top{top:12px;left:12px;right:12px}.viewtools{top:56px;left:12px;right:12px;gap:4px}.viewtools button{font-size:.75rem;padding:6px 8px}.scene-bottom{font-size:.7rem;padding:10px;gap:5px}.scene-bottom .source{display:none}.details{gap:14px;padding:15px}.detail-reading{min-width:85px}.detail-reading strong{font-size:1.2rem}aside{display:grid;grid-template-columns:1fr}.telemetry strong{font-size:1.5rem}.telemetry article{padding:12px}.control-section{padding:18px}.disclaimer{padding:5px}.compartments button{min-height:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.systems .section-title button{min-height:28px;padding:3px 9px;font-size:.75rem}#system-list{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}#system-list label.sys{display:flex;align-items:center;gap:6px;font-size:.8rem;cursor:pointer;min-height:30px}#system-list label.sys i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid #0003}#system-list input{width:16px;height:16px;accent-color:#087e9c}
.vr-hint{color:#206577;font-weight:600}@media(max-width:760px){.vr-hint{display:none}}#vr-button{font-family:inherit}