/* Original FUNKEY mascot set: one matching character and icon per process step. */
#system .process-card { min-width: 0; }
#system .process-mascot {
  position: relative;
  flex: none;
  width: 172px;
  height: 154px;
  margin: 12px auto 8px;
}
#system .process-mascot img {
  display: block;
  width: 154px;
  height: 154px;
  object-fit: contain;
}
#system .process-mascot-icon {
  position: absolute;
  right: 0;
  bottom: 8px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #c75cff66;
  border-radius: 12px;
  background: #21132e;
  color: #c75cff;
}
#system .process-mascot-icon svg { width: 22px; height: 22px; }
#system .process-card h3 { margin: 8px 0 13px; }
@media (max-width: 600px) {
  #system .process-mascot { width: 158px; height: 140px; margin-block: 8px; }
  #system .process-mascot img { width: 140px; height: 140px; }
}