.chunk, .tile {
  position: absolute;
}
.chunk {
  overflow: hidden;
  outline: 2px dashed black;
}
.label {
  position: absolute;
  top: 0px;
  left: 0px;
  color: black;
  font-size: 0.6em;
}

.tile {
  /* outline: 1px black dashed; */
  text-align: center;
  color: white;
  font-size: 0.7em;
  padding-top: 0.1em;
  background-size: contain;
  background-repeat: no-repeat;
}

.tile[tile-type="100"] {
  /*background-image: url(images/mountain.jpg);*/
  background: grey;
}

.tile[tile-type="200"] {
  /*background-image: url(images/woods.jpg);*/
  background: #88602C;
}

.tile[tile-type="900"] {
  background-color: red;
}
.tile[tile-type="400"] {
  background-color: #EDC9AF;
}

.tile[tile-type="-1"] {
  background-color: #FF00FF;
}
.chunk.highlight, .chunk.highlight .tile[tile-type="0"] {
  background: red !important;
}

.chunk .tile.highlight {
  background: red !important;
  /*outline: 1px dashed red;*/
}