diff --git a/src/js/core/utils.js b/src/js/core/utils.js
index 018a4173..60be9859 100644
--- a/src/js/core/utils.js
+++ b/src/js/core/utils.js
@@ -1,680 +1,680 @@
-import { T } from "../translations";
-
-const bigNumberSuffixTranslationKeys = ["thousands", "millions", "billions", "trillions"];
-
-/**
- * Returns if this platform is android
- * @returns {boolean}
- */
-export function isAndroid() {
-    if (!G_IS_MOBILE_APP) {
-        return false;
-    }
-    const platform = window.device.platform;
-    return platform === "Android" || platform === "amazon-fireos";
-}
-
-/**
- * Returns if this platform is iOs
- * @returns {boolean}
- */
-export function isIos() {
-    if (!G_IS_MOBILE_APP) {
-        return false;
-    }
-    return window.device.platform === "iOS";
-}
-
-/**
- * Returns a platform name
- * @returns {"android" | "browser" | "ios" | "standalone" | "unknown"}
- */
-export function getPlatformName() {
-    if (G_IS_STANDALONE) {
-        return "standalone";
-    } else if (G_IS_BROWSER) {
-        return "browser";
-    } else if (G_IS_MOBILE_APP && isAndroid()) {
-        return "android";
-    } else if (G_IS_MOBILE_APP && isIos()) {
-        return "ios";
-    }
-    return "unknown";
-}
-
-/**
- * Returns the IPC renderer, or null if not within the standalone
- * @returns {object|null}
- */
-let ipcRenderer = null;
-export function getIPCRenderer() {
-    if (!G_IS_STANDALONE) {
-        return null;
-    }
-    if (!ipcRenderer) {
-        ipcRenderer = eval("require")("electron").ipcRenderer;
-    }
-    return ipcRenderer;
-}
-
-/**
- * Makes a new 2D array with undefined contents
- * @param {number} w
- * @param {number} h
- * @returns {Array<Array<any>>}
- */
-export function make2DUndefinedArray(w, h) {
-    const result = new Array(w);
-    for (let x = 0; x < w; ++x) {
-        result[x] = new Array(h);
-    }
-    return result;
-}
-
-/**
- * Creates a new map (an empty object without any props)
- */
-export function newEmptyMap() {
-    return Object.create(null);
-}
-
-/**
- * Returns a random integer in the range [start,end]
- * @param {number} start
- * @param {number} end
- */
-export function randomInt(start, end) {
-    return start + Math.round(Math.random() * (end - start));
-}
-
-/**
- * Access an object in a very annoying way, used for obsfuscation.
- * @param {any} obj
- * @param {Array<string>} keys
- */
-export function accessNestedPropertyReverse(obj, keys) {
-    let result = obj;
-    for (let i = keys.length - 1; i >= 0; --i) {
-        result = result[keys[i]];
-    }
-    return result;
-}
-
-/**
- * Chooses a random entry of an array
- * @template T
- * @param {T[]} arr
- * @returns {T}
- */
-export function randomChoice(arr) {
-    return arr[Math.floor(Math.random() * arr.length)];
-}
-
-/**
- * Deletes from an array by swapping with the last element
- * @param {Array<any>} array
- * @param {number} index
- */
-export function fastArrayDelete(array, index) {
-    if (index < 0 || index >= array.length) {
-        throw new Error("Out of bounds");
-    }
-    // When the element is not the last element
-    if (index !== array.length - 1) {
-        // Get the last element, and swap it with the one we want to delete
-        const last = array[array.length - 1];
-        array[index] = last;
-    }
-
-    // Finally remove the last element
-    array.length -= 1;
-}
-
-/**
- * Deletes from an array by swapping with the last element. Searches
- * for the value in the array first
- * @param {Array<any>} array
- * @param {any} value
- */
-export function fastArrayDeleteValue(array, value) {
-    if (array == null) {
-        throw new Error("Tried to delete from non array!");
-    }
-    const index = array.indexOf(value);
-    if (index < 0) {
-        console.error("Value", value, "not contained in array:", array, "!");
-        return value;
-    }
-    return fastArrayDelete(array, index);
-}
-
-/**
- * @see fastArrayDeleteValue
- * @param {Array<any>} array
- * @param {any} value
- */
-export function fastArrayDeleteValueIfContained(array, value) {
-    if (array == null) {
-        throw new Error("Tried to delete from non array!");
-    }
-    const index = array.indexOf(value);
-    if (index < 0) {
-        return value;
-    }
-    return fastArrayDelete(array, index);
-}
-
-/**
- * Deletes from an array at the given index
- * @param {Array<any>} array
- * @param {number} index
- */
-export function arrayDelete(array, index) {
-    if (index < 0 || index >= array.length) {
-        throw new Error("Out of bounds");
-    }
-    array.splice(index, 1);
-}
-
-/**
- * Deletes the given value from an array
- * @param {Array<any>} array
- * @param {any} value
- */
-export function arrayDeleteValue(array, value) {
-    if (array == null) {
-        throw new Error("Tried to delete from non array!");
-    }
-    const index = array.indexOf(value);
-    if (index < 0) {
-        console.error("Value", value, "not contained in array:", array, "!");
-        return value;
-    }
-    return arrayDelete(array, index);
-}
-
-/**
- * Compare two floats for epsilon equality
- * @param {number} a
- * @param {number} b
- * @returns {boolean}
- */
-export function epsilonCompare(a, b, epsilon = 1e-5) {
-    return Math.abs(a - b) < epsilon;
-}
-
-/**
- * Interpolates two numbers
- * @param {number} a
- * @param {number} b
- * @param {number} x Mix factor, 0 means 100% a, 1 means 100%b, rest is interpolated
- */
-export function lerp(a, b, x) {
-    return a * (1 - x) + b * x;
-}
-
-/**
- * Finds a value which is nice to display, e.g. 15669 -> 15000. Also handles fractional stuff
- * @param {number} num
- */
-export function findNiceValue(num) {
-    if (num > 1e8) {
-        return num;
-    }
-    if (num < 0.00001) {
-        return 0;
-    }
-
-    let roundAmount = 1;
-    if (num > 50000) {
-        roundAmount = 10000;
-    } else if (num > 20000) {
-        roundAmount = 5000;
-    } else if (num > 5000) {
-        roundAmount = 1000;
-    } else if (num > 2000) {
-        roundAmount = 500;
-    } else if (num > 1000) {
-        roundAmount = 100;
-    } else if (num > 100) {
-        roundAmount = 20;
-    } else if (num > 20) {
-        roundAmount = 5;
-    }
-
-    const niceValue = Math.floor(num / roundAmount) * roundAmount;
-    if (num >= 10) {
-        return Math.round(niceValue);
-    }
-    if (num >= 1) {
-        return Math.round(niceValue * 10) / 10;
-    }
-
-    return Math.round(niceValue * 100) / 100;
-}
-
-/**
- * Finds a nice integer value
- * @see findNiceValue
- * @param {number} num
- */
-export function findNiceIntegerValue(num) {
-    return Math.ceil(findNiceValue(num));
-}
-
-/**
- * Formats a big number
- * @param {number} num
- * @param {string=} separator The decimal separator for numbers like 50.1 (separator='.')
- * @param {number=} number of significant figures to include (for values >= 1000)
- * @returns {string}
- */
-export function formatBigNumber(num, separator = T.global.decimalSeparator, precision = 3) {
-    const sign = num < 0 ? "-" : "";
-    num = Math.abs(num);
-
-    if (num > 1e54) {
-        return sign + T.global.infinite;
-    }
-
-    if (num < 10 && !Number.isInteger(num)) {
-        return sign + num.toFixed(2);
-    }
-    if (num < 50 && !Number.isInteger(num)) {
-        return sign + num.toFixed(1);
-    }
-    num = Math.floor(num);
-
-    if (num < 1000) {
-        return sign + "" + num;
-    }
-    let leadingDigits = num;
-    let suffixIndex = 0;
-    for (; suffixIndex < bigNumberSuffixTranslationKeys.length; ++suffixIndex) {
-        leadingDigits = leadingDigits / 1000;
-        if (leadingDigits < 1000) {
-            break;
-        }
-    }
-    const suffix = T.global.suffix[bigNumberSuffixTranslationKeys[suffixIndex]];
-    const leadingDigitsRounded = Number(leadingDigits.toPrecision(precision));
-    const leadingDigitsNoTrailingDecimal = leadingDigitsRounded.toString().replace(".", separator);
-    return sign + leadingDigitsNoTrailingDecimal + suffix;
-}
-
-/**
- * Formats a big number, but does not add any suffix and instead uses its full representation
- * @param {number} num
- * @param {string=} divider The divider for numbers like 50,000 (divider=',')
- * @returns {string}
- */
-export function formatBigNumberFull(num, divider = T.global.thousandsDivider) {
-    if (num < 1000) {
-        return num + "";
-    }
-    if (num > 1e54) {
-        return T.global.infinite;
-    }
-    let rest = num;
-    let out = "";
-    while (rest >= 1000) {
-        out = (rest % 1000).toString().padStart(3, "0") + divider + out;
-        rest = Math.floor(rest / 1000);
-    }
-    out = rest + divider + out;
-
-    return out.substring(0, out.length - 1);
-}
-
-/**
- * Waits two frames so the ui is updated
- * @returns {Promise<void>}
- */
-export function waitNextFrame() {
-    return new Promise(function (resolve) {
-        window.requestAnimationFrame(function () {
-            window.requestAnimationFrame(function () {
-                resolve();
-            });
-        });
-    });
-}
-
-/**
- * Rounds 1 digit
- * @param {number} n
- * @returns {number}
- */
-export function round1Digit(n) {
-    return Math.floor(n * 10.0) / 10.0;
-}
-
-/**
- * Rounds 2 digits
- * @param {number} n
- * @returns {number}
- */
-export function round2Digits(n) {
-    return Math.floor(n * 100.0) / 100.0;
-}
-
-/**
- * Rounds 3 digits
- * @param {number} n
- * @returns {number}
- */
-export function round3Digits(n) {
-    return Math.floor(n * 1000.0) / 1000.0;
-}
-
-/**
- * Rounds 4 digits
- * @param {number} n
- * @returns {number}
- */
-export function round4Digits(n) {
-    return Math.floor(n * 10000.0) / 10000.0;
-}
-
-/**
- * Clamps a value between [min, max]
- * @param {number} v
- * @param {number=} minimum Default 0
- * @param {number=} maximum Default 1
- */
-export function clamp(v, minimum = 0, maximum = 1) {
-    return Math.max(minimum, Math.min(maximum, v));
-}
-
-/**
- * Helper method to create a new div element
- * @param {string=} id
- * @param {Array<string>=} classes
- * @param {string=} innerHTML
- */
-function makeDivElement(id = null, classes = [], innerHTML = "") {
-    const div = document.createElement("div");
-    if (id) {
-        div.id = id;
-    }
-    for (let i = 0; i < classes.length; ++i) {
-        div.classList.add(classes[i]);
-    }
-    div.innerHTML = innerHTML;
-    return div;
-}
-
-/**
- * Helper method to create a new div
- * @param {Element} parent
- * @param {string=} id
- * @param {Array<string>=} classes
- * @param {string=} innerHTML
- */
-export function makeDiv(parent, id = null, classes = [], innerHTML = "") {
-    const div = makeDivElement(id, classes, innerHTML);
-    parent.appendChild(div);
-    return div;
-}
-
-/**
- * Helper method to create a new button element
- * @param {Array<string>=} classes
- * @param {string=} innerHTML
- */
-export function makeButtonElement(classes = [], innerHTML = "") {
-    const element = document.createElement("button");
-    for (let i = 0; i < classes.length; ++i) {
-        element.classList.add(classes[i]);
-    }
-    element.classList.add("styledButton");
-    element.innerHTML = innerHTML;
-    return element;
-}
-
-/**
- * Helper method to create a new button
- * @param {Element} parent
- * @param {Array<string>=} classes
- * @param {string=} innerHTML
- */
-export function makeButton(parent, classes = [], innerHTML = "") {
-    const element = makeButtonElement(classes, innerHTML);
-    parent.appendChild(element);
-    return element;
-}
-
-/**
- * Removes all children of the given element
- * @param {Element} elem
- */
-export function removeAllChildren(elem) {
-    if (elem) {
-        var range = document.createRange();
-        range.selectNodeContents(elem);
-        range.deleteContents();
-    }
-}
-
-/**
- * Returns if the game supports this browser
- */
-export function isSupportedBrowser() {
-    // please note,
-    // that IE11 now returns undefined again for window.chrome
-    // and new Opera 30 outputs true for window.chrome
-    // but needs to check if window.opr is not undefined
-    // and new IE Edge outputs to true now for window.chrome
-    // and if not iOS Chrome check
-    // so use the below updated condition
-
-    if (G_IS_MOBILE_APP || G_IS_STANDALONE) {
-        return true;
-    }
-
-    // @ts-ignore
-    var isChromium = window.chrome;
-    var winNav = window.navigator;
-    var vendorName = winNav.vendor;
-    // @ts-ignore
-    var isIEedge = winNav.userAgent.indexOf("Edge") > -1;
-    var isIOSChrome = winNav.userAgent.match("CriOS");
-
-    if (isIOSChrome) {
-        // is Google Chrome on IOS
-        return false;
-    } else if (
-        isChromium !== null &&
-        typeof isChromium !== "undefined" &&
-        vendorName === "Google Inc." &&
-        isIEedge === false
-    ) {
-        // is Google Chrome
-        return true;
-    } else {
-        // not Google Chrome
-        return false;
-    }
-}
-
-/**
- * Formats an amount of seconds into something like "5s ago"
- * @param {number} secs Seconds
- * @returns {string}
- */
-export function formatSecondsToTimeAgo(secs) {
-    const seconds = Math.floor(secs);
-    const minutes = Math.floor(seconds / 60);
-    const hours = Math.floor(minutes / 60);
-    const days = Math.floor(hours / 24);
-
-    if (seconds < 60) {
-        if (seconds === 1) {
-            return T.global.time.oneSecondAgo;
-        }
-        return T.global.time.xSecondsAgo.replace("<x>", "" + seconds);
-    } else if (minutes < 60) {
-        if (minutes === 1) {
-            return T.global.time.oneMinuteAgo;
-        }
-        return T.global.time.xMinutesAgo.replace("<x>", "" + minutes);
-    } else if (hours < 24) {
-        if (hours === 1) {
-            return T.global.time.oneHourAgo;
-        }
-        return T.global.time.xHoursAgo.replace("<x>", "" + hours);
-    } else {
-        if (days === 1) {
-            return T.global.time.oneDayAgo;
-        }
-        return T.global.time.xDaysAgo.replace("<x>", "" + days);
-    }
-}
-
-/**
- * Formats seconds into a readable string like "5h 23m"
- * @param {number} secs Seconds
- * @returns {string}
- */
-export function formatSeconds(secs) {
-    const trans = T.global.time;
-    secs = Math.ceil(secs);
-    if (secs < 60) {
-        return trans.secondsShort.replace("<seconds>", "" + secs);
-    } else if (secs < 60 * 60) {
-        const minutes = Math.floor(secs / 60);
-        const seconds = secs % 60;
-        return trans.minutesAndSecondsShort
-            .replace("<seconds>", "" + seconds)
-            .replace("<minutes>", "" + minutes);
-    } else {
-        const hours = Math.floor(secs / 3600);
-        const minutes = Math.floor(secs / 60) % 60;
-        return trans.hoursAndMinutesShort.replace("<minutes>", "" + minutes).replace("<hours>", "" + hours);
-    }
-}
-
-/**
- * Formats a number like 2.5 to "2.5 items / s"
- * @param {number} speed
- * @param {boolean=} double
- * @param {string=} separator The decimal separator for numbers like 50.1 (separator='.')
- */
-export function formatItemsPerSecond(speed, double = false, separator = T.global.decimalSeparator) {
-    return speed === 1.0
-        ? T.ingame.buildingPlacement.infoTexts.oneItemPerSecond
-        : T.ingame.buildingPlacement.infoTexts.itemsPerSecond.replace(
-              "<x>",
-              round2Digits(speed).toString().replace(".", separator)
-          ) + (double ? "  " + T.ingame.buildingPlacement.infoTexts.itemsPerSecondDouble : "");
-}
-
-/**
- * Rotates a flat 3x3 matrix clockwise
- * Entries:
- * 0 lo
- * 1 mo
- * 2 ro
- * 3 lm
- * 4 mm
- * 5 rm
- * 6 lu
- * 7 mu
- * 8 ru
- * @param {Array<number>} flatMatrix
- */
-
-export function rotateFlatMatrix3x3(flatMatrix) {
-    return [
-        flatMatrix[6],
-        flatMatrix[3],
-        flatMatrix[0],
-        flatMatrix[7],
-        flatMatrix[4],
-        flatMatrix[1],
-        flatMatrix[8],
-        flatMatrix[5],
-        flatMatrix[2],
-    ];
-}
-
-/**
- * Generates rotated variants of the matrix
- * @param {Array<number>} originalMatrix
- * @returns {Object<number, Array<number>>}
- */
-export function generateMatrixRotations(originalMatrix) {
-    const result = {
-        0: originalMatrix,
-    };
-
-    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
-    result[90] = originalMatrix;
-
-    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
-    result[180] = originalMatrix;
-
-    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
-    result[270] = originalMatrix;
-
-    return result;
-}
-
-/**
- *
- * @typedef {{
- *   top: any,
- *   right: any,
- *   bottom: any,
- *   left: any
- * }} DirectionalObject
- */
-
-/**
- * Rotates a directional object
- * @param {DirectionalObject} obj
- * @returns {DirectionalObject}
- */
-export function rotateDirectionalObject(obj, rotation) {
-    const queue = [obj.top, obj.right, obj.bottom, obj.left];
-    while (rotation !== 0) {
-        rotation -= 90;
-        queue.push(queue.shift());
-    }
-
-    return {
-        top: queue[0],
-        right: queue[1],
-        bottom: queue[2],
-        left: queue[3],
-    };
-}
-
-/**
- * Modulo which works for negative numbers
- * @param {number} n
- * @param {number} m
- */
-export function safeModulo(n, m) {
-    return ((n % m) + m) % m;
-}
-
-/**
- * Returns a smooth pulse between 0 and 1
- * @param {number} time time in seconds
- * @returns {number}
- */
-export function smoothPulse(time) {
-    return Math.sin(time * 4) * 0.5 + 0.5;
-}
-
-/**
- * Fills in a <link> tag
- * @param {string} translation
- * @param {string} link
- */
-export function fillInLinkIntoTranslation(translation, link) {
-    return translation
-        .replace("<link>", "<a href='" + link + "' target='_blank'>")
-        .replace("</link>", "</a>");
-}
+import { T } from "../translations";
+
+const bigNumberSuffixTranslationKeys = ["thousands", "millions", "billions", "trillions"];
+
+/**
+ * Returns if this platform is android
+ * @returns {boolean}
+ */
+export function isAndroid() {
+    if (!G_IS_MOBILE_APP) {
+        return false;
+    }
+    const platform = window.device.platform;
+    return platform === "Android" || platform === "amazon-fireos";
+}
+
+/**
+ * Returns if this platform is iOs
+ * @returns {boolean}
+ */
+export function isIos() {
+    if (!G_IS_MOBILE_APP) {
+        return false;
+    }
+    return window.device.platform === "iOS";
+}
+
+/**
+ * Returns a platform name
+ * @returns {"android" | "browser" | "ios" | "standalone" | "unknown"}
+ */
+export function getPlatformName() {
+    if (G_IS_STANDALONE) {
+        return "standalone";
+    } else if (G_IS_BROWSER) {
+        return "browser";
+    } else if (G_IS_MOBILE_APP && isAndroid()) {
+        return "android";
+    } else if (G_IS_MOBILE_APP && isIos()) {
+        return "ios";
+    }
+    return "unknown";
+}
+
+/**
+ * Returns the IPC renderer, or null if not within the standalone
+ * @returns {object|null}
+ */
+let ipcRenderer = null;
+export function getIPCRenderer() {
+    if (!G_IS_STANDALONE) {
+        return null;
+    }
+    if (!ipcRenderer) {
+        ipcRenderer = eval("require")("electron").ipcRenderer;
+    }
+    return ipcRenderer;
+}
+
+/**
+ * Makes a new 2D array with undefined contents
+ * @param {number} w
+ * @param {number} h
+ * @returns {Array<Array<any>>}
+ */
+export function make2DUndefinedArray(w, h) {
+    const result = new Array(w);
+    for (let x = 0; x < w; ++x) {
+        result[x] = new Array(h);
+    }
+    return result;
+}
+
+/**
+ * Creates a new map (an empty object without any props)
+ */
+export function newEmptyMap() {
+    return Object.create(null);
+}
+
+/**
+ * Returns a random integer in the range [start,end]
+ * @param {number} start
+ * @param {number} end
+ */
+export function randomInt(start, end) {
+    return start + Math.round(Math.random() * (end - start));
+}
+
+/**
+ * Access an object in a very annoying way, used for obsfuscation.
+ * @param {any} obj
+ * @param {Array<string>} keys
+ */
+export function accessNestedPropertyReverse(obj, keys) {
+    let result = obj;
+    for (let i = keys.length - 1; i >= 0; --i) {
+        result = result[keys[i]];
+    }
+    return result;
+}
+
+/**
+ * Chooses a random entry of an array
+ * @template T
+ * @param {T[]} arr
+ * @returns {T}
+ */
+export function randomChoice(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+}
+
+/**
+ * Deletes from an array by swapping with the last element
+ * @param {Array<any>} array
+ * @param {number} index
+ */
+export function fastArrayDelete(array, index) {
+    if (index < 0 || index >= array.length) {
+        throw new Error("Out of bounds");
+    }
+    // When the element is not the last element
+    if (index !== array.length - 1) {
+        // Get the last element, and swap it with the one we want to delete
+        const last = array[array.length - 1];
+        array[index] = last;
+    }
+
+    // Finally remove the last element
+    array.length -= 1;
+}
+
+/**
+ * Deletes from an array by swapping with the last element. Searches
+ * for the value in the array first
+ * @param {Array<any>} array
+ * @param {any} value
+ */
+export function fastArrayDeleteValue(array, value) {
+    if (array == null) {
+        throw new Error("Tried to delete from non array!");
+    }
+    const index = array.indexOf(value);
+    if (index < 0) {
+        console.error("Value", value, "not contained in array:", array, "!");
+        return value;
+    }
+    return fastArrayDelete(array, index);
+}
+
+/**
+ * @see fastArrayDeleteValue
+ * @param {Array<any>} array
+ * @param {any} value
+ */
+export function fastArrayDeleteValueIfContained(array, value) {
+    if (array == null) {
+        throw new Error("Tried to delete from non array!");
+    }
+    const index = array.indexOf(value);
+    if (index < 0) {
+        return value;
+    }
+    return fastArrayDelete(array, index);
+}
+
+/**
+ * Deletes from an array at the given index
+ * @param {Array<any>} array
+ * @param {number} index
+ */
+export function arrayDelete(array, index) {
+    if (index < 0 || index >= array.length) {
+        throw new Error("Out of bounds");
+    }
+    array.splice(index, 1);
+}
+
+/**
+ * Deletes the given value from an array
+ * @param {Array<any>} array
+ * @param {any} value
+ */
+export function arrayDeleteValue(array, value) {
+    if (array == null) {
+        throw new Error("Tried to delete from non array!");
+    }
+    const index = array.indexOf(value);
+    if (index < 0) {
+        console.error("Value", value, "not contained in array:", array, "!");
+        return value;
+    }
+    return arrayDelete(array, index);
+}
+
+/**
+ * Compare two floats for epsilon equality
+ * @param {number} a
+ * @param {number} b
+ * @returns {boolean}
+ */
+export function epsilonCompare(a, b, epsilon = 1e-5) {
+    return Math.abs(a - b) < epsilon;
+}
+
+/**
+ * Interpolates two numbers
+ * @param {number} a
+ * @param {number} b
+ * @param {number} x Mix factor, 0 means 100% a, 1 means 100%b, rest is interpolated
+ */
+export function lerp(a, b, x) {
+    return a * (1 - x) + b * x;
+}
+
+/**
+ * Finds a value which is nice to display, e.g. 15669 -> 15000. Also handles fractional stuff
+ * @param {number} num
+ */
+export function findNiceValue(num) {
+    if (num > 1e8) {
+        return num;
+    }
+    if (num < 0.00001) {
+        return 0;
+    }
+
+    let roundAmount = 1;
+    if (num > 50000) {
+        roundAmount = 10000;
+    } else if (num > 20000) {
+        roundAmount = 5000;
+    } else if (num > 5000) {
+        roundAmount = 1000;
+    } else if (num > 2000) {
+        roundAmount = 500;
+    } else if (num > 1000) {
+        roundAmount = 100;
+    } else if (num > 100) {
+        roundAmount = 20;
+    } else if (num > 20) {
+        roundAmount = 5;
+    }
+
+    const niceValue = Math.floor(num / roundAmount) * roundAmount;
+    if (num >= 10) {
+        return Math.round(niceValue);
+    }
+    if (num >= 1) {
+        return Math.round(niceValue * 10) / 10;
+    }
+
+    return Math.round(niceValue * 100) / 100;
+}
+
+/**
+ * Finds a nice integer value
+ * @see findNiceValue
+ * @param {number} num
+ */
+export function findNiceIntegerValue(num) {
+    return Math.ceil(findNiceValue(num));
+}
+
+/**
+ * Formats a big number
+ * @param {number} num
+ * @param {string=} separator The decimal separator for numbers like 50.1 (separator='.')
+ * @param {number=} number of significant figures to include (for values >= 1000)
+ * @returns {string}
+ */
+export function formatBigNumber(num, separator = T.global.decimalSeparator, precision = 3) {
+    const sign = num < 0 ? "-" : "";
+    num = Math.abs(num);
+
+    if (num > 1e54) {
+        return sign + T.global.infinite;
+    }
+
+    if (num < 10 && !Number.isInteger(num)) {
+        return sign + num.toFixed(2);
+    }
+    if (num < 50 && !Number.isInteger(num)) {
+        return sign + num.toFixed(1);
+    }
+    num = Math.floor(num);
+
+    if (num < 1000) {
+        return sign + "" + num;
+    }
+    let leadingDigits = num;
+    let suffixIndex = 0;
+    for (; suffixIndex < bigNumberSuffixTranslationKeys.length; ++suffixIndex) {
+        leadingDigits = leadingDigits / 1000;
+        if (leadingDigits < 1000) {
+            break;
+        }
+    }
+    const suffix = T.global.suffix[bigNumberSuffixTranslationKeys[suffixIndex]];
+    const leadingDigitsRounded = Number(leadingDigits.toPrecision(precision));
+    const leadingDigitsNoTrailingDecimal = leadingDigitsRounded.toString().replace(".", separator);
+    return sign + leadingDigitsNoTrailingDecimal + suffix;
+}
+
+/**
+ * Formats a big number, but does not add any suffix and instead uses its full representation
+ * @param {number} num
+ * @param {string=} divider The divider for numbers like 50,000 (divider=',')
+ * @returns {string}
+ */
+export function formatBigNumberFull(num, divider = T.global.thousandsDivider) {
+    if (num < 1000) {
+        return num + "";
+    }
+    if (num > 1e54) {
+        return T.global.infinite;
+    }
+    let rest = num;
+    let out = "";
+    while (rest >= 1000) {
+        out = (rest % 1000).toString().padStart(3, "0") + divider + out;
+        rest = Math.floor(rest / 1000);
+    }
+    out = rest + divider + out;
+
+    return out.substring(0, out.length - 1);
+}
+
+/**
+ * Waits two frames so the ui is updated
+ * @returns {Promise<void>}
+ */
+export function waitNextFrame() {
+    return new Promise(function (resolve) {
+        window.requestAnimationFrame(function () {
+            window.requestAnimationFrame(function () {
+                resolve();
+            });
+        });
+    });
+}
+
+/**
+ * Rounds 1 digit
+ * @param {number} n
+ * @returns {number}
+ */
+export function round1Digit(n) {
+    return Math.floor(n * 10.0) / 10.0;
+}
+
+/**
+ * Rounds 2 digits
+ * @param {number} n
+ * @returns {number}
+ */
+export function round2Digits(n) {
+    return Math.floor(n * 100.0) / 100.0;
+}
+
+/**
+ * Rounds 3 digits
+ * @param {number} n
+ * @returns {number}
+ */
+export function round3Digits(n) {
+    return Math.floor(n * 1000.0) / 1000.0;
+}
+
+/**
+ * Rounds 4 digits
+ * @param {number} n
+ * @returns {number}
+ */
+export function round4Digits(n) {
+    return Math.floor(n * 10000.0) / 10000.0;
+}
+
+/**
+ * Clamps a value between [min, max]
+ * @param {number} v
+ * @param {number=} minimum Default 0
+ * @param {number=} maximum Default 1
+ */
+export function clamp(v, minimum = 0, maximum = 1) {
+    return Math.max(minimum, Math.min(maximum, v));
+}
+
+/**
+ * Helper method to create a new div element
+ * @param {string=} id
+ * @param {Array<string>=} classes
+ * @param {string=} innerHTML
+ */
+function makeDivElement(id = null, classes = [], innerHTML = "") {
+    const div = document.createElement("div");
+    if (id) {
+        div.id = id;
+    }
+    for (let i = 0; i < classes.length; ++i) {
+        div.classList.add(classes[i]);
+    }
+    div.innerHTML = innerHTML;
+    return div;
+}
+
+/**
+ * Helper method to create a new div
+ * @param {Element} parent
+ * @param {string=} id
+ * @param {Array<string>=} classes
+ * @param {string=} innerHTML
+ */
+export function makeDiv(parent, id = null, classes = [], innerHTML = "") {
+    const div = makeDivElement(id, classes, innerHTML);
+    parent.appendChild(div);
+    return div;
+}
+
+/**
+ * Helper method to create a new button element
+ * @param {Array<string>=} classes
+ * @param {string=} innerHTML
+ */
+export function makeButtonElement(classes = [], innerHTML = "") {
+    const element = document.createElement("button");
+    for (let i = 0; i < classes.length; ++i) {
+        element.classList.add(classes[i]);
+    }
+    element.classList.add("styledButton");
+    element.innerHTML = innerHTML;
+    return element;
+}
+
+/**
+ * Helper method to create a new button
+ * @param {Element} parent
+ * @param {Array<string>=} classes
+ * @param {string=} innerHTML
+ */
+export function makeButton(parent, classes = [], innerHTML = "") {
+    const element = makeButtonElement(classes, innerHTML);
+    parent.appendChild(element);
+    return element;
+}
+
+/**
+ * Removes all children of the given element
+ * @param {Element} elem
+ */
+export function removeAllChildren(elem) {
+    if (elem) {
+        var range = document.createRange();
+        range.selectNodeContents(elem);
+        range.deleteContents();
+    }
+}
+
+/**
+ * Returns if the game supports this browser
+ */
+export function isSupportedBrowser() {
+    // please note,
+    // that IE11 now returns undefined again for window.chrome
+    // and new Opera 30 outputs true for window.chrome
+    // but needs to check if window.opr is not undefined
+    // and new IE Edge outputs to true now for window.chrome
+    // and if not iOS Chrome check
+    // so use the below updated condition
+
+    if (G_IS_MOBILE_APP || G_IS_STANDALONE) {
+        return true;
+    }
+
+    // @ts-ignore
+    var isChromium = window.chrome;
+    var winNav = window.navigator;
+    var vendorName = winNav.vendor;
+    // @ts-ignore
+    var isIEedge = winNav.userAgent.indexOf("Edge") > -1;
+    var isIOSChrome = winNav.userAgent.match("CriOS");
+
+    if (isIOSChrome) {
+        // is Google Chrome on IOS
+        return false;
+    } else if (
+        isChromium !== null &&
+        typeof isChromium !== "undefined" &&
+        vendorName === "Google Inc." &&
+        isIEedge === false
+    ) {
+        // is Google Chrome
+        return true;
+    } else {
+        // not Google Chrome
+        return false;
+    }
+}
+
+/**
+ * Formats an amount of seconds into something like "5s ago"
+ * @param {number} secs Seconds
+ * @returns {string}
+ */
+export function formatSecondsToTimeAgo(secs) {
+    const seconds = Math.floor(secs);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+
+    if (seconds < 60) {
+        if (seconds === 1) {
+            return T.global.time.oneSecondAgo;
+        }
+        return T.global.time.xSecondsAgo.replace("<x>", "" + seconds);
+    } else if (minutes < 60) {
+        if (minutes === 1) {
+            return T.global.time.oneMinuteAgo;
+        }
+        return T.global.time.xMinutesAgo.replace("<x>", "" + minutes);
+    } else if (hours < 24) {
+        if (hours === 1) {
+            return T.global.time.oneHourAgo;
+        }
+        return T.global.time.xHoursAgo.replace("<x>", "" + hours);
+    } else {
+        if (days === 1) {
+            return T.global.time.oneDayAgo;
+        }
+        return T.global.time.xDaysAgo.replace("<x>", "" + days);
+    }
+}
+
+/**
+ * Formats seconds into a readable string like "5h 23m"
+ * @param {number} secs Seconds
+ * @returns {string}
+ */
+export function formatSeconds(secs) {
+    const trans = T.global.time;
+    secs = Math.ceil(secs);
+    if (secs < 60) {
+        return trans.secondsShort.replace("<seconds>", "" + secs);
+    } else if (secs < 60 * 60) {
+        const minutes = Math.floor(secs / 60);
+        const seconds = secs % 60;
+        return trans.minutesAndSecondsShort
+            .replace("<seconds>", "" + seconds)
+            .replace("<minutes>", "" + minutes);
+    } else {
+        const hours = Math.floor(secs / 3600);
+        const minutes = Math.floor(secs / 60) % 60;
+        return trans.hoursAndMinutesShort.replace("<minutes>", "" + minutes).replace("<hours>", "" + hours);
+    }
+}
+
+/**
+ * Formats a number like 2.5 to "2.5 items / s"
+ * @param {number} speed
+ * @param {boolean=} double
+ * @param {string=} separator The decimal separator for numbers like 50.1 (separator='.')
+ */
+export function formatItemsPerSecond(speed, double = false, separator = T.global.decimalSeparator) {
+    return speed === 1.0
+        ? T.ingame.buildingPlacement.infoTexts.oneItemPerSecond
+        : T.ingame.buildingPlacement.infoTexts.itemsPerSecond.replace(
+              "<x>",
+              round2Digits(speed).toString().replace(".", separator)
+          ) + (double ? "  " + T.ingame.buildingPlacement.infoTexts.itemsPerSecondDouble : "");
+}
+
+/**
+ * Rotates a flat 3x3 matrix clockwise
+ * Entries:
+ * 0 lo
+ * 1 mo
+ * 2 ro
+ * 3 lm
+ * 4 mm
+ * 5 rm
+ * 6 lu
+ * 7 mu
+ * 8 ru
+ * @param {Array<number>} flatMatrix
+ */
+
+export function rotateFlatMatrix3x3(flatMatrix) {
+    return [
+        flatMatrix[6],
+        flatMatrix[3],
+        flatMatrix[0],
+        flatMatrix[7],
+        flatMatrix[4],
+        flatMatrix[1],
+        flatMatrix[8],
+        flatMatrix[5],
+        flatMatrix[2],
+    ];
+}
+
+/**
+ * Generates rotated variants of the matrix
+ * @param {Array<number>} originalMatrix
+ * @returns {Object<number, Array<number>>}
+ */
+export function generateMatrixRotations(originalMatrix) {
+    const result = {
+        0: originalMatrix,
+    };
+
+    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
+    result[90] = originalMatrix;
+
+    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
+    result[180] = originalMatrix;
+
+    originalMatrix = rotateFlatMatrix3x3(originalMatrix);
+    result[270] = originalMatrix;
+
+    return result;
+}
+
+/**
+ *
+ * @typedef {{
+ *   top: any,
+ *   right: any,
+ *   bottom: any,
+ *   left: any
+ * }} DirectionalObject
+ */
+
+/**
+ * Rotates a directional object
+ * @param {DirectionalObject} obj
+ * @returns {DirectionalObject}
+ */
+export function rotateDirectionalObject(obj, rotation) {
+    const queue = [obj.top, obj.right, obj.bottom, obj.left];
+    while (rotation !== 0) {
+        rotation -= 90;
+        queue.push(queue.shift());
+    }
+
+    return {
+        top: queue[0],
+        right: queue[1],
+        bottom: queue[2],
+        left: queue[3],
+    };
+}
+
+/**
+ * Modulo which works for negative numbers
+ * @param {number} n
+ * @param {number} m
+ */
+export function safeModulo(n, m) {
+    return ((n % m) + m) % m;
+}
+
+/**
+ * Returns a smooth pulse between 0 and 1
+ * @param {number} time time in seconds
+ * @returns {number}
+ */
+export function smoothPulse(time) {
+    return Math.sin(time * 4) * 0.5 + 0.5;
+}
+
+/**
+ * Fills in a <link> tag
+ * @param {string} translation
+ * @param {string} link
+ */
+export function fillInLinkIntoTranslation(translation, link) {
+    return translation
+        .replace("<link>", "<a href='" + link + "' target='_blank'>")
+        .replace("</link>", "</a>");
+}