diff --git a/index.html b/index.html
index 3bc14fa8..87d843d1 100644
--- a/index.html
+++ b/index.html
@@ -14726,13 +14726,13 @@ behaviorRules = {
                         stats += "<span id='stat-burning' class='stat'>Burning</span>";
                     }
                     if (elements[currentPixel.element].hoverStat) {
-                        stats += "<span id='stat-hover' class='stat'>"+elements[currentPixel.element].hoverStat(currentPixel)+"</span>";
+                        stats += "<span id='stat-hover' class='stat'>"+elements[currentPixel.element].hoverStat(currentPixel).replaceAll("<","&lt;")+"</span>";
                     }
                     else if (currentPixel.clone) {
-                        stats += "<span id='stat-clone' class='stat'>"+currentPixel.clone.toUpperCase()+"</span>";
+                        stats += "<span id='stat-clone' class='stat'>"+currentPixel.clone.toUpperCase().replaceAll("<","&lt;")+"</span>";
                     }
                     else if (currentPixel.con && currentPixel.con.element) {
-                        stats += "<span id='stat-clone' class='stat'>"+currentPixel.con.element.toUpperCase()+"</span>";
+                        stats += "<span id='stat-clone' class='stat'>"+currentPixel.con.element.toUpperCase().replaceAll("<","&lt;")+"</span>";
                     }
                 }
             }
