WIP: Buildings

public/assets/css/map.css

@@ -387,8 +387,59 @@ g[data-y="76"] { --i: 76; }
 [data-x="31"] { --i: 31; }
 [data-x="32"] { --i: 32; }
 
-.buildings {
-  display: none;
+#terrain {
+  opacity: 0.5;
+}
+
+#tree .trunk {
+  fill: brown;
+}
+
+#tree .branches {
+  fill: green;
+}
+
+#bush {
+  fill: green;
+  transform: scale(0.9);
+}
+
+.building {
+  opacity: 0.5;
+}
+
+.building .floor {
+  /* fill: white; */
+  fill: none;
+}
+
+.building path {
+  fill: none;
+}
+
+.building .furniture {
+  fill: violet;
+}
+
+.building path.walls {
+  stroke: black;
+  stroke-linecap: square;
+}
+
+.building .windows, .building .door-edges, .building .doors {
+  stroke-linecap: square;
+}
+
+.building .windows, .building .doors, .building .door-edges {
+  stroke-width: 2.5px;
+}
+
+.building .windows, .building .door-edges {
+  stroke: lightseagreen;
+}
+
+.building .doors {
+  stroke: orange;
 }
 
 #test-arcs line, #test-arcs polyline {