/* Left column: enemy portrait, firewall bar, console log. */

/* left: target */
.target {
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:none;
}
.ename {
  font-family:var(--px);
  font-size:10px;
  line-height:1.4;
  color:var(--ink);
}
.ecan-wrap {
  position:relative;
  border:2px solid #000;
  box-shadow:inset 0 0 0 1px var(--screen-line);
  background:var(--screen);
}
#enemy {
  display:block;
  width:100%;
  height:auto;
  max-height:30vh;
  object-fit:contain;
  image-rendering:pixelated;
}
.eoverlay {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--px);
  font-size:10px;
  color:var(--lime);
  text-shadow:2px 2px 0 #000;
  pointer-events:none;
  text-align:center;
  z-index:2;
}
.fw-top {
  display:flex;
  justify-content:space-between;
  font-family:var(--px);
  font-size:8px;
  color:var(--red);
  margin-bottom:5px;
  gap:6px;
}
.fw-bar {
  height:18px;
  background:#1a0f1f;
  border:2px solid #000;
  box-shadow:inset 0 0 0 1px #3a2040;
  position:relative;
  overflow:hidden;
}
.fw-bar i {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  display:block;
}
.fw-bar .ghost {
  background:#fff;
  transition:width .6s .35s;
}
.fw-bar .fill {
  background:repeating-linear-gradient(90deg,var(--red) 0 6px,#c42a4a 6px 8px);
  transition:width .25s steps(6);
}
.bossrule {
  font-size:17px;
  color:var(--red);
  border:1px dashed var(--red);
  padding:5px 7px;
  line-height:1.05;
}
.bossrule:empty { display:none; }
.logbox {
  flex:1;
  min-height:110px;
}
.log {
  position:absolute;
  inset:8px 10px;
  overflow-y:auto;
  font-size:18px;
  line-height:1.05;
  color:var(--lime);
  scrollbar-width:thin;
  scrollbar-color:var(--screen-line) transparent;
}
.ln {
  margin-bottom:2px;
  word-break:break-word;
}
.ln.red { color:var(--red); }
.ln.cyan { color:var(--cyan); }
.ln.amber { color:var(--amber); }
.ln.mag { color:var(--mag); }
.ln.dim { color:var(--dim); }
.ln.white { color:var(--ink); }
.ln.lime { color:var(--lime); }
/* The corporation talking: set apart from the machine's own output. */
.ln.corp {
  color:var(--violet);
  font-style:italic;
}