@@ -16459,7 +16459,7 @@ window.onload = function() {
                 <div id="categoryControls"></div>
                 <div id="elementControls"></div>
             </div>
-            <div id="extraInfo"><small><a href="https://sandboxels.r74n.com/changelog" id="changelogButton" target="_blank">Changelog</a> • <a href="https://sandboxels.R74n.com/feedback" target="_blank" style="color:lime;">Feedback</a> • <a href="https://sandboxels.wiki.gg/" target="_blank" id="wikiButton" title="Official Sandboxels Wiki - wiki.gg" style="color:white;">Wiki</a> • <a id="moreSocial" href="https://twitter.com/R74nCom" rel="me" target="_blank">Twitter</a> • <a href="https://discord.gg/ejUc6YPQuS" target="_blank" style="color:#2f60ff;">Discord</a><span id="install-button" style="display:none">&nbsp;• <a onclick="deferredPrompt.prompt(); return false" href="#" style="text-shadow: 0px 2px 10px #ff00ff; cursor:pointer">Install Offline</a></span><!--<br><br><a style="color:lime" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSf8pVMSdC6oSnBSaTpzjPQa8Ef-vxG_eXL99UITnMSQtJFTJA/viewform?usp=sf_link">FILL OUT THE CENSUS<span style="color:red">(NEW)</span></a>--></small></div>
+            <div id="extraInfo"><small><a href="https://sandboxels.r74n.com/changelog" id="changelogButton" target="_blank">Changelog</a> • <a href="https://sandboxels.R74n.com/feedback" target="_blank" style="color:lime;">Feedback</a> • <a href="https://sandboxels.wiki.gg/" target="_blank" id="wikiButton" title="Official Sandboxels Wiki - wiki.gg" style="color:white;">Wiki</a> • <a id="moreSocial" href="https://twitter.com/R74nCom" rel="me" target="_blank">Twitter</a> • <a href="https://discord.gg/ejUc6YPQuS" target="_blank" style="color:#2f60ff;">Discord</a><span id="install-button" style="display:none">&nbsp;• <a onclick="deferredPrompt.prompt(); return false" href="#" style="text-shadow: 0px 2px 10px #ff00ff; cursor:pointer">Install Offline</a></span><br><br><a style="color:lime" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSeYMbngtbBHZ7hkz8jpbHl7TiAItqukrhtntKgAHjH30fY08A/viewform?usp=sf_link">FILL OUT THE CENSUS<span style="color:red">(NEW)</span></a></small></div>
             <script>
                 // version check
                 if (!settings["lastversion"] || settings["lastversion"]!==currentversion) {
diff --git a/mods/aScientistsWish.js b/mods/aScientistsWish.js
index 88a3ca54..258159bf 100644
--- a/mods/aScientistsWish.js
+++ b/mods/aScientistsWish.js
@@ -336,4 +336,245 @@ elements.rad_cleaner = {
         "rad_snow": {elem2: "snow"},
         "rad_rock": {elem2: "rock"},
     }
+ };
+
+
+elements.rad_meat = {
+  behavior: behaviors.STURDYPOWDER,
+  category: "food",
+  state: "solid",
+  density: 1500,
+  color: ["#e8fc03","#f0b446","#92f046"],
+  tempHigh: 120,
+  stateHigh: ["rotten_meat","fallout"],
+  tempLow:-12,
+  stateLow: ["frozen_meat","radiation"],
+  reactions: {
+      "water": {elem2: "radiated_water", chance:0.4},
+      "salt_water": { elem2: "radiated_water" },
+  }
+};
+
+elements.lemon = {
+  behavior: behaviors.POWDER,
+  category: "food",
+  state: "powder",
+  density: 800,
+  color: ["#f9f934", "#f1ee20",],
+  tempHigh: 90,
+  stateHigh: "hot_lemon",
+  tempLow: -2,
+  stateLow: "wrinkled_lemon",
+  burn: 120,
+  burntime: 600,
+  burnInto: "ash",
+  breakInto: [ "lemon_water", "lemon_zest", ],
+  reactions: {
+      "water": { elem2: "lemon_water", chance:0.2},
+      "salt_water": { elem2: [ "lemon_water", "water",] },
+      "dirty_water": { elem1: "rotten_lemon", },
+      "soda": { elem2: "lemon_soda", },
+      "head": { elem1: "saliva", chance:0.75}, 
+      "milk": { elem2: "lemon_milk", },
+      "tea": { elem2: "lemon_tea", },
+      "poison": { elem2: "rotten_lemon", },
+  }                                                      
+};
+
+elements.hot_lemon = {
+  behavior: behaviors.POWDER,
+  state: "powder",
+  category: "food",
+  hidden: true,
+  density: 820,
+  color: ["#8a6d1e","#70661a",],
+  hidden: true,
+  temp: 90,
+  tempHigh: 200,
+  stateHigh: "fire",
+  tempLow: 30,
+  stateLow: "wrinkled_lemon",
+  burn: 120,
+  burntime: 600,
+  burnInto: "ash",
+  reactions: {
+      "water": { elem2: "lemon_water", },
+  }
+};
+
+elements.leather = {
+    behavior: behaviors.SUPPORTPOWDER,
+    color: ["#3f261d","#664f40",],
+    state: "powder",
+    category: "powders",
+    tempHigh: 200,
+    stateHigh: "fire",
+    breakInto: "dust", 
+    burn: 20,
+    burntime: 200,
+    burnInto: "ash", 
+};
+
+elements.wrinkled_lemon = {
+  behavior: behaviors.POWDER,
+  color: ["#999543","#a6a03a",],
+  state: "powder",
+  category: "food",
+  tempHigh: 90,
+  stateHigh: "hot_lemon",
+  hidden: true,
+  burn: 120,
+  burntime: 600,
+  burnInto: "ash",
+  reactions: {
+    "water": { elem2: "lemon_water", chance: 0.2,
+  }
+ }
+};
+
+elements.coolant = {
+  color: "#0eebeb",
+  behavior: [
+        "XX|CO:4|XX",
+        "CO:4|HT:1|CO:4",
+        "XX|CO:4|XX",
+    ],
+  category: "liquids",
+  state: "liquid",
+  insulate: true,
+  density: 1000,
+  darkText: false,
+  tempHigh: 500,
+  hidden: true,
+  stateHigh: "steam", 
+};
+
+elements.arkycite = {
+  color: "#46ab63",
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 997,
+  darkText: false,
+  tempHigh: 400,
+  hidden: true,
+  burn: 40,
+  stateHigh: "fire", 
+  burntime: 500,
+};
+
+elements.lemon_water = {
+  color: ["#faec52","#faee69",],
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 900,
+  tempHigh: 100,
+  stateHigh: ["steam","fragrance",],
+  hidden: true,
+  tempLow: -10,
+  stateLow: "lemon_ice",
+  reactions: {
+    "balloon": { elem2: "helium", chance: 0.5, },
+    "head": { elem1: "saliva", chance: 0.2, },
+  }
+};
+
+elements.lemon_zest = {
+  color: ["#ded254","#ccc03d",],
+  behavior: behaviors.POWDER,
+  category: "trashes",
+  state: "powder",
+  density: 1000,
+  hidden: true,
+  tempHigh: 350,
+  stateHigh: "fire",
+  breakInto: "lemon_water",
+  burn: 60,
+  burntime: 200,
+  burnInto: "smoke"
+};
+
+elements.saliva = {
+  color: ["#a6f5f0","#b6f0ec",],
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 1280,
+  tempHigh: 105,
+  stateHigh: ["steam","fragrance"],
+  tempLow: -5,
+  stateHigh: "saliva_ice",
+  reactions: {
+    "water": { elem1: null, chance: 0.5, elem2: "dirty_water", chance: 0.5,
+    }
+ }
+};
+
+elements.lemon_milk = {
+  color: ["#f5f2c4","#f7f4b2",],
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 1002,
+  tempHigh: 500,
+  stateHigh: "smoke",
+  tempLow: -2,
+  stateLow: "frozen_yogurt",
+  stateLowColor: ["#f5f3cb","#f7f5bc"],
+  reactions: {
+    "bacteria": { elem1: "yogurt", },
+  }
+};
+
+elements.lemon_soda = {
+  color: ["#f5c842","#edcc68",],
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 1240,
+  tempHigh: 140,
+  stateHigh: ["carbon_dioxide", "smoke",],
+  reactions: {
+    "poison": { elem1: null, }
+  }
+};
+
+elements.saliva_ice = {
+  color: ["#97fcfb","#bcf7f6",],
+  behavior: behaviors.SOLID,
+  category: "states",
+  state: "solid",
+  density: 1300,
+  tempHigh: 5,
+  stateHigh: "saliva",
+};
+
+elements.lemon_tea = {
+  color: ["#dec85b","#edd351",],
+  behavior: behaviors.LIQUID,
+  category: "liquids",
+  state: "liquid",
+  density: 1580,
+  tempHigh: 280,
+  stateHigh: ["fragrance","smoke","smoke",],
+  tempLow: -2,
+  stateLowColor: ["#e8cf8b","#f0dca5",],
+  stateLow: "tea_ice",
+  reactions: {
+    "sugar": { elem2: null, },
+  }
+};
+
+elements.rotten_lemon = {
+  color: ["#e3f283","#cdcf6b"],
+  behavior: behaviors.POWDER,
+  category: "food",
+  state: "powder",
+  density: 1890,
+  tempHigh: 200,
+  stateHigh: ["stench","ash",],
+  reactions: {
+    "water": { elem2: "dirty_water" },
+  }
 }
diff --git a/mods/a_mod_by_alice.js b/mods/a_mod_by_alice.js
index 94c10148..8e1235df 100644
--- a/mods/a_mod_by_alice.js
+++ b/mods/a_mod_by_alice.js
@@ -406,14 +406,29 @@ try {
 				return (number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
 			}
 		//Color
-			function rgbStringToUnvalidatedObject(string) { //turns rgb() to {r,g,b} with no bounds checking
-				//console.log("Splitting string into object");
-				string = string.split(",");
-				var red = parseFloat(string[0].substring(4));
-				var green = parseFloat(string[1]);
-				var blue = parseFloat(string[2].slice(0,-1));
-				//console.log("String split: outputs " + red + ", " + green + ", " + blue + ".");
-				return {r: red, g: green, b: blue};
+			function rgbStringToUnvalidatedObject(string,stripAlpha) {
+				var numbers = string.match(/[\d\.]+/g);
+				var red = numbers[0];
+				var green = numbers[1];
+				var blue = numbers[2];
+				var alpha = null;
+				if((numbers.length > 3) && !stripAlpha) {alpha = numbers[3]};
+				var result = {r: red, g: green, b: blue};
+				if(alpha !== null) { result.a = alpha };
+				numbers = numbers.map(x => parseFloat(x));
+				return result
+			};
+			function hslStringToUnvalidatedObject(string,stripAlpha) {
+				var numbers = string.match(/[\d\.]+/g);
+				var hue = numbers[0];
+				var saturation = numbers[1];
+				var whateverL_StandsFor = numbers[2];
+				var alpha = null;
+				if((numbers.length > 3) && !stripAlpha) {alpha = numbers[3]};
+				var result = {h: hue, s: saturation, l: whateverL_StandsFor};
+				if(alpha !== null) { result.a = alpha };
+				numbers = numbers.map(x => parseFloat(x));
+				return result
 			};
 			function rgbStringToObject(string,doRounding=true,doBounding=true) { //turns rgb() to {r,g,b}
 				//console.log(`rgbStringToObject: ${string}`);
@@ -448,37 +463,46 @@ try {
 					//console.log("String split: outputs " + red + ", " + green + ", " + blue + ".");
 				return {r: red, g: green, b: blue};
 			};
-			function hslColorStringToObject(color) {
+			function hslColorStringToObject(color,stripAlpha=false) {
 				if(!color.startsWith("hsl(") || !color.endsWith(")")) {
 					throw new Error(`The color ${color} is not a valid hsl() color`)
 				};
 				var colorTempArray = color.split(",").map(x => x.trim())
-				if(colorTempArray.length !== 3) {
+				if(colorTempArray.length < 3) {
 					throw new Error(`The color ${color} is not a valid hsl() color`)
 				};
 				if(!colorTempArray[1].endsWith("%")) { console.log(`hslColorStringToObject: Saturation in color ${color} was missing a %`); colorTempArray[1] += "%"; }
 				if(!colorTempArray[2].endsWith("%)")) { console.log(`hslColorStringToObject: Lightness in color ${color} was missing a %`); colorTempArray[2] = [colorTempArray[2].slice(0, colorTempArray[2].length - 1), "%", colorTempArray[2].slice(colorTempArray[2].length - 1)].join(''); }
 				var hue = parseFloat(colorTempArray[0].substring(4));
 				var saturation = parseFloat(colorTempArray[1].slice(0,-1))
-				var lightness = parseFloat(colorTempArray[2].slice(0,-2));
+				var lightness = parseFloat(colorTempArray[2].match(/\d+(\.\d+|)/)?.[0] ?? NaN);
+				var alpha = (colorTempArray.length < 3 || stripAlpha) ? null : parseFloat(colorTempArray[3].match(/\d+(\.\d+|)/)?.[0] ?? NaN);
 				//NaN checking
-					var hueNaN,saturationNaN,lightnessNaN;
-					isNaN(hue) ? hueNaN = true : hueNaN = false;
-					isNaN(saturation) ? saturationNaN = true : saturationNaN = false;
-					isNaN(lightness) ? lightnessNaN = true : lightnessNaN = false;
-					var NanErrorString = "One or more colors are NaN:"
-					if(hueNaN) { NanErrorString += " hue" };
-					if(saturationNaN) { NanErrorString += " saturation" };
-					if(lightnessNaN) { NanErrorString += " lightness" };
-					if(hueNaN || saturationNaN || lightnessNaN) { throw new Error(NanErrorString) };
-				return {h: hue, s: saturation, l: lightness};
+					var hueNaN,saturationNaN,lightnessNaN,alphaNaN;
+					var nanColors = [];
+					hueNaN = isNaN(hue);
+					saturationNaN = isNaN(saturation);
+					lightnessNaN = isNaN(lightness);
+					alphaNaN = (isNaN(alpha) && !stripAlpha);
+					if(hueNaN) { nanColors.push("hue") };
+					if(saturationNaN) { nanColors.push("saturation") };
+					if(lightnessNaN) { nanColors.push("lightness") };
+					if(alphaNaN) { nanColors.push("alpha") };
+					if(nanColors.length > 0) {
+						var NanErrorString = ["hslColorStringToObject:",capitalizeFirstLetter(englishFormatList(nanColors)),nanColors.length == 1 ? "is" : "are","NaN"].join(" ");
+						throw new Error(NanErrorString)
+					};
+				var result = {h: hue, s: saturation, l: lightness};
+				if(alpha !== null) { result.a = alpha };
+				return result
 			};
-			function rgbToHex(color) {
+			function rgbToHex(color,stripAlpha=false) {
 				//console.log(`rgbToHex called on ${typeof(color) === "object" ? JSON.stringify(color) : color}`);
 				if(typeof(color) == "object") { //Expects object like "{r: 172, g: 11, b: 34}"
 					var red = color.r;
 					var green = color.g;
 					var blue = color.b;
+					var alpha = stripAlpha ? null : (color.a ?? null);
 						//console.log(`Colors loaded (${red}, ${green}, ${blue})`);
 					red = Math.round(red);
 					green = Math.round(green);
@@ -487,10 +511,12 @@ try {
 					red = bound(red,0,255)
 					green = bound(green,0,255)
 					blue = bound(blue,0,255)
+					if(alpha !== null) { alpha = bound(alpha,0,1) }
 						//console.log(`Colors bounded to (${red}, ${green}, ${blue})`);
 					red = red.toString(16);
 					green = green.toString(16);
 					blue = blue.toString(16);
+					if(alpha !== null) { alpha = Math.round(alpha * 255).toString(16) }
 						//console.log(`Colors converted to (0x${red}, 0x${green}, 0x${blue})`);
 					//console.log("Padding R");
 					while(red.length < 2) {
@@ -503,27 +529,37 @@ try {
 					//console.log("Padding B");
 					while(blue.length < 2) {
 						blue = "0" + blue;
+					};
+					//console.log("Padding A");
+					if(alpha !== null) {
+						while(alpha.length < 2) {
+							alpha = "0" + alpha;
+						}
 					};
 						//console.log(`Colors padded to (0x${red}, 0x${green}, 0x${blue}), concatenating...`);
-					return "#" + red + green + blue;
+					return "#" + red + green + blue + (stripAlpha ? "" : (alpha ?? ""));
 				} else if(typeof(color) == "string") { //Expects string like "rgb(20,137,4)". Also doesn't round properly for some reason...
 						//console.log("Splitting string")
-					color = rgbStringToUnvalidatedObject(color);
+					color = rgbStringToUnvalidatedObject(color,stripAlpha);
 					red = color.r;
 					green = color.g;
 					blue = color.b;
+					alpha = stripAlpha ? null : (color.a ?? null);
 						//console.log(`Colors loaded (${red}, ${green}, ${blue})`);
 					red = Math.round(red);
 					green = Math.round(green);
 					blue = Math.round(blue);
+					if(alpha !== null) { alpha = Math.round(alpha * 255) }; 
 						//console.log(`Colors rounded to (${red}, ${green}, ${blue})`);
 					red = bound(red,0,255)
 					green = bound(green,0,255)
 					blue = bound(blue,0,255)
+					if(alpha !== null) { alpha = bound(alpha,0,255) };
 						//console.log(`Colors bounded to (${red}, ${green}, ${blue})`);
 					red = red.toString(16);
 					green = green.toString(16);
 					blue = blue.toString(16);
+					if(alpha !== null) { alpha = alpha.toString(16) };
 						//console.log(`Colors converted to (0x${red}, 0x${green}, 0x${blue})`);
 					//console.log("Padding R");
 					while(red.length < 2) {
@@ -536,9 +572,15 @@ try {
 					//console.log("Padding B");
 					while(blue.length < 2) {
 						blue = "0" + blue;
+					};
+					//console.log("Padding A");
+					if(alpha !== null) {
+						while(alpha.length < 2) {
+							alpha = "0" + alpha;
+						}
 					};
 						//console.log(`Colors padded to (0x${red}, 0x${green}, 0x${blue}), concatenating...`);
-					return "#" + red + green + blue;
+					return "#" + red + green + blue + (stripAlpha ? "" : (alpha ?? ""));
 					} else {
 					throw new Error(`Received invalid color: ${color}`);
 				};
@@ -741,6 +783,7 @@ try {
 						g = bytes[1];
 						b = bytes[2];
 						a = stripAlpha ? null : (bytes[3] ?? null);
+						if(a !== null) { a = bound(a,0,1) };
 						//to JSON for ease of use
 						color = {"r": r, "g": g, "b": b};
 						if(typeof(a) == "number") { color["a"] = a };
@@ -748,7 +791,7 @@ try {
 						//otherwise assume rgb() input
 						bytes = color.match(/[\d\.]+/g);
 						if(typeof(bytes?.map) == "undefined") {
-							console.log(bytes);
+							console.error(`convertColorFormats: Invalid color ${JSON.stringify(color)} producing null bytes ${bytes}`);
 							bytes = [255,0,255]
 						} else {
 							bytes = bytes.map(x => Number(x));
@@ -757,6 +800,7 @@ try {
 						g = bytes[1];
 						b = bytes[2];
 						a = stripAlpha ? null : (bytes[3] ?? null);
+						if(a !== null) { a = bound(a,0,1) };
 						//to JSON for ease of use
 						color = {"r": r, "g": g, "b": b}
 						if(typeof(a) == "number") { color["a"] = a };
@@ -902,6 +946,7 @@ try {
 				};
 			};
 			function addColors(color1,color2,outputType="rgb") {
+				//console.log("colors",color1,color2);
 				//normalize rgb()/hex by turning any hex into rgb() and then rgb()s to {r,g,b}
 				if(typeof(color1) !== "object") {
 					color1 = convertColorFormats(color1,"json");
@@ -909,6 +954,7 @@ try {
 				if(typeof(color2) !== "object") {
 					color2 = convertColorFormats(color2,"json");
 				};
+				//if(JSON.stringify([color1,color2]).indexOf("NaN") >= 0) { console.log(color1,color2) }
 				var finalR = bound(Math.round(color1.r + color2.r),0,255)
 				var finalG = bound(Math.round(color1.g + color2.g),0,255)
 				var finalB = bound(Math.round(color1.b + color2.b),0,255)
@@ -980,13 +1026,13 @@ try {
 				return output;
 			};
 			//https://stackoverflow.com/questions/46432335/hex-to-hsl-convert-javascript
-			function rgbStringToHSL(rgb,outputType="array") { //Originally a hex-to-HSL function, edited to take RGB and spit out an array
+			function rgbStringToHSL(rgb,outputType="array",stripAlpha=false) { //Originally a hex-to-HSL function, edited to take RGB and spit out an array
 				//console.log("HSLing some RGBs");
 				var result = rgbStringToUnvalidatedObject(rgb);
 				var r = result.r;
 				var g = result.g;
 				var b = result.b;
-				var a = result.a ?? null;
+				var a = stripAlpha ? null : (result.a ?? null);
 				r /= 255, g /= 255, b /= 255; if(a) { a /= 255 };
 				var max = Math.max(r, g, b), min = Math.min(r, g, b);
 				var h, s, l = (max + min) / 2;
@@ -1025,17 +1071,17 @@ try {
 				};
 				//console.log("HSL output "+ colorInHSL + ".");
 			};
-			function normalizeColorToHslObject(color,arrayType=null) {
+			function normalizeColorToHslObject(color,arrayType=null,stripAlpha=false) {
 				var ambiguousArrayError = "changeSaturation can't tell if the array input is supposed to be RGB or HSL. Please use an \"arrayType\" argument of \"rgb\" or \"hsl\".";
 				var isHsl = false;
 				if(Array.isArray(color)) {
 					if(arrayType === null) {
 						throw new Error(ambiguousArrayError);
 					} else if(arrayType === "rgb") {
-						color = color.length > 3 ? `rgba(${color[0]},${color[1]},${color[2]},${color[3]})` : `rgb(${color[0]},${color[1]},${color[2]})`;
+						color = ((color.length > 3) && !stripAlpha) ? `rgba(${color[0]},${color[1]},${color[2]},${color[3]})` : `rgb(${color[0]},${color[1]},${color[2]})`;
 						color = rgbStringToHSL(color,"json"); //rgb arr to hsl obj
 					} else if(arrayType === "hsl") {
-						color = color.length > 3 ? {h: color[0], s: color[1], l: color[2], a: color[3]} : {h: color[0], s: color[1], l: color[2]}; //hsl arr to hsl obj
+						color = ((color.length > 3) && !stripAlpha) > 3 ? {h: color[0], s: color[1], l: color[2], a: color[3]} : {h: color[0], s: color[1], l: color[2]}; //hsl arr to hsl obj
 					} else {
 						throw new Error(ambiguousArrayError);
 					};
@@ -1063,11 +1109,11 @@ try {
 						};
 					};
 					if(!isHsl) {
-						color = convertColorFormats(color,"rgb"); //make any RGBs rgb()
-						color = rgbStringToHSL(color,"json"); //make that rgb() an {h,s,l}
+						color = convertColorFormats(color,"rgb",stripAlpha); //make any RGBs rgb()
+						color = rgbStringToHSL(color,"json",stripAlpha); //make that rgb() an {h,s,l}
 					} else { //by this point, it would have to either be a string or an object
 						if(typeof(color) === "string") { //if it's a string
-							color = hslColorStringToObject(color) //now it's an object
+							color = hslColorStringToObject(color,stripAlpha) //now it's an object
 						};
 					};
 				};
@@ -1283,9 +1329,11 @@ try {
 				if(isEmpty(nx,ny,false)) { return tryMove(pixel,nx,ny,leaveBehind,force) };
 				return pixelMap[nx][ny]
 			};
+
 			function exposedToAir(pixel) {
 				return (isEmpty(pixel.x+1,pixel.y) || isEmpty(pixel.x-1,pixel.y) || isEmpty(pixel.x,pixel.y+1) || isEmpty(pixel.x,pixel.y-1));
 			};
+
 			function tryTarnish(pixel,element,chance) {
 				if(exposedToAir(pixel)) {
 					if(Array.isArray(element)) {
@@ -1299,6 +1347,7 @@ try {
 					};
 				};
 			};
+
 			//Try to create a pixel, return true if it could be created and false if it couldn't
 			function tryCreatePixel(elementInput,x,y) {
 				//array handling
@@ -1324,6 +1373,59 @@ try {
 					return false;
 				};
 			};
+
+			function createOrChangePixel(elementInput,x,y) {
+				//array handling
+				if(elementInput.includes(",")) { //CSTA
+					elementInput = elementInput.split(",");
+				};
+				if(Array.isArray(elementInput)) { //if element list
+					elementInput = elementInput.filter(function(e) {
+						return elementExists(e);
+					});
+					if(elementInput.length === 0) { throw new Error("elementInput has no existing elements") };
+					elementInput = randomChoice(elementInput);
+				};
+				//existence check
+				if(!elementExists(elementInput)) {
+					throw new Error("Element " + elementInput + " doesn't exist!");
+				};
+				//actual creation check
+				if(outOfBounds(x,y)) { return false };
+				if(isEmpty(x,y)) {
+					createPixel(elementInput,x,y);
+				} else {
+					changePixel(pixelMap[x][y],elementInput)
+				};
+				return true
+			};
+
+			function createOrChangePixelAndReturn(elementInput,x,y) {
+				//array handling
+				if(elementInput.includes(",")) { //CSTA
+					elementInput = elementInput.split(",");
+				};
+				if(Array.isArray(elementInput)) { //if element list
+					elementInput = elementInput.filter(function(e) {
+						return elementExists(e);
+					});
+					if(elementInput.length === 0) { throw new Error("elementInput has no existing elements") };
+					elementInput = randomChoice(elementInput);
+				};
+				//existence check
+				if(!elementExists(elementInput)) {
+					throw new Error("Element " + elementInput + " doesn't exist!");
+				};
+				//actual creation check
+				if(outOfBounds(x,y)) { return false };
+				if(isEmpty(x,y)) {
+					return createPixelReturn(elementInput,x,y);
+				} else {
+					return changePixelReturn(pixelMap[x][y],elementInput)
+				}
+				return true
+			};
+
 			function tryCreatePixelReturn(elementInput,x,y) {
 				//array handling
 				if(elementInput.includes(",")) { //CSTA
@@ -1347,6 +1449,7 @@ try {
 					return false;
 				};
 			};
+
 			function createPixelReturn(elementIn,x,y) { //sugar
 				var element = elementIn; while(element instanceof Array) { element = randomChoice(element) };
 				var newPixel = new Pixel(x, y, element);
@@ -1354,6 +1457,7 @@ try {
 				checkUnlock(element);
 				return newPixel;
 			};
+
 			function changePixelReturn(pixel,element,changetemp=true) {
 				if(typeof(elements[element]) == "undefined") {
 					if(doLog) { console.error(`Something tried to change a pixel of ${pixel.element} at (${pixel.x},${pixel.y}) to nonexistent element "${element}"`) };
@@ -2084,6 +2188,147 @@ try {
 			function capitalizeFirstLetter(string,locale=null) {
 				return string[0][locale ? "toLocaleUpperCase" : "toUpperCase"](locale) + string.slice(1)
 			};
+
+	//INTERFACE TO SET OTHER PIXEL PROPERTIES WHEN PLACING SPECIFIC ELEMENTS ##
+		var css =
+`.ps-number {
+	width: 35px;
+	line-height: 35px;
+	height: 35px;
+	display: table-cell;
+	text-align: center;
+	font-size: 80%;
+	vertical-align: baseline;
+}
+
+.ps-heading {
+	font-size: 90%;
+}
+
+td.inputCell {
+	text-align: center;
+}
+`;
+		head = document.head || document.getElementsByTagName('head')[0],
+		style = document.createElement('style');
+
+		head.appendChild(style);
+
+		style.type = 'text/css';
+		if (style.styleSheet){
+		  // This is required for IE8 and below.
+		  style.styleSheet.cssText = css;
+		} else {
+		  style.appendChild(document.createTextNode(css));
+		}
+
+		function showPropertySetter() {
+			var ps = document.getElementById("propertySetter");
+			if(ps) {
+				ps.style.display = "block"
+			}
+		};
+
+		function hidePropertySetter() {
+			var ps = document.getElementById("propertySetter");
+			if(ps) {
+				ps.style.display = "none"
+			}
+		};
+
+		function hideSetterColumn(type,index) {
+			//currently the only type is "numeric"
+			var heading = document.getElementById(`property${type}${index.toString()}headingcell`);
+			var input = document.getElementById(`property${type}${index.toString()}inputcell`);
+			heading.style.display = "none";
+			input.style.display = "none";
+		};
+
+		function showSetterColumn(type,index) {
+			var heading = document.getElementById(`property${type}${index.toString()}headingcell`);
+			var input = document.getElementById(`property${type}${index.toString()}inputcell`);
+			heading.style.display = "table-cell";
+			input.style.display = "table-cell";
+		};
+
+		function hideAllSetterColumnsOfType(type) {
+			var setter = document.getElementById("setterTable");
+			var headingsAndInputs = setter.querySelectorAll(`[id^="property${type}][id$="cell"]`);
+			headingsAndInputs.forEach(n => n.style.display = "none");
+		};
+
+		function hideAllSetterColumns() {
+			var setter = document.getElementById("setterTable");
+			var headingsAndInputs = setter.querySelectorAll(`[id^="property"][id$="cell"]`);
+			headingsAndInputs.forEach(n => n.style.display = "none");
+		};
+
+		howManySetters = 5;
+		var propertySetter = document.createElement("div");
+		propertySetter.setAttribute("id","propertySetter");
+		propertySetter.style.display = "none";
+			var newTable = document.createElement("table");
+			newTable.setAttribute("id","setterTable");
+			propertySetter.appendChild(newTable);
+				var labelRow = document.createElement("tr");
+				var inputRow = document.createElement("tr");
+				newTable.appendChild(labelRow);
+				newTable.appendChild(inputRow);
+				//NUMERIC SETTERS
+				for(var i = 0; i < howManySetters; i++) {
+					var newHeading = document.createElement("th");
+						newHeading.setAttribute("id",`propertynumeric${i.toString()}headingcell`);
+						var newHeadingText = document.createElement("span");
+							newHeadingText.classList.add("ps-heading");
+							newHeadingText.setAttribute("id",`propertynumeric${i.toString()}heading`);
+							newHeadingText.innerText = "None";
+							newHeading.appendChild(newHeadingText)
+							labelRow.appendChild(newHeading);
+					var newInputCell = document.createElement("td");
+						newInputCell.setAttribute("id",`propertynumeric${i.toString()}inputcell`);
+						newInputCell.classList.add("inputCell");
+						var newNumberField = document.createElement("input");
+							newNumberField.setAttribute("type","number");
+							newNumberField.value = "1";
+							newNumberField.setAttribute("set","none");
+							newNumberField.addEventListener("change", function() {
+								var property = this.getAttribute("set");
+								var parsedValue = parseFloat(this.value);
+								if(isNaN(parsedValue)) {
+									var newValue = (Math.max(parseFloat(this.getAttribute("min")),0));
+									this.value = newValue;
+									parsedValue = newValue
+								};
+								var value = parsedValue;
+								ambaPlaceProperties[property] = value
+							});
+							newNumberField.setAttribute("id",`propertynumeric${i.toString()}input`);
+							newNumberField.classList.add("ps-number");
+							newInputCell.appendChild(newNumberField)
+							inputRow.appendChild(newInputCell);
+				};
+		document.getElementById("colorSelector").after(propertySetter);
+
+		ambaPlaceProperties = {
+			blackHoleRange: 15,
+			whiteHoleRange: 15,
+			pusherRange: 10,
+			pusherStrength: 1,
+			ePusherLength: 5,
+			starBombRadius: 50,
+			ophbRadius: 15,
+			stripePaintScale: 1,
+			stripePaintPhase: 0,
+			stripePaintAngle: 0,
+			sweepingLaserRotationSpeed: -0.03,
+			sweepingLaserBeamLength: 10,
+			sweepingLaserBeamTemperature: 2000,
+			sweepingLaserBeamBrevity: 5
+		};
+		
+		hidePropertySetter();
+		hideAllSetterColumns();
+
 	//COLOR MANIPULATION TOOLS ##
 		var colorToolCounter = 0;
 		saturationAmount = 1;
@@ -2382,9 +2627,12 @@ try {
 				var otherPixel = pixelMap[x][y];
 				for(prop in stripeSpreadingProperties) {
 					if(otherPixel.element == pixel.element && pixel[prop] && otherPixel[prop]) {
-						otherPixel[prop] = lerpColors(pixel[prop],otherPixel[prop]);
-					};
-				};
+						if((otherPixel.color1 == pixel.color1) && (otherPixel.color2 == pixel.color2)) {
+						} else {
+							otherPixel[prop] = lerpColors(pixel[prop],otherPixel[prop]);
+						}
+					}
+				}
 				/*for(prop in stripeSpreadingProperties2) {
 					if(otherPixel.element == pixel.element && pixel[prop] !== undefined && otherPixel[prop] !== undefined) {
 						otherPixel[prop] = pixel[prop]/2 + otherPixel[prop]/2;
@@ -2426,14 +2674,57 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			category: "special",
 			properties: {
 				color1: null,
-				color2: null,
-				scale: 1,
-				phase: 0,
-				angle: 0
+				color2: null
 			},
 			stain: elements.dye.stain,
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","stripePaintScale");
+					p0.setAttribute("min","0.00000001");
+					p0.value = ambaPlaceProperties.stripePaintScale;
+				};
+				if(p0h) {
+					p0h.innerText = "Scale";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","stripePaintPhase");
+					p1.setAttribute("min","-99999999");
+					p1.value = ambaPlaceProperties.stripePaintPhase;
+				};
+				if(p1h) {
+					p1h.innerText = "Phase";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","stripePaintAngle");
+					p2.setAttribute("min","-99999999");
+					p2.value = ambaPlaceProperties.stripePaintAngle;
+				};
+				if(p2h) {
+					p2h.innerText = "Angle";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
+			},
 			tick: function(pixel) {
-				stripeFunction(pixel);
+				pixel.scale ??= (ambaPlaceProperties?.stripePaintScale ?? 1);
+				pixel.phase ??= (ambaPlaceProperties?.stripePaintPhase ?? 0);
+				pixel.angle ??= (ambaPlaceProperties?.stripePaintAngle ?? 0);
+				stripeFunction(pixel)
 			},
 			desc: stripePaintDesc
 		};
@@ -3239,16 +3530,16 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 		//supplementary functions for below
 
 		//redefine mouseRange to support even sizes
-        function mouseRange(mouseX,mouseY,size,shapeOverride=null,skipEmpties=false) {
+		function mouseRange(mouseX,mouseY,size,shapeOverride=null,skipEmpties=false) {
 			var shape = shapeOverride ?? currentShape ?? "square";
-            var coords = [];
-            size = size || mouseSize;
-            if (elements[currentElement].maxSize < mouseSize) {
-                var mouseOffset = Math.trunc(elements[currentElement].maxSize/2);
-            }
-            else {
-                var mouseOffset = Math.trunc(size/2);
-            }
+			var coords = [];
+			size = size || mouseSize;
+			if (elements[currentElement].maxSize < mouseSize) {
+				var mouseOffset = Math.trunc(elements[currentElement].maxSize/2);
+			}
+			else {
+				var mouseOffset = Math.trunc(size/2);
+			}
 			var topLeft = [mouseX-mouseOffset,mouseY-mouseOffset];
 			var bottomRight = [mouseX+mouseOffset,mouseY+mouseOffset];
 			if(size % 2 == 0) {
@@ -3273,11 +3564,11 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					coords.push([x,y]);
 				}
 			};
-            return coords
-        };
+			return coords
+		};
 
-        function mouseLikeRange(x,y,size,shape="square",skipEmpties=false) {
-            var coords = [];
+		function mouseLikeRange(x,y,size,shape="square",skipEmpties=false) {
+			var coords = [];
 			var offset = Math.trunc(size/2);
 			var topLeft = [x-offset,y-offset];
 			var bottomRight = [x+offset,y+offset];
@@ -3303,12 +3594,15 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					coords.push([_x,_y]);
 				}
 			};
-            return coords
-        };
+			return coords
+		};
 		
 		//this part defines basically all of the keybinds
 		function addKeyboardListeners() {
 			document.addEventListener("keydown", function(e) {
+				if(document.activeElement?.tagName == "INPUT") {
+					return
+				};
 				if (e.ctrlKey || e.metaKey) {
 					return
 				}
@@ -3673,6 +3967,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 				runAfterButtonsList[i]();
 			};
 			selectElement(currentElement);
+			if(urlParams.get("autoQuickload") !== null) { quickload(true,false,false) };
 			focusGame();
 			// For every button element, onkeyup="event.preventDefault()"
 			var buttonElements = document.getElementsByTagName("button");
@@ -3918,12 +4213,12 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			if (r.tempMax !== undefined && pixel1.temp > r.tempMax) {
 				return false;
 			}
-            if (r.burning1 !== undefined && Boolean(pixel1.burning) !== r.burning1) {
-                return false;
-            }
-            if (r.burning2 !== undefined && Boolean(pixel2.burning) !== r.burning2) {
-                return false;
-            }
+			if (r.burning1 !== undefined && Boolean(pixel1.burning) !== r.burning1) {
+				return false;
+			}
+			if (r.burning2 !== undefined && Boolean(pixel2.burning) !== r.burning2) {
+				return false;
+			}
 			if (r.charged && !pixel1.charge) {
 				return false;
 			}
@@ -5265,7 +5560,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			return colorOut;
 		}
 		
-		viewColorFunctions = { //PENIS
+		viewColorFunctions = {
 			2: function(pixel) {
 				// set the color to pixel.temp, from hottest at -66 (294.1875) hue to coldest 265 hue, with the minimum being -273, max being 7755
 				var a0 = (settings.abszero ?? -273.15);
@@ -5445,6 +5740,8 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			}
 		};	
 		
+		hiding = false
+		
 		runAfterAutogen(function() {
 			//rAA because velocity.js already puts its redef in a rAL and rAA comes after that
 			drawPixels = function(forceTick=false) {
@@ -5508,91 +5805,69 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					};
 					ctx.fillRect(0, 0, canvas.width, canvas.height);
 				}
-				var pixelDrawList = pixelsFirst.concat(pixelsLast);
-				for (var i = 0; i < pixelDrawList.length; i++) {
-					var pixel = pixelDrawList[i];
-					if (pixelMap[pixel.x][pixel.y] == undefined) {continue}
-					if (pixel.con) { pixel = pixel.con }
-					if((typeof(pixel.color) !== "string") || (pixel.color.indexOf("NaN") >= 0)) {
-						pixel.color = pixelColorPick(pixel)
-					};
-					if(pixel.color.length <= 7) { //hex triplets as colors seem to break some mods and can't be allowed
-						pixel.color = convertColorFormats(pixel.color,"rgb")
-					};
-					var colorFunction = viewColorFunctions[view] ?? normalColorFunction;
-					ctx.fillStyle = colorFunction(pixel);
-					if(find) { //if find and matching, override fill style with the find coloration
-						if(findElement instanceof Array ? findElement.includes(pixel.element) : pixel.element === findElement) {
-							ctx.fillStyle = "rgb(255," + marasi(findColorPulseTimer / 10) + ",0)";
+				if(!hiding) {
+					var pixelDrawList = pixelsFirst.concat(pixelsLast);
+					for (var i = 0; i < pixelDrawList.length; i++) {
+						var pixel = pixelDrawList[i];
+						if (pixelMap[pixel.x][pixel.y] == undefined) {continue}
+						if (pixel.con) { pixel = pixel.con }
+						if((typeof(pixel.color) !== "string") || (pixel.color.indexOf("NaN") >= 0)) {
+							pixel.color = pixelColorPick(pixel)
+						};
+						if(pixel.color.length <= 7) { //hex triplets as rgb colors seem to break some mods and can't be allowed
+							pixel.color = convertColorFormats(pixel.color,"rgb")
+						};
+						var colorFunction = viewColorFunctions[view] ?? normalColorFunction;
+						ctx.fillStyle = colorFunction(pixel);
+						if(find) { //if find and matching, override fill style with the find coloration
+							if(findElement instanceof Array ? findElement.includes(pixel.element) : pixel.element === findElement) {
+								ctx.fillStyle = "rgb(255," + marasi(findColorPulseTimer / 10) + ",0)";
+							}
+						};
+						var mode = getShapeMode();
+						settings.acidFunction ??= "none";
+						var acidFunction;
+						if([false,"false"].includes(settings.doacid)) {
+							acidFunction = acidFunctions.none
+						} else {
+							acidFunction = acidFunctions[settings.acidFunction ?? "none"]
+						};
+						var acidOffset1,acidOffset2;
+						if(settings.doacid && settings.acidFunction != "none" && !!acidFunction) {
+							acidOffset1 = (settings.doacid ?? false) * (18*acidFunction((pixel.y+incrementt)/4.4));
+							acidOffset2 = (settings.doacid ?? false) * (18*acidFunction((pixel.x+incrementt)/4.4))
+						} else {
+							acidOffset1 = 0;
+							acidOffset2 = 0
+						};
+						if ((view === null || view === 4) && elements[pixel.element].isGas) {
+							//gas rendering
+							switch(mode) {
+								case "circles":
+									ctx.globalAlpha = 0.66;
+									ctx.beginPath();
+									ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize, 0, 2 * Math.PI, false);
+									ctx.fill();
+									ctx.globalAlpha = 1;
+									break;
+								case "triangles":
+									ctx.globalAlpha = 0.66;
+									ctx.beginPath();
+									ctx.moveTo((pixel.x-0.75)*pixelSize+acidOffset1,(pixel.y+1.5)*pixelSize+acidOffset2);
+									ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y-1)*pixelSize+acidOffset2);
+									ctx.lineTo((pixel.x+1.75)*pixelSize+acidOffset1,(pixel.y+1.5)*pixelSize+acidOffset2);
+									ctx.fill();
+									ctx.globalAlpha = 1;
+									break;
+								default:
+									ctx.globalAlpha = 0.5;
+									ctx.fillRect((pixel.x-1)*pixelSize+acidOffset1, (pixel.y)*pixelSize+acidOffset2, pixelSize*3, pixelSize);
+									ctx.fillRect((pixel.x)*pixelSize+acidOffset1, (pixel.y-1)*pixelSize+acidOffset2, pixelSize, pixelSize*3);
+									ctx.globalAlpha = 1;
+									break;
+							};
 						}
-					};
-					var mode = getShapeMode();
-					settings.acidFunction ??= "none";
-					var acidFunction;
-					if([false,"false"].includes(settings.doacid)) {
-						acidFunction = acidFunctions.none
-					} else {
-						acidFunction = acidFunctions[settings.acidFunction ?? "none"]
-					};
-					var acidOffset1,acidOffset2;
-					if(settings.doacid && settings.acidFunction != "none" && !!acidFunction) {
-						acidOffset1 = (settings.doacid ?? false) * (18*acidFunction((pixel.y+incrementt)/4.4));
-						acidOffset2 = (settings.doacid ?? false) * (18*acidFunction((pixel.x+incrementt)/4.4))
-					} else {
-						acidOffset1 = 0;
-						acidOffset2 = 0
-					};
-					if ((view === null || view === 4) && elements[pixel.element].isGas) {
-						//gas rendering //PENIS
-						switch(mode) {
-							case "circles":
-								ctx.globalAlpha = 0.66;
-								ctx.beginPath();
-								ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize, 0, 2 * Math.PI, false);
-								ctx.fill();
-								ctx.globalAlpha = 1;
-								break;
-							case "triangles":
-								ctx.globalAlpha = 0.66;
-								ctx.beginPath();
-								ctx.moveTo((pixel.x-0.75)*pixelSize+acidOffset1,(pixel.y+1.5)*pixelSize+acidOffset2);
-								ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y-1)*pixelSize+acidOffset2);
-								ctx.lineTo((pixel.x+1.75)*pixelSize+acidOffset1,(pixel.y+1.5)*pixelSize+acidOffset2);
-								ctx.fill();
-								ctx.globalAlpha = 1;
-								break;
-							default:
-								ctx.globalAlpha = 0.5;
-								ctx.fillRect((pixel.x-1)*pixelSize+acidOffset1, (pixel.y)*pixelSize+acidOffset2, pixelSize*3, pixelSize);
-								ctx.fillRect((pixel.x)*pixelSize+acidOffset1, (pixel.y-1)*pixelSize+acidOffset2, pixelSize, pixelSize*3);
-								ctx.globalAlpha = 1;
-								break;
-						};
-					}
-					else { // draw the pixel (default)
-						switch(mode) {
-							case "circles":
-								ctx.beginPath();
-								ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize/2, 0, 2 * Math.PI, false);
-								ctx.fill();
-								ctx.globalAlpha = 1;
-								break;
-							case "triangles":
-								ctx.beginPath();
-								ctx.moveTo(pixel.x*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
-								ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y)*pixelSize+acidOffset2);
-								ctx.lineTo((pixel.x+1)*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
-								ctx.fill();
-								ctx.globalAlpha = 1;
-								break;
-							default:
-								ctx.fillRect(pixel.x*pixelSize+acidOffset1, pixel.y*pixelSize+acidOffset2, pixelSize, pixelSize);
-								break;
-						};
-					}
-					if (pixel.charge && settings.shockoverlay && view !== 2) { // Yellow glow on charge
-						if (!elements[pixel.element].colorOn) {
-							ctx.fillStyle = "rgba(255,255,0,0.5)";
+						else { // draw the pixel (default)
 							switch(mode) {
 								case "circles":
 									ctx.beginPath();
@@ -5613,29 +5888,53 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 									break;
 							};
 						}
-					}
-					if (pixel.burning && settings.burnoverlay && view !== 2) { // Red glow on burn
-						if (!elements[pixel.element].colorOn) {
-							ctx.fillStyle = "rgba(255,0,0,0.5)";
-							switch(mode) {
-								case "circles":
-									ctx.beginPath();
-									ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize/2, 0, 2 * Math.PI, false);
-									ctx.fill();
-									ctx.globalAlpha = 1;
-									break;
-								case "triangles":
-									ctx.beginPath();
-									ctx.moveTo(pixel.x*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
-									ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y)*pixelSize+acidOffset2);
-									ctx.lineTo((pixel.x+1)*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
-									ctx.fill();
-									ctx.globalAlpha = 1;
-									break;
-								default:
-									ctx.fillRect(pixel.x*pixelSize+acidOffset1, pixel.y*pixelSize+acidOffset2, pixelSize, pixelSize);
-									break;
-							};
+						if (pixel.charge && settings.shockoverlay && view !== 2) { // Yellow glow on charge
+							if (!elements[pixel.element].colorOn) {
+								ctx.fillStyle = "rgba(255,255,0,0.5)";
+								switch(mode) {
+									case "circles":
+										ctx.beginPath();
+										ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize/2, 0, 2 * Math.PI, false);
+										ctx.fill();
+										ctx.globalAlpha = 1;
+										break;
+									case "triangles":
+										ctx.beginPath();
+										ctx.moveTo(pixel.x*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
+										ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y)*pixelSize+acidOffset2);
+										ctx.lineTo((pixel.x+1)*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
+										ctx.fill();
+										ctx.globalAlpha = 1;
+										break;
+									default:
+										ctx.fillRect(pixel.x*pixelSize+acidOffset1, pixel.y*pixelSize+acidOffset2, pixelSize, pixelSize);
+										break;
+								};
+							}
+						}
+						if (pixel.burning && settings.burnoverlay && view !== 2) { // Red glow on burn
+							if (!elements[pixel.element].colorOn) {
+								ctx.fillStyle = "rgba(255,0,0,0.5)";
+								switch(mode) {
+									case "circles":
+										ctx.beginPath();
+										ctx.arc((pixel.x+0.5)*pixelSize+acidOffset1, (pixel.y+0.5)*pixelSize+acidOffset2, pixelSize/2, 0, 2 * Math.PI, false);
+										ctx.fill();
+										ctx.globalAlpha = 1;
+										break;
+									case "triangles":
+										ctx.beginPath();
+										ctx.moveTo(pixel.x*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
+										ctx.lineTo((pixel.x+0.5)*pixelSize+acidOffset1,(pixel.y)*pixelSize+acidOffset2);
+										ctx.lineTo((pixel.x+1)*pixelSize+acidOffset1,(pixel.y+1)*pixelSize+acidOffset2);
+										ctx.fill();
+										ctx.globalAlpha = 1;
+										break;
+									default:
+										ctx.fillRect(pixel.x*pixelSize+acidOffset1, pixel.y*pixelSize+acidOffset2, pixelSize, pixelSize);
+										break;
+								};
+							}
 						}
 					}
 				};
@@ -5671,21 +5970,21 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			}
 		});
 		//I hate overwriting drawPixels
-        viewKey = {
-            2: "thermal",
-            3: "basic",
-            4: "smooth",
-            5: "velocity",
-            6: "element"
-        };
-        function setView(n) {
-            if (viewKey[n]) { // range of number keys with valid views
-                view = n;
-            }
-            else { // reset view
-                view = null;
-            }
-        };
+		viewKey = {
+			2: "thermal",
+			3: "basic",
+			4: "smooth",
+			5: "velocity",
+			6: "element"
+		};
+		function setView(n) {
+			if (viewKey[n]) { // range of number keys with valid views
+				view = n;
+			}
+			else { // reset view
+				view = null;
+			}
+		};
 		runAfterLoad(function() {
 			//Setting
 			var settingsMenu = document.getElementById("settingsMenu").getElementsByClassName("menuText")[0];
@@ -6941,7 +7240,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 			state: "solid",
 			tick: function(pixel) {
 				pixel.life ??= 100;
-				var alpha = isNaN(pixel.life) ? Math.floor(Math.random() * 256) : (pixel.life * 2.55); //CL REFERENCE??!?!?!?!?!?!?!?!??!?
+				var alpha = isNaN(pixel.life) ? Math.floor(Math.random() * 256) : (pixel.life * 2.55); //ALPHA/??!?!?!?!/1/ CL REFERENCE??!?!?!?!?!?!?!?!??!?
 				//console.log("tick");
 				var splitColor = convertColorFormats(pixel.color,"json");
 				//console.log(pixel.color,splitColor);
@@ -6963,20 +7262,80 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 		//Sweeping laser
 		elements.sweeping_laser = {
 			"color": "#905050",
+			customColor: true,
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","sweepingLaserRotationSpeed");
+					p0.setAttribute("min","-4");
+					p0.value = ambaPlaceProperties.sweepingLaserRotationSpeed;
+				};
+				if(p0h) {
+					p0h.innerText = "Rotation Speed";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","sweepingLaserBeamLength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.sweepingLaserBeamLength;
+				};
+				if(p1h) {
+					p1h.innerText = "Length";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","sweepingLaserBeamTemperature");
+					p2.setAttribute("min","-99999999");
+					p2.value = ambaPlaceProperties.sweepingLaserBeamTemperature;
+				};
+				if(p2h) {
+					p2h.innerText = "Temperature";
+				};
+
+				showSetterColumn("numeric",3);
+				var p3 = document.getElementById("propertynumeric3input");
+				var p3h = document.getElementById("propertynumeric3heading");
+				if(p3) {
+					p3.setAttribute("set","sweepingLaserBeamBrevity");
+					p3.setAttribute("min","0");
+					p3.value = ambaPlaceProperties.sweepingLaserBeamBrevity;
+				};
+				if(p3h) {
+					p3h.innerText = "Brevity";
+				}
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
+			},
+			
 			"tick": function(pixel) {
 				pixel.r ??= 0;
 				if(isNaN(pixel.r)) { return false };
-				pixel.rSpeed ??= -0.03;
-				pixel.beamLength ??= 10;
-				pixel.beamTemp ??= 2000;
-				pixel.brevity ??= 5;
-				pixel.beamColor ??= "#FF0000";
+				pixel.rSpeed ??= -(ambaPlaceProperties?.sweepingLaserRotationSpeed ?? -0.03);
+				pixel.beamLength ??= (ambaPlaceProperties?.sweepingLaserBeamLength ?? 10);
+				pixel.beamTemp ??= (ambaPlaceProperties?.sweepingLaserBeamTemperature ?? 2000);
+				pixel.brevity ??= (ambaPlaceProperties?.sweepingLaserBeamBrevity ?? 5);
+				pixel.untssa ??= Math.floor(Math.random() * (Number.MAX_SAFE_INTEGER + 1)) * (Math.floor() < 0.5 ? -1 : 1); //unique number to stop self-addition
+				if(Object.is(pixel.untssa,-0)) { pixel.untssa = Number.MAX_SAFE_INTEGER + 3 };
+				pixel.beamColor ??= currentColor;
+
 				var beamElement = "test_fader";
 				var rotation = -(((pixel.r ?? 0) % 4) + 1); //preserving the original behavior of 0 = up, 1 = left
 				var rotationInRadians = scale(rotation,0,4,0,Math.PI * 2);
 				var vector = [Math.cos(rotationInRadians), Math.sin(rotationInRadians)];
 				var distance = Math.min(300,Math.max(2,(pixel.beamLength + 1) ?? 10));
-				for(var i = 1; i <= distance; i += 0.5) { //twice the tries to try to reduce gaps in the beam
+				for(var i = 1; i <= distance; i += (3 ** -(Math.ceil(Math.log2(distance / 10))))) { //increase the tries to try to reduce gaps in the beam, as distance goes up
 					var newOffsets = vector.map(coord => Math.round(coord * i));
 					var finalPos = {x: pixel.x + newOffsets[0], y: pixel.y + newOffsets[1]};
 					//console.log(finalPos);
@@ -6988,7 +7347,15 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 							elements[otherPixel.element].state === "gas"
 						) && !(sweepingLaserTransparencyBlacklist.includes(otherPixel.element))) {
 							if(otherPixel.element == "test_fader") { //intentionally hard-coded
-								otherPixel.life = 100
+								otherPixel.life = 100;
+								if(otherPixel.untssa !== pixel.untssa) {
+									var _pc = convertColorFormats(pixel.color,"hex",true).slice(0,7);
+									otherPixel.lastColors ??= [convertColorFormats(otherPixel.color,"hex",true).slice(0,7)];
+									if(otherPixel.lastColors.indexOf(_pc) === -1) {
+										otherPixel.lastColors.push(_pc);
+										otherPixel.color = otherPixel.lastColors.reduce((a,b) => addColors(a,b,"hex").slice(0,7)).padEnd(9,"F")
+									}
+								}
 							};
 							continue
 						} else {
@@ -7001,6 +7368,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					} else {
 						newBeamPixel.temp = pixel.beamTemp ?? 2000;
 						newBeamPixel.fadeRate = pixel.brevity ??= 5;
+						newBeamPixel.untssa = pixel.untssa;
 						newBeamPixel.color = (pixel.beamColor ?? "#FF0000");
 					}
 				};
@@ -8813,12 +9181,32 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 		maxColorOffset: 0,
 		excludeRandom: true,
 		insulate: true,
-		hoverStat: (pixel => `r = ${(pixel.range ?? 15).toString()}`),
+		onSelect: function() {
+			showPropertySetter();
+			showSetterColumn("numeric",0);
+			var p0 = document.getElementById("propertynumeric0input");
+			var p0h = document.getElementById("propertynumeric0heading");
+			if(p0) {
+				p0.setAttribute("set","blackHoleRange");
+				p0.setAttribute("min","1");
+				p0.value = ambaPlaceProperties.blackHoleRange;
+			};
+			if(p0h) {
+				p0h.innerText = "Radius";
+			};
+		},
+		onUnselect: function() {
+			hideAllSetterColumns();
+			hidePropertySetter
+		},
+		hoverStat: (pixel => `r = ${(pixel.range?.toString() ?? "??")}`),
 		tick: function(pixel) {
 			pixel.color = _cc.b.r;
-			pixel.range ??= 15;
+			//if(pixelTicks == pixel.start) { console.log("spawn range",ambaPlaceProperties.blackHoleRange) };
+			pixel.range ??= ambaPlaceProperties?.blackHoleRange ?? 15;
+			//if(pixelTicks == pixel.start) { console.log("this range",pixel.range) };
 			if(pixel.range <= 0) { deletePixel(pixel.x,pixel.y); return };
-			var range = (pixel.range ?? 15) * 2;
+			var range = (pixel.range ?? (ambaPlaceProperties?.blackHoleRange ?? 15)) * 2;
 			var targets = mouseLikeRange(pixel.x,pixel.y,range,"circle",true);
 			shuffleArray(targets);
 			for (var i = 0; i < targets.length; i++) {
@@ -8835,7 +9223,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 				var pullCountFractionalPart = pullCount % 1;
 				var truePullCount = Math.min(3,pullCountIntegerPart + (Math.random() < pullCountFractionalPart));
 				for(var j = 0; j < truePullCount; j++) {
-					if((pullCountIntegerPart >= 1) && (Math.random() < pullCount / 3)) { tryBreak(newPixel) };
+					if((pullCountIntegerPart >= 1) && (Math.random() < distanceProportion)) { tryBreak(newPixel) };
 					var x = newPixel.x;
 					var y = newPixel.y;
 					var empty = checkForEmptyPixels(x, y);
@@ -8859,8 +9247,10 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 						newPixel.vy += _vy;
 						tryMove(newPixel, x + best[0], y + best[1], undefined, true);
 						if(haseuliteSpreadWhitelist.includes(newPixel.element)) { newPixel.value += ((15 + (distanceComplement / (distanceProportion ** 2))) * 3) };
-						heatNeighbors(newPixel,5);
-						pixel.temp += 5 * getNeighborCount(pixel);
+						var heat = (20 * pullCount) * getNeighborCount(newPixel);
+						heatNeighbors(newPixel,heat);
+						pixel.temp += heat;
+						pixelTempCheck(pixel);
 					}
 				};
 				var taxicabDistance = Math.abs(newPixel.x - pixel.x) + Math.abs(newPixel.y - pixel.y);
@@ -8868,13 +9258,18 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					pixel.temp += (newPixel.temp - (settings.abszero ?? 273.15));
 					if(["amba_black_hole","amba_white_hole"].includes(newPixel.element) && (newPixel.range ?? 15) > 0) {
 						//console.log("adding range on tick",pixelTicks);
-						pixel.range ??= 15;
+						pixel.range ??= (ambaPlaceProperties?.blackHoleRange ?? 15);
+						var rangeChange = (newPixel.range ?? (ambaPlaceProperties?.blackHoleRange ?? 15));
 						switch(newPixel.element) {
 							case "amba_black_hole":
-								pixel.range += (newPixel.range ?? 15);
+								//console.log("range add",rangeChange);
+								pixel.range += rangeChange;
+								//console.log("new range",pixel.range);
 								break;
 							case "amba_white_hole":
-								pixel.range -= (newPixel.range ?? 15);
+								//console.log("range remove",rangeChange);
+								pixel.range -= rangeChange;
+								//console.log("new range",pixel.range);
 								break;
 						}
 						//console.log("new range:",pixel.range);
@@ -8899,12 +9294,26 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 		maxColorOffset: 0,
 		excludeRandom: true,
 		insulate: true,
-		hoverStat: (pixel => `r = ${(pixel.range ?? 15).toString()}`),
+		onSelect: function() {
+			showPropertySetter();
+			var p0 = document.getElementById("propertynumeric0input");
+			var p0h = document.getElementById("propertynumeric0heading");
+			if(p0) {
+				p0.setAttribute("set","whiteHoleRange");
+				p0.setAttribute("min","1");
+				p0.value = ambaPlaceProperties.whiteHoleRange;
+			};
+			if(p0h) {
+				p0h.innerText = "Radius";
+			};
+		},
+		onUnselect: hidePropertySetter,
+		hoverStat: (pixel => `r = ${(pixel.range?.toString() ?? "??")}`),
 		tick: function(pixel) {
 			pixel.color = _cc.w.r;
-			pixel.range ??= 15;
+			pixel.range ??= (ambaPlaceProperties?.whiteHoleRange ?? 15);
 			if(pixel.range <= 0) { deletePixel(pixel.x,pixel.y); return };
-			var range = (pixel.range ?? 30) * 2;
+			var range = (pixel.range ?? (ambaPlaceProperties?.whiteHoleRange ?? 15)) * 2;
 			var targets = mouseLikeRange(pixel.x,pixel.y,range,"circle",true);
 			shuffleArray(targets);
 			for (var i = 0; i < targets.length; i++) {
@@ -8966,8 +9375,7 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 		density: -(1797.69313486e305), //about as close to -Infinity as we can serializably get
 		category: "special",
 		hardness: 1,
-		maxSize: 1,
-		ignore: ["amba_black_hole"]
+		maxSize: 1
 	};
 	
 	//ASSORTED RAINBOW VARIANTS ##
@@ -11153,23 +11561,41 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 				pixel.vy *= 2;
 			};
 		};
-		function planetCrackerFinale(doColorChange=true) {
+		function planetCrackerFinale(doColorChange=true,spawnElements=null) {
 			var bottomFortyPercent = Math.round(height * 0.6);
 			var bottomTwentyPercent = Math.round(height * 0.8);
 			var bottomTenPercent = Math.round(height * 0.9);
+			if(typeof(spawnElements) == "string") {
+				if(spawnElements.indexOf(",") >= 0) {
+					spawnElements = spawnElements.split(",")
+				} else { spawnElements = [spawnElements] };
+			};
+			if(Array.isArray(spawnElements)) {
+				spawnElements = spawnElements.filter(n => elementExists(n));
+				if(spawnElements.length == 0) {
+					spawnElements = null
+				}
+			};
+			var doSpawning = (spawnElements !== null);
 			for(x = 1; x < width; x++) {
 				for(y = bottomFortyPercent; y < height; y++) {
 					var chance = y > bottomTwentyPercent ? 0.03 : 0.01
 					var radius = y > bottomTwentyPercent ? 8 : 6
-					if(!isEmpty(x,y,true)) {
-						pixelMap[x][y].vy ??= 0;
-						pixelMap[x][y].vy -= 20;
+					var newPixel = pixelMap[x]?.[y];
+					if(doSpawning && y > bottomTenPercent && isEmpty(x,y,false) && (Math.random() < 0.6)) {
+						var _np = tryCreatePixelReturn(randomChoice(spawnElements),x,y);
+						if(_np) { newPixel = _np }
 					};
-					if(y > bottomTenPercent && !isEmpty(x,y,true)) {
-						pixelMap[x][y].temp += 2000;
+					if(newPixel) {
+						newPixel.vy ??= 0;
+						newPixel.vy -= 20;
+					};
+					if(newPixel && y > bottomTenPercent) {
+						newPixel.temp += 2000;
+						pixelTempCheck(newPixel)
 					};
 					if(Math.random() < chance) {
-						explodeAt(x,y,radius,"plasma");
+						explodeAt(x,y,radius,spawnElements ? ((",plasma".repeat(spawnElements.length * 14).replace(",","")) + "," + spawnElements.join(",")) : "plasma");
 					};
 				};
 			};
@@ -11190,21 +11616,46 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					return;
 				};
 				if(outOfBounds(pixel.x,pixel.y+pixel.counter)) {
-					planetCrackerFinale();
+					planetCrackerFinale(true,pixel._bottomStateHighCache ?? null);
 					pixel.active = false;
 					changePixel(pixel,"metal_scrap");
 				};
 				if(pixel.active) {
+					pixel._bottomStateHighCache ??= [];
+					pixel._bottomStateHighCache = currentPixels.filter(p => p.y == height - 1).map(p => p.element);
+					var bshcUniques = Array.from(new Set(pixel._bottomStateHighCache));
+					pixel._bottomStateHighCache = bshcUniques.filter(elemNameToFilterBy => (pixel._bottomStateHighCache.filter(elemName => elemName == elemNameToFilterBy).length >= (pixel._bottomStateHighCache.length / 10)));
+					pixel._bottomStateHighCache = pixel._bottomStateHighCache.map(elemName => getStateHigh(elemName) ?? elemName);
 					var pixelDistanceFromBottom = height - pixel.y;
 					var counterDistanceFromBottom = height - (pixel.y + pixel.counter);
+					var yRisingFromBottomToHalfway = Math.round((height - 1) - (pixel.counter / 2));
+
 					var closenessToBottom = 1 - (counterDistanceFromBottom / pixelDistanceFromBottom);
-					//console.log(closenessToBottom);
 					var finalRadius = Math.round(((1 + closenessToBottom) ** 2) * 6);
-					if(typeof(explodeAtPlus) === "function") {
-						explodeAtPlus(pixel.x,pixel.y+pixel.counter,finalRadius,"plasma","fire",null,planetCrackerHeat);
-					} else {
-						explodeAt(pixel.x,pixel.y+pixel.counter,finalRadius,"plasma");
+
+					var earthquakeChance = ((closenessToBottom >= 0.5) && (0.1 + (0.05 * (1 + (Math.max(closenessToBottom - 0.5,0) * 25)))))
+					var earthquakeMaxTryCount = 2 + (Math.random() < (closenessToBottom - 0.5)) + (Math.random() < (closenessToBottom - 0.75)) + (Math.random() < earthquakeChance) + (Math.random() < (earthquakeChance ** 2));
+					for(var i = 0; i < earthquakeMaxTryCount; i++) {
+						if((closenessToBottom >= 0.5) && (Math.random() < earthquakeChance)) { //random earthquake
+							var rX = (Math.floor(Math.random() * (width - 1)) + 1);
+							var rY = Math.round(height / 2) + Math.floor(Math.random() * height / 2);
+							var eq = createOrChangePixelAndReturn("earthquake",rX,rY);
+							if(eq) {
+								eq.stage = 1;
+								eq.mag = Math.floor(Math.random() * ((5 * (1 + (Math.max(closenessToBottom - 0.5,0) * 2.5))) + 1)) + 15;
+							}
+						}
 					};
+					
+					for(var x = 1; x < width; x++) {
+						var y = yRisingFromBottomToHalfway;
+						if(isEmpty(x,y,true)) { continue };
+						var newPixel = pixelMap[x][y];
+						newPixel.temp += 400 + ((1 - closenessToBottom) * 100);
+						pixelTempCheck(newPixel)
+					};
+
+					explodeAtPlus(pixel.x,pixel.y+pixel.counter,finalRadius,"plasma","fire",null,planetCrackerHeat);
 					pixel.counter++;
 				};
 			},
@@ -12795,13 +13246,13 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 				};
 			};
 			function quickload(pause=true,doSuccessAlert=true,doFailAlert=true) {
-				clearAll();
-				rebuildCurrentPixels();
 				var save = localStorage.getItem("quicksave");
 				if(!save) {
 					if(doFailAlert) { alert("No save exists") };
 					return false;
 				} else {
+					clearAll();
+					rebuildCurrentPixels();
 					importJsonState(JSON.parse(save));
 					if(doSuccessAlert) { alert("Quicksave loaded") };
 					if(pause) {
@@ -12912,8 +13363,13 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					json.pixelMap[i] = json.pixelMap[i].map(x => zeroToNull(x));
 				};
 				pixelMap = json.pixelMap;
+				var settingsExcludedKeys = ["unlocked","suppressModdedSaveLoadWarning"];
 				if(json.settings) {
-					settings = json.settings;
+					for(var key in json.settings) {
+						if(settingsExcludedKeys.includes(key)) { continue };
+						settings[key] = json.settings[key];
+					}
+					saveSettings
 				};
 				//enabledMods handling {
 					var enMods = "[]";
@@ -12931,7 +13387,9 @@ color1 and color2 spread through striped paint like dye does with itself. <u>col
 					};
 					localStorage.setItem("enabledMods",JSON.stringify(currentEnmods));
 					if((enMods.length > 0 && enMods[0] !== modName) || enMods.length > 1) {
-						alert("Saves with other mods might require a reload (and then importing the save file again).\nIf you see a blank screen, try refreshing and loading the file again before you panic.");
+						if(!(settings.suppressModdedSaveLoadWarning)) {
+							alert("Saves with other mods might require a reload (and then importing the save file again).\nIf you see a blank screen, try refreshing and loading the file again before you panic.")
+						}
 					};
 				//}
 				var currPix = []; //rebuild currentPixels from pixelMap to try to fix bug
@@ -13078,7 +13536,11 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 				var _width = getComputedStyle(statsDiv).width;
 				if(_width !== null) {
 					_width = parseFloat(_width.match(/[\d\/]+/));
-					if(_width <= 752) { statsDiv.style["font-size"] = "50%" }
+					if(_width <= 752) {
+						statsDiv.style["font-size"] = "50%"
+					} else if(_width <= 940) {
+						statsDiv.style["font-size"] = "75%"
+					}
 				}
 			}
 			//Moved to window.onload where gameDiv should be guaranteed to exist
@@ -16743,7 +17205,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 				};
 			};
 		};
-		var clf3IgnoreList = ["FOOF","solid_FOOF","oxygen","liquid_oxygen","oxygen_ice","chlorine","liquid_chlorine","liquid_hydrogen_fluoride","liquid_fluorine","fluorine","fluorine_ice","hydrogen_fluoride","hydrofluoric_acid","hydrofluoric_acid_gas","fire","acid_gas","neutral_acid","acid","acid_cloud","nitrogen","helium","liquid_helium","tralphium","liquid_tralphium","neon","liquid_neon","solid_neon","neon_ice","neon_snow","argon","liquid_argon","solid_argon","argon_ice","argon_snow", "krypton","liquid_krypton","solid_krypton","krypton_ice","krypton_snow", "xenon","liquid_xenon","solid_xenon","xenon_ice","xenon_snow", "radon","liquid_radon","solid_radon","radon_ice","radon_snow","ionized_helium","ionized_tralphium","wall","chlorine_trifluoride","chlorine_trifluoride_ice","chlorine_trifluoride_gas","quartz"];
+		var clf3IgnoreList = ["foof","solid_foof","oxygen","liquid_oxygen","oxygen_ice","chlorine","liquid_chlorine","liquid_hydrogen_fluoride","liquid_fluorine","fluorine","fluorine_ice","hydrogen_fluoride","hydrofluoric_acid","hydrofluoric_acid_gas","fire","acid_gas","neutral_acid","acid","acid_cloud","nitrogen","helium","liquid_helium","tralphium","liquid_tralphium","neon","liquid_neon","solid_neon","neon_ice","neon_snow","argon","liquid_argon","solid_argon","argon_ice","argon_snow", "krypton","liquid_krypton","solid_krypton","krypton_ice","krypton_snow", "xenon","liquid_xenon","solid_xenon","xenon_ice","xenon_snow", "radon","liquid_radon","solid_radon","radon_ice","radon_snow","ionized_helium","ionized_tralphium","wall","chlorine_trifluoride","chlorine_trifluoride_ice","chlorine_trifluoride_gas","quartz"];
 		//todo: PTFE, passivation
 		elements.chlorine_trifluoride = {
 			color: "#8aa65b",
@@ -17382,6 +17844,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_ruthenium = {
 			density: 10650,
+			tempHigh: 4150
 		},
 		elements.rhodium = {
 			color: ["#f0e4df","#f7eae4"], //it looked slightly reddish on Wikipedia
@@ -17395,6 +17858,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_rhodium = {
 			density: 10700,
+			tempHigh: 3695
 		},
 		elements.palladium = {
 			color: ["#fff8ed","#f5e6ce","#faeccf"], //Terraria reference
@@ -17408,6 +17872,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_palladium = {
 			density: 10380,
+			tempHigh: 2963
 		},
 		//Silver exists
 		elements.rhenium = {
@@ -17422,6 +17887,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_rhenium = {
 			density: 18900,
+			tempHigh: 5630
 		},
 		elements.osmium = {
 			color: ["#d8e1eb","#cee1f0"], //it looks bluish
@@ -17435,6 +17901,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_osmium = {
 			density: 2e4,
+			tempHigh: 5008
 		},
 		elements.iridium = {
 			color: ["#dfb9f0","#d6a9eb","#dfd1ed","#eeeeee"], //Minecraft and Stardew Valley reference
@@ -17448,6 +17915,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_iridium = {
 			density: 19000,
+			tempHigh: 4130
 		},
 		elements.platinum = {
 			color: ["#dddddd","#d7d7d7"],
@@ -17461,8 +17929,13 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		},
 		elements.molten_platinum = {
 			density: 19770,
+			tempHigh: 3825
 		},
 		//Gold exists
+		elements.molten_gold ??= {};
+		elements.molten_gold.density = 17310;
+		elements.molten_gold.tempHigh = 2970;
+		
 		elements.mercury = {
 			color: ["#d1d1d1", "#bababa"],
 			behavior: behaviors.LIQUID,
@@ -17514,7 +17987,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 			"#dbb9f0",
 			"#f2acdb"
 		]
-		var bismuthCrystalElements = ["bismuth","molten_bismuth"];
+		var bismuthCrystalElements = ["amba_bismuth","amba_molten_bismuth"];
 		quadriCoords = [[-1,1],[0,1],[1,1],[1,0]];
 		//i'm not replacing pixelTick for this shit
 		/*function mooreDoHeat(pixel) {
@@ -17538,14 +18011,14 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 			};
 		};*/
 		function bismuthCrystallization(pixel) {
-			if(pixel.temp < elements.bismuth.tempHigh) { //initial crystal on cool
+			if(pixel.temp < elements.amba_bismuth.tempHigh) { //initial crystal on cool
 				//pixel.color = "rgb(255,0,0)";
 					//initialize CCC
 				pixel.crystalColorCounter ??= Math.floor(Math.random() * 8); //initialize CCC
 				//pixel.crystalColorCounter ??= 0;
-				if(pixel.element !== "bismuth") {
+				if(pixel.element !== "amba_bismuth") {
 					pixel.temp -= 0.05; //incentivize cooling
-					pixel.element = "bismuth"
+					pixel.element = "amba_bismuth"
 					//console.log(`pixel (${pixel.x},${pixel.y}) frozen by bismuthCrystallization`)
 					pixel.color = pixelColorPick(pixel,bismuthCrystalColorArray[pixel.crystalColorCounter % 8]);
 				}; //solidify
@@ -17559,9 +18032,9 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 					} else {
 						var newPixel = pixelMap[newX][newY];
 						if(bismuthCrystalElements.includes(newPixel.element)) {
-							if(newPixel.temp < elements.bismuth.tempHigh) {
+							if(newPixel.temp < elements.amba_bismuth.tempHigh) {
 								newPixel.temp -= 0.05;
-								newPixel.element = "bismuth";
+								newPixel.element = "amba_bismuth";
 								newPixel.crystalColorCounter = (pixel.crystalColorCounter + 1) % 8;
 								newPixel.color = pixelColorPick(pixel,bismuthCrystalColorArray[pixel.crystalColorCounter % 8]);
 							};
@@ -17571,11 +18044,11 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 			};
 			//mooreDoHeat(pixel);
 		};
-		elements.molten_bismuth = {
+		elements.amba_molten_bismuth = {
 			color: "#d1c6b0", //not really hot enough to be red
 			behavior: behaviors.LIQUID,
 			tempLow: -Infinity, //suppress normal freezing mechanism
-			stateLow: "molten_bismuth",
+			stateLow: "amba_molten_bismuth",
 			tick: function(pixel) {
 				bismuthCrystallization(pixel);
 			},
@@ -17587,10 +18060,10 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 			fireColor: "#4275db",
 		};
 		runAfterAutogen(function() {
-			delete elements.molten_bismuth.tempLow;
-			delete elements.molten_bismuth.stateLow;
+			delete elements.amba_molten_bismuth.tempLow;
+			delete elements.amba_molten_bismuth.stateLow;
 		});
-		elements.bismuth = {
+		elements.amba_bismuth = {
 			color: "#d1c6b0",
 			behavior: behaviors.WALL,
 			/*reactions: {
@@ -17603,7 +18076,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 			state: "solid",
 			fireColor: "#4275db",
 		};
-		elements.bismuth_gas = {
+		elements.amba_bismuth_gas = {
 			density: 9, //made-up number
 			fireColor: "#4275db",
 		};
@@ -18091,7 +18564,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 		};
 		runAfterAutogen(function() {
 			var kesddfroged = ["kurshunjukium","molten_kurshunjukium"];
-			var kesddfroged2 = ["bismuth","molten_bismuth"];
+			var kesddfroged2 = ["amba_bismuth","amba_molten_bismuth"];
 			for(var i in kesddfroged) {
 				for(var j in kesddfroged2) {
 					elements[kesddfroged[i]].reactions ??= {}; elements[kesddfroged[i]].reactions[kesddfroged2[j]] = {"elem1": "kurshuth_alloy", "elem2": "kurshuth_alloy"}
@@ -20713,6 +21186,9 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 							continue;
 						};
 						var rockData = rockInfo._data ?? ["error","error","hot_unknown"];
+						if(rockData[2] == "icy_particulate") {
+							continue
+						};
 						var newName = rockName.startsWith("dry_") ? rockName.replace("dry_","hot_") : "hot_" + rockName;
 						//console.log(rockInfo.stateHigh);
 						elements[newName] = {
@@ -25660,7 +26136,7 @@ Pixel size (rendering only): <input id="pixelSize"> (Use if the save looks cut o
 						rocksSandsAndSoilsToGiveHotForms = Object.keys(elements).filter(
 							function(elemName) {
 								//console.log(elemName,elements[elemName]._data?.[2]);
-								return (!(["clay","limestone","black_limestone"].includes(elemName)) && ["igneous_rock","solid_igneous_rock","igneous_gravel","sedimentary_rock","particulate","packed_particulate","metamorphic_rock","solid_metamorphic_rock","metamorphic_gravel"].includes(elements[elemName]._data?.[2]))
+								return (!(["clay","limestone","black_limestone"].includes(elemName)) && !(elemName.endsWith("permafrost")) && ["igneous_rock","solid_igneous_rock","igneous_gravel","sedimentary_rock","particulate","packed_particulate","metamorphic_rock","solid_metamorphic_rock","metamorphic_gravel"].includes(elements[elemName]._data?.[2]))
 							}
 						);
 						if(rocksSandsAndSoilsToGiveHotForms.includes("clay")) { rocksSandsAndSoilsToGiveHotForms.splice(rocksSandsAndSoilsToGiveHotForms.indexOf("clay"),1) };
@@ -26589,30 +27065,6 @@ ${eightSpaces}Example full decor definition: bird:0.04:10:#FF0000,#FFFF00,#00FF0
 			cooldown: defaultCooldown,
 			density: 1000,
 		};
-		function rgbStringToUnvalidatedObject(string) {
-			var numbers = string.match(/[\d\.]+/g);
-			var red = numbers[0];
-			var green = numbers[1];
-			var blue = numbers[2];
-			var alpha = null;
-			if(numbers.length > 3) {alpha = numbers[3]};
-			var result = {r: red, g: green, b: blue};
-			if(alpha !== null) { result.a = alpha };
-			numbers = numbers.map(x => parseFloat(x));
-			return result
-		};
-		function hslStringToUnvalidatedObject(string) {
-			var numbers = string.match(/[\d\.]+/g);
-			var hue = numbers[0];
-			var saturation = numbers[1];
-			var whateverL_StandsFor = numbers[2];
-			var alpha = null;
-			if(numbers.length > 3) {alpha = numbers[3]};
-			var result = {h: hue, s: saturation, l: whateverL_StandsFor};
-			if(alpha !== null) { result.a = alpha };
-			numbers = numbers.map(x => parseFloat(x));
-			return result
-		};
 		function rebuildWorldgenList() { //vanilla code
 			document.getElementById("worldgenselect").innerHTML = '<option value="off">Disabled</option>';
 			for (var key in worldgentypes) {
@@ -26950,6 +27402,120 @@ ${eightSpaces}Example full decor definition: bird:0.04:10:#FF0000,#FFFF00,#00FF0
 					};
 					inputElement === "all" ? alertIfOutput(alertOutput,`Set ${property} of ${setCount} pixels to ${value}.`) : alertIfOutput(alertOutput,`Set ${property} of ${setCount} ${inputElement} pixels to ${value}.`)
 					return true;
+				case "deleteall":
+				var elementSpecified = false;
+				var attemptedCommaSplitOfPossibleElementSpecification = inputAsArray[1].split(","); //a comma-less string becomes a single-string array so it should still detect something like "deleteall fire"
+				var possibleElementsInACSOPES = attemptedCommaSplitOfPossibleElementSpecification.filter(elementExists);
+				elementSpecified = (possibleElementsInACSOPES.length > 0);
+				if(!elementSpecified) {
+					inputAsArray = inputAsArray.join(" ").replace("deleteall","delete all").split(" ")
+				};
+				//fall through to delete 
+				case "delete":
+					if(inputAsArray.length < 2) {
+						alertIfError(alertError,"Usage: delete [element] <probability> <type>\nDon't include framing characters []<>.\nThe element can be \"all\" to clear the canvas.\nNote: Strings can't have spaces because spaces are the separator used in the parsing split().\nArguments in [brackets] are required and ones in <angle brackets> are optional.");
+						return false;
+					};
+
+					var inputElement = inputAsArray[1];
+					if(inputElement.indexOf(",") >= 0) {
+						inputElement = Array.from(new Set(inputElement.split(",")));
+						if(inputElement.includes("all")) {
+							inputElement = "all"
+						}
+					};
+
+					var probability;
+					if(inputAsArray[2]) {
+						probability = inputAsArray[2];
+						if(probability.match(/(%|cent|per_?hundred|ph)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 100
+							}
+						} else if(probability.match(/(‰|mille|per_?thousand)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 1000
+							}
+						} else if(probability.match(/(‱|myriad|per_?ten_?thousand|basis_?point|bp)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 10000
+							}
+						} else if(probability.match(/(ppm|parts_?per_?million)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 1e6
+							}
+						} else if(probability.match(/(ppb|parts_?per_?billion)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 1e9
+							}
+						} else if(probability.match(/(ppt|parts_?per_?trillion)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 1e12
+							}
+						} else if(probability.match(/(ppq|parts_?per_?quadrillion)$/i)) {
+							probability = probability.match(/\d+(\.\d+|)/)?.[0];
+							if(!probability) {
+								probability = 1
+							} else {
+								probability = parseFloat(probability) / 1e15
+							}
+						} else if(probability.match(/\d\.?[\/÷]\.?\d/)) {
+							probability = probability.split(/[\/÷]/).map(x => parseFloat(x));
+							if(isNaN(probability[0]) || isNaN(probability[1])) {
+								probability = 1
+							} else {
+								probability = probability[0] / probability[1]
+							}
+						} else {
+							var parsedProbability = parseFloat(probability);
+							if(isNaN(parsedProbability)) {
+								probability = 1
+							} else {
+								probability = parsedProbability;
+								if(probability > 1) { probability /= 100 }
+							}
+						}
+					} else {
+						probability = 1
+					};
+					
+					//Actual setting code;
+					var deleteCount = 0;
+					for (var i = 1; i < width; i++) {
+						for (var j = 1; j < height; j++) {
+							if (!isEmpty(i,j)) {
+								//console.log("Pixel (" + i + "," + j + ") exists")
+								var doDelete = inputElement === "all" || (Array.isArray(inputElement) ? inputElement.includes(pixelMap[i][j].element) : pixelMap[i][j].element == inputElement);
+								if(doDelete) {
+									if(Math.random() < probability) {
+										deletePixel(i,j);
+										deleteCount++
+									}
+								}
+							}
+						}
+					};
+					var outputString = Array.isArray(inputElement) ? englishFormatList(inputElement) : inputElement;
+					inputElement === "all" ? alertIfOutput(alertOutput,`Deleted ${deleteCount} pixels.`) : alertIfOutput(alertOutput,`Deleted ${deleteCount} total ${outputString} pixels.`)
+					return true;
 				case "test":
 					alertIfOutput(alertOutput,"pong");
 					console.log("qwertyuiopasdfghjklzxcvbnm");
@@ -28224,13 +28790,40 @@ Make sure to save your command in a file if you want to add this preset again.`
 	//PUSHERS ##
 		elements.up_pusher = {
 			color: "#9fafdf",
-			properties: {
-				range: 10,
-				pushStrength: 1
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
-				pixel.pushStrength ??= 1;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
 				for(h = 0; h < pixel.pushStrength; h++) {
 					for(i=(pixel.range - 1); i>=0; i--) {
 						if (!isEmpty(pixel.x,pixel.y-1-i,true)) {
@@ -28252,13 +28845,40 @@ Make sure to save your command in a file if you want to add this preset again.`
 		}
 		elements.down_pusher = {
 			color: "#9fafdf",
-			properties: {
-				range: 10,
-				pushStrength: 1
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
-				pixel.pushStrength ??= 1;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
 					for(h = 0; h < pixel.pushStrength; h++) {
 						for(i=(pixel.range - 1); i>=0; i--) {
 							if (!isEmpty(pixel.x,pixel.y+1+i,true)) {
@@ -28280,13 +28900,40 @@ Make sure to save your command in a file if you want to add this preset again.`
 		}
 		elements.left_pusher = {
 			color: "#9fafdf",
-			properties: {
-				range: 10,
-				pushStrength: 1
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
-				pixel.pushStrength ??= 1;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
 				for(h = 0; h < pixel.pushStrength; h++) {
 					for(i=(pixel.range - 1); i>=0; i--) {
 						if (!isEmpty(pixel.x-1-i,pixel.y,true)) {
@@ -28308,13 +28955,40 @@ Make sure to save your command in a file if you want to add this preset again.`
 		}
 		elements.right_pusher = {
 			color: "#9fafdf",
-			properties: {
-				range: 10,
-				pushStrength: 1
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
-				pixel.pushStrength ??= 1;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
 				for(h = 0; h < pixel.pushStrength; h++) {
 					for(i=(pixel.range - 1); i>=0; i--) {
 						if (!isEmpty(pixel.x+1+i,pixel.y,true)) {
@@ -28337,16 +29011,56 @@ Make sure to save your command in a file if you want to add this preset again.`
 		elements.up_e_pusher = {
 			color: "#9f9f6f",
 			properties: {
-				range: 10,
 				pushTime: 0,
-				pushLength: 5,
-				pushStrength: 1
+			},
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","ePusherLength");
+					p2.setAttribute("min","1");
+					p2.value = ambaPlaceProperties.ePusherLength;
+				};
+				if(p2h) {
+					p2h.innerText = "Duration";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
+				pixel.pushLength ??= (ambaPlaceProperties?.ePusherLength ?? 5);
 				pixel.pushTime ??= 0;
-				pixel.pushLength ??= 5;
-				pixel.pushStrength ??= 1;
 				if(isNaN(pixel.pushTime) || pixel.pushTime < 0) { pixel.pushTime = 0 };
 				if(pixel.charge) {
 					pixel.pushTime = pixel.pushLength;
@@ -28376,16 +29090,56 @@ Make sure to save your command in a file if you want to add this preset again.`
 		elements.down_e_pusher = {
 			color: "#9f9f6f",
 			properties: {
-				range: 10,
 				pushTime: 0,
-				pushLength: 5,
-				pushStrength: 1
+			},
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","ePusherLength");
+					p2.setAttribute("min","1");
+					p2.value = ambaPlaceProperties.ePusherLength;
+				};
+				if(p2h) {
+					p2h.innerText = "Duration";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
+				pixel.pushLength ??= (ambaPlaceProperties?.ePusherLength ?? 5);
 				pixel.pushTime ??= 0;
-				pixel.pushLength ??= 5;
-				pixel.pushStrength ??= 1;
 				if(isNaN(pixel.pushTime) || pixel.pushTime < 0) { pixel.pushTime = 0 };
 				if(pixel.charge) {
 					pixel.pushTime = pixel.pushLength;
@@ -28415,16 +29169,56 @@ Make sure to save your command in a file if you want to add this preset again.`
 		elements.left_e_pusher = {
 			color: "#9f9f6f",
 			properties: {
-				range: 10,
 				pushTime: 0,
-				pushLength: 5,
-				pushStrength: 1
+			},
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","ePusherLength");
+					p2.setAttribute("min","1");
+					p2.value = ambaPlaceProperties.ePusherLength;
+				};
+				if(p2h) {
+					p2h.innerText = "Duration";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
+				pixel.pushLength ??= (ambaPlaceProperties?.ePusherLength ?? 5);
 				pixel.pushTime ??= 0;
-				pixel.pushLength ??= 5;
-				pixel.pushStrength ??= 1;
 				if(isNaN(pixel.pushTime) || pixel.pushTime < 0) { pixel.pushTime = 0 };
 				if(pixel.charge) {
 					pixel.pushTime = pixel.pushLength;
@@ -28454,16 +29248,56 @@ Make sure to save your command in a file if you want to add this preset again.`
 		elements.right_e_pusher = {
 			color: "#9f9f6f",
 			properties: {
-				range: 10,
 				pushTime: 0,
-				pushLength: 5,
-				pushStrength: 1
+			},
+			onSelect: function() {
+				showPropertySetter();
+
+				showSetterColumn("numeric",0);
+				var p0 = document.getElementById("propertynumeric0input");
+				var p0h = document.getElementById("propertynumeric0heading");
+				if(p0) {
+					p0.setAttribute("set","pusherRange");
+					p0.setAttribute("min","1");
+					p0.value = ambaPlaceProperties.pusherRange;
+				};
+				if(p0h) {
+					p0h.innerText = "Range";
+				};
+
+				showSetterColumn("numeric",1);
+				var p1 = document.getElementById("propertynumeric1input");
+				var p1h = document.getElementById("propertynumeric1heading");
+				if(p1) {
+					p1.setAttribute("set","pusherStrength");
+					p1.setAttribute("min","1");
+					p1.value = ambaPlaceProperties.pusherStrength;
+				};
+				if(p1h) {
+					p1h.innerText = "Strength";
+				};
+
+				showSetterColumn("numeric",2);
+				var p2 = document.getElementById("propertynumeric2input");
+				var p2h = document.getElementById("propertynumeric2heading");
+				if(p2) {
+					p2.setAttribute("set","ePusherLength");
+					p2.setAttribute("min","1");
+					p2.value = ambaPlaceProperties.ePusherLength;
+				};
+				if(p2h) {
+					p2h.innerText = "Duration";
+				};
+			},
+			onUnselect: function() {
+				hideAllSetterColumns();
+				hidePropertySetter()
 			},
 			tick: function(pixel) {
-				pixel.range ??= 10;
+				pixel.range ??= (ambaPlaceProperties?.pusherRange ?? 10);
+				pixel.pushStrength ??= (ambaPlaceProperties?.pusherStrength ?? 1);
+				pixel.pushLength ??= (ambaPlaceProperties?.ePusherLength ?? 5);
 				pixel.pushTime ??= 0;
-				pixel.pushLength ??= 5;
-				pixel.pushStrength ??= 1;
 				if(isNaN(pixel.pushTime) || pixel.pushTime < 0) { pixel.pushTime = 0 };
 				if(pixel.charge) {
 					pixel.pushTime = pixel.pushLength;
@@ -28561,7 +29395,7 @@ Make sure to save your command in a file if you want to add this preset again.`
 				};
 			  } catch(error) {
 				//ignore stack overflows
-			    if(error.toString().includes("call stack")) {
+				if(error.toString().includes("call stack")) {
 				} else {
 					throw new Error("error")
 				}
@@ -34513,7 +35347,7 @@ Make sure to save your command in a file if you want to add this preset again.`
 					density: 3000,
 					excludeRandom: true,
 				};
-				elements.tsunami = {
+				elements.amba_tsunami = {
 					color: ["#2449d1","#4b6adb","#8093d9"],
 					behavior: behaviors.WALL,
 					properties: {
@@ -35519,7 +36353,7 @@ Make sure to save your command in a file if you want to add this preset again.`
 					amalgamatedBombFire += ",blazing_pyrotheum".repeat(5);
 					amalgamatedBombFire += ",tectonic_petrotheum".repeat(7);
 					amalgamatedBombFire += ",resonant_ender".repeat(5);
-					amalgamatedBombFire += ",FOOF".repeat(8);
+					amalgamatedBombFire += ",foof".repeat(8);
 					amalgamatedBombFire += ",liquid_irradium".repeat(7);
 					amalgamatedBombFire += ",bioooze".repeat(8);
 				});
@@ -35765,12 +36599,28 @@ Make sure to save your command in a file if you want to add this preset again.`
 				};
 				elements.op_hottester_bomb = {
 					color: "#cc436e",
-					properties: {
-						radius: 15, //just so people can edit it per pixel to be stupidly high
+					onSelect: function() {
+						showPropertySetter();
+						showSetterColumn("numeric",0);
+						var p0 = document.getElementById("propertynumeric0input");
+						var p0h = document.getElementById("propertynumeric0heading");
+						if(p0) {
+							p0.setAttribute("set","ophbRadius");
+							p0.setAttribute("min","1");
+							p0.value = ambaPlaceProperties.ophbRadius;
+						};
+						if(p0h) {
+							p0h.innerText = "Radius";
+						};
+					},
+					onUnselect: function() {
+						hideAllSetterColumns();
+						hidePropertySetter();
 					},
 					tick: function(pixel) {
-						doDefaults(pixel);
+						doDefaults(pixel); //actually we're just leaving the duplicate code in
 						if(!isEmpty(pixel.x,pixel.y-1,true)) { //[0][1] EX (ignore bounds)
+							pixel.radius ??= (ambaPlaceProperties?.ophbRadius ?? 15);
 							var newPixel = pixelMap[pixel.x][pixel.y-1];
 							var newElement = newPixel.element;
 							var newInfo = elements[newElement];
@@ -35827,33 +36677,54 @@ Make sure to save your command in a file if you want to add this preset again.`
 				};
 				elements.star_bomb = {
 					color: "#fffbb5",
-					properties: {
-						radius: 50, //just so people can edit it per pixel to be stupidly high
+					onSelect: function() {
+						showPropertySetter();
+						showSetterColumn("numeric",0);
+						var p0 = document.getElementById("propertynumeric0input");
+						var p0h = document.getElementById("propertynumeric0heading");
+						if(p0) {
+							p0.setAttribute("set","starBombRadius");
+							p0.setAttribute("min","1");
+							p0.value = ambaPlaceProperties.starBombRadius;
+						};
+						if(p0h) {
+							p0h.innerText = "Radius";
+						};
 					},
+					onUnselect: function() {
+						hideAllSetterColumns();
+						hidePropertySetter();
+					},
+					pixelCollisionExplosion: function(pixel,offset) { //moved here to to duplicate the code
+						if(!pixel) { return };
+						var newPixel = pixelMap[pixel.x][pixel.y+offset];
+						if(newPixel)
+						newPixel.temp += 10000000; //[0][1] HT:10000000
+						//deliberately don't pixelTempCheck or it will tend to burrow down because that much heat will boil almost anything
+						var newElement = newPixel.element;
+						var newInfo = elements[newElement];
+						if(newInfo.state !== "gas" && newElement !== pixel.element) {
+							explodeAtPlus(pixel.x,pixel.y,pixel.radius,elements.star_bomb.explosionFire,elements.star_bomb.explosionSmoke,starbombHeat,starbombHeat,false);
+						};
+						if(pixel) { deletePixel(pixel.x,pixel.y) }
+					},
+					explosionFire: "stellar_plasma,stellar_plasma,stellar_plasma,liquid_stellar_plasma,liquid_stellar_plasma,plasma,plasma",
+					explosionSmoke: "light,light,radiation",					
 					tick: function(pixel) {
-						var starFire = "stellar_plasma,stellar_plasma,stellar_plasma,liquid_stellar_plasma,liquid_stellar_plasma,plasma,plasma";
-						var starSmoke = "light,light,radiation";
+						pixel.radius ??= (ambaPlaceProperties?.starBombRadius ?? 50);
 						doDefaults(pixel);
 						if(!isEmpty(pixel.x,pixel.y-1,true)) { //[0][1] EX (ignore bounds)
-							var newPixel = pixelMap[pixel.x][pixel.y-1];
-							newPixel.temp += 10000000; //[0][1] HT:10000000
-							var newElement = newPixel.element;
-							var newInfo = elements[newElement];
-							if(newInfo.state !== "gas" && newElement !== pixel.element) {
-								explodeAtPlus(pixel.x,pixel.y,pixel.radius,starFire,starSmoke,starbombHeat,starbombHeat,false);
-							};
+							elements.star_bomb.pixelCollisionExplosion(pixel,-1);
+							return
 						};
 						if(!isEmpty(pixel.x,pixel.y+1,true)) { //[2][1] EX (don't ignore bounds, non-bound case)
-							var newPixel = pixelMap[pixel.x][pixel.y+1];
-							newPixel.temp += 10000000;
-							var newElement = newPixel.element;
-							var newInfo = elements[newElement];
-							if(newInfo.state !== "gas" && newElement !== pixel.element) {
-								explodeAtPlus(pixel.x,pixel.y,pixel.radius,starFire,starSmoke,starbombHeat,starbombHeat,false);
-							};
+							elements.star_bomb.pixelCollisionExplosion(pixel,1);
+							return
 						};
 						if(outOfBounds(pixel.x,pixel.y+1)) { //[2][1] EX (don't ignore bounds, bound case)
-							explodeAtPlus(pixel.x,pixel.y,pixel.radius,starFire,starSmoke,starbombHeat,starbombHeat,false);
+							explodeAtPlus(pixel.x,pixel.y,pixel.radius,elements.star_bomb.explosionFire,elements.star_bomb.explosionSmoke,starbombHeat,starbombHeat,false);
+							if(pixel) { deletePixel(pixel.x,pixel.y) }
+							return
 						};
 						if(!tryMove(pixel,pixel.x,pixel.y+1)) { //behaviors.POWDER
 							Math.random() < 0.5 ? tryMove(pixel,pixel.x-1,pixel.y+1) : tryMove(pixel,pixel.x+1,pixel.y+1);
@@ -38635,20 +39506,6 @@ Make sure to save your command in a file if you want to add this preset again.`
 		numberAdjusterVerb = "adding";
 		numberAdjusterPreposition = "to";
 		numberAdjusterReverseOrder = false;
-		function rgbStringToUnvalidatedObject(string) {
-			string = string.split(",");
-			var red = parseFloat(string[0].substring(4));
-			var green = parseFloat(string[1]);
-			var blue = parseFloat(string[2].slice(0,-1));
-			return {r: red, g: green, b: blue};
-		};
-		function hslStringToUnvalidatedObject(string) {
-			string = string.split(",");
-			var hue = parseFloat(string[0].substring(4));
-			var saturation = parseFloat(string[1].slice(0,-1));
-			var lightness = parseFloat(string[2].slice(0,-2));
-			return {h: hue, s: saturation, l: lightness};
-		};
 		document.addEventListener("keydown", function(e) { //prop prompt listener
 			// , = propPrompt()
 			if (e.keyCode == 188) {
@@ -40762,6 +41619,14 @@ Make sure to save your command in a file if you want to add this preset again.`
 			density: 609
 		};
 		elements.steel.movable = false;
+		elements.molten_steel ??= {};
+		elements.molten_steel.tempHigh = 2727;
+		elements.molten_steel.stateHigh = ["molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","molten_iron","carbon"]; //it may be FAR LESS than that irl; sus-304 steel has 0.08%
+		elements.carbon.reactions ??= {};
+		elements.carbon.reactions.molten_iron = {
+			elem1: ["carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon","carbon",null],
+			elem2: "molten_steel"
+		};
 		elements.support_steel = {
 			color: elements.steel.color,
 			behavior: behaviors.SUPPORT,
@@ -43431,7 +44296,8 @@ maxPixels (default 1000): Maximum amount of pixels/changes (if xSpacing and ySpa
 			currentElement = urlParams.get("currentElement") ?? "sand";
 			if(!elementExists(currentElement)) {
 				currentElement = "sand"
-			}
+			};
+			selectElement(currentElement);
 
 			var size = urlParams.get("mouseSize") ?? 5;
 			if(isNaN(size)) {
@@ -43575,6 +44441,20 @@ maxPixels (default 1000): Maximum amount of pixels/changes (if xSpacing and ySpa
 		},50)
 		//aChefsDream fix: (re-)define juice reactions
 		elements.juice.reactions ??= {};
+		
+		gigadebugMode = false;
+		if(gigadebugMode) {
+			logLimit = 50;
+			logLimitCache = {};
+			oldLog = console.log;
+			console.log = function(...args) {
+				var argsKey = JSON.stringify(args);
+				logLimitCache[argsKey] ??= 0;
+				if(logLimitCache[argsKey] > logLimit) { return };
+				oldLog(...args);
+				logLimitCache[argsKey]++
+			}
+		}
 	//END ##
 } catch (error) {
 	alert(`Load failed (try reloading).\nThis is likely a sporadic failure caused by inconsistencies in how mods are loaded, and will likely fix itself in a refresh or two. If it persists, then it's an issue.\nError: ${error.stack}`);
diff --git a/bettergraygoo.js b/mods/bettergraygoo.js
similarity index 100%
rename from bettergraygoo.js
rename to mods/bettergraygoo.js
diff --git a/mods/fast_lightmap.js b/mods/fast_lightmap.js
index 434b4768..dd27f459 100644
--- a/mods/fast_lightmap.js
+++ b/mods/fast_lightmap.js
@@ -16,252 +16,284 @@ var strangeMatterColor = [220 * 0.3, 255 * 0.3, 210 * 0.3];
 var sparkColors = [[255, 210, 120], [255, 140, 10]];
 
 function getRandomElement(arr) {
-    return arr[Math.floor(Math.random() * arr.length)];
+	return arr[Math.floor(Math.random() * arr.length)];
 }
 
-function rgbToArray(rgbString) {
-    return rgbString.slice(4, -1).split(',').map(val => parseInt(val.trim()));
+if (!rgbToArray) {
+	function rgbToArray(colorString) {
+		if (typeof colorString !== 'string') {
+			console.error('Invalid colorString:', colorString);
+			return null;
+		}
+
+		if (colorString.startsWith('rgb')) {
+			// Handle RGB format
+			return colorString.slice(4, -1).split(',').map(val => parseInt(val.trim()));
+		} else if (colorString.startsWith('#')) {
+			// Handle HEX format
+			let hex = colorString.slice(1);
+
+			// Handle shorthand hex (e.g., #03F)
+			if (hex.length === 3) {
+				hex = hex.split('').map(char => char + char).join('');
+			}
+
+			if (hex.length !== 6) {
+				console.error('Invalid hex color:', colorString);
+				return null;
+			}
+
+			const r = parseInt(hex.slice(0, 2), 16);
+			const g = parseInt(hex.slice(2, 4), 16);
+			const b = parseInt(hex.slice(4, 6), 16);
+
+			return [r, g, b];
+		} else {
+			console.error('Invalid color format:', colorString);
+			return null;
+		}
+	}
 }
 
 function scaleList(numbers, scale) {
-    return numbers.map(number => number * scale);
+	return numbers.map(number => number * scale);
 }
 
 function initializeLightmap(width, height) {
-    lightmapWidth = Math.ceil(width / lightmapScale);
-    lightmapHeight = Math.ceil(height / lightmapScale);
+	lightmapWidth = Math.ceil(width / lightmapScale);
+	lightmapHeight = Math.ceil(height / lightmapScale);
 
-    for (var y = 0; y < lightmapHeight; y++) {
-        lightmap[y] = [];
-        nextLightmap[y] = [];
-        for (var x = 0; x < lightmapWidth; x++) {
-            lightmap[y][x] = { color: [0, 0, 0] };
-            nextLightmap[y][x] = { color: [0, 0, 0] };
-        }
-    }
+	for (var y = 0; y < lightmapHeight; y++) {
+		lightmap[y] = [];
+		nextLightmap[y] = [];
+		for (var x = 0; x < lightmapWidth; x++) {
+			lightmap[y][x] = { color: [0, 0, 0] };
+			nextLightmap[y][x] = { color: [0, 0, 0] };
+		}
+	}
 }
 
 function deepCopy(source, target) {
-    for (var y = 0; y < source.length; y++) {
-        target[y] = [];
-        for (var x = 0; x < source[y].length; x++) {
-            target[y][x] = { ...source[y][x] };
-        }
-    }
+	for (var y = 0; y < source.length; y++) {
+		target[y] = [];
+		for (var x = 0; x < source[y].length; x++) {
+			target[y][x] = { ...source[y][x] };
+		}
+	}
 }
 
 function propagateLightmap() {
-    if (!lightmap || !lightmap[0]) return;
+	if (!lightmap || !lightmap[0]) return;
 
-    var width = lightmap[0].length;
-    var height = lightmap.length;
+	var width = lightmap[0].length;
+	var height = lightmap.length;
 
-    var neighbors = [
-        { dx: 1, dy: 0 },
-        { dx: -1, dy: 0 },
-        { dx: 0, dy: 1 },
-        { dx: 0, dy: -1 },
-    ];
+	var neighbors = [
+		{ dx: 1, dy: 0 },
+		{ dx: -1, dy: 0 },
+		{ dx: 0, dy: 1 },
+		{ dx: 0, dy: -1 },
+	];
 
-    for (var y = 0; y < height; y++) {
-        for (var x = 0; x < width; x++) {
-            var totalColor = [0, 0, 0];
-            var neighborCount = 0;
+	for (var y = 0; y < height; y++) {
+		for (var x = 0; x < width; x++) {
+			var totalColor = [0, 0, 0];
+			var neighborCount = 0;
 
-            neighbors.forEach(({ dx, dy }) => {
-                var nx = x + dx;
-                var ny = y + dy;
-                if (nx >= 0 && ny >= 0 && nx < width && ny < height) {
-                    totalColor[0] += lightmap[ny][nx].color[0];
-                    totalColor[1] += lightmap[ny][nx].color[1];
-                    totalColor[2] += lightmap[ny][nx].color[2];
-                    neighborCount++;
-                }
-            });
+			neighbors.forEach(({ dx, dy }) => {
+				var nx = x + dx;
+				var ny = y + dy;
+				if (nx >= 0 && ny >= 0 && nx < width && ny < height) {
+					totalColor[0] += lightmap[ny][nx].color[0];
+					totalColor[1] += lightmap[ny][nx].color[1];
+					totalColor[2] += lightmap[ny][nx].color[2];
+					neighborCount++;
+				}
+			});
 
-            nextLightmap[y][x] = {
-                color: [
-                    Math.min(Math.max(0, totalColor[0] / neighborCount * 0.8), 255 * 8),
-                    Math.min(Math.max(0, totalColor[1] / neighborCount * 0.8), 255 * 8),
-                    Math.min(Math.max(0, totalColor[2] / neighborCount * 0.8), 255 * 8)
-                ]
-            };
-        }
-    }
+			nextLightmap[y][x] = {
+				color: [
+					Math.min(Math.max(0, totalColor[0] / neighborCount * 0.8), 255 * 8),
+					Math.min(Math.max(0, totalColor[1] / neighborCount * 0.8), 255 * 8),
+					Math.min(Math.max(0, totalColor[2] / neighborCount * 0.8), 255 * 8)
+				]
+			};
+		}
+	}
 
-    deepCopy(nextLightmap, lightmap);
+	deepCopy(nextLightmap, lightmap);
 }
 
 function rgbToHsv(r, g, b) {
-    r /= 255; g /= 255; b /= 255;
-    var max = Math.max(r, g, b), min = Math.min(r, g, b);
-    var h, s, v = max;
+	r /= 255; g /= 255; b /= 255;
+	var max = Math.max(r, g, b), min = Math.min(r, g, b);
+	var h, s, v = max;
 
-    var d = max - min;
-    s = max === 0 ? 0 : d / max;
+	var d = max - min;
+	s = max === 0 ? 0 : d / max;
 
-    if (max === min) {
-        h = 0;
-    } else {
-        switch (max) {
-            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-            case g: h = (b - r) / d + 2; break;
-            case b: h = (r - g) / d + 4; break;
-        }
-        h /= 6;
-    }
+	if (max === min) {
+		h = 0;
+	} else {
+		switch (max) {
+			case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+			case g: h = (b - r) / d + 2; break;
+			case b: h = (r - g) / d + 4; break;
+		}
+		h /= 6;
+	}
 
-    return [h, s, v];
+	return [h, s, v];
 }
 
 function hsvToRgb(h, s, v) {
-    var r, g, b;
+	var r, g, b;
 
-    var i = Math.floor(h * 6);
-    var f = h * 6 - i;
-    var p = v * (1 - s);
-    var q = v * (1 - f * s);
-    var t = v * (1 - (1 - f) * s);
+	var i = Math.floor(h * 6);
+	var f = h * 6 - i;
+	var p = v * (1 - s);
+	var q = v * (1 - f * s);
+	var t = v * (1 - (1 - f) * s);
 
-    switch (i % 6) {
-        case 0: r = v; g = t; b = p; break;
-        case 1: r = q; g = v; b = p; break;
-        case 2: r = p; g = v; b = t; break;
-        case 3: r = p; g = q; b = v; break;
-        case 4: r = t; g = p; b = v; break;
-        case 5: r = v; g = p; b = q; break;
-    }
+	switch (i % 6) {
+		case 0: r = v; g = t; b = p; break;
+		case 1: r = q; g = v; b = p; break;
+		case 2: r = p; g = v; b = t; break;
+		case 3: r = p; g = q; b = v; break;
+		case 4: r = t; g = p; b = v; break;
+		case 5: r = v; g = p; b = q; break;
+	}
 
-    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+	return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
 }
 
 function renderLightmap() {
-    if (!canvas) return;
-    if (!lightmap || !lightmap[0]) return;
+	if (!canvas) return;
+	if (!lightmap || !lightmap[0]) return;
 
-    var context = canvas.getContext('2d');
-    var width = lightmap[0].length;
-    var height = lightmap.length;
+	var context = canvas.getContext('2d');
+	var width = lightmap[0].length;
+	var height = lightmap.length;
 
-    for (var y = 0; y < height; y++) {
-        for (var x = 0; x < width; x++) {
-            var { color } = lightmap[y][x];
-            var [r, g, b] = color;
+	for (var y = 0; y < height; y++) {
+		for (var x = 0; x < width; x++) {
+			var { color } = lightmap[y][x];
+			var [r, g, b] = color;
 
-            if (r > 0 || g > 0 || b > 0) {
-                var [h, s, v] = rgbToHsv(r, g, b);
-                var newColor = hsvToRgb(h, s, 1);
-                var alpha = v;
+			if (r > 0 || g > 0 || b > 0) {
+				var [h, s, v] = rgbToHsv(r, g, b);
+				var newColor = hsvToRgb(h, s, 1);
+				var alpha = v;
 
-                context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.4})`;
-                context.fillRect(
-                    x * pixelSize * lightmapScale,
-                    y * pixelSize * lightmapScale,
-                    pixelSize * lightmapScale,
-                    pixelSize * lightmapScale
-                );
+				context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.4})`;
+				context.fillRect(
+					x * pixelSize * lightmapScale,
+					y * pixelSize * lightmapScale,
+					pixelSize * lightmapScale,
+					pixelSize * lightmapScale
+				);
 
-                context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.25})`;
-                context.fillRect(
-                    (x * pixelSize - pixelSizeHalf) * lightmapScale,
-                    (y * pixelSize - pixelSizeHalf) * lightmapScale,
-                    pixelSize * lightmapScale * 2,
-                    pixelSize * lightmapScale * 2
-                );
-            }
-        }
-    }
+				context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.25})`;
+				context.fillRect(
+					(x * pixelSize - pixelSizeHalf) * lightmapScale,
+					(y * pixelSize - pixelSizeHalf) * lightmapScale,
+					pixelSize * lightmapScale * 2,
+					pixelSize * lightmapScale * 2
+				);
+			}
+		}
+	}
 }
 
 function glowItsOwnColor(pixel) {
-    if (!pixel.color) {return;}
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: rgbToArray(pixel.color) };
+	if (!pixel.color) {return;}
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: rgbToArray(pixel.color) };
 }
 
 function glowItsOwnColorIfPowered(pixel) {
-    if (!pixel.charge || pixel.charge <= 0) {return;}
-    if (!pixel.color) return;
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: rgbToArray(pixel.color) };
+	if (!pixel.charge || pixel.charge <= 0) {return;}
+	if (!pixel.color) return;
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: rgbToArray(pixel.color) };
 }
 
 function glowColor(pixel, color) {
-    if (!color) {return;}
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: color };
+	if (!color) {return;}
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: color };
 }
 
 function glowRadiationColor(pixel) {
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: radColor };
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: radColor };
 }
 
 
 // Define element tick functions
 var originalStrangeMatterTick = elements.strange_matter.tick;
 elements.strange_matter.tick = function(pixel) {
-    originalStrangeMatterTick(pixel);
-    glowColor(pixel, strangeMatterColor);
+	originalStrangeMatterTick(pixel);
+	glowColor(pixel, strangeMatterColor);
 };
 
 var originalLightTick = elements.light.tick;
 elements.light.tick = function(pixel) {
-    originalLightTick(pixel);
-    glowItsOwnColor(pixel);
+	originalLightTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalLiquidLightTick = elements.liquid_light.tick;
 elements.liquid_light.tick = function(pixel) {
-    originalLiquidLightTick(pixel);
-    glowItsOwnColor(pixel);
+	originalLiquidLightTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalLaserTick = elements.laser.tick;
 elements.laser.tick = function(pixel) {
-    originalLaserTick(pixel);
-    glowColor(pixel, scaleList(rgbToArray(pixel.color), 0.5));
+	originalLaserTick(pixel);
+	glowColor(pixel, scaleList(rgbToArray(pixel.color), 0.5));
 };
 
 var originalFireTick2 = elements.fire.tick;
 elements.fire.tick = function(pixel) {
-    originalFireTick2(pixel);
-    glowColor(pixel, fireColor);
+	originalFireTick2(pixel);
+	glowColor(pixel, fireColor);
 };
 
 var originalFlashTick = elements.flash.tick;
 elements.flash.tick = function(pixel) {
-    originalFlashTick(pixel);
-    glowItsOwnColor(pixel);
+	originalFlashTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalRainbowTick = elements.rainbow.tick;
 elements.rainbow.tick = function(pixel) {
-    originalRainbowTick(pixel);
-    glowItsOwnColor(pixel);
+	originalRainbowTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalFireflyTick = elements.firefly.tick;
 elements.firefly.tick = function(pixel) {
-    originalFireflyTick(pixel);
+	originalFireflyTick(pixel);
 
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
 
-    var tickMod = pixelTicks % pixel.fff;
-    var num;
+	var tickMod = pixelTicks % pixel.fff;
+	var num;
 
-    if (tickMod <= 2) num = 1;
-    else if (tickMod <= 3) num = 0.75;
-    else if (tickMod <= 4) num = 0.5;
-    else if (tickMod <= 5) num = 0.25;
-    else return;
+	if (tickMod <= 2) num = 1;
+	else if (tickMod <= 3) num = 0.75;
+	else if (tickMod <= 4) num = 0.5;
+	else if (tickMod <= 5) num = 0.25;
+	else return;
 
-    lightmap[y][x] = { color: scaleList(fireflyColor, num) };
+	lightmap[y][x] = { color: scaleList(fireflyColor, num) };
 };
 
 elements.electric.tick = pixel => glowColor(pixel, scaleList(getRandomElement(sparkColors), 0.5));
@@ -281,40 +313,46 @@ elements.cold_fire.tick = pixel => glowColor(pixel, coldFireColor);
 
 // Radioactive elements
 var radioactiveElements = [
-    "uranium", "radiation", "rad_glass", "fallout",
-    "molten_uranium", "rad_shard", "rad_cloud", "rad_steam"
+	"uranium", "radiation", "rad_glass", "fallout",
+	"molten_uranium", "rad_shard", "rad_cloud", "rad_steam"
 ];
 radioactiveElements.forEach(element => {
-    elements[element].tick = glowRadiationColor;
+	elements[element].tick = glowRadiationColor;
 });
 
 window.addEventListener('load', () => initializeLightmap(width, height));
 
+var originalResizeCanvas = resizeCanvas;
+resizeCanvas = function(newHeight, newWidth, newPixelSize, clear) {
+	originalResizeCanvas(newHeight, newWidth, newPixelSize, clear);
+	initializeLightmap(newHeight, newWidth);
+};
+
 var originalTick = tick;
 tick = function() {
-    originalTick();
-    if (!paused) propagateLightmap();
+	originalTick();
+	if (!paused) propagateLightmap();
 };
 resetInterval(tps);
 
 var originalDoFrame = doFrame;
 doFrame = function() {
-    originalDoFrame();
-    propagateLightmap();
+	originalDoFrame();
+	propagateLightmap();
 };
 
 if (enabledMods.includes("mods/velocity.js")) {
-    runAfterAutogen(() => {
-        var originalDrawPixels = drawPixels;
-        drawPixels = function(forceTick = false) {
-            originalDrawPixels(forceTick);
-            renderLightmap();
-        };
-    });
+	runAfterAutogen(() => {
+		var originalDrawPixels = drawPixels;
+		drawPixels = function(forceTick = false) {
+			originalDrawPixels(forceTick);
+			renderLightmap();
+		};
+	});
 } else {
-    var originalDrawPixels = drawPixels;
-    drawPixels = function(forceTick = false) {
-        originalDrawPixels(forceTick);
-        renderLightmap();
-    };
+	var originalDrawPixels = drawPixels;
+	drawPixels = function(forceTick = false) {
+		originalDrawPixels(forceTick);
+		renderLightmap();
+	};
 }
diff --git a/mods/ketchup_mod.js b/mods/ketchup_mod.js
index dde0078a..c3abb961 100644
--- a/mods/ketchup_mod.js
+++ b/mods/ketchup_mod.js
@@ -26,22 +26,20 @@ elements.ketchup.stateLow = "frozen_ketchup";
 elements.ketchup.tempHigh = 100;
 elements.ketchup.stateHigh = "ketchup_gas";
 elements.ketchup.density = 1092;
-elements.ketchup.reactions = {
-    "mayonnaise": { "elem1": null, "elem2": "fry_sauce" },
-    "plague": { "elem1": "poisoned_ketchup", "elem2": null},
-    "infection": { "elem1": "poisoned_ketchup", "elem2": null},
-    "fallout": { "elem1": "poisoned_ketchup", "chance":25},
-    "gloomwind": { "elem1": "poisoned_ketchup", "elem2": null},
-};
+elements.ketchup.reactions ??= {};
+elements.ketchup.reactions.mayonnaise = { "elem1": null, "elem2": "fry_sauce" };
+elements.ketchup.reactions.plague = { "elem1": "poisoned_ketchup", "elem2": null};
+elements.ketchup.reactions.infection = { "elem1": "poisoned_ketchup", "elem2": null};
+elements.ketchup.reactions.fallout = { "elem1": "poisoned_ketchup", "chance":25};
+elements.ketchup.reactions.gloomwind = { "elem1": "poisoned_ketchup", "elem2": null};
 
 // making ketchup dirty
-elements.dirt.reactions = {
-    "ketchup": { "elem1": null, "elem2": "dirty_ketchup", "oneway":true},
-};
-elements.ash.reactions.ketchup = { "elem1": null, "elem2": "dirty_ketchup", "oneway":true},
-elements.dust.reactions = {
-    "ketchup": { "elem1": null, "elem2": "dirty_ketchup", "oneway":true},
-};
+elements.dirt.reactions ??= {};
+elements.dirt.reactions.ketchup = { "elem1": null, "elem2": "dirty_ketchup", "oneway":true};
+elements.ash.reactions ??= {};
+elements.ash.reactions.ketchup = { "elem1": null, "elem2": "dirty_ketchup", "oneway":true};
+elements.dust.reactions ??= {};
+elements.dust.reactions.ketchup = { "elem1": null, "elem2": "dirty_ketchup", "oneway":true};
 
 // pyrocumulus reactions
 elements.smoke.reactions.ketchup_cloud = { "elem1": "pyrocumulus", "chance":0.08, "y":[0,15], "setting":"clouds" },
@@ -430,23 +428,8 @@ runAfterLoad(function() {
         ];
         
         // ketchup fairy reaction
-        elements.fairy.reactions = {
-            "fire": { "elem1": "fire_fairy"},
-            "magma": { "elem1": "fire_fairy"},
-            "snow": { "elem1": "ice_fairy"},
-            "ice": { "elem1": "ice_fairy"},
-            "petal": { "elem1": "nature_fairy"},
-            "dirt": { "elem1": "earth_fairy"},
-            "mud": { "elem1": "earth_fairy"},
-            "raincloud": { "elem1": "rain_fairy"},
-            "electric": { "elem1": "thunder_fairy"},
-            "little_star": { "elem1": "stellar_fairy"},
-            "moonrock": { "elem1": "lunar_fairy"},
-            "liquid_light": { "elem1": "light_fairy"},
-            "mushroom_cap": { "elem1": "mushroom_fairy"},
-            "magic": { "elem1": "magic_fairy"},
-            "ketchup": { "elem1": "ketchup_fairy"},
-        };
+        elements.fairy.reactions ??= {};
+		elements.fairy.reactions.ketchup = { "elem1": "ketchup_fairy"};
 
         // f&m only elements
         elements.ketchup_fairy = {
@@ -540,4 +523,4 @@ Version 1.0.0 (technically not the first version, but I'm to lazy to see in whic
 + Frozen Poisoned Ketchup
 + Ketchup Cloud - Rain cloud but ketchup
 + Poisoned Ketchup Cloud
-*/
\ No newline at end of file
+*/
diff --git a/mods/lightmap.js b/mods/lightmap.js
index a1f95031..808a45c2 100644
--- a/mods/lightmap.js
+++ b/mods/lightmap.js
@@ -16,252 +16,284 @@ var strangeMatterColor = [220 * 0.3, 255 * 0.3, 210 * 0.3];
 var sparkColors = [[255, 210, 120], [255, 140, 10]];
 
 function getRandomElement(arr) {
-    return arr[Math.floor(Math.random() * arr.length)];
+	return arr[Math.floor(Math.random() * arr.length)];
 }
 
-function rgbToArray(rgbString) {
-    return rgbString.slice(4, -1).split(',').map(val => parseInt(val.trim()));
+if (!rgbToArray) {
+	function rgbToArray(colorString) {
+		if (typeof colorString !== 'string') {
+			console.error('Invalid colorString:', colorString);
+			return null;
+		}
+
+		if (colorString.startsWith('rgb')) {
+			// Handle RGB format
+			return colorString.slice(4, -1).split(',').map(val => parseInt(val.trim()));
+		} else if (colorString.startsWith('#')) {
+			// Handle HEX format
+			let hex = colorString.slice(1);
+
+			// Handle shorthand hex (e.g., #03F)
+			if (hex.length === 3) {
+				hex = hex.split('').map(char => char + char).join('');
+			}
+
+			if (hex.length !== 6) {
+				console.error('Invalid hex color:', colorString);
+				return null;
+			}
+
+			const r = parseInt(hex.slice(0, 2), 16);
+			const g = parseInt(hex.slice(2, 4), 16);
+			const b = parseInt(hex.slice(4, 6), 16);
+
+			return [r, g, b];
+		} else {
+			console.error('Invalid color format:', colorString);
+			return null;
+		}
+	}
 }
 
 function scaleList(numbers, scale) {
-    return numbers.map(number => number * scale);
+	return numbers.map(number => number * scale);
 }
 
 function initializeLightmap(width, height) {
-    lightmapWidth = Math.ceil(width / lightmapScale);
-    lightmapHeight = Math.ceil(height / lightmapScale);
+	lightmapWidth = Math.ceil(width / lightmapScale);
+	lightmapHeight = Math.ceil(height / lightmapScale);
 
-    for (var y = 0; y < lightmapHeight; y++) {
-        lightmap[y] = [];
-        nextLightmap[y] = [];
-        for (var x = 0; x < lightmapWidth; x++) {
-            lightmap[y][x] = { color: [0, 0, 0] };
-            nextLightmap[y][x] = { color: [0, 0, 0] };
-        }
-    }
+	for (var y = 0; y < lightmapHeight; y++) {
+		lightmap[y] = [];
+		nextLightmap[y] = [];
+		for (var x = 0; x < lightmapWidth; x++) {
+			lightmap[y][x] = { color: [0, 0, 0] };
+			nextLightmap[y][x] = { color: [0, 0, 0] };
+		}
+	}
 }
 
 function deepCopy(source, target) {
-    for (var y = 0; y < source.length; y++) {
-        target[y] = [];
-        for (var x = 0; x < source[y].length; x++) {
-            target[y][x] = { ...source[y][x] };
-        }
-    }
+	for (var y = 0; y < source.length; y++) {
+		target[y] = [];
+		for (var x = 0; x < source[y].length; x++) {
+			target[y][x] = { ...source[y][x] };
+		}
+	}
 }
 
 function propagateLightmap() {
-    if (!lightmap || !lightmap[0]) return;
+	if (!lightmap || !lightmap[0]) return;
 
-    var width = lightmap[0].length;
-    var height = lightmap.length;
+	var width = lightmap[0].length;
+	var height = lightmap.length;
 
-    var neighbors = [
-        { dx: 1, dy: 0 },
-        { dx: -1, dy: 0 },
-        { dx: 0, dy: 1 },
-        { dx: 0, dy: -1 },
-    ];
+	var neighbors = [
+		{ dx: 1, dy: 0 },
+		{ dx: -1, dy: 0 },
+		{ dx: 0, dy: 1 },
+		{ dx: 0, dy: -1 },
+	];
 
-    for (var y = 0; y < height; y++) {
-        for (var x = 0; x < width; x++) {
-            var totalColor = [0, 0, 0];
-            var neighborCount = 0;
+	for (var y = 0; y < height; y++) {
+		for (var x = 0; x < width; x++) {
+			var totalColor = [0, 0, 0];
+			var neighborCount = 0;
 
-            neighbors.forEach(({ dx, dy }) => {
-                var nx = x + dx;
-                var ny = y + dy;
-                if (nx >= 0 && ny >= 0 && nx < width && ny < height) {
-                    totalColor[0] += lightmap[ny][nx].color[0];
-                    totalColor[1] += lightmap[ny][nx].color[1];
-                    totalColor[2] += lightmap[ny][nx].color[2];
-                    neighborCount++;
-                }
-            });
+			neighbors.forEach(({ dx, dy }) => {
+				var nx = x + dx;
+				var ny = y + dy;
+				if (nx >= 0 && ny >= 0 && nx < width && ny < height) {
+					totalColor[0] += lightmap[ny][nx].color[0];
+					totalColor[1] += lightmap[ny][nx].color[1];
+					totalColor[2] += lightmap[ny][nx].color[2];
+					neighborCount++;
+				}
+			});
 
-            nextLightmap[y][x] = {
-                color: [
-                    Math.min(Math.max(0, totalColor[0] / neighborCount * 0.8), 255 * 8),
-                    Math.min(Math.max(0, totalColor[1] / neighborCount * 0.8), 255 * 8),
-                    Math.min(Math.max(0, totalColor[2] / neighborCount * 0.8), 255 * 8)
-                ]
-            };
-        }
-    }
+			nextLightmap[y][x] = {
+				color: [
+					Math.min(Math.max(0, totalColor[0] / neighborCount * 0.8), 255 * 8),
+					Math.min(Math.max(0, totalColor[1] / neighborCount * 0.8), 255 * 8),
+					Math.min(Math.max(0, totalColor[2] / neighborCount * 0.8), 255 * 8)
+				]
+			};
+		}
+	}
 
-    deepCopy(nextLightmap, lightmap);
+	deepCopy(nextLightmap, lightmap);
 }
 
 function rgbToHsv(r, g, b) {
-    r /= 255; g /= 255; b /= 255;
-    var max = Math.max(r, g, b), min = Math.min(r, g, b);
-    var h, s, v = max;
+	r /= 255; g /= 255; b /= 255;
+	var max = Math.max(r, g, b), min = Math.min(r, g, b);
+	var h, s, v = max;
 
-    var d = max - min;
-    s = max === 0 ? 0 : d / max;
+	var d = max - min;
+	s = max === 0 ? 0 : d / max;
 
-    if (max === min) {
-        h = 0;
-    } else {
-        switch (max) {
-            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
-            case g: h = (b - r) / d + 2; break;
-            case b: h = (r - g) / d + 4; break;
-        }
-        h /= 6;
-    }
+	if (max === min) {
+		h = 0;
+	} else {
+		switch (max) {
+			case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+			case g: h = (b - r) / d + 2; break;
+			case b: h = (r - g) / d + 4; break;
+		}
+		h /= 6;
+	}
 
-    return [h, s, v];
+	return [h, s, v];
 }
 
 function hsvToRgb(h, s, v) {
-    var r, g, b;
+	var r, g, b;
 
-    var i = Math.floor(h * 6);
-    var f = h * 6 - i;
-    var p = v * (1 - s);
-    var q = v * (1 - f * s);
-    var t = v * (1 - (1 - f) * s);
+	var i = Math.floor(h * 6);
+	var f = h * 6 - i;
+	var p = v * (1 - s);
+	var q = v * (1 - f * s);
+	var t = v * (1 - (1 - f) * s);
 
-    switch (i % 6) {
-        case 0: r = v; g = t; b = p; break;
-        case 1: r = q; g = v; b = p; break;
-        case 2: r = p; g = v; b = t; break;
-        case 3: r = p; g = q; b = v; break;
-        case 4: r = t; g = p; b = v; break;
-        case 5: r = v; g = p; b = q; break;
-    }
+	switch (i % 6) {
+		case 0: r = v; g = t; b = p; break;
+		case 1: r = q; g = v; b = p; break;
+		case 2: r = p; g = v; b = t; break;
+		case 3: r = p; g = q; b = v; break;
+		case 4: r = t; g = p; b = v; break;
+		case 5: r = v; g = p; b = q; break;
+	}
 
-    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+	return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
 }
 
 function renderLightmap() {
-    if (!canvas) return;
-    if (!lightmap || !lightmap[0]) return;
+	if (!canvas) return;
+	if (!lightmap || !lightmap[0]) return;
 
-    var context = canvas.getContext('2d');
-    var width = lightmap[0].length;
-    var height = lightmap.length;
+	var context = canvas.getContext('2d');
+	var width = lightmap[0].length;
+	var height = lightmap.length;
 
-    for (var y = 0; y < height; y++) {
-        for (var x = 0; x < width; x++) {
-            var { color } = lightmap[y][x];
-            var [r, g, b] = color;
+	for (var y = 0; y < height; y++) {
+		for (var x = 0; x < width; x++) {
+			var { color } = lightmap[y][x];
+			var [r, g, b] = color;
 
-            if (r > 0 || g > 0 || b > 0) {
-                var [h, s, v] = rgbToHsv(r, g, b);
-                var newColor = hsvToRgb(h, s, 1);
-                var alpha = v;
+			if (r > 0 || g > 0 || b > 0) {
+				var [h, s, v] = rgbToHsv(r, g, b);
+				var newColor = hsvToRgb(h, s, 1);
+				var alpha = v;
 
-                context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.4})`;
-                context.fillRect(
-                    x * pixelSize * lightmapScale,
-                    y * pixelSize * lightmapScale,
-                    pixelSize * lightmapScale,
-                    pixelSize * lightmapScale
-                );
+				context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.4})`;
+				context.fillRect(
+					x * pixelSize * lightmapScale,
+					y * pixelSize * lightmapScale,
+					pixelSize * lightmapScale,
+					pixelSize * lightmapScale
+				);
 
-                context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.25})`;
-                context.fillRect(
-                    (x * pixelSize - pixelSizeHalf) * lightmapScale,
-                    (y * pixelSize - pixelSizeHalf) * lightmapScale,
-                    pixelSize * lightmapScale * 2,
-                    pixelSize * lightmapScale * 2
-                );
-            }
-        }
-    }
+				context.fillStyle = `rgba(${newColor[0]}, ${newColor[1]}, ${newColor[2]}, ${alpha * 0.25})`;
+				context.fillRect(
+					(x * pixelSize - pixelSizeHalf) * lightmapScale,
+					(y * pixelSize - pixelSizeHalf) * lightmapScale,
+					pixelSize * lightmapScale * 2,
+					pixelSize * lightmapScale * 2
+				);
+			}
+		}
+	}
 }
 
 function glowItsOwnColor(pixel) {
-    if (!pixel.color) {return;}
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: rgbToArray(pixel.color) };
+	if (!pixel.color) {return;}
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: rgbToArray(pixel.color) };
 }
 
 function glowItsOwnColorIfPowered(pixel) {
-    if (!pixel.charge || pixel.charge <= 0) {return;}
-    if (!pixel.color) return;
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: rgbToArray(pixel.color) };
+	if (!pixel.charge || pixel.charge <= 0) {return;}
+	if (!pixel.color) return;
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: rgbToArray(pixel.color) };
 }
 
 function glowColor(pixel, color) {
-    if (!color) {return;}
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: color };
+	if (!color) {return;}
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: color };
 }
 
 function glowRadiationColor(pixel) {
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
-    lightmap[y][x] = { color: radColor };
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
+	lightmap[y][x] = { color: radColor };
 }
 
 
 // Define element tick functions
 var originalStrangeMatterTick = elements.strange_matter.tick;
 elements.strange_matter.tick = function(pixel) {
-    originalStrangeMatterTick(pixel);
-    glowColor(pixel, strangeMatterColor);
+	originalStrangeMatterTick(pixel);
+	glowColor(pixel, strangeMatterColor);
 };
 
 var originalLightTick = elements.light.tick;
 elements.light.tick = function(pixel) {
-    originalLightTick(pixel);
-    glowItsOwnColor(pixel);
+	originalLightTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalLiquidLightTick = elements.liquid_light.tick;
 elements.liquid_light.tick = function(pixel) {
-    originalLiquidLightTick(pixel);
-    glowItsOwnColor(pixel);
+	originalLiquidLightTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalLaserTick = elements.laser.tick;
 elements.laser.tick = function(pixel) {
-    originalLaserTick(pixel);
-    glowColor(pixel, scaleList(rgbToArray(pixel.color), 0.5));
+	originalLaserTick(pixel);
+	glowColor(pixel, scaleList(rgbToArray(pixel.color), 0.5));
 };
 
 var originalFireTick2 = elements.fire.tick;
 elements.fire.tick = function(pixel) {
-    originalFireTick2(pixel);
-    glowColor(pixel, fireColor);
+	originalFireTick2(pixel);
+	glowColor(pixel, fireColor);
 };
 
 var originalFlashTick = elements.flash.tick;
 elements.flash.tick = function(pixel) {
-    originalFlashTick(pixel);
-    glowItsOwnColor(pixel);
+	originalFlashTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalRainbowTick = elements.rainbow.tick;
 elements.rainbow.tick = function(pixel) {
-    originalRainbowTick(pixel);
-    glowItsOwnColor(pixel);
+	originalRainbowTick(pixel);
+	glowItsOwnColor(pixel);
 };
 
 var originalFireflyTick = elements.firefly.tick;
 elements.firefly.tick = function(pixel) {
-    originalFireflyTick(pixel);
+	originalFireflyTick(pixel);
 
-    var x = Math.floor(pixel.x / lightmapScale);
-    var y = Math.floor(pixel.y / lightmapScale);
+	var x = Math.floor(pixel.x / lightmapScale);
+	var y = Math.floor(pixel.y / lightmapScale);
 
-    var tickMod = pixelTicks % pixel.fff;
-    var num;
+	var tickMod = pixelTicks % pixel.fff;
+	var num;
 
-    if (tickMod <= 2) num = 1;
-    else if (tickMod <= 3) num = 0.75;
-    else if (tickMod <= 4) num = 0.5;
-    else if (tickMod <= 5) num = 0.25;
-    else return;
+	if (tickMod <= 2) num = 1;
+	else if (tickMod <= 3) num = 0.75;
+	else if (tickMod <= 4) num = 0.5;
+	else if (tickMod <= 5) num = 0.25;
+	else return;
 
-    lightmap[y][x] = { color: scaleList(fireflyColor, num) };
+	lightmap[y][x] = { color: scaleList(fireflyColor, num) };
 };
 
 elements.electric.tick = pixel => glowColor(pixel, scaleList(getRandomElement(sparkColors), 0.5));
@@ -281,40 +313,48 @@ elements.cold_fire.tick = pixel => glowColor(pixel, coldFireColor);
 
 // Radioactive elements
 var radioactiveElements = [
-    "uranium", "radiation", "rad_glass", "fallout",
-    "molten_uranium", "rad_shard", "rad_cloud", "rad_steam"
+	"uranium", "radiation", "rad_glass", "fallout",
+	"molten_uranium", "rad_shard", "rad_cloud", "rad_steam"
 ];
 radioactiveElements.forEach(element => {
-    elements[element].tick = glowRadiationColor;
+	elements[element].tick = glowRadiationColor;
 });
 
-window.addEventListener('load', () => initializeLightmap(width, height));
+window.addEventListener('load', () => {
+	initializeLightmap(width, height);
+
+	var originalResizeCanvas = resizeCanvas;
+	resizeCanvas = function(newHeight, newWidth, newPixelSize, clear) {
+		originalResizeCanvas(newHeight, newWidth, newPixelSize, clear);
+		initializeLightmap(newHeight, newWidth);
+	};
+});
 
 var originalTick = tick;
 tick = function() {
-    originalTick();
-    if (!paused) propagateLightmap();
+	originalTick();
+	if (!paused) propagateLightmap();
 };
 resetInterval(tps);
 
 var originalDoFrame = doFrame;
 doFrame = function() {
-    originalDoFrame();
-    propagateLightmap();
+	originalDoFrame();
+	propagateLightmap();
 };
 
 if (enabledMods.includes("mods/velocity.js")) {
-    runAfterAutogen(() => {
-        var originalDrawPixels = drawPixels;
-        drawPixels = function(forceTick = false) {
-            originalDrawPixels(forceTick);
-            renderLightmap();
-        };
-    });
+	runAfterAutogen(() => {
+		var originalDrawPixels = drawPixels;
+		drawPixels = function(forceTick = false) {
+			originalDrawPixels(forceTick);
+			renderLightmap();
+		};
+	});
 } else {
-    var originalDrawPixels = drawPixels;
-    drawPixels = function(forceTick = false) {
-        originalDrawPixels(forceTick);
-        renderLightmap();
-    };
+	var originalDrawPixels = drawPixels;
+	drawPixels = function(forceTick = false) {
+		originalDrawPixels(forceTick);
+		renderLightmap();
+	};
 }
diff --git a/mods/wifi_draw.js b/mods/wifi_draw.js
index 5ced23c5..4590ccaa 100644
--- a/mods/wifi_draw.js
+++ b/mods/wifi_draw.js
@@ -70,8 +70,8 @@ function drawLinks() {
 }
 
 var originalDrawPixels2 = drawPixels;
-drawPixels = function() {
-    originalDrawPixels2();
+drawPixels = function(forceTick=false) {
+    originalDrawPixels2(forceTick);
     updateLogicLists();
     drawLinks();
-};
\ No newline at end of file
+};