/* ============================================================
   SML SYSTEM TRACE — HUD strip + ENGINEERING overlay.
   Every number real; the style says "instrument", not "decor".
   ============================================================ */
#smlHud{
  position:fixed; left:10px; bottom:8px; z-index:9940;
  font:10px ui-monospace,Menlo,"Courier New",monospace; letter-spacing:.5px;
  color:rgba(46,228,101,.75); background:rgba(1,10,4,.55);
  border:1px solid rgba(46,228,101,.25); border-radius:4px;
  padding:3px 8px; cursor:pointer; user-select:none;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
#smlHud:hover{ color:#b8ffcf; border-color:rgba(46,228,101,.6); }

#smlEng{
  position:fixed; inset:0; z-index:9970; background:rgba(1,6,3,.97);
  color:#2ee465; font:13px ui-monospace,Menlo,"Courier New",monospace;
  display:flex; flex-direction:column; padding:22px 26px; overflow:auto;
}
#smlEng[hidden]{ display:none; }
.se-head{
  font-size:15px; letter-spacing:2px; color:#b8ffcf; margin-bottom:16px;
  display:flex; align-items:baseline; gap:18px;
}
.se-hint{ font-size:11px; color:rgba(46,228,101,.5); letter-spacing:1px; }
.se-cols{ flex:1; display:flex; gap:28px; min-height:0; }
.se-col{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.se-title{
  font-size:11px; letter-spacing:2px; color:#35d8d8; margin-top:8px;
  display:flex; gap:10px; align-items:baseline;
}
.se-live{ color:#2ee4a5; font-size:10px; animation:seLive 1.2s steps(1) infinite; }
@keyframes seLive{ 50%{ opacity:.35; } }
#smlEng pre{
  margin:0; white-space:pre-wrap; line-height:1.7; font:12px inherit;
  color:rgba(46,228,101,.9);
}
#smlEng pre[data-se-trace]{ flex:1; overflow:auto; min-height:0; }
.se-arch{ color:rgba(46,228,101,.7) !important; }
.se-src{ display:flex; flex-direction:column; gap:4px; }
.se-src a{ color:#b8ffcf; font-size:12px; text-decoration:none; border-bottom:1px dotted rgba(184,255,207,.4); width:max-content; }
.se-src a:hover{ color:#fff; }