/* Block: sprite — pixel-art image (hero, monsters); keeps pixel edges sharp */

.sprite {
  display: block;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.sprite--small {
  width: 16px;
  height: 16px;
}

.sprite--large {
  width: 32px;
  height: 32px;
}