:root{--win-bg:teal;--window-face:silver;--window-edge-light:#fff;--window-edge-mid:#dfdfdf;--window-edge-dark:gray;--window-edge-shadow:#000;--title-blue:navy;--title-blue-light:#1084d0;--title-gray:#7a7a7a;--text-main:#000;--text-dim:#303030;--text-disabled:#666;--accent-cyan:#05a;--accent-magenta:#8a2be2;--accent-amber:#8d6b00;--accent-green:green;--accent-red:#8b0000}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:var(--win-bg);min-height:100vh;padding:18px;font-family:Tahoma,MS Sans Serif,Verdana,sans-serif}.stars,.nebula,.grid-overlay{display:none}.font-orbitron,.font-mono{letter-spacing:normal;font-family:Courier New,monospace}.text-cyan{color:var(--accent-cyan)}.text-magenta{color:var(--accent-magenta)}.text-amber{color:var(--accent-amber)}.text-green{color:var(--accent-green)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(1px)}50%{transform:translate(-1px,1px)}75%{transform:translateY(-1px)}}.hull-shake{animation:.2s linear infinite shake}.dashboard-container{flex-direction:column;gap:12px;max-width:1500px;margin:0 auto;display:flex}.vessel-header,.glass-panel,.system-footer{background:var(--window-face);border:2px solid;border-color:var(--window-edge-light) var(--window-edge-shadow) var(--window-edge-shadow) var(--window-edge-light);box-shadow:inset -1px -1px var(--window-edge-dark), inset 1px 1px var(--window-edge-mid)}.vessel-header{grid-template-columns:1.2fr 1fr .8fr;gap:12px;padding:10px;display:grid}.header-left,.header-center{align-items:center;gap:10px;display:flex}.vessel-badge{color:#fff;background:linear-gradient(90deg, var(--title-blue), var(--title-blue-light));border:1px solid #000;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.pulse-indicator{background:#0f0;border:1px solid #003d00;width:8px;height:8px}.vessel-title h1{margin-bottom:2px;font-size:20px;line-height:1}.vessel-title .subtitle{color:var(--text-dim);font-size:11px}.vessel-status-item{border:1px solid;border-color:var(--window-edge-dark) var(--window-edge-light) var(--window-edge-light) var(--window-edge-dark);background:#d6d6d6;flex-direction:column;gap:2px;padding:4px 8px;display:flex}.vessel-status-item .label{color:var(--text-disabled);font-size:10px;font-weight:700}.vessel-status-item .value{font-size:14px;font-weight:700}.header-right{flex-direction:column;gap:6px;font-size:12px;display:flex}.time-block,.cloudflare-block{border:1px solid;border-color:var(--window-edge-dark) var(--window-edge-light) var(--window-edge-light) var(--window-edge-dark);background:#efefef;justify-content:space-between;gap:8px;padding:4px 6px;display:flex}.cf-badge{color:#fff;background:#f38f1f;padding:0 4px;font-weight:700}.dashboard-grid{grid-template-columns:1fr 1.15fr 1fr;gap:12px;display:grid}.grid-column{flex-direction:column;gap:12px;display:flex}.glass-panel{flex-direction:column;min-height:230px;display:flex}.widget-header{background:linear-gradient(90deg, var(--title-blue), var(--title-blue-light));color:#fff;border-bottom:1px solid #000;align-items:center;gap:8px;padding:4px 8px;display:flex}.widget-icon{color:#fff;display:inline-flex}.widget-header h3{flex:1;font-size:12px;font-weight:700}.status-indicator,.badge,.cf-pill{color:#000;border:1px solid;border-color:var(--window-edge-dark) var(--window-edge-light) var(--window-edge-light) var(--window-edge-dark);background:#efefef;padding:2px 6px;font-size:11px}.badge-magenta,.badge-amber{color:#000}.widget-content{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex}.metric-display{color:#0f0;text-align:center;background:#000;border:2px inset #999;padding:10px}.metric-large .number{font-size:40px;font-weight:700}.metric-label,.control-group label,.slider-marks,.info-block .label,.attitude-block .label,.cf-label,.cf-action-title{color:var(--text-dim);font-size:11px;font-weight:700}.neon-slider{appearance:none;background:#ececec;border:2px inset #888;width:100%;height:18px}.neon-slider::-webkit-slider-thumb{appearance:none;border:2px solid;border-color:var(--window-edge-light) var(--window-edge-shadow) var(--window-edge-shadow) var(--window-edge-light);background:silver;width:16px;height:16px}.neon-slider::-moz-range-thumb{border:2px solid;border-color:var(--window-edge-light) var(--window-edge-shadow) var(--window-edge-shadow) var(--window-edge-light);background:silver;width:16px;height:16px}.button-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}#btn-comp{grid-column:span 2}.btn,.clear-btn{color:#000;border:2px solid;border-color:var(--window-edge-light) var(--window-edge-shadow) var(--window-edge-shadow) var(--window-edge-light);cursor:pointer;background:silver;padding:5px 8px;font-family:Tahoma,MS Sans Serif,sans-serif;font-size:12px;font-weight:700}.btn:active,.btn-outline.active-outline{border-color:var(--window-edge-shadow) var(--window-edge-light) var(--window-edge-light) var(--window-edge-shadow);background:#b2b2b2}.btn-cyan{color:#003f87}.btn-magenta{color:#5b1b93}.btn-outline{color:#222}.btn-sm{font-size:11px}.stabilizer-stats,.telemetry-info,.navigation-coords,.attitude-controls,.cf-actions,.cf-deployment-info{border:1px solid;border-color:var(--window-edge-dark) var(--window-edge-light) var(--window-edge-light) var(--window-edge-dark);background:#e8e8e8;flex-direction:column;gap:6px;padding:8px;display:flex}.stat-row,.coord-item,.cf-row{justify-content:space-between;font-size:12px;display:flex}.propulsion-layout{grid-template-columns:120px 1fr;align-items:center;gap:12px;display:grid}.circular-progress-container{border:1px solid;border-color:var(--window-edge-dark) var(--window-edge-light) var(--window-edge-light) var(--window-edge-dark);background:#efefef;width:110px;height:110px;padding:6px;position:relative}.circular-svg{width:100%;height:100%;transform:rotate(-90deg)}.bg-circle{fill:none;stroke:#d0d0d0;stroke-width:8px}.fg-circle{fill:none;stroke:#0c4eb0;stroke-width:8px;stroke-linecap:butt}.gauge-overlay{text-align:center;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-overlay .value{font-size:20px}.gauge-overlay .label{color:var(--text-dim);font-size:11px}.thrusters-bar-container{justify-content:center;align-items:end;gap:14px;display:flex}.bar-item{flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.bar-track{background:#fff;border:2px inset #9a9a9a;width:16px;height:84px;position:relative}.bar-fill{width:100%;position:absolute;bottom:0;left:0}.fill-cyan{background:#2b6ad4}.fill-magenta{background:#8a2be2}.fill-amber{background:#af7e00}.svg-container,.log-terminal{background:#fff;border:2px inset #9b9b9b;padding:6px}.telemetry-svg{background:#f8f8f8;width:100%;height:110px;display:block}.svg-grid{stroke:#d0d0d0}.svg-grid-center{stroke:#888;stroke-dasharray:3 3}.log-terminal{flex-direction:column;gap:4px;height:160px;font-size:12px;display:flex;overflow-y:auto}.log-entry .time{color:#555}.log-entry.system{color:#333}.log-entry.info{color:#003c8f}.log-entry.ok{color:#056b05}.log-entry.warn{color:#7b4f00}.navigation-coords{gap:8px}.coord-item .axis{width:24px;font-weight:700}.coord-item .val{font-weight:700}.attitude-controls{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.attitude-block .val{font-size:13px;font-weight:700}.cf-link{color:#003f9c;text-underline-offset:2px;text-decoration:underline}.cf-step-list{flex-direction:column;gap:4px;font-size:12px;list-style:none;display:flex}.cf-step-list code{background:#fff;border:1px solid #999;padding:0 3px;font-family:Courier New,monospace}.cf-buttons{justify-content:flex-end;display:flex}.system-footer{justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.footer-right{align-items:center;gap:6px;display:flex}.radar-dot{background:#1db300;border:1px solid #064400;width:8px;height:8px}@media (width<=1200px){.vessel-header{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}#widget-navigation,#widget-cloudflare{grid-column:span 2}}@media (width<=820px){body{padding:8px}.dashboard-grid{grid-template-columns:1fr}#widget-navigation,#widget-cloudflare{grid-column:span 1}.header-left,.header-center{flex-wrap:wrap}.system-footer{flex-direction:column;align-items:flex-start;gap:4px}}