#tile-map {
  border: 1px solid #ccc;
  padding: 1em;
}
#tile-map .wrapper {
  display: block;
  white-space: pre-wrap;
  text-align: center;
}
#tile-map span {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -1px 0.5px;
  padding: 0;
  background: rgba(204, 204, 204, 0.47);
  line-height: 50px;
  text-align: center;
  overflow: hidden;
}
#tile-map span[garden] {
  background: olive;
  color: lightpink;
}
#tile-map span[field] {
  background: yellowgreen;
  color: lightpink;
}
#tile-map span[water] {
  background: powderblue;
}
#tile-map span[rock] {
  background: lightslategray;
}
#tile-map span[road] {
  background: rosybrown;
}
#tile-map span[beach] {
  background: lemonchiffon;
}

/*# sourceMappingURL=tile.css.map */