[data-tile], [data-entity] {
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  image-rendering: pixelated;
  display: inline-block;
}

[data-entity] {
  z-index: 1;
}

[data-tile="thick-grass"]  { background-image: url('../assets/sprites/thick-grass.png'); }
[data-tile="gravel"]      { background-image: url('../assets/sprites/gravel.png'); }
[data-tile="tall-grass"]   { background-image: url('../assets/sprites/tall-grass.png'); }
[data-tile="dirt"]        { background-image: url('../assets/sprites/dirt.png'); }
[data-tile="water"]        { background-image: url('../assets/sprites/water.png'); }
[data-tile="empty"]        { background-image: url('../assets/sprites/empty.png'); }

[data-entity="player"] { 
  background-image: url('../assets/sprites/player.png'); 
  background-color: var(--color-near-black);
}
[data-entity="none"] { background-image: url('../assets/sprites/empty.png'); }