.nrmt-ninja-history {
  display: grid;
  gap: 4px;
}

.nrmt-ninja-history-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border: 1px solid #343b3d;
  border-left: 2px solid #777;
  background: #171c1e;
}

.nrmt-ninja-history-row img {
  width: 30px;
  height: 34px;
  object-fit: contain;
  image-rendering: pixelated;
}

.nrmt-ninja-history-row span {
  min-width: 0;
}

.nrmt-ninja-history-row b,
.nrmt-ninja-history-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nrmt-ninja-history-row b {
  color: #d8ddda;
  font-size: 7px;
}

.nrmt-ninja-history-row small,
.nrmt-ninja-history-empty {
  color: #7e8782;
  font-size: 5px;
}

.nrmt-ninja-history-row em {
  color: #ffd65d;
  font-size: 5px;
  font-style: normal;
  text-shadow: 0 0 6px #f08c23;
}

.nrmt-ninja-history-row.rarity-rare { border-left-color: #3e94e8; }
.nrmt-ninja-history-row.rarity-epic { border-left-color: #a75bdf; }
.nrmt-ninja-history-row.rarity-legendary { border-left-color: #efad2f; }
.nrmt-ninja-history-row.rarity-mythic {
  border-left-color: #5be5ff;
  box-shadow: inset 0 0 12px #b34fff18;
}