svg {
  border: 1px solid slategray;
  fill: none;
}

use[href="#hex"] {
  stroke: #666;
}

[data-q][data-r][data-s][data-t] text {
  font-size: 4px;
  text-anchor: middle;
  user-select: none;
  font-family: sans-serif;
  fill: black;
}

.building .doors {
  display: inline;
  fill: none;
  fill-opacity: 1;
  stroke: white;
  stroke-width: 2.25px;
  stroke-linecap: square;
  stroke-dasharray: none;
  stroke-opacity: 1;
}

.building .door-edges, .building .windows {
  display: inline;
  stroke: #ff9900;
  stroke-width: 2.5px;
}

.building .floor,
.terrain .floor {
  display: inline;
  opacity: 1;
  stroke: none;
}

.building .inner-wall {
  display: inline;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1;
  stroke-linecap: square;
}

.building .outer-wall {
  display: inline;
  fill: none;
  stroke: #000000;
  stroke-width: 2;
  stroke-linecap: square;
}

.building [class*="elevation-"] {
  display: none;
}

.building use.floor {
  fill: gray;
  display: inline;
}

.terrain use.floor {
  fill: white;
}

[data-view-elevation="-1"] [class*="elevation"] {
  display: none;
}

[data-view-elevation="-1"] #background {
  fill: #999;
}

[data-view-elevation="-1"] .building .elevation-basement,
[data-view-elevation="-1"] .elevation-basement + text.elevation {
  display: inline;
}

[data-view-elevation="-1"] .terrain {
  display: none;
}

[data-view-elevation="-1"] .building use.floor {
  display: none;
}

[data-view-elevation="-1"] .building use.floor.elevation-basement {
  fill: white;
  display: inline;
}

[data-view-elevation="0"] .building .elevation-0 {
  display: inline;
}

[data-view-elevation="0"] .building use.floor.elevation-0 {
  fill: white;
}

[data-view-elevation="1"] .building .elevation-1 {
  display: inline;
}

[data-view-elevation="1"] .building use.floor.elevation-1 {
  fill: white;
}

[data-view-elevation="2"] .building .elevation-2 {
  display: inline;
}

[data-view-elevation="2"] .building use.floor.elevation-2 {
  fill: white;
}

[data-view-elevation="3"] .building .elevation-3 {
  display: inline;
}

[data-view-elevation="3"] .building use.floor.elevation-3 {
  fill: white;
}

#tree .trunk {
  fill: brown;
}

#tree .branches {
  fill: rgb(141, 202, 141);
  stroke: green;
}

#bush {
  fill: rgb(141, 202, 141);
  stroke: green;
  stroke-width: 0.5px;
  transform: scale(0.9);
}
