add invisible filler cell for special layouts

src/003-assets/CSS/arcologyBuilding.css

@@ -23,7 +23,7 @@ div.building div.outerCell {
     flex-direction: row;
 }
 
-div.building div.innerCell {
+div.building div.innerCell:not(.filler) {
     margin: 3px;
     border: 5px solid;
     padding: 2px;
@@ -154,3 +154,7 @@ div.building div.row div.transportHub {
 div.building div.row div.weaponsManufacturing {
     border-color: springgreen;
 }
+
+div.building div.row div.filler {
+    border-color: transparent;
+}

src/arcologyBuilding/base.js

@@ -26,7 +26,7 @@ App.Arcology.cellUpgrade = function(building, cellClass, cellType, newType, key
  * Updates V.arcologies[0].ownership.
  */
 App.Arcology.updateOwnership = function() {
-	const allCells = V.building.findCells(() => true);
+	const allCells = V.building.findCells(cell => !(cell instanceof App.Arcology.Cell.Filler));
 	const ownedCells = allCells.filter(cell => cell.owner === 1);
 
 	const ratio = ownedCells.length / allCells.length;

src/arcologyBuilding/filler.js

+App.Arcology.Cell.Filler = class extends App.Arcology.Cell.BaseCell {
+	constructor(width) {
+		super(1);
+		this._width = width;
+	}
+
+	get width() {
+		return this._width;
+	}
+
+	get colorClass() {
+		return "filler";
+	}
+
+	get className() { return "App.Arcology.Cell.Filler"; }
+
+	static _cleanupConfigScheme(config) {
+		super._cleanupConfigScheme(config);
+		// BC code
+	}
+
+	clone() {
+		return (new App.Arcology.Cell.Filler())._init(this);
+	}
+};