html,body{margin:0;height:100%;overflow:hidden;background:#101410}canvas{display:block}#hud-panels{position:fixed;inset:0;z-index:9;pointer-events:none}#hud-panels .slot{position:absolute}#hud-panels .slot .panel{background:#0a0c0acc;border:1px solid #2a332a;border-radius:8px;color:#eee;font:13px/1.4 system-ui,sans-serif;box-shadow:0 2px 8px #0000004d;overflow:hidden}.panel-head{padding:6px 10px 4px;font-size:12px;color:#9ab;border-bottom:1px solid rgba(255,255,255,.06);user-select:none}.panel-body{padding:8px 10px}.panel-body .muted{color:#9ab;font-size:12px;line-height:1.5;margin:4px 0}.panel-body .empty{color:#667;font-size:12px}.panel-body .danger{color:#e08a8a;font-size:12px;margin:4px 0}#slot-status{top:0;left:0;right:0}#slot-status .panel{border-radius:0;border-left:none;border-right:none;border-top:none;background:#0a0c0ad1}#slot-status .panel-head{display:none}#slot-status .panel-body{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 14px;font-size:13px;color:#ddd}#slot-status .panel-body b{color:#fff}#slot-status .sel{color:#ffd94a}#slot-vitals,#slot-colony,#slot-threat,#slot-detail{left:14px;width:210px}#slot-vitals{top:52px}#slot-colony{top:200px}#slot-threat{top:330px}#slot-detail{top:450px}#slot-log{top:44px;right:0;width:340px}#slot-log .panel{border-radius:0;border-right:none}#slot-log .panel-body{padding:8px 10px;font:12px/1.6 ui-monospace,monospace;color:#cde;overflow-y:auto;max-height:42vh}.mrow{display:flex;align-items:center;gap:6px;margin:4px 0}.mrow .mk{width:20px;flex:none;font-size:12px}.mrow .mbar{flex:1;height:5px;background:#222;border-radius:2px;overflow:hidden}.mrow .mbar i{display:block;height:100%}.mrow .mv{width:30px;flex:none;text-align:right;color:#cde;font-size:12px;font-variant-numeric:tabular-nums}.brow{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.7;color:#cde}.brow .fuel{color:#667;font-size:11px}#hud-btns{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;gap:8px;padding:8px 14px;flex-wrap:wrap;background:#0a0c0ad1;border-top:1px solid #2a332a}button{background:#26332a;color:#dde;border:1px solid #3f5545;border-radius:6px;padding:6px 12px;cursor:pointer;font:13px system-ui,sans-serif}button:hover{background:#33453a}#hud-tip{position:fixed;bottom:48px;right:14px;z-index:20;pointer-events:none;display:none;min-width:130px;padding:7px 10px;background:#080a08eb;border:1px solid #3f5545;border-radius:6px;color:#dde;font:12px/1.55 system-ui,sans-serif;white-space:nowrap}#hud-tip .t-name{font-weight:700;color:#fff}#hud-tip .muted{color:#9ab}#hud-tip .bad{color:#e08a8a}#hud-tip .ok{color:#9cc98a}#hud-hint{position:fixed;bottom:52px;left:14px;z-index:9;color:#9ab;font:12px system-ui;opacity:.85}#hud-tech{position:fixed;top:44px;right:350px;z-index:11;min-width:150px;padding:4px 8px;background:#0a0c0ab8;border:1px solid #2a332a;border-radius:6px;color:#cde;font:12px/1.5 system-ui,sans-serif}#hud-tech summary{cursor:pointer;user-select:none;color:#dde}#hud-tech-body{margin-top:4px}#hud-tech-body .tech{display:flex;justify-content:space-between;gap:10px;color:#9ab}#hud-tech-body .tech.done{color:#7ec97e}#hud-tech-body .tech.done .fr{text-decoration:line-through;opacity:.65}#hud-tech-body .tech .fr{color:#ffd94a;font-variant-numeric:tabular-nums}#hud-tech-body .empty{color:#667}#hud-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:30;padding:6px 14px;border-radius:6px;background:#c86e28eb;color:#fff;font:13px system-ui,sans-serif;pointer-events:none}#hud-banner[hidden]{display:none}@media(max-width:900px){#slot-vitals,#slot-colony,#slot-threat,#slot-detail{width:148px}#hud-tech{inset:auto auto 52px 176px}}