diff --git a/.stylelintrc.json b/.stylelintrc.json
index fd20ca7c4..2ab809c30 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -1,4 +1,7 @@
 {
+    "plugins": [
+        "stylelint-order"
+    ],
     "extends": [
         "stylelint-config-standard",
         "stylelint-config-recommended-vue"
@@ -11,7 +14,8 @@
         "color-hex-length": "long",
         "custom-property-empty-line-before": null,
         "color-function-notation": null,
-
+        "declaration-empty-line-before": null,
+        "comment-empty-line-before": null,
 
         "property-no-vendor-prefix": [
             true,
@@ -52,6 +56,338 @@
             {
                 "message": "Expected id selector name to be kebab-case"
             }
+        ],
+
+        "order/order": [
+            "custom-properties",
+            "at-rules",
+            "rules",
+            "declarations"
+        ],
+        "order/properties-order": [
+            [
+                {
+                    "groupName": "content",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "content"
+                    ]
+                },
+                {
+                    "groupName": "display",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "display",
+                        "visibility",
+                        "float",
+                        "clear",
+                        "resize",
+                        "overflow",
+                        "overflow-x",
+                        "overflow-y",
+                        "white-space",
+                        "word-break",
+                        "overflow-wrap",
+                        "tab-size",
+                        "clip",
+                        "zoom"
+                    ]
+                },
+                {
+                    "groupName": "flex",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "flex",
+                        "flex-grow",
+                        "flex-shrink",
+                        "flex-basis",
+                        "flex-flow",
+                        "flex-direction",
+                        "flex-wrap"
+                    ]
+                },
+                {
+                    "groupName": "grid",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "grid",
+                        "grid-auto-columns",
+                        "grid-auto-flow",
+                        "grid-auto-rows",
+                        "grid-template-areas",
+                        "grid-template-columns",
+                        "grid-template-rows",
+                        "grid-row-gap",
+                        "grid-column-gap",
+                        "row-gap",
+                        "column-gap",
+                        "grid-row",
+                        "grid-row-start",
+                        "grid-row-end",
+                        "grid-column",
+                        "grid-column-start",
+                        "grid-column-end"
+                    ]
+                },
+                {
+                    "groupName": "table",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "table-layout",
+                        "empty-cells",
+                        "caption-side",
+                        "border-spacing",
+                        "border-collapse",
+                        "list-style",
+                        "list-style-position",
+                        "list-style-type",
+                        "list-style-image"
+                    ]
+                },
+                {
+                    "groupName": "size",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "width",
+                        "height",
+                        "min-width",
+                        "max-width",
+                        "min-height",
+                        "max-height"
+                    ]
+                },
+                {
+                    "groupName": "position",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "position",
+                        "will-change",
+                        "inset",
+                        "top",
+                        "right",
+                        "bottom",
+                        "left",
+                        "z-index"
+                    ]
+                },
+                {
+                    "groupName": "alignment",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "place-content",
+                        "justify-content",
+                        "align-content",
+                        "align-items",
+                        "align-self",
+                        "vertical-align",
+                        "text-align",
+                        "text-align-last"
+                    ]
+                },
+                {
+                    "groupName": "scrollbar",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "scrollbar-color",
+                        "scrollbar-width"
+                    ]
+                },
+                {
+                    "groupName": "svg",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "stroke",
+                        "stroke-width",
+                        "stroke-linecap",
+                        "stroke-dasharray",
+                        "fill",
+                        "text-anchor"
+                    ]
+                },
+                {
+                    "groupName": "font",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "font",
+                        "font-family",
+                        "font-size",
+                        "font-stretch",
+                        "font-style",
+                        "font-variant",
+                        "font-weight",
+                        "font-smoothing",
+                        "font-smooth",
+                        "line-height",
+                        "src",
+                        "unicode-range"
+                    ]
+                },
+                {
+                    "groupName": "color",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "opacity",
+                        "color"
+                    ]
+                },
+                {
+                    "groupName": "text",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "text-shadow",
+                        "text-decoration"
+                    ]
+                },
+                "appearance",
+                {
+                    "groupName": "background",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "background",
+                        "background-attachment",
+                        "background-clip",
+                        "background-color",
+                        "background-image",
+                        "background-origin",
+                        "background-position",
+                        "background-position-x",
+                        "background-position-y",
+                        "background-repeat",
+                        "background-size"
+                    ]
+                },
+                {
+                    "groupName": "border",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "border",
+                        "border-color",
+                        "border-style",
+                        "border-width",
+                        "border-top",
+                        "border-top-color",
+                        "border-top-style",
+                        "border-top-width",
+                        "border-right",
+                        "border-right-color",
+                        "border-right-style",
+                        "border-right-width",
+                        "border-bottom",
+                        "border-bottom-color",
+                        "border-bottom-style",
+                        "border-bottom-width",
+                        "border-left",
+                        "border-left-color",
+                        "border-left-style",
+                        "border-left-width",
+                        "border-radius",
+                        "border-top-left-radius",
+                        "border-top-right-radius",
+                        "border-bottom-right-radius",
+                        "border-bottom-left-radius",
+                        "border-spacing"
+                    ]
+                },
+                {
+                    "groupName": "box",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "box-shadow",
+                        "box-sizing"
+                    ]
+                },
+                {
+                    "groupName": "outline",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "outline",
+                        "outline-width",
+                        "outline-style",
+                        "outline-color",
+                        "outline-offset"
+                    ]
+                },
+                {
+                    "groupName": "margin",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "margin",
+                        "margin-top",
+                        "margin-right",
+                        "margin-bottom",
+                        "margin-left"
+                    ]
+                },
+                {
+                    "groupName": "padding",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "padding",
+                        "padding-top",
+                        "padding-right",
+                        "padding-bottom",
+                        "padding-left"
+                    ]
+                },
+                {
+                    "groupName": "animation",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "transform",
+                        "transform-origin",
+                        "filter",
+                        "mix-blend-mode",
+                        "transition",
+                        "transition-delay",
+                        "transition-timing-function",
+                        "transition-duration",
+                        "transition-property",
+                        "animation",
+                        "animation-name",
+                        "animation-duration",
+                        "animation-play-state",
+                        "animation-timing-function",
+                        "animation-delay",
+                        "animation-iteration-count",
+                        "animation-direction",
+                        "animation-fill-mode"
+                    ]
+                },
+                {
+                    "groupName": "pointer",
+                    "emptyLineBefore": "never",
+                    "noEmptyLineBetween": true,
+                    "properties": [
+                        "pointer-events",
+                        "user-select",
+                        "cursor"
+                    ]
+                }
+            ],
+            {
+                "unspecified": "bottomAlphabetical",
+                "emptyLineBeforeUnspecified": "always"
+            }
         ]
     }
 }
diff --git a/package-lock.json b/package-lock.json
index 07e1e288b..f14129e87 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,6 +44,7 @@
         "stylelint": "^14.8.2",
         "stylelint-config-recommended-vue": "^1.4.0",
         "stylelint-config-standard": "^25.0.0",
+        "stylelint-order": "^5.0.0",
         "vue-template-compiler": "^2.6.11",
         "webpack": "^5.64.0"
       }
@@ -13212,6 +13213,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
     "node_modules/postcss-svgo": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.0.3.tgz",
@@ -14648,6 +14658,19 @@
         "stylelint": "^14.4.0"
       }
     },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
     "node_modules/stylelint/node_modules/balanced-match": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
@@ -26403,6 +26426,13 @@
         "util-deprecate": "^1.0.2"
       }
     },
+    "postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "requires": {}
+    },
     "postcss-svgo": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.0.3.tgz",
@@ -27554,6 +27584,16 @@
         "stylelint-config-recommended": "^7.0.0"
       }
     },
+    "stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "requires": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      }
+    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
diff --git a/package.json b/package.json
index 178e79c86..d849087af 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "stylelint": "^14.8.2",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard": "^25.0.0",
+    "stylelint-order": "^5.0.0",
     "vue-template-compiler": "^2.6.11",
     "webpack": "^5.64.0"
   }
diff --git a/public/stylesheets/ad-slider-component.css b/public/stylesheets/ad-slider-component.css
index 8badc231b..871236217 100644
--- a/public/stylesheets/ad-slider-component.css
+++ b/public/stylesheets/ad-slider-component.css
@@ -30,9 +30,9 @@ SOFTWARE.
 
 .l-ad-slider {
   display: flex;
+  width: 100%;
   position: relative;
   align-items: center;
-  width: 100%;
 }
 
 .l-ad-slider--horizontal {
@@ -69,54 +69,54 @@ SOFTWARE.
 }
 
 .l-ad-slider__bg {
-  position: relative;
   display: block;
+  position: relative;
 }
 
 .c-ad-slider__bg {
-  border-radius: var(--var-border-radius, 1.5rem);
   background-color: #cccccc;
+  border-radius: var(--var-border-radius, 1.5rem);
 }
 
 .l-ad-slider__bg::after {
   content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
   width: 100%;
   height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .l-ad-slider__process {
   position: absolute;
-  transition: all 0s;
   z-index: 1;
+  transition: all 0s;
 }
 
 .c-ad-slider__process {
-  border-radius: var(--var-border-radius, 15px);
   background-color: #3498db;
+  border-radius: var(--var-border-radius, 15px);
 }
 
 .l-ad-slider__wrap .ad-slider-process.ad-slider-process-draggable {
-  cursor: pointer;
   z-index: 3;
+  cursor: pointer;
 }
 
 .l-ad-slider--horizontal .l-ad-slider__process {
   width: 0;
   height: 100%;
+  will-change: width;
   top: 0;
   left: 0;
-  will-change: width;
 }
 
 .l-ad-slider--vertical .l-ad-slider__process {
   width: 100%;
   height: 0;
+  will-change: height;
   bottom: 0;
   left: 0;
-  will-change: height;
 }
 
 .l-ad-slider--horizontal-reverse .l-ad-slider__process {
@@ -135,9 +135,9 @@ SOFTWARE.
 
 .l-ad-slider__dot {
   position: absolute;
-  transition: all 0s;
   will-change: transform;
   z-index: 2;
+  transition: all 0s;
 }
 
 .c-ad-slider__dot {
@@ -145,16 +145,16 @@ SOFTWARE.
 }
 
 .l-ad-slider__dot-handle {
+  display: flex;
   width: 100%;
   height: 100%;
-  display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
 
 .c-ad-slider__dot-handle {
-  border-radius: var(--var-border-radius, 50%) !important;
   background-color: #ffffff;
+  border-radius: var(--var-border-radius, 50%) !important;
   box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 32%);
 }
 
@@ -187,16 +187,16 @@ SOFTWARE.
 }
 
 .c-ad-slider__button {
-  height: 1.6rem;
-  width: 1.6rem;
   display: flex;
+  width: 1.6rem;
+  height: 1.6rem;
   justify-content: center;
   align-items: center;
   font-size: 1rem;
-  border-radius: var(--var-border-radius, 50%);
   border: 0.1rem solid var(--color-reality-light);
-  cursor: pointer;
+  border-radius: var(--var-border-radius, 50%);
   transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-ad-slider__button:hover {
@@ -212,15 +212,15 @@ SOFTWARE.
 
 .l-ad-slider__wrap .ad-slider-tooltip {
   display: block;
-  font-size: 14px;
   white-space: nowrap;
-  padding: 2px 5px;
   min-width: 20px;
   text-align: center;
+  font-size: 14px;
   color: #ffffff;
-  border-radius: var(--var-border-radius, 5px);
-  border: 0.1rem solid #3498db;
   background-color: #3498db;
+  border: 0.1rem solid #3498db;
+  border-radius: var(--var-border-radius, 5px);
+  padding: 2px 5px;
 }
 
 .l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-top {
@@ -250,11 +250,11 @@ SOFTWARE.
 .l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-top .ad-slider-tooltip::before,
 .l-ad-slider__wrap .ad-slider-tooltip-top .vue-merged-tooltip .ad-slider-tooltip::before {
   content: "";
+  width: 0;
+  height: 0;
   position: absolute;
   bottom: -10px;
   left: 50%;
-  width: 0;
-  height: 0;
   border: 5px solid transparent;
   border: 6px solid transparent\0;
   border-top-color: inherit;
@@ -269,11 +269,11 @@ SOFTWARE.
 .l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-bottom .ad-slider-tooltip::before,
 .l-ad-slider__wrap .ad-slider-tooltip-bottom .vue-merged-tooltip .ad-slider-tooltip::before {
   content: "";
+  width: 0;
+  height: 0;
   position: absolute;
   top: -10px;
   left: 50%;
-  width: 0;
-  height: 0;
   border: 5px solid transparent;
   border: 6px solid transparent\0;
   border-bottom-color: inherit;
@@ -283,11 +283,11 @@ SOFTWARE.
 .l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-left .ad-slider-tooltip::before,
 .l-ad-slider__wrap .ad-slider-tooltip-left .vue-merged-tooltip .ad-slider-tooltip::before {
   content: "";
+  width: 0;
+  height: 0;
   position: absolute;
   top: 50%;
   right: -10px;
-  width: 0;
-  height: 0;
   border: 5px solid transparent;
   border: 6px solid transparent\0;
   border-left-color: inherit;
@@ -297,11 +297,11 @@ SOFTWARE.
 .l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-right .ad-slider-tooltip::before,
 .l-ad-slider__wrap .ad-slider-tooltip-right .vue-merged-tooltip .ad-slider-tooltip::before {
   content: "";
+  width: 0;
+  height: 0;
   position: absolute;
   top: 50%;
   left: -10px;
-  width: 0;
-  height: 0;
   border: 5px solid transparent;
   border: 6px solid transparent\0;
   border-right-color: inherit;
@@ -317,33 +317,33 @@ SOFTWARE.
 }
 
 .l-ad-slider__wrap .ad-slider-piecewise {
-  position: absolute;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  left: 0;
-  top: 0;
-  height: 100%;
   list-style: none;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .l-ad-slider__wrap .ad-slider-piecewise-item {
-  position: absolute;
   width: 8px;
   height: 8px;
+  position: absolute;
 }
 
 .l-ad-slider__wrap .ad-slider-piecewise-dot {
-  position: absolute;
-  left: 50%;
-  top: 50%;
+  display: inline-block;
   width: 100%;
   height: 100%;
-  display: inline-block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 2;
   background-color: rgba(0, 0, 0, 16%);
   border-radius: var(--var-border-radius, 50%);
   transform: translate(-50%, -50%);
-  z-index: 2;
   transition: all 0.3s;
 }
 
@@ -354,26 +354,26 @@ SOFTWARE.
 
 .l-ad-slider--horizontal .ad-slider-piecewise-label,
 .l-ad-slider--horizontal-reverse .ad-slider-piecewise-label {
-  position: absolute;
   display: inline-block;
+  visibility: visible;
+  white-space: nowrap;
+  position: absolute;
   top: 100%;
   left: 50%;
-  white-space: nowrap;
   font-size: 12px;
   color: #333333;
   transform: translate(-50%, 8px);
-  visibility: visible;
 }
 
 .l-ad-slider--vertical .ad-slider-piecewise-label,
 .l-ad-slider--vertical-reverse .ad-slider-piecewise-label {
-  position: absolute;
   display: inline-block;
+  visibility: visible;
+  white-space: nowrap;
+  position: absolute;
   top: 50%;
   left: 100%;
-  white-space: nowrap;
   font-size: 12px;
   color: #333333;
   transform: translate(8px, -50%);
-  visibility: visible;
 }
diff --git a/public/stylesheets/automator.css b/public/stylesheets/automator.css
index 18339b889..7ff2f2e0e 100644
--- a/public/stylesheets/automator.css
+++ b/public/stylesheets/automator.css
@@ -4,18 +4,18 @@
 }
 
 .c-automator-tab {
-  height: 57rem;
   width: 100rem;
+  height: 57rem;
 }
 
 .c-automator-tab > div {
-  height: 50rem;
   width: 100rem;
+  height: 50rem;
 }
 
 .c-automator-tab--full-screen {
-  height: auto;
   width: auto;
+  height: auto;
 }
 
 .l-automator-tab {
@@ -35,9 +35,9 @@
 
 .c-automator-points-list-col {
   position: relative;
+  text-align: left;
   border: var(--var-border-width, 0.15rem) solid var(--color-text);
   padding: 1rem;
-  text-align: left;
 }
 
 .l-automator-points-list-side-col {
@@ -55,27 +55,27 @@
 }
 
 .c-automator-points-list-cell {
-  position: relative;
+  overflow: hidden;
   width: 100%;
   height: 48%;
-  padding: 1rem;
-  border: var(--var-border-width, 0.15rem) solid var(--color-text);
+  position: relative;
   text-align: left;
-  overflow: hidden;
+  border: var(--var-border-width, 0.15rem) solid var(--color-text);
+  padding: 1rem;
 }
 
 .c-automator-points-list-symbol {
-  position: absolute;
   display: flex;
-  justify-content: center;
-  align-items: center;
+  width: 100%;
+  height: 100%;
+  position: absolute;
   top: 0;
   left: 0;
+  justify-content: center;
+  align-items: center;
   font-size: 15rem;
   opacity: 0.2;
   text-shadow: 0 0 2rem;
-  width: 100%;
-  height: 100%;
   pointer-events: none;
 }
 
@@ -105,17 +105,17 @@
 
 .l-automator-tab--full-screen {
   position: fixed;
-  left: 0;
-  right: 0;
   top: -6.5rem;
+  right: 0;
   bottom: 0;
-  margin-top: 0;
+  left: 0;
   z-index: 4;
+  margin-top: 0;
 }
 
 .l-automator-tab--full-screen > div {
-  height: calc(100% - 6.5rem);
   width: 100%;
+  height: calc(100% - 6.5rem);
 }
 
 .l-automator-pane {
@@ -143,29 +143,29 @@
 .l-automator__controls {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
 
   /* for corner buttons */
   position: relative;
+  justify-content: flex-start;
+  align-items: center;
 }
 
 .l-automator__button {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   padding: 0.3rem 0.8rem;
 }
 
 .l-automator__button--corner {
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
 }
 
 .l-automator__script-names {
-  flex-grow: 1;
   display: flex;
+  flex-grow: 1;
   flex-direction: row;
   justify-content: space-evenly;
   align-items: center;
@@ -174,10 +174,10 @@
 .l-automator__scripts-dropdown {
   width: 90%;
   height: 90%;
-  padding: 0.2rem 0 0.3rem;
   border-width: 0.1rem;
   border-radius: 0;
   margin: 0.4rem;
+  padding: 0.2rem 0 0.3rem;
 }
 
 .l-automator__rename-input {
@@ -194,8 +194,8 @@
 .c-automator-editor__active-line-gutter {
   font-weight: bold;
   background: rgb(43, 6, 92);
-  filter: brightness(200%);
   outline: 0.1rem solid rgb(68, 0, 255);
+  filter: brightness(200%);
 }
 
 .c-automator-editor__event-line {
@@ -206,8 +206,8 @@
 .c-automator-editor__event-line-gutter {
   font-weight: bold;
   background: rgb(0, 127, 0);
-  filter: brightness(200%);
   outline: 0.1rem solid rgb(25, 200, 25);
+  filter: brightness(200%);
 }
 
 .c-automator-editor__error-line {
@@ -218,32 +218,32 @@
 .c-automator-editor__error-line-gutter {
   font-weight: bold;
   background: rgb(172, 6, 23);
-  filter: brightness(200%);
   outline: 0.1rem solid rgb(255, 0, 64);
+  filter: brightness(200%);
 }
 
 .c-automator-editor {
+  text-align: left;
   font-family: Typewriter, serif;
   font-size: 1.4rem;
-  text-align: left;
   border-bottom: 0.15rem solid #262626;
 }
 
 .l-automator-editor {
   display: flex;
-  flex-direction: column;
   flex: 1 1 auto;
+  flex-direction: column;
 }
 
 .l-automator-editor__codemirror-container {
   display: flex;
-  flex-direction: column;
   flex: 1 1 auto;
+  flex-direction: column;
 }
 
 .CodeMirror-hint {
-  font-size: 1rem;
   font-family: Typewriter, serif;
+  font-size: 1rem;
 }
 
 .s-base--metro .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
@@ -252,23 +252,23 @@
 
 .cm-s-liquibyte.CodeMirror,
 .cm-s-panda-syntax.CodeMirror {
-  font-size: 1.4rem;
-  font-family: Typewriter, serif;
-  line-height: 1.6rem;
 
   /* required for expanding into pane */
   flex: 1 1 auto;
+  font-family: Typewriter, serif;
+  font-size: 1.4rem;
+  line-height: 1.6rem;
 }
 
 .c-automator-docs {
-  border-right: 0.15rem solid #262626;
-  border-bottom: 0.15rem solid #262626;
-  background-color: lightgray;
-  padding-left: 1rem;
+  overflow: auto;
+  text-align: left;
   font-size: 1.4rem;
   color: black;
-  text-align: left;
-  overflow: auto;
+  background-color: lightgray;
+  border-right: 0.15rem solid #262626;
+  border-bottom: 0.15rem solid #262626;
+  padding-left: 1rem;
 }
 
 .c-automator-docs-page {
@@ -289,9 +289,9 @@
 .c-automator-docs--button {
   width: 2.8rem;
   height: 2.2rem;
-  margin: 0.1rem;
-  border-radius: var(--var-border-radius, 0.3rem);
   border-width: 0.1rem;
+  border-radius: var(--var-border-radius, 0.3rem);
+  margin: 0.1rem;
   cursor: pointer;
 }
 
@@ -302,13 +302,13 @@
 
 .o-automator-error-underline::before {
   content: "~~~~~~~~~~~~";
-  font-size: 0.6rem;
-  font-weight: 700;
-  font-family: "Times New Roman", serif;
-  color: red;
+  overflow: hidden;
   width: 100%;
   position: absolute;
   top: 12px;
   left: -1px;
-  overflow: hidden;
+  font-family: "Times New Roman", serif;
+  font-size: 0.6rem;
+  font-weight: 700;
+  color: red;
 }
diff --git a/public/stylesheets/glyphs.css b/public/stylesheets/glyphs.css
index a0d288207..9ff4c76b8 100644
--- a/public/stylesheets/glyphs.css
+++ b/public/stylesheets/glyphs.css
@@ -1,9 +1,9 @@
 .l-glyph-component {
   display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
   position: relative;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
 }
 
 .c-glyph-component {
@@ -37,14 +37,15 @@
 .l-glyph-sacrifice-options {
   display: inline-flex;
   flex-direction: column;
-  padding: 1rem;
+  width: 27rem;
+  position: relative;
   margin-top: -0.2rem;
   margin-left: 0.5rem;
-  position: relative;
-  width: 27rem;
+  padding: 1rem;
 }
 
 .c-glyph-sacrifice-options {
+  position: relative;
   color: var(--color-reality-light);
   background: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
@@ -52,7 +53,6 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   padding: 0.8rem 0.8rem 0.5rem;
-  position: relative;
 }
 
 .c-glyph-inventory-management-with-border {
@@ -69,14 +69,14 @@
 
 .l-glyph-sacrifice-options__help {
   position: absolute;
-  left: calc(100% - 1.8rem);
   top: 0;
+  left: calc(100% - 1.8rem);
   z-index: 2;
 }
 
 .c-glyph-sacrifice-options__help {
-  color: var(--color-reality-light);
   font-size: 1.2rem;
+  color: var(--color-reality-light);
 }
 
 .l-glyph-sacrifice-options__option {
@@ -85,15 +85,15 @@
 
 .c-glyph-sacrifice-options__option {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-  border: var(--var-border-width, 0.2rem) solid;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.5rem);
   width: 4.6rem;
   height: 3rem;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  border: var(--var-border-width, 0.2rem) solid;
+  border-radius: var(--var-border-radius, 0.5rem);
+  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-glyph-sacrifice-options__option:hover {
@@ -103,8 +103,8 @@
 
 .c-glyph-sacrifice-options__option--active {
   color: black;
-  border-color: var(--color-reality-light);
   background-color: var(--color-reality-light);
+  border-color: var(--color-reality-light);
   pointer-events: none;
 }
 
@@ -115,46 +115,46 @@
 
 .c-glyph-sacrifice-options__option__tooltip {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  opacity: 0;
-  transition-duration: 0.2s;
-  font-size: 1.4rem;
-  font-weight: bold;
-  border: var(--var-border-width, 0.2rem) solid var(--color-reality);
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter;
-  color: var(--color-reality);
-  background: black;
   width: 17rem;
-  line-height: 2rem;
-  padding: 0.3rem 0;
-  z-index: 2;
-  pointer-events: none;
   position: absolute;
   top: 100%;
+  z-index: 2;
+  justify-content: center;
+  align-items: center;
+  font-family: Typewriter;
+  font-size: 1.4rem;
+  font-weight: bold;
+  line-height: 2rem;
+  opacity: 0;
+  color: var(--color-reality);
+  background: black;
+  border: var(--var-border-width, 0.2rem) solid var(--color-reality);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.3rem 0;
+  transition-duration: 0.2s;
+  pointer-events: none;
 }
 
 .c-glyph-sacrifice-options__option__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   top: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
-  border-bottom: 0 solid var(--color-reality-light);
-  border-right: 0.7rem solid transparent;
-  border-left: 0.7rem solid transparent;
-  content: " ";
-  transition-duration: 0.2s;
   z-index: 0;
+  border-right: 0.7rem solid transparent;
+  border-bottom: 0 solid var(--color-reality-light);
+  border-left: 0.7rem solid transparent;
+  margin-bottom: 0;
+  margin-left: -0.7rem;
+  transition-duration: 0.2s;
 }
 
 .c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip {
-  opacity: 1;
   top: calc(100% + 0.9rem);
-  border-color: var(--color-reality-light);
+  opacity: 1;
   color: var(--color-reality-light);
+  border-color: var(--color-reality-light);
 }
 
 .s-base--metro .c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip {
@@ -177,8 +177,8 @@
 .l-glyph-sacrifice-options__rarity-slider-div {
   display: flex;
   flex-direction: row;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
 }
@@ -194,8 +194,8 @@
 .c-glyph-sacrifice-options__rarity-slider-handle {
   color: var(--color-reality-light);
   background-color: black !important;
-  box-shadow: 0 0 0 0.1rem var(--color-reality-light) !important;
   border-radius: var(--var-border-radius, 0.8rem) !important;
+  box-shadow: 0 0 0 0.1rem var(--color-reality-light) !important;
 }
 
 .c-glyph-sacrifice-options__advanced {
@@ -216,14 +216,14 @@
 .c-auto-sac-type-tab__input {
   width: 2.5rem;
   height: 1.5rem;
-  font-size: 1.2rem;
-  background-color: #333333;
-  color: var(--color-reality-light);
-  border-radius: var(--var-border-radius, 0.2rem);
-  border: solid 0.1rem;
   text-align: center;
+  font-size: 1.2rem;
+  color: var(--color-reality-light);
   -webkit-appearance: none;
   -moz-appearance: textfield;
+  background-color: #333333;
+  border: solid 0.1rem;
+  border-radius: var(--var-border-radius, 0.2rem);
 }
 
 .c-auto-sac-effect-tab__input::-webkit-inner-spin-button,
@@ -236,22 +236,22 @@
 .c-auto-sac-effect-tab__input {
   width: 1.5rem;
   height: 1.5rem;
-  font-size: 1.2rem;
   text-align: center;
-  background-color: #333333;
+  font-size: 1.2rem;
   color: var(--color-reality-light);
-  border-radius: var(--var-border-radius, 0.2rem);
-  border: solid 0.1rem;
   -webkit-appearance: none;
   -moz-appearance: textfield;
+  background-color: #333333;
+  border: solid 0.1rem;
+  border-radius: var(--var-border-radius, 0.2rem);
   margin: 0;
 }
 
 .c-auto-sac-effect-tab__checkbox {
   width: 1.5rem;
   height: 1.5rem;
-  border-radius: var(--var-border-radius, 0.2rem);
   border: solid 0.1rem;
+  border-radius: var(--var-border-radius, 0.2rem);
 }
 
 .c-auto-sac-type-tab__input:focus {
@@ -273,11 +273,11 @@
 }
 
 .c-glyph-sacrifice-options__advanced-toggle {
-  background: black;
-  border-radius: var(--var-border-radius, 0.2rem);
-  border: solid 0.1rem;
-  font-size: 1.2rem;
   font-family: Typewriter, serif;
+  font-size: 1.2rem;
+  background: black;
+  border: solid 0.1rem;
+  border-radius: var(--var-border-radius, 0.2rem);
 }
 
 .l-advanced-sac-options-for-glyph-type {
@@ -294,30 +294,30 @@
 .l-auto-sac-type-tab__row-wrapper {
   display: flex;
   flex-direction: row;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
   margin: 0.25rem 0.5rem;
 }
 
 .c-auto-sac-type-tab__effect-desc {
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: 0.1rem solid;
-  padding: 0.25rem 1.5rem;
   min-height: 3rem;
   position: relative;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.25rem 1.5rem;
 }
 
 .c-auto-sac-type-tab__effect-desc--active {
-  cursor: pointer;
-  opacity: 1;
   font-weight: bold;
+  opacity: 1;
   text-shadow: 0 0 0.3rem;
+  cursor: pointer;
 }
 
 .c-auto-sac-type-tab__effect-desc--inactive {
-  cursor: pointer;
   opacity: 0.7;
   transition: opacity 0.2s;
+  cursor: pointer;
 }
 
 .c-auto-sac-type-tab__effect-desc--inactive:hover {
@@ -328,38 +328,38 @@
 .l-specified-effect-tab__effect-desc {
   display: inline-flex;
   width: 100%;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
 
 .l-auto-sac-type-tab__effect-desc {
   display: inline-flex;
   width: calc(100% - 5rem);
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
 
 .l-glyph-sacrifice-options__advanced-type-select {
-  font-size: 2rem;
+  display: inline-flex;
   width: 3rem;
   height: 3rem;
-  display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
+  font-size: 2rem;
   border-radius: var(--var-border-radius, 50%);
   margin-top: 0.4rem;
 }
 
 .c-glyph-sacrifice-options__advanced-type-select {
-  color: #888888;
-  font-size: 2rem;
   width: 2.5rem;
   height: 2.5rem;
-  margin: 1rem 0.25rem 0.25rem;
   font-family: Typewriter;
-  cursor: pointer;
+  font-size: 2rem;
   line-height: 0.1rem;
+  color: #888888;
+  margin: 1rem 0.25rem 0.25rem;
   transition-duration: 0.15s;
+  cursor: pointer;
 }
 
 .c-glyph-sacrifice-options__advanced-type-select:hover {
@@ -380,19 +380,19 @@
 .c-glyph-auto-pick-options__option {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  font-weight: bold;
-  font-size: 1rem;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
   width: 12rem;
   height: 5rem;
-  padding: 0 0.5rem;
+  justify-content: center;
+  font-size: 1rem;
+  font-weight: bold;
   border: var(--var-border-width, 0.2rem) solid;
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 0 0.5rem 1rem;
+  padding: 0 0.5rem;
   transition-duration: 0.2s;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
 }
 
 .c-glyph-auto-pick-options__option:hover {
@@ -402,8 +402,8 @@
 
 .c-glyph-auto-pick-options__option--active {
   color: black;
-  border-color: var(--color-reality-light);
   background-color: var(--color-reality-light);
+  border-color: var(--color-reality-light);
   pointer-events: none;
 }
 
@@ -421,10 +421,10 @@
 .l-glyph-tooltip {
   display: flex;
   flex-direction: column;
-  align-items: center;
   width: 27.4rem;
-  padding: 0.5rem 0;
   position: absolute;
+  align-items: center;
+  padding: 0.5rem 0;
 }
 
 .l-glyph-tooltip--up-left {
@@ -444,17 +444,17 @@
 }
 
 .c-glyph-tooltip {
-  background-color: black;
-  color: #ffffff;
+  text-align: center;
   font-size: 1.2rem;
   font-weight: normal;
-  text-align: center;
-  border-radius: var(--var-border-radius, 0.6rem);
-  transition: opacity 0.3s;
+  color: #ffffff;
   text-shadow: none;
+  background-color: black;
+  border: var(--var-border-width, 0.2rem) solid black;
+  border-radius: var(--var-border-radius, 0.6rem);
   padding: 0.6rem;
   padding-bottom: 0.6rem;
-  border: var(--var-border-width, 0.2rem) solid black;
+  transition: opacity 0.3s;
 }
 
 .c-glyph-tooltip__description {
@@ -469,12 +469,12 @@
   display: flex;
   flex-direction: column;
   width: calc(100% + 2.4rem);
-  border: var(--var-border-width, 0.2rem) solid;
-  padding: 0.3rem 1rem 0.7rem;
   font-weight: bold;
-  margin-top: -4rem;
   background-color: black;
+  border: var(--var-border-width, 0.2rem) solid;
   border-radius: var(--var-border-radius, 0.8rem);
+  margin-top: -4rem;
+  padding: 0.3rem 1rem 0.7rem;
 }
 
 .l-glyph-tooltip__effects {
@@ -483,9 +483,9 @@
 }
 
 .c-glyph-tooltip__sacrifice {
-  color: #b4b4b4;
   font-size: 1rem;
   font-weight: normal;
+  color: #b4b4b4;
 }
 
 .c-glyph-tooltip__sacrifice--touchable {
@@ -511,10 +511,10 @@
 .l-equipped-glyphs {
   display: flex;
   flex-direction: column;
+  width: 20rem;
   align-content: center;
   align-items: center;
   padding: 1rem;
-  width: 20rem;
 }
 
 .l-equipped-glyphs__slots {
@@ -525,20 +525,20 @@
 }
 
 .l-equipped-glyphs__dropzone {
-  border-radius: 50%;
   width: 7rem;
   height: 7rem;
   position: absolute;
-  left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  left: 50%;
   background-color: rgba(0, 0, 0, 0%);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
 }
 
 .l-equipped-glyphs__empty {
-  border-radius: 50%;
   width: 5rem;
   height: 5rem;
+  border-radius: 50%;
 }
 
 .c-equipped-glyphs__empty {
@@ -582,9 +582,9 @@
 .c-glyph-set-save-container {
   display: flex;
   flex-wrap: wrap;
+  max-width: 30rem;
   justify-content: center;
   margin: 1rem auto 0;
-  max-width: 30rem;
 }
 
 .c-glyph-single-set-save {
@@ -610,26 +610,26 @@
 .c-glyph-sets-save-name__input {
   width: 16rem;
   height: 1.5rem;
-  font-size: 1.35rem;
-  background-color: black;
-  color: var(--color-reality-light);
-  border-radius: var(--var-border-radius, 0.2rem);
-  border: none;
-  border-bottom: 0.1rem solid;
   text-align: center;
-  margin-bottom: 0.5rem;
+  font-size: 1.35rem;
+  color: var(--color-reality-light);
   -webkit-appearance: none;
   -moz-appearance: textfield;
+  background-color: black;
+  border: none;
+  border-bottom: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.2rem);
+  margin-bottom: 0.5rem;
 }
 
 .c-glyph-set-save-setting-button {
   width: 12.5rem;
   height: 2.5rem;
-  font-size: 0.9rem;
   font-family: Typewriter, serif;
+  font-size: 0.9rem;
   font-weight: bold;
-  background-color: black;
   color: var(--color-reality-light);
+  background-color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 0 0.4rem 1rem;
@@ -638,8 +638,8 @@
 }
 
 .c-glyph-set-save-setting-button:hover {
-  background-color: var(--color-reality-light);
   color: black;
+  background-color: var(--color-reality-light);
 }
 
 .c-glyph-set-save-setting-button--disabled {
@@ -647,22 +647,22 @@
 }
 
 .c-glyph-set-save-setting-button--disabled:hover {
-  background-color: black;
   color: var(--color-reality-light);
+  background-color: black;
 }
 
 .c-glyph-set-save-button {
   height: 2.5rem;
+  text-align: center;
+  font-family: Typewriter, serif;
+  font-size: 1rem;
+  font-weight: bold;
   color: var(--color-reality-light);
   background-color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
-  cursor: pointer;
   transition-duration: 0.2s;
-  text-align: center;
-  font-size: 1rem;
-  font-weight: bold;
-  font-family: Typewriter, serif;
+  cursor: pointer;
 }
 
 .c-glyph-set-save-button:hover {
@@ -682,9 +682,9 @@
 }
 
 .l-glyph-set-save-spacing {
-  height: 6rem;
   display: flex;
   flex-direction: column;
+  height: 6rem;
   place-content: flex-end;
 }
 
@@ -719,19 +719,19 @@
 }
 
 .c-current-glyph-effects {
-  margin-top: 0;
-  margin-bottom: 0;
-  height: 30rem;
-  width: 45rem;
   overflow: auto;
+  width: 45rem;
+  height: 30rem;
+  position: relative;
   color: var(--color-reality-light);
   background: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
+  margin-top: 0;
+  margin-bottom: 0;
   padding: 0.8rem 0.8rem 1.8rem;
-  position: relative;
 }
 
 .c-current-glyph-effects-with-top-border {
@@ -743,8 +743,8 @@
 }
 
 .c-glyph-tooltip .pelle-current-glyph-effects {
-  color: var(--color-pelle--base);
   font-weight: bold;
+  color: var(--color-pelle--base);
 }
 
 .t-s8 .c-current-glyph-effects {
@@ -752,15 +752,15 @@
 }
 
 .c-current-glyph-effects__header {
-  font-weight: bold;
   font-size: 1.2rem;
+  font-weight: bold;
 }
 
 .l-equipped-glyphs-and-effects-container {
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
   width: 65rem;
+  justify-content: space-around;
 }
 
 .l-glyph-info-wrapper {
@@ -776,9 +776,9 @@
 .c-glyph-info-options {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  height: 2.8rem;
   width: 100%;
+  height: 2.8rem;
+  justify-content: space-between;
 }
 
 .t-s8 .c-glyph-info-options {
@@ -787,20 +787,20 @@
 
 .c-glyph-info-button {
   display: flex;
+  width: 50%;
+  z-index: 1;
   justify-content: center;
   align-items: center;
-  width: 50%;
-  cursor: pointer;
+  text-align: center;
+  font-family: Typewriter;
+  font-size: 1.2rem;
+  font-weight: bold;
+  color: var(--color-reality-light);
   background-color: black;
   border: 0.2rem solid var(--color-reality);
   border-radius: 0.5rem 0.5rem 0 0;
-  color: var(--color-reality-light);
   transition: all 0.2s, border-bottom 0ms, padding-bottom 0ms;
-  text-align: center;
-  font-size: 1.2rem;
-  font-family: Typewriter;
-  font-weight: bold;
-  z-index: 1;
+  cursor: pointer;
 }
 
 .t-s8 .c-glyph-info-button {
@@ -810,23 +810,23 @@
 .l-glyph-info-button {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
   width: 22rem;
   height: 3rem;
+  justify-content: center;
+  align-items: center;
 }
 
 .s-base--metro .c-glyph-info-button {
-  border-radius: 0;
-  border-width: 0.1rem;
   height: 2.9rem;
+  border-width: 0.1rem;
+  border-radius: 0;
 }
 
 .c-glyph-info-button--active {
   border-bottom: none;
-  cursor: default;
   padding-bottom: 0.3rem;
   transition-duration: 0ms;
+  cursor: default;
 }
 
 .c-glyph-info-button--inactive:hover {
@@ -839,11 +839,11 @@
 }
 
 .c-glyph-peek {
+  width: calc(100% - 1rem);
+  height: 9rem;
   border: 0.1rem solid #b8b8b8;
   border-radius: var(--var-border-radius, 0.5rem);
   padding: 1rem;
-  height: 9rem;
-  width: calc(100% - 1rem);
 }
 
 .c-glyph-choice-container {
@@ -855,38 +855,38 @@
 .c-glyph-choice-single-glyph {
   display: flex;
   flex-direction: row;
+  width: 36rem;
+  height: 12rem;
   justify-content: space-evenly;
   align-items: center;
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 0.5rem;
-  height: 12rem;
-  width: 36rem;
 }
 
 .c-glyph-choice-icon {
   display: flex;
   flex-direction: column;
+  width: 10rem;
+  height: 10rem;
   justify-content: space-evenly;
   align-items: center;
+  font-size: 1.2rem;
+  text-shadow: 0.1rem 0.1rem 0.1rem black, 0.1rem 0.1rem 0 black;
   background-color: rgba(0, 0, 0, 10%);
   border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 15%);
   border-radius: var(--var-border-radius, 0.5rem);
-  font-size: 1.2rem;
-  height: 10rem;
-  width: 10rem;
-  text-shadow: 0.1rem 0.1rem 0.1rem black, 0.1rem 0.1rem 0 black;
   box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 50%);
 }
 
 .c-glyph-choice-effect-list {
   display: flex;
   flex-direction: column;
+  width: 25rem;
+  height: 11rem;
   justify-content: space-evenly;
   background-color: rgba(0, 0, 0, 10%);
   border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 15%);
   border-radius: var(--var-border-radius, 0.5rem);
-  height: 11rem;
-  width: 25rem;
 }
 
 .t-s8 .c-glyph-peek {
@@ -894,16 +894,16 @@
 }
 
 .c-sacrificed-glyphs--dragover {
+  z-index: 1;
   border: 0.3rem solid gray;
   box-shadow: 0 0 0.1rem 0.1rem black;
-  z-index: 1;
 }
 
 .s-base--dark .c-sacrificed-glyphs--dragover {
+  z-index: 2;
+  background-color: transparent;
   border: 0.2rem solid white;
   box-shadow: 0 0 0.1rem 0.1rem white;
-  background-color: transparent;
-  z-index: 2;
 }
 
 .c-sacrificed-glyphs__header {
@@ -943,9 +943,9 @@
 }
 
 .c-sacrificed-glyphs__confirm {
-  cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
+  cursor: pointer;
 }
 
 .c-altered-glyphs-toggle-button {
@@ -987,18 +987,18 @@
 .c-glyph-inventory-option {
   width: 19rem;
   height: auto;
-  padding: 0.5rem;
-  margin-bottom: 0.5rem;
   position: relative;
+  text-align: center;
+  font-family: Typewriter, serif;
+  font-size: 1rem;
   font-weight: bold;
   color: var(--color-reality-light);
   background-color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 0.5rem;
+  padding: 0.5rem;
   transition-duration: 0.2s;
-  text-align: center;
-  font-size: 1rem;
-  font-family: Typewriter, serif;
   cursor: pointer;
 }
 
@@ -1010,54 +1010,54 @@
 
 .c-glyph-inventory-option__tooltip {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  opacity: 0;
-  transition-duration: 0.2s;
-  font-size: 1.1rem;
-  font-weight: bold;
-  border: var(--var-border-width, 0.2rem) solid var(--color-reality);
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter;
-  color: var(--color-reality);
-  background: black;
   width: 100%;
-  left: 0%;
-  line-height: 1.8rem;
-  padding: 0.3rem;
-  z-index: 3;
-  pointer-events: none;
   position: absolute;
   bottom: 100%;
+  left: 0%;
+  z-index: 3;
+  justify-content: center;
+  align-items: center;
+  font-family: Typewriter;
+  font-size: 1.1rem;
+  font-weight: bold;
+  line-height: 1.8rem;
+  opacity: 0;
+  color: var(--color-reality);
+  background: black;
+  border: var(--var-border-width, 0.2rem) solid var(--color-reality);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.3rem;
+  transition-duration: 0.2s;
+  pointer-events: none;
 }
 
 .c-glyph-inventory-option__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
+  z-index: 0;
   border-top: 0 solid var(--color-reality-light);
   border-right: 0.7rem solid transparent;
   border-left: 0.7rem solid transparent;
-  content: " ";
+  margin-bottom: 0;
+  margin-left: -0.7rem;
   transition-duration: 0.2s;
-  z-index: 0;
 }
 
 .c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.9rem);
-  border-color: var(--color-reality-light);
+  opacity: 1;
   color: var(--color-reality-light);
+  border-color: var(--color-reality-light);
 }
 
 .s-base--metro .c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.8rem);
-  border-color: var(--color-reality-light);
+  opacity: 1;
   color: var(--color-reality-light);
+  border-color: var(--color-reality-light);
 }
 
 .c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip::after {
@@ -1072,51 +1072,51 @@
 .l-glyph-color-box {
   display: flex;
   position: relative;
-  left: -50%;
   top: 27.9rem;
+  left: -50%;
   z-index: 2;
 }
 
 .l-glyph-color-position__top {
+  width: 0%;
   position: absolute;
   right: 22.5rem;
-  width: 0%;
 }
 
 .l-glyph-color-position__low {
+  width: 0%;
   position: absolute;
   top: 2.9rem;
   right: 22.5rem;
-  width: 0%;
 }
 
 .l-glyph-sidebar-option-container {
   display: flex;
   flex-direction: column;
-  height: 5rem;
   width: 100%;
+  height: 5rem;
 }
 
 .l-glyph-sidebar-tab-container {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  height: 5rem;
   width: 100%;
+  height: 5rem;
+  justify-content: space-between;
 }
 
 .c-glyph-sidebar-button {
+  z-index: 1;
+  text-align: center;
+  font-family: Typewriter;
+  font-size: 1rem;
+  font-weight: bold;
+  color: var(--color-reality-light);
   background-color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem) var(--var-border-radius, 0.5rem) 0 0;
-  color: var(--color-reality-light);
-  cursor: pointer;
   transition: all 0.2s, border-bottom 0ms, padding-bottom 0ms;
-  text-align: center;
-  font-size: 1rem;
-  font-family: Typewriter;
-  font-weight: bold;
-  z-index: 1;
+  cursor: pointer;
 }
 
 .s-base--metro .c-glyph-sidebar-button {
@@ -1130,9 +1130,9 @@
 
 .c-glyph-sidebar-button--active {
   border-bottom: none;
-  cursor: default;
   padding-bottom: 0.3rem;
   transition-duration: 0ms;
+  cursor: default;
 }
 
 .c-glyph-sidebar-button--active:hover {
@@ -1143,11 +1143,11 @@
 .l-glyph-sidebar-button {
   display: flex;
   flex-direction: column;
+  width: 100%;
+  height: 4rem;
   justify-content: center;
   align-items: center;
-  width: 100%;
   margin: 0 0.5rem;
-  height: 4rem;
 }
 
 .l-glyph-sidebar-panel-size {
@@ -1166,20 +1166,20 @@
 
 .o-glyph-color-checkbox {
   display: flex;
+  width: 2rem;
+  height: 2rem;
   justify-content: center;
   align-items: center;
   font-size: 1rem;
-  height: 2rem;
-  width: 2rem;
+  font-weight: bold;
+  color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-top-right-radius: var(--var-border-radius, 1rem);
   border-bottom-left-radius: var(--var-border-radius, 0.3rem);
-  color: black;
-  font-weight: bold;
-  cursor: pointer;
+  transition-duration: 0.2s;
   -webkit-user-select: none;
   user-select: none;
-  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .t-s8 .o-glyph-color-checkbox {
diff --git a/public/stylesheets/new-ui-styles.css b/public/stylesheets/new-ui-styles.css
index 8b8593468..264b6d626 100644
--- a/public/stylesheets/new-ui-styles.css
+++ b/public/stylesheets/new-ui-styles.css
@@ -33,14 +33,14 @@ body.t-s9 {
 }
 
 #page {
-  margin: auto;
   display: flex;
+  width: 100%;
+  height: 100%;
   justify-content: flex-start;
   align-items: stretch;
   font-family: Typewriter, serif;
   background: none;
-  height: 100%;
-  width: 100%;
+  margin: auto;
 }
 
 .sidebar {
@@ -60,10 +60,10 @@ body.t-s9 {
 }
 
 .resource {
-  height: 7rem;
-  width: 12rem;
   display: flex;
   flex-direction: column;
+  width: 12rem;
+  height: 7rem;
   justify-content: center;
   align-items: center;
   background-color: var(--color-base);
@@ -73,9 +73,9 @@ body.t-s9 {
 }
 
 .resource h2 {
-  margin: 0;
-  font-size: 1.9rem;
   z-index: 1;
+  font-size: 1.9rem;
+  margin: 0;
 }
 
 .t-dark .resource h2,
@@ -86,10 +86,10 @@ body.t-s9 {
 .resource-information {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
-  color: var(--color-text);
   justify-content: space-between;
+  align-items: flex-start;
   font-size: 1.5rem;
+  color: var(--color-text);
 }
 
 .resource-gain {
@@ -147,8 +147,8 @@ body.t-s9 {
 .resource-infinity-canreset,
 .resource-eternity-canreset {
   background-color: black;
-  cursor: pointer;
   transition-duration: 0.15s;
+  cursor: pointer;
 }
 
 .resource-infinity-canreset:hover,
@@ -163,13 +163,13 @@ body.t-s9 {
 
 .o-tab-btn {
   height: 4.6rem;
+  position: relative;
+  font-size: 1.4rem;
   border-width: 0.1rem;
   border-radius: 0;
   margin-top: -0.1rem;
-  font-size: 1.4rem;
-  position: relative;
-  transition-duration: 0.15s;
   transition-delay: 0.2s;
+  transition-duration: 0.15s;
 }
 
 .o-tab-btn:hover {
@@ -181,34 +181,34 @@ body.t-s9 {
 }
 
 .l-tab-btn-inner {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  width: 100%;
+  height: 100%;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }
 
 .o-tab-btn:hover .subtabs {
+  left: 14.3rem;
   opacity: 1;
   pointer-events: all;
-  left: 14.3rem;
 }
 
 .o-tab-btn::after {
   content: "";
-  position: absolute;
-  left: calc(100% + 0.1rem);
-  top: calc(0% + -0.1rem);
   width: 0;
   height: 0;
+  position: absolute;
+  top: calc(0% + -0.1rem);
+  left: calc(100% + 0.1rem);
+  z-index: 4;
+  border-top: 2.3rem solid transparent;
   border-bottom: 2.3rem solid transparent;
   border-left: 0 solid var(--color-accent);
-  border-top: 2.3rem solid transparent;
-  z-index: 4;
-  transition-duration: 0.15s;
   transition-delay: 0.2s;
+  transition-duration: 0.15s;
 }
 
 .o-tab-btn--subtabs:hover::after {
@@ -250,9 +250,9 @@ body.t-s9 {
 
 .tab-container {
   display: flex;
-  justify-content: center;
   flex-direction: column;
   position: relative;
+  justify-content: center;
 }
 
 .tab-container > .l-antimatter-dim-tab {
@@ -271,28 +271,28 @@ body.t-s9 {
 
 .subtabs {
   display: flex;
-  opacity: 0;
-  pointer-events: none;
   position: absolute;
   top: -0.6rem;
   left: 12rem;
   z-index: 4;
-  transition: pointer-events 0s linear 0s, all 0.15s linear 0.2s;
+  opacity: 0;
   padding: 0.5rem;
   padding-left: 0;
+  transition: pointer-events 0s linear 0s, all 0.15s linear 0.2s;
+  pointer-events: none;
 }
 
 .o-tab-btn--subtab {
-  height: 4.7rem;
   width: 4.7rem;
+  height: 4.7rem;
   font-size: 2.3rem;
   font-weight: bold;
-  margin-left: -0.1rem;
   line-height: 4.5rem;
-  cursor: pointer;
+  margin-left: -0.1rem;
   transition-duration: 0.15s;
   -webkit-user-select: none;
   user-select: none;
+  cursor: pointer;
 }
 
 .o-tab-btn--subtab .o-tab-btn--cel3 {
@@ -301,41 +301,41 @@ body.t-s9 {
 }
 
 .o-subtab__tooltip {
-  opacity: 0;
-  transition-duration: 0.2s;
-  font-size: 1.4rem;
-  font-weight: bold;
-  border: 0.1rem solid var(--color-accent);
-  color: var(--color-text);
-  background: var(--color-base);
   width: 20rem;
   height: 3rem;
-  line-height: 2.8rem;
-  margin-left: -7.7rem;
-  z-index: 2;
-  pointer-events: none;
   position: absolute;
   bottom: 100%;
+  z-index: 2;
+  font-size: 1.4rem;
+  font-weight: bold;
+  line-height: 2.8rem;
+  opacity: 0;
+  color: var(--color-text);
+  background: var(--color-base);
+  border: 0.1rem solid var(--color-accent);
+  margin-left: -7.7rem;
+  transition-duration: 0.2s;
+  pointer-events: none;
 }
 
 .o-subtab__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
+  z-index: 0;
   border-top: 0 solid var(--color-accent);
   border-right: 0.7rem solid transparent;
   border-left: 0.7rem solid transparent;
-  content: " ";
+  margin-bottom: 0;
+  margin-left: -0.7rem;
   transition-duration: 0.2s;
-  z-index: 0;
 }
 
 .o-tab-btn--subtab:hover .o-subtab__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.7rem);
+  opacity: 1;
 }
 
 .o-tab-btn--subtab:hover .o-subtab__tooltip::after {
@@ -392,86 +392,86 @@ body.t-s9 {
 }
 
 .o-primary-btn--new {
-  background-color: var(--color-base);
-  border: 0.1rem solid var(--color-good);
-  padding: 1rem;
-  color: var(--color-text);
-  font-family: Typewriter, serif;
-  border-radius: var(--var-border-radius, 0.5rem);
-  position: relative;
+  overflow: hidden;
   width: 21rem;
   height: 4.4rem;
-  overflow: hidden;
+  position: relative;
+  font-family: Typewriter, serif;
+  color: var(--color-text);
+  background-color: var(--color-base);
+  border: 0.1rem solid var(--color-good);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 1rem;
 }
 
 .o-primary-btn--dimension-reset {
   display: flex;
-  align-items: center;
-  justify-content: center;
   height: 6rem;
+  justify-content: center;
+  align-items: center;
   font-size: 1rem;
 }
 
 .button-content {
+  display: flex;
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
-  width: 100%;
-  display: flex;
+  z-index: 1;
   justify-content: center;
   align-items: center;
-  z-index: 1;
 }
 
 .fill {
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
-  width: 100%;
 }
 
 .fill-purchased {
-  height: 100%;
-  width: 20%;
-  background-color: var(--color-good);
   float: left;
+  width: 20%;
+  height: 100%;
+  background-color: var(--color-good);
 }
 
 .fill-possible {
-  height: 100%;
-  width: 40%;
-  background-color: var(--color-good-dark);
   float: left;
+  width: 40%;
+  height: 100%;
+  background-color: var(--color-good-dark);
 }
 
 .modes-container {
-  width: 100%;
   display: flex;
+  width: 100%;
   justify-content: space-between;
-  padding: 0 5rem;
   margin-top: 1rem;
+  padding: 0 5rem;
 }
 
 .resets-container {
   display: flex;
-  justify-content: space-around;
   height: 16rem;
+  justify-content: space-around;
 }
 
 .reset-container h4 {
-  margin: 0;
   font-size: 1.4rem;
+  margin: 0;
 }
 
 .reset-container {
-  width: 40%;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
+  width: 40%;
   height: 16rem;
+  justify-content: space-between;
+  align-items: center;
   margin-top: 0.3rem;
 }
 
@@ -490,34 +490,34 @@ body.t-s9 {
 }
 
 .tickspeed-btn {
-  padding: 0.5rem;
+  height: 3rem;
   min-width: 15rem;
   max-width: 20rem;
-  height: 3rem;
   font-size: 1.1rem;
+  padding: 0.5rem;
 }
 
 .tickspeed-max-btn {
-  padding: 0.5rem;
   width: 10rem;
   height: 3rem;
+  padding: 0.5rem;
 }
 
 .tickspeed-labels span {
-  color: var(--color-text);
   height: 3rem;
+  color: var(--color-text);
   padding: 0.5rem 1rem;
 }
 
 .particle {
-  position: absolute;
-  color: var(--color-text);
-  height: 1rem;
   width: 1rem;
+  height: 1rem;
+  position: absolute;
+  z-index: 0;
+  color: var(--color-text);
   background-image: url("../icon.png");
   background-position: center;
   background-size: cover;
-  z-index: 0;
 }
 
 .sacrifice-btn {
@@ -527,29 +527,29 @@ body.t-s9 {
 }
 
 .btn-big-crunch {
-  padding: 2rem;
-  font-size: 5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid var(--color-infinity);
-  background-color: black;
-  color: var(--color-infinity);
+  z-index: 1;
   font-family: Typewriter;
+  font-size: 5rem;
+  color: var(--color-infinity);
+  background-color: black;
+  border: var(--var-border-width, 0.2rem) solid var(--color-infinity);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 2rem;
   transition-duration: 0.15s;
   cursor: pointer;
-  z-index: 1;
 }
 
 .btn-big-crunch--small {
   position: absolute;
   top: 4.3rem;
   left: calc(50% - 0.6rem);
-  transform: translateX(-50%);
   font-size: 3rem;
+  transform: translateX(-50%);
 }
 
 .btn-big-crunch:hover {
-  background-color: var(--color-infinity);
   color: black;
+  background-color: var(--color-infinity);
 }
 
 .t-normal .c-game-header__tesseract-available {
@@ -562,12 +562,12 @@ body.t-s9 {
 }
 
 .information-header {
+  font-size: 1.2rem;
+  font-weight: bold;
   color: var(--color-text);
+  border-bottom: 0.1rem solid var(--color-good);
   margin-top: 1rem;
   margin-bottom: 0.5rem;
-  font-weight: bold;
-  font-size: 1.2rem;
-  border-bottom: 0.1rem solid var(--color-good);
   padding-bottom: 0.6rem;
 }
 
@@ -578,8 +578,8 @@ body.t-s9 {
 }
 
 .t-normal .o-achievement__tooltip {
-  border: 0.1rem solid var(--color-accent);
   background: var(--color-base);
+  border: 0.1rem solid var(--color-accent);
 }
 
 .t-normal .o-achievement__tooltip::after {
@@ -587,23 +587,23 @@ body.t-s9 {
 }
 
 .o-infinity-upgrade-btn--unavailable {
-  background: #525252;
   color: white;
+  background: #525252;
   border: 0.1rem solid var(--color-accent);
   cursor: default;
 }
 
 .o-infinity-upgrade-btn--unavailable:hover {
-  background: #525252;
   color: var(--color-text-inverted);
+  background: #525252;
 }
 
 .o-primary-btn--option,
 .o-primary-btn--option-wide,
 .c-select-theme__item,
 .c-select-notation__item {
-  background: var(--color-base);
   color: var(--color-text);
+  background: var(--color-base);
   border: 0.1rem solid var(--color-good);
 }
 
@@ -645,16 +645,16 @@ body.t-s9 {
 
 .o-autobuyer-input,
 .c-autobuyer-box__mode-select {
+  color: var(--color-accent);
   background: var(--color-base);
   border: 0.1rem solid var(--color-accent);
-  color: var(--color-accent);
 }
 
 .t-metro .o-autobuyer-input,
 .t-metro .c-autobuyer-box__mode-select {
   color: black;
-  border: 0.1rem solid #a9a9a9;
   background: white;
+  border: 0.1rem solid #a9a9a9;
 }
 
 .t-dark .o-autobuyer-input,
@@ -692,11 +692,11 @@ body.t-s9 {
 .c-antimatter-dim-row,
 .c-infinity-dim-row,
 .c-time-dim-row {
-  color: var(--color-text);
   font-weight: bold;
+  color: var(--color-text);
+  border-radius: var(--var-border-radius, 0.5rem);
   margin: 0;
   padding: 0.5rem 0 0.5rem 1rem;
-  border-radius: var(--var-border-radius, 0.5rem);
 }
 
 .c-antimatter-dim-row:nth-child(even) {
@@ -780,11 +780,11 @@ body.t-s9 {
 }
 
 .o-eternity-button__eternity-text {
-  color: var(--color-eternity);
   display: flex;
+  height: 100%;
   justify-content: center;
   align-items: center;
-  height: 100%;
+  color: var(--color-eternity);
   padding: 0 1rem;
 }
 
@@ -804,13 +804,13 @@ body.t-s9 {
 }
 
 .l-game-header__infinity-points {
-  left: 72%;
   top: 8.5rem;
+  left: 72%;
 }
 
 .l-game-header__eternity-points {
-  right: 72%;
   top: 8.5rem;
+  right: 72%;
 }
 
 .l-reset-buttons-container__reality-button {
@@ -823,10 +823,10 @@ body.t-s9 {
 }
 
 .l-reset-buttons-container {
-  position: absolute;
-  top: 0;
   width: 100%;
   min-height: 8rem;
+  position: absolute;
+  top: 0;
 }
 
 .l-game-header__antimatter-container {
@@ -891,11 +891,11 @@ body.t-s9 {
 }
 
 .l-help-me {
+  height: 2rem;
   position: absolute;
   top: 4.9rem;
-  height: 2rem;
-  border-radius: var(--var-border-radius, 50%);
   font-size: 1.5rem;
+  border-radius: var(--var-border-radius, 50%);
   transition-delay: 0s;
 }
 
diff --git a/public/stylesheets/old-ui.css b/public/stylesheets/old-ui.css
index 6a3ab32f5..698cd945d 100644
--- a/public/stylesheets/old-ui.css
+++ b/public/stylesheets/old-ui.css
@@ -1,8 +1,8 @@
 .c-old-ui {
-  padding: 0.9rem 1.5rem 0;
-  box-sizing: border-box;
   width: 100%;
   height: 100%;
+  box-sizing: border-box;
+  padding: 0.9rem 1.5rem 0;
 }
 
 .l-old-ui {
@@ -21,8 +21,8 @@
 }
 
 .l-old-ui__big-crunch-btn {
-  margin-top: 1.9rem;
   flex-shrink: 0;
+  margin-top: 1.9rem;
 }
 
 .l-old-ui__big-crunch-btn--overlay {
@@ -30,15 +30,15 @@
 }
 
 .l-old-ui__page {
-  width: 100%;
   flex: 1 0 auto;
+  width: 100%;
 }
 
 .l-old-ui-page {
   display: flex;
   flex-direction: column;
-  align-items: stretch;
   width: 100%;
+  align-items: stretch;
 }
 
 .o-emptiness {
@@ -46,17 +46,17 @@
 }
 
 .o-big-crunch-btn {
-  font-family: Typewriter, serif;
-  font-size: 5rem;
   width: 36rem;
   height: 10rem;
   z-index: 1;
+  font-family: Typewriter, serif;
+  font-size: 5rem;
 }
 
 .l-old-ui-antimatter-dim-tab {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
   align-items: center;
 }
 
@@ -77,9 +77,9 @@
 }
 
 .o-tab-btn--secondary {
-  font-size: 1.3rem;
   width: 17.5rem;
   height: 2.5rem;
+  font-size: 1.3rem;
   margin: 0.5rem 0.8rem;
   margin-bottom: 0.8rem;
 }
diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css
index 5cec90962..1eb4d4f27 100644
--- a/public/stylesheets/styles.css
+++ b/public/stylesheets/styles.css
@@ -1,9 +1,9 @@
 html {
-  font-size: 62.5%;
-  height: 100%;
-  width: 100%;
   overflow: hidden;
+  width: 100%;
+  height: 100%;
   scrollbar-color: grey transparent;
+  font-size: 62.5%;
 }
 
 ::-webkit-scrollbar {
@@ -11,10 +11,10 @@ html {
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: grey;
   background-clip: content-box;
-  border-radius: 0.5rem;
+  background-color: grey;
   border: 0.2rem solid transparent;
+  border-radius: 0.5rem;
 }
 
 .s-base--metro::-webkit-scrollbar-thumb {
@@ -27,17 +27,17 @@ html {
 }
 
 * {
-  box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  box-sizing: border-box;
 }
 
 /* css vars */
 
 #ui {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
 
 :root {
@@ -205,26 +205,26 @@ html {
 /* end css vars */
 
 body {
-  height: 100%;
+  overflow: hidden;
   width: 100%;
+  height: 100%;
+  text-align: center;
+  font-family: Typewriter, serif;
+  font-size: 1.1rem;
+  font-weight: 300;
+  line-height: 1.5;
+  color: #4f5957;
+  background-color: #ffffff;
   margin: 0;
   padding: 0;
-  color: #4f5957;
-  font-size: 1.1rem;
-  font-family: Typewriter, serif;
-  line-height: 1.5;
-  font-weight: 300;
-  text-align: center;
-  background-color: #ffffff;
-  overflow: hidden;
 }
 
 ._kong-test body {
+  overflow-y: auto;
   width: 1150px;
   height: 800px;
-  margin: auto;
   border: 0.1rem solid black;
-  overflow-y: auto;
+  margin: auto;
 }
 
 @font-face {
@@ -295,14 +295,14 @@ button:focus {
 /* #region TT shop */
 
 .time-theorem-buttons {
-  color: var(--color-text);
+  display: flex;
+  width: 55.5rem;
   position: fixed;
   bottom: 0;
-  font-family: Typewriter, serif;
-  display: flex;
-  align-items: flex-end;
   z-index: 2;
-  width: 55.5rem;
+  align-items: flex-end;
+  font-family: Typewriter, serif;
+  color: var(--color-text);
 }
 
 .l-tt-buy-button {
@@ -312,12 +312,12 @@ button:focus {
 }
 
 .c-tt-buy-button {
-  font-weight: bold;
   font-family: Typewriter, serif;
-  border: 0.1rem solid #691fa5;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 4px);
   font-size: 1.35rem;
+  font-weight: bold;
+  border: 0.1rem solid #691fa5;
+  border-radius: var(--var-border-radius, 4px);
+  transition-duration: 0.2s;
 }
 
 .c-tt-buy-button--unlocked {
@@ -341,9 +341,9 @@ button:focus {
 }
 
 .timetheorems {
-  font-size: 15px;
-  text-align: center;
   flex: 1 0 auto;
+  text-align: center;
+  font-size: 15px;
 }
 
 .ttbuttons-row {
@@ -359,31 +359,31 @@ button:focus {
 }
 
 .o-tt-top-row-button {
-  min-height: 3rem;
-  font-size: 1.2rem;
-  margin: 0.3rem;
   flex-grow: 0;
   flex-shrink: 0;
+  min-height: 3rem;
   align-self: stretch;
-  padding-left: 1rem;
+  font-size: 1.2rem;
+  margin: 0.3rem;
   padding-right: 1rem;
+  padding-left: 1rem;
 }
 
 .o-tt-autobuyer-button {
-  height: 2.5rem;
-  font-size: 1rem !important;
-  margin: 0.3rem;
   flex-grow: 0;
   flex-shrink: 0;
-  align-self: stretch;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  height: 2.5rem;
   min-width: 8rem;
+  align-self: stretch;
+  font-size: 1rem !important;
+  margin: 0.3rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
 }
 
 .l-tt-save-load-btn__wrapper {
-  margin: 0.3rem;
   position: relative;
+  margin: 0.3rem;
 }
 
 .l-tt-save-load-btn {
@@ -394,18 +394,18 @@ button:focus {
   position: absolute;
   top: -0.5rem;
   left: 50%;
-  transform: translate(-50%, -100%);
   padding: 0.5rem 0;
+  transform: translate(-50%, -100%);
 }
 
 .c-tt-save-load-btn__menu {
+  text-align: left;
+  font-family: Typewriter;
+  font-size: 1.4rem;
+  font-weight: bold;
   color: white;
   background: black;
   border-radius: var(--var-border-radius, 0.5rem);
-  text-align: left;
-  font-weight: bold;
-  font-family: Typewriter;
-  font-size: 1.4rem;
 }
 
 .l-tt-save-load-btn__menu::after {
@@ -413,10 +413,10 @@ button:focus {
   position: absolute;
   top: 100%;
   left: 50%;
-  margin-left: -0.5rem;
-  border-width: var(--var-border-width, 0.5rem);
-  border-style: solid;
   border-color: black transparent transparent;
+  border-style: solid;
+  border-width: var(--var-border-width, 0.5rem);
+  margin-left: -0.5rem;
 }
 
 .l-tt-save-load-btn__menu-rename {
@@ -425,9 +425,9 @@ button:focus {
 
 .c-tt-save-load-btn__menu-rename {
   text-align: left;
-  font-weight: bold;
   font-family: Typewriter;
   font-size: 1.4rem;
+  font-weight: bold;
   border: none;
   border-radius: var(--var-border-radius, 0.3rem);
   padding: 0.2rem;
@@ -439,8 +439,8 @@ button:focus {
 }
 
 .c-tt-save-load-btn__menu-item:hover {
-  background: white;
   color: black;
+  background: white;
 }
 
 .c-tt-autobuyer-toggle {
@@ -454,12 +454,12 @@ button:focus {
 }
 
 .ttshop-background {
+  z-index: 1;
   background: var(--color-base);
   border: var(--var-border-width, 0.2rem) solid black;
   border-bottom: none;
   border-top-left-radius: var(--var-border-radius, 7px);
   border-top-right-radius: var(--var-border-radius, 7px);
-  z-index: 1;
 }
 
 .t-s6 .ttshop-background,
@@ -468,22 +468,22 @@ button:focus {
 }
 
 .ttshop-container {
-  padding: 0 0.5rem;
-  min-width: 60rem;
-  max-width: 80rem;
   display: flex;
   flex-direction: column;
+  min-width: 60rem;
+  max-width: 80rem;
+  padding: 0 0.5rem;
   transition: all 0.25s ease-out;
 }
 
 .ttshop-minimize-btn {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--color-text);
-  font-size: 2.1rem;
   width: 2.5rem;
   height: 2.5rem;
+  justify-content: center;
+  align-items: center;
+  font-size: 2.1rem;
+  color: var(--color-text);
   margin-left: -0.2rem;
   cursor: pointer;
 }
@@ -513,34 +513,34 @@ button:focus {
 }
 
 .o-time-study-selection-btn {
-  border: 0.1rem solid;
-  background-color: black;
-  font-weight: bold;
-  font-family: Typewriter, serif;
   width: 20rem;
   height: 6rem;
+  position: relative;
+  font-family: Typewriter, serif;
+  font-size: 1.65rem;
+  font-weight: bold;
+  background-color: black;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.4rem);
   margin: 1rem;
   transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
-  font-size: 1.65rem;
-  position: relative;
 }
 
 /* #region tab buttons */
 
 .o-tab-btn {
+  white-space: nowrap;
+  font-family: Typewriter;
+  font-size: 1.8rem;
+  font-weight: bold;
   color: var(--color-text);
   background-color: var(--color-base);
-  white-space: nowrap;
-  font-weight: bold;
   border: var(--var-border-width, 0.2rem) solid var(--color-accent);
   border-radius: var(--var-border-radius, 0.4rem);
   transition-duration: 0.2s;
-  cursor: pointer;
-  font-family: Typewriter;
-  font-size: 1.8rem;
   -webkit-user-select: none;
   user-select: none;
+  cursor: pointer;
 }
 
 .t-s6 .o-tab-btn,
@@ -600,26 +600,26 @@ button:focus {
 /* #endregion tab buttons */
 
 #loading {
-  height: 100%;
   width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
   background: url("../images/loading.png") no-repeat;
-  background-size: cover;
+  background-color: black;
   background-position-x: 50%;
   background-position-y: 50%;
-  position: absolute;
-  background-color: black;
-  z-index: 999;
+  background-size: cover;
 }
 
 #browser-warning {
-  height: 100%;
-  width: 100%;
-  z-index: 9999;
-  align-items: center;
-  justify-content: center;
-  background-color: black;
-  font-size: 7rem;
   display: none;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  justify-content: center;
+  align-items: center;
+  font-size: 7rem;
+  background-color: black;
 }
 
 .l-reality-button {
@@ -640,16 +640,16 @@ button:focus {
 }
 
 .c-reality-button {
-  font-family: Typewriter;
-  border-radius: var(--var-border-radius, 0.4rem);
-  transition-duration: 0.2s;
   width: 100%;
   height: 100%;
+  font-family: Typewriter;
   font-size: 1.2rem;
   font-weight: bold;
   background: black;
-  border-width: var(--var-border-width, 0.2rem);
   border-style: solid;
+  border-width: var(--var-border-width, 0.2rem);
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
 }
 
 .c-reality-button--special {
@@ -658,12 +658,12 @@ button:focus {
 
 .c-reality-reminder {
   display: flex;
+  width: calc(100% - 1rem);
   justify-content: center;
   align-items: center;
   font-size: 1.4rem;
   border: 0.1rem solid #b8b8b8;
   border-radius: var(--var-border-radius, 0.5rem);
-  width: calc(100% - 1rem);
   padding: 1rem;
 }
 
@@ -712,18 +712,18 @@ button:focus {
 }
 
 .c-reset-reality-button {
-  font-family: Typewriter;
-  border-radius: var(--var-border-radius, 0.4rem);
-  transition-duration: 0.2s;
-  cursor: pointer;
   height: 35%;
+  font-family: Typewriter;
   font-size: 1.2rem;
   font-weight: bold;
   color: var(--color-bad);
-  border-color: var(--color-bad);
   background: white;
-  border-width: var(--var-border-width, 0.2rem);
+  border-color: var(--color-bad);
   border-style: solid;
+  border-width: var(--var-border-width, 0.2rem);
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-reset-reality-button:hover,
@@ -762,13 +762,13 @@ button:focus {
 }
 
 .l-reality-amplify-button {
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid sandybrown;
-  box-shadow: 0 0 2rem inset rgba(244, 164, 96, 50%);
-  background-color: #fdd3b0;
-  cursor: pointer;
   font-family: Typewriter;
+  background-color: #fdd3b0;
+  border: var(--var-border-width, 0.2rem) solid sandybrown;
+  border-radius: var(--var-border-radius, 0.5rem);
+  box-shadow: 0 0 2rem inset rgba(244, 164, 96, 50%);
   transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 [draggable] {
@@ -809,36 +809,36 @@ button:focus {
 }
 
 [ach-tooltip]::before {
+  content: attr(ach-tooltip);
+  width: 16rem;
   position: absolute;
   bottom: 100%;
   left: 50%;
-  margin-bottom: 0.5rem;
-  transform: translateX(-50%);
-  padding: 0.7rem;
-  width: 16rem;
-  border-radius: var(--var-border-radius, 0.3rem);
-  background-color: hsla(0deg, 0%, 5%, 90%);
-  color: #ffffff;
-  content: attr(ach-tooltip);
+  z-index: 3;
   text-align: center;
   font-size: 1.4rem;
   line-height: 1.2;
+  color: #ffffff;
+  background-color: hsla(0deg, 0%, 5%, 90%);
+  border-radius: var(--var-border-radius, 0.3rem);
+  margin-bottom: 0.5rem;
+  padding: 0.7rem;
+  transform: translateX(-50%);
   transition-duration: 0.4s;
-  z-index: 3;
 }
 
 [ach-tooltip]::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 100%;
   left: 50%;
-  margin-left: -0.5rem;
-  width: 0;
+  font-size: 0;
+  line-height: 0;
   border-top: var(--var-border-width, 0.5rem) solid hsla(0deg, 0%, 5%, 90%);
   border-right: var(--var-border-width, 0.5rem) solid transparent;
   border-left: var(--var-border-width, 0.5rem) solid transparent;
-  content: " ";
-  font-size: 0;
-  line-height: 0;
+  margin-left: -0.5rem;
   transition-duration: 0.4s;
 }
 
@@ -885,10 +885,10 @@ a:hover {
 }
 
 a small {
+  display: block;
   font-size: 11px;
   color: #777777;
   margin-top: -0.3rem;
-  display: block;
 }
 
 a:hover small {
@@ -901,10 +901,10 @@ a:hover small {
 }
 
 blockquote {
+  font-style: italic;
   border-left: 0.1rem solid #e5e5e5;
   margin: 0;
   padding: 0 0 0 20px;
-  font-style: italic;
 }
 
 table {
@@ -918,8 +918,8 @@ td {
 }
 
 dt {
-  color: #444444;
   font-weight: 700;
+  color: #444444;
 }
 
 th {
@@ -931,27 +931,27 @@ img {
 }
 
 header {
-  width: 270px;
   float: left;
+  width: 270px;
   position: fixed;
   -webkit-font-smoothing: subpixel-antialiased;
 }
 
 header ul {
   list-style: none;
-  height: 40px;
-  padding: 0;
-  background: #f4f4f4;
-  border-radius: var(--var-border-radius, 5px);
-  border: 0.1rem solid #e0e0e0;
   width: 270px;
+  height: 40px;
+  background: #f4f4f4;
+  border: 0.1rem solid #e0e0e0;
+  border-radius: var(--var-border-radius, 5px);
+  padding: 0;
 }
 
 header li {
-  width: 89px;
   float: left;
-  border-right: 0.1rem solid #e0e0e0;
+  width: 89px;
   height: 40px;
+  border-right: 0.1rem solid #e0e0e0;
 }
 
 header li:first-child a {
@@ -963,13 +963,13 @@ header li:last-child a {
 }
 
 header ul a {
-  line-height: 1;
-  font-size: 11px;
-  color: #999999;
   display: block;
-  text-align: center;
-  padding-top: 6px;
   height: 34px;
+  text-align: center;
+  font-size: 11px;
+  line-height: 1;
+  color: #999999;
+  padding-top: 6px;
 }
 
 header ul a:hover {
@@ -985,19 +985,19 @@ strong {
 }
 
 header ul li + li + li {
-  border-right: none;
   width: 89px;
+  border-right: none;
 }
 
 header ul a strong {
-  font-size: 14px;
   display: block;
+  font-size: 14px;
   color: #222222;
 }
 
 section {
-  width: 500px;
   float: right;
+  width: 500px;
   padding-bottom: 50px;
 }
 
@@ -1006,15 +1006,15 @@ small {
 }
 
 hr {
-  border: 0;
-  background: #e5e5e5;
   height: 1px;
+  background: #e5e5e5;
+  border: 0;
   margin: 0 0 20px;
 }
 
 footer {
-  width: 270px;
   float: left;
+  width: 270px;
   position: fixed;
   bottom: 50px;
   -webkit-font-smoothing: subpixel-antialiased;
@@ -1026,13 +1026,13 @@ br {
 }
 
 .videocontainer {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
   position: fixed;
   top: 0;
   bottom: 0;
-  width: 100%;
-  height: 100%;
   z-index: 1;
-  overflow: hidden;
   pointer-events: none;
 }
 
@@ -1041,15 +1041,15 @@ br {
 }
 
 #realityanimbg {
-  min-width: 100%;
-  min-height: 100%;
   width: auto;
   height: auto;
+  min-width: 100%;
+  min-height: 100%;
   position: absolute;
-  pointer-events: all;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+  pointer-events: all;
 }
 
 @media print, screen and (max-width: 960px) {
@@ -1062,8 +1062,8 @@ br {
   section,
   footer {
     float: none;
-    position: static;
     width: auto;
+    position: static;
   }
 
   header {
@@ -1073,8 +1073,8 @@ br {
   section {
     border: 0.1rem solid #e5e5e5;
     border-width: var(--var-border-width, 1px) var(--var-border-width, 0);
-    padding: 20px 0;
     margin: 0 0 20px;
+    padding: 20px 0;
   }
 
   header a small {
@@ -1083,8 +1083,8 @@ br {
 
   header ul {
     position: absolute;
-    right: 50px;
     top: 52px;
+    right: 50px;
   }
 }
 
@@ -1122,11 +1122,11 @@ br {
 
 @media print {
   body {
-    /* stylelint-disable-next-line unit-allowed-list */
-    padding: 0.4in;
     /* stylelint-disable-next-line unit-allowed-list */
     font-size: 12pt;
     color: #444444;
+    /* stylelint-disable-next-line unit-allowed-list */
+    padding: 0.4in;
   }
 }
 
@@ -1222,45 +1222,45 @@ br {
 
 @keyframes dilate {
   0% {
-    transform: scaleX(1);
     opacity: 1;
+    transform: scaleX(1);
   }
 
   50% {
-    transform: scaleX(3);
     opacity: 0;
+    transform: scaleX(3);
   }
 
   60% {
-    transform: scaleX(1);
     opacity: 0;
+    transform: scaleX(1);
   }
 
   100% {
-    transform: scaleX(1);
     opacity: 1;
+    transform: scaleX(1);
   }
 }
 
 @keyframes undilate {
   0% {
-    transform: scaleX(1);
     opacity: 1;
+    transform: scaleX(1);
   }
 
   50% {
-    transform: scaleX(0.5);
     opacity: 0;
+    transform: scaleX(0.5);
   }
 
   60% {
-    transform: scaleX(1);
     opacity: 0;
+    transform: scaleX(1);
   }
 
   100% {
-    transform: scaleX(1);
     opacity: 1;
+    transform: scaleX(1);
   }
 }
 
@@ -1320,21 +1320,21 @@ br {
 }
 
 .infotooltip {
-  position: relative;
   display: inline-block;
+  position: relative;
 }
 
 .infotooltip .infotooltiptext {
   visibility: hidden;
-  background-color: black;
-  color: #ffffff;
-  text-align: left;
-  padding: 0.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  position: absolute;
-  z-index: 2;
   white-space: nowrap;
+  position: absolute;
   left: 105%;
+  z-index: 2;
+  text-align: left;
+  color: #ffffff;
+  background-color: black;
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.5rem;
 }
 
 .infotooltip:hover .infotooltiptext {
@@ -1359,15 +1359,15 @@ br {
 .o-primary-btn {
   height: 2.5rem;
   font-family: Typewriter, serif;
-  font-weight: bold;
   font-size: 1.3rem;
+  font-weight: bold;
   color: var(--color-text);
   background-color: var(--color-base);
   border: 0.1rem solid var(--color-good-dark);
   border-radius: var(--var-border-radius, 0.4rem);
+  padding: 0.3rem 1rem;
   transition-duration: 0.2s;
   cursor: pointer;
-  padding: 0.3rem 1rem;
 }
 
 .o-primary-btn:hover {
@@ -1392,9 +1392,9 @@ br {
 }
 
 .o-primary-btn--subtab-option {
+  line-height: 0;
   border: var(--var-border-width, 0.2rem) solid var(--color-accent);
   margin: 0.4rem 0.8rem;
-  line-height: 0;
 }
 
 .o-primary-btn--subtab-option:hover {
@@ -1408,19 +1408,19 @@ br {
 }
 
 .o-primary-btn--buy-max {
-  font-size: 1.2rem;
   width: 12rem;
+  font-size: 1.2rem;
 }
 
 .o-primary-btn--sacrifice {
-  font-size: 1.2rem;
   width: 48rem;
+  font-size: 1.2rem;
   margin-right: 0.8rem;
 }
 
 .o-primary-btn--buy-ad {
-  font-size: 1rem;
   vertical-align: middle;
+  font-size: 1rem;
   line-height: 9px;
 }
 
@@ -1433,21 +1433,21 @@ br {
 }
 
 .o-primary-btn--dimboost {
-  font-size: 0.9rem;
   width: 21rem;
   height: 4.5rem;
+  font-size: 0.9rem;
 }
 
 .o-primary-btn--galaxy {
-  font-size: 0.9rem;
   width: 21rem;
   height: 4.5rem;
+  font-size: 0.9rem;
 }
 
 .o-primary-btn--quick-reset {
-  font-size: 1.2rem;
   width: 20rem;
   height: 7rem;
+  font-size: 1.2rem;
 }
 
 .o-primary-btn--buy-id {
@@ -1457,9 +1457,9 @@ br {
 
 .o-primary-btn--buy-id-max,
 .o-primary-btn--id-autobuyer {
-  font-size: 1rem;
   width: 8rem;
   height: 3rem;
+  font-size: 1rem;
 }
 
 .o-primary-btn--buy-td {
@@ -1469,19 +1469,19 @@ br {
 
 .o-primary-btn--buy-td-max,
 .o-primary-btn--td-autobuyer {
-  font-size: 1rem;
   width: 8rem;
   height: 3rem;
+  font-size: 1rem;
 }
 
 .o-primary-btn--option {
+  display: flex;
+  flex-direction: column;
   width: 22rem;
   height: 5.5rem;
-  box-sizing: border-box;
-  display: flex;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
+  box-sizing: border-box;
 }
 
 .o-primary-btn--option-wide {
@@ -1733,8 +1733,8 @@ br {
 .t-s1 .o-primary-btn--respec-active:hover,
 .t-s6 .o-primary-btn--respec-active:hover,
 .t-s10 .o-primary-btn--respec-active:hover {
-  background-color: #673ab7;
   color: black;
+  background-color: #673ab7;
 }
 
 .s-base--metro .o-primary-btn--discharge-active,
@@ -1748,8 +1748,8 @@ br {
 .t-s1 .o-primary-btn--discharge-active:hover,
 .t-s6 .o-primary-btn--discharge-active:hover,
 .t-s10 .o-primary-btn--discharge-active:hover {
-  background-color: #673ab7;
   color: black;
+  background-color: #673ab7;
 }
 
 /* #endregion t-s6 t-s10 */
@@ -1763,8 +1763,8 @@ br {
 .c-subtab-option-container {
   display: flex;
   flex-flow: row wrap;
-  padding-bottom: 0.8rem;
   justify-content: center;
+  padding-bottom: 0.8rem;
 }
 
 /* #endregion c-subtab-option-container */
@@ -1772,14 +1772,14 @@ br {
 /* #region o-prestige-button */
 
 .o-prestige-button {
+  width: 22rem;
+  height: 7rem;
+  font-family: Typewriter, serif;
+  font-size: 1.1rem;
   border: var(--var-border-width, 0.2rem) solid;
   border-radius: var(--var-border-radius, 0.4rem);
   transition-duration: 0.2s;
   cursor: pointer;
-  width: 22rem;
-  height: 7rem;
-  font-size: 1.1rem;
-  font-family: Typewriter, serif;
 }
 
 .o-prestige-button br {
@@ -1793,10 +1793,10 @@ br {
 /* #region Big Crunch */
 
 .o-infinity-button {
+  font-weight: bold;
   color: var(--color-infinity);
   background-color: black;
   border-color: var(--color-infinity);
-  font-weight: bold;
 }
 
 .o-infinity-button:hover {
@@ -1821,17 +1821,17 @@ br {
 }
 
 .o-infinity-button--unavailable {
-  cursor: default;
   opacity: 0.5;
+  cursor: default;
 }
 
 /* #region Eternity */
 
 .o-eternity-button {
+  font-weight: bold;
   color: var(--color-eternity);
   background-color: black;
   border-color: var(--color-eternity);
-  font-weight: bold;
 }
 
 .o-eternity-button:hover {
@@ -1858,10 +1858,10 @@ br {
 }
 
 .o-eternity-button--dilation {
+  font-weight: bold;
   color: var(--color-dilation);
   background-color: black;
   border-color: var(--color-dilation);
-  font-weight: bold;
 }
 
 .o-eternity-button--dilation:hover {
@@ -1888,8 +1888,8 @@ br {
 }
 
 .o-eternity-button--unavailable {
-  cursor: default;
   opacity: 0.5;
+  cursor: default;
 }
 
 /* #endregion Eternity */
@@ -1950,14 +1950,14 @@ br {
 }
 
 .l-hint-text--reality-upgrade {
-  font-size: 1.25rem;
   top: -1.7rem;
+  font-size: 1.25rem;
 }
 
 .c-hint-text--reality-upgrade {
+  font-weight: bold;
   color: var(--color-text);
   text-shadow: none;
-  font-weight: bold;
 }
 
 .l-hint-text--achievement {
@@ -1966,9 +1966,9 @@ br {
 }
 
 .o-hint-text--alchemy-node {
+  font-size: 1.2rem;
   color: #4f5957;
   text-shadow: none;
-  font-size: 1.2rem;
   transition: opacity 0.2s;
 }
 
@@ -1999,20 +1999,20 @@ br {
 }
 
 .c-game-header__infinity-points {
-  font-size: 1.2rem;
   width: 22rem;
+  font-size: 1.2rem;
 }
 
 .c-game-header__tesseract-available {
-  border-width: var(--var-border-width, 0.2rem) solid;
-  padding: 1rem;
-  margin-bottom: 1.2rem;
   font-family: Typewriter, serif;
-  background: #111117;
   color: #2ebce6;
-  cursor: pointer;
+  background: #111117;
+  border-width: var(--var-border-width, 0.2rem) solid;
+  margin-bottom: 1.2rem;
+  padding: 1rem;
   transition-duration: 0.15s;
   animation: a-tesseract-shift 5s infinite;
+  cursor: pointer;
 }
 
 .s-base--dark .c-game-header__tesseract-available {
@@ -2021,8 +2021,8 @@ br {
 }
 
 .c-infinity-dim-tab__tesseract-available:hover {
-  background: black;
   color: #306d80;
+  background: black;
 }
 
 .s-base--dark .c-infinity-dim-tab__tesseract-available:hover {
@@ -2059,8 +2059,8 @@ br {
 }
 
 .c-game-header__eternity-points {
-  font-size: 1.2rem;
   width: 22rem;
+  font-size: 1.2rem;
 }
 
 .c-game-header__ep-amount {
@@ -2124,10 +2124,10 @@ br {
 
 .l-game-header__challenge-text {
   display: flex;
-  justify-content: center;
-  align-items: center;
   height: 2rem;
   top: 50%;
+  justify-content: center;
+  align-items: center;
   font-size: 1.2rem;
 }
 
@@ -2238,10 +2238,10 @@ br {
 /* #region c-antimatter-dim-row */
 
 .c-antimatter-dim-row {
-  /* relative because floating text is 'position: absolute' */
-  position: relative;
   display: flex;
   flex-direction: row;
+  /* relative because floating text is 'position: absolute' */
+  position: relative;
   align-items: center;
   font-size: 1.5rem;
   margin-top: 1rem;
@@ -2253,34 +2253,34 @@ br {
 
 .c-progress-bar {
   width: 100%;
-  background-color: #a3a3a3;
-  border-radius: var(--var-border-radius, 0.5rem);
-  pointer-events: none;
-  margin-right: auto;
-  margin-left: auto;
 
   /* Start fill from left corner */
   text-align: left;
+  background-color: #a3a3a3;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-right: auto;
+  margin-left: auto;
+  pointer-events: none;
 }
 
 .c-progress-bar__fill {
   width: 0;
+
+  /* Align percents on center */
+  text-align: center;
   background-color: #127a20;
   border-radius: inherit;
   transition-duration: 0.1s;
   pointer-events: none;
-
-  /* Align percents on center */
-  text-align: center;
 }
 
 .c-progress-bar__percents {
+  overflow-wrap: normal;
   font-size: 1.6rem;
   color: black;
   pointer-events: all;
   -webkit-user-select: none;
   user-select: none;
-  overflow-wrap: normal;
 }
 
 /* #region themes */
@@ -2339,16 +2339,16 @@ br {
 }
 
 .c-infinity-dim-tab__tesseract-button {
-  padding: 1rem;
-  margin-bottom: 1.2rem;
   font-family: Typewriter, serif;
-  background: #111117;
   color: #2ebce6;
+  background: #111117;
   border: var(--var-border-width, 0.2rem) solid;
   border-radius: var(--var-border-radius, 0.4rem);
-  cursor: pointer;
+  margin-bottom: 1.2rem;
+  padding: 1rem;
   transition-duration: 0.15s;
   animation: a-tesseract-shift 5s infinite;
+  cursor: pointer;
 }
 
 .s-base--dark .c-infinity-dim-tab__tesseract-button {
@@ -2357,8 +2357,8 @@ br {
 }
 
 .c-infinity-dim-tab__tesseract-button:hover {
-  background: black;
   color: #00c5ff;
+  background: black;
 }
 
 .s-base--dark .c-infinity-dim-tab__tesseract-button:hover {
@@ -2366,27 +2366,27 @@ br {
 }
 
 .c-infinity-dim-tab__tesseract-button--disabled {
-  background: #444040;
   color: #bfdde8;
-  cursor: default;
+  background: #444040;
   animation: none;
+  cursor: default;
 }
 
 .s-base--dark .c-infinity-dim-tab__tesseract-button--disabled {
-  background: #444040;
   color: #bfdde8;
-  cursor: default;
+  background: #444040;
   animation: none;
+  cursor: default;
 }
 
 .c-infinity-dim-tab__tesseract-button--disabled:hover {
-  background: #444040;
   color: #bfdde8;
+  background: #444040;
 }
 
 .s-base--dark .c-infinity-dim-tab__tesseract-button--disabled:hover {
-  background: #444040;
   color: #bfdde8;
+  background: #444040;
 }
 
 @keyframes a-tesseract-shift {
@@ -2434,11 +2434,11 @@ br {
 /* #region c-infinity-dim-row */
 
 .c-infinity-dim-row {
-  margin-top: 1rem;
   display: flex;
   flex-direction: row;
   align-items: center;
   font-size: 1.6rem;
+  margin-top: 1rem;
 }
 
 /* #endregion c-infinity-dim-row */
@@ -2488,11 +2488,11 @@ br {
 /* #region c-time-dim-row */
 
 .c-time-dim-row {
-  margin-top: 1rem;
   display: flex;
   flex-direction: row;
   align-items: center;
   font-size: 1.6rem;
+  margin-top: 1rem;
 }
 
 /* #endregion c-time-dim-row */
@@ -2509,9 +2509,9 @@ br {
 }
 
 .c-options-tab__hotkeys-link {
-  cursor: pointer;
   width: 22rem;
   align-self: center;
+  cursor: pointer;
 }
 
 .c-file-import-button {
@@ -2519,18 +2519,18 @@ br {
 }
 
 .c-file-import {
-  position: absolute;
   width: 20rem;
   height: 5.5rem;
-  margin: -1.9rem -2rem;
+  position: absolute;
   opacity: 0;
+  margin: -1.9rem -2rem;
 }
 
 .c-file-import::before {
-  cursor: pointer;
+  content: " ";
   font-size: 100rem;
   padding: 10rem 20rem;
-  content: " ";
+  cursor: pointer;
 }
 
 /* #region l-options-grid */
@@ -2557,9 +2557,9 @@ br {
 
 .l-options-grid__notations-header {
   display: flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: row;
+  justify-content: center;
+  align-items: center;
 }
 
 .c-options-grid__notations {
@@ -2602,14 +2602,14 @@ br {
 .l-select-notation__item,
 .l-select-theme__item {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
 
 .o-primary-btn.c-select-notation__item,
 .o-primary-btn.c-select-theme__item {
-  box-shadow: none;
   border-top: none;
+  box-shadow: none;
 }
 
 /* #endregion Options */
@@ -2622,8 +2622,8 @@ br {
   display: flex;
   flex-direction: column;
   align-items: center;
-  color: var(--color-text);
   font-size: 1.2rem;
+  color: var(--color-text);
 }
 
 .t-dark .c-stats-tab {
@@ -2644,9 +2644,9 @@ br {
 }
 
 .c-stats-tab-general {
-  color: var(--color-text);
   font-size: 2rem;
   font-weight: bold;
+  color: var(--color-text);
 }
 
 .c-stats-tab-subheader {
@@ -2670,21 +2670,21 @@ br {
 /* #region Past Prestige Runs */
 
 .c-past-runs-header {
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
   display: flex;
+  resize: none;
+  flex: auto;
   flex-direction: row;
   justify-content: center;
-  flex: auto;
-  resize: none;
   align-items: baseline;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
 }
 
 .o-run-drop-down-icon {
   font-size: 1.5rem;
-  margin-left: 2rem;
   margin-right: 2rem;
+  margin-left: 2rem;
 }
 
 /* #endregion Past Prestige Runs */
@@ -2709,23 +2709,23 @@ br {
 
 .l-speedrun-milestone-tab {
   display: flex;
-  margin: auto;
-  width: 100%;
   flex-flow: row wrap;
+  width: 100%;
   justify-content: center;
   align-items: center;
+  margin: auto;
 }
 
 .l-speedrun-milestone-entry {
   display: flex;
   flex-direction: column;
-  color: var(--color-text);
   width: 25rem;
   height: 8rem;
   justify-content: space-between;
+  color: var(--color-text);
+  border: var(--var-border-width, 0.2rem) solid var(--color-text);
   margin: 0.2rem;
   padding: 0.2rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-text);
 }
 
 .l-speedrun-milestone-entry--completed {
@@ -2739,18 +2739,18 @@ br {
 /* #region o-achievement */
 
 .o-achievement {
-  position: relative;
   width: 10.6rem;
   height: 10.6rem;
-  border-radius: var(--var-border-radius, 0.8rem);
-  margin: 0 auto;
+  position: relative;
   text-align: center;
   font-family: Typewriter, serif;
-  color: black;
   font-size: 0.8rem;
+  color: black;
+  border: var(--var-border-width, 0.2rem) solid;
+  border-radius: var(--var-border-radius, 0.8rem);
+  margin: 0 auto;
   -webkit-user-select: none;
   user-select: none;
-  border: var(--var-border-width, 0.2rem) solid;
 }
 
 .o-achievement--normal {
@@ -2786,8 +2786,8 @@ br {
 }
 
 .o-achievement--hidden {
-  background-image: url("../images/achhidden.png");
   background-color: #555555;
+  background-image: url("../images/achhidden.png");
   border-color: black;
 }
 
@@ -2802,8 +2802,8 @@ br {
 }
 
 .o-achievement:hover .o-achievement__tooltip {
-  opacity: 1;
   bottom: 11rem;
+  opacity: 1;
 }
 
 .o-achievement:hover .o-achievement__tooltip::after {
@@ -2812,40 +2812,40 @@ br {
 }
 
 .o-achievement__tooltip {
-  opacity: 0;
-  transition-duration: 0.3s;
-  font-size: 1.4rem;
-  border: 0.1rem solid black;
-  border-radius: var(--var-border-radius, 0.8rem);
-  color: var(--color-text);
-  background: var(--color-base);
   width: 20rem;
-  margin-left: -5rem;
-  padding: 0.4rem;
-  z-index: 2;
-  pointer-events: none;
   position: absolute;
   bottom: 10.2rem;
+  z-index: 2;
+  font-size: 1.4rem;
+  opacity: 0;
+  color: var(--color-text);
+  background: var(--color-base);
+  border: 0.1rem solid black;
+  border-radius: var(--var-border-radius, 0.8rem);
+  margin-left: -5rem;
+  padding: 0.4rem;
+  transition-duration: 0.3s;
+  pointer-events: none;
 }
 
 .o-achievement__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
+  z-index: 0;
   border-top: 0 solid black;
   border-right: 0.7rem solid transparent;
   border-left: 0.7rem solid transparent;
-  content: " ";
+  margin-bottom: 0;
+  margin-left: -0.7rem;
   transition-duration: 0.3s;
-  z-index: 0;
 }
 
 .s-base--dark .o-achievement__tooltip {
-  border-color: var(--color-text);
   background: #111111;
+  border-color: var(--color-text);
 }
 
 .s-base--dark .o-achievement__tooltip::after {
@@ -2862,8 +2862,8 @@ br {
 
 .t-s6 .o-achievement__tooltip,
 .t-s10 .o-achievement__tooltip {
-  border-color: white;
   background: black;
+  border-color: white;
 }
 
 .t-s6 .o-achievement__tooltip::after,
@@ -2887,16 +2887,16 @@ br {
 }
 
 .o-achievement__indicator {
-  position: absolute;
-  bottom: 0;
-  right: 0;
   width: 1.5rem;
   height: 1.5rem;
+  position: absolute;
+  right: 0;
+  bottom: 0;
   font-size: 1rem;
   color: black;
   background: #5ac467;
-  border-left: var(--var-border-width, 0.2rem) solid #127a20;
   border-top: var(--var-border-width, 0.2rem) solid #127a20;
+  border-left: var(--var-border-width, 0.2rem) solid #127a20;
   border-top-left-radius: var(--var-border-radius, 0.8rem);
   border-bottom-right-radius: var(--var-border-radius, 0.6rem);
 }
@@ -3027,8 +3027,8 @@ br {
 }
 
 .t-s5 .o-achievement--locked {
-  border-color: #000000;
   background-color: #222222;
+  border-color: #000000;
 }
 
 /* #endregion t-s5 */
@@ -3069,29 +3069,29 @@ br {
 }
 
 .c-achievements-tab__header {
-  font-size: 1.5rem;
-  margin-top: 0.6rem;
+  display: inline;
   width: 60rem;
   position: relative;
-  display: inline;
   justify-content: center;
+  font-size: 1.5rem;
+  margin-top: 0.6rem;
   -webkit-user-select: none;
   user-select: none;
 }
 
 .t-s4 .c-achievements-tab__header--multipliers::after {
   content: "you can click the colon at the end of this line in any other theme to turn on these achievement images";
-  font-size: 0.8rem;
-  position: absolute;
-  margin-left: 16rem;
-  margin-top: -9rem;
   width: 20rem;
+  position: absolute;
+  font-size: 0.8rem;
+  margin-top: -9rem;
+  margin-left: 16rem;
 }
 
 .c-achievements-tab__timer {
-  color: black;
-  font-size: 1.2rem;
   width: 40%;
+  font-size: 1.2rem;
+  color: black;
   margin: 0.5rem auto;
 }
 
@@ -3151,41 +3151,41 @@ br {
 }
 
 .l-challenges-tab__header {
-  margin: 0.5rem 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  margin: 0.5rem 0;
 }
 
 .o-challenges-tab__header-toggle {
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
   display: inline-flex;
   flex-direction: row;
-  align-items: center;
   justify-content: flex-start;
+  align-items: center;
   margin: 0 1rem;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
 }
 
 .l-challenges-tab__auto-ec-info {
-  left: 100%;
   display: flex;
-  flex-direction: row;
-  align-items: center;
   white-space: nowrap;
+  flex-direction: row;
+  left: 100%;
+  align-items: center;
 }
 
 .c-challenges-tab__auto-ec-info {
-  font-weight: bold;
   text-align: left;
+  font-weight: bold;
 }
 
 .l-challenges-tab__auto-ec-timers {
-  margin-left: 0.4rem;
   display: flex;
   flex-direction: column;
+  margin-left: 0.4rem;
 }
 
 /* #endregion l-challenges-tab */
@@ -3193,9 +3193,9 @@ br {
 /* #region l-challenge-grid */
 
 .l-challenge-grid {
-  width: 90rem;
   display: flex;
   flex-flow: row wrap;
+  width: 90rem;
   justify-content: center;
 }
 
@@ -3214,18 +3214,18 @@ br {
 .c-challenge-box {
   width: 40rem;
   height: 13rem;
-  padding: 0.5rem 0.4rem;
-  box-sizing: border-box;
+  font-size: 1rem;
   font-weight: bold;
   border: var(--var-border-width, 0.2rem) solid black;
   border-radius: var(--var-border-radius, 0.5rem);
-  font-size: 1rem;
+  box-sizing: border-box;
+  padding: 0.5rem 0.4rem;
   transition: all 0.2s, visibility 0s;
 }
 
 .c-challenge-box--normal {
-  color: var(--color-text);
   font-size: 1.05rem;
+  color: var(--color-text);
   background-color: #f2f2f2;
 }
 
@@ -3323,8 +3323,8 @@ br {
 
 .t-s7 .c-challenge-box {
   color: black;
-  border-color: #9b9b9b;
   background: white;
+  border-color: #9b9b9b;
 }
 
 /* #endregion t-s7 */
@@ -3336,14 +3336,14 @@ br {
 /* #region l-challenge-box */
 
 .l-challenge-box {
-  margin-top: 0.5rem;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
 
   /* because of hint-text */
   position: relative;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 0.5rem;
 }
 
 .l-challenge-box > * {
@@ -3357,9 +3357,9 @@ br {
 .l-challenge-box__bottom--infinity {
   display: flex;
   flex-direction: column;
+  height: 5.5rem;
   justify-content: flex-end;
   align-items: center;
-  height: 5.5rem;
 }
 
 /* #endregion l-challenge-box */
@@ -3370,10 +3370,10 @@ br {
   width: 15rem;
   height: 3rem;
   font-family: Typewriter, serif;
+  font-size: 1.2rem;
   font-weight: bold;
   border: var(--var-border-width, 0.3rem) solid #127a20;
   border-radius: var(--var-border-radius, 1rem);
-  font-size: 1.2rem;
   margin-bottom: 0.5rem;
   transition: all 0.2s, visibility 0s;
   cursor: pointer;
@@ -3424,8 +3424,8 @@ br {
 }
 
 .t-dark .o-challenge-btn--completed {
-  box-shadow: none;
   border-color: #388e3c;
+  box-shadow: none;
 }
 
 .t-dark .o-challenge-btn--running {
@@ -3449,8 +3449,8 @@ br {
 .s-base--metro .o-challenge-btn--unlocked,
 .s-base--metro .o-challenge-btn--completed {
   border: 0.1rem solid #43a047;
-  border-bottom-color: #388e3c;
   border-right-color: #388e3c;
+  border-bottom-color: #388e3c;
 }
 
 .s-base--metro .o-challenge-btn--unlocked:hover,
@@ -3466,8 +3466,8 @@ br {
 .s-base--metro .o-challenge-btn--locked {
   background-color: #9e9e9e;
   border: 0.1rem solid #757575;
-  border-bottom-color: #616161;
   border-right-color: #616161;
+  border-bottom-color: #616161;
 }
 
 .t-metro .o-challenge-btn--redo,
@@ -3475,8 +3475,8 @@ br {
 .t-s8 .o-challenge-btn--redo {
   background-color: #4b8a4e;
   border: 0.1rem solid #757575;
-  border-bottom-color: #616161;
   border-right-color: #616161;
+  border-bottom-color: #616161;
 }
 
 /* #endregion t-metro t-dark-metro t-inverted-metro t-s8 */
@@ -3629,16 +3629,16 @@ br {
 /* #region o-infinity-upgrade-btn */
 
 .o-infinity-upgrade-btn {
-  color: white;
-  background-color: #1f1f1f;
-  font-weight: bold;
-  font-size: 1rem;
-  border: 0.1rem solid black;
   width: 19rem;
   height: 9rem;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
   font-family: Typewriter, serif;
+  font-size: 1rem;
+  font-weight: bold;
+  color: white;
+  background-color: #1f1f1f;
+  border: 0.1rem solid black;
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
   cursor: pointer;
 }
 
@@ -3658,13 +3658,13 @@ br {
 }
 
 .o-infinity-upgrade-btn--useless-available {
-  background-color: var(--color-pelle--base);
   color: black;
+  background-color: var(--color-pelle--base);
 }
 
 .o-infinity-upgrade-btn--useless-available:hover {
-  background-color: var(--color-pelle--secondary);
   color: black;
+  background-color: var(--color-pelle--secondary);
 }
 
 .t-dark .o-infinity-upgrade-btn--available:hover,
@@ -3740,8 +3740,8 @@ br {
 }
 
 .o-infinity-upgrade-btn--multiplier.o-infinity-upgrade-btn--useless-available {
-  background-color: var(--color-pelle--base);
   color: black;
+  background-color: var(--color-pelle--base);
 }
 
 .o-infinity-upgrade-btn--multiplier.o-infinity-upgrade-btn--useless-available:hover {
@@ -3783,14 +3783,14 @@ br {
 }
 
 .t-s1 .o-infinity-upgrade-btn--multiplier.o-infinity-upgrade-btn--available {
-  background-color: black;
   color: #d72621;
+  background-color: black;
   border-color: #dbd242;
 }
 
 .t-s1 .o-infinity-upgrade-btn--multiplier.o-infinity-upgrade-btn--available:hover {
-  background-color: white;
   color: black;
+  background-color: white;
 }
 
 /* #endregion o-infinity-upgrade-btn--multiplier */
@@ -3945,8 +3945,8 @@ br {
 }
 
 .l-autobuyers-tab td {
-  padding: 0;
   text-align: center;
+  padding: 0;
 }
 
 /* #endregion l-autobuyers-tab */
@@ -3969,12 +3969,12 @@ br {
 /* #region o-autobuyer-input */
 
 .o-autobuyer-input {
-  font-size: 1.3rem;
-  font-family: typewriter;
-  border: 0.1rem solid #c2c2c2;
-  padding: 0.5rem;
   height: 3rem;
+  font-family: typewriter;
+  font-size: 1.3rem;
+  border: 0.1rem solid #c2c2c2;
   box-sizing: border-box;
+  padding: 0.5rem;
 }
 
 .t-metro .o-autobuyer-input {
@@ -4016,29 +4016,29 @@ br {
 .o-autobuyer-toggle-checkbox {
   display: flex;
   flex-direction: row;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   -webkit-user-select: none;
   user-select: none;
 }
 
 .o-autobuyer-toggle-checkbox__label {
   display: flex;
+  width: 2rem;
+  height: 2rem;
   justify-content: center;
   align-items: center;
-  background: var(--color-gh-purple);
   font-size: 1rem;
-  height: 2rem;
-  width: 2rem;
+  font-weight: bold;
+  color: black;
+  background: var(--color-gh-purple);
   border: var(--var-border-width, 0.2rem) solid #383232;
   border-top-right-radius: var(--var-border-radius, 0.3rem);
   border-bottom-left-radius: var(--var-border-radius, 1rem);
-  color: black;
-  font-weight: bold;
-  cursor: pointer;
+  transition-duration: 0.2s;
   -webkit-user-select: none;
   user-select: none;
-  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .s-base--metro .o-autobuyer-toggle-checkbox__label {
@@ -4094,12 +4094,12 @@ br {
 .o-autobuyer-btn {
   width: 17.5rem;
   height: 3.5rem;
+  font-family: Typewriter;
+  font-size: 0.9rem;
+  font-weight: bold;
   color: white;
   background: #1f1f1f;
   border: 0.1rem solid #ed85df;
-  font-family: Typewriter;
-  font-weight: bold;
-  font-size: 0.9rem;
   border-radius: var(--var-border-radius, 0.4rem);
   margin-bottom: -0.1rem;
   transition-duration: 0.2s;
@@ -4120,8 +4120,8 @@ br {
 
 .t-dark .o-autobuyer-btn {
   color: black;
-  border-color: black;
   background: #455a64;
+  border-color: black;
 }
 
 .t-dark .o-autobuyer-btn:hover {
@@ -4169,16 +4169,16 @@ br {
 .c-autobuyer-box {
   width: 23rem;
   height: 17.5rem;
-  padding: 1rem;
+  font-size: 1.1rem;
   border: solid 0.1rem grey;
   border-radius: var(--var-border-radius, 0.4rem);
-  font-size: 1.1rem;
+  padding: 1rem;
 }
 
 .t-s1 .c-autobuyer-box {
   color: black;
-  border-color: black;
   background-color: #dbd242;
+  border-color: black;
 }
 
 .t-s5 .c-autobuyer-box {
@@ -4194,12 +4194,12 @@ br {
 }
 
 .c-autobuyer-box__mode-select {
+  height: 3rem;
+  text-align: center;
+  text-align-last: center;
   font-family: Typewriter, serif;
   font-size: 1.2rem;
   color: black;
-  text-align: center;
-  text-align-last: center;
-  height: 3rem;
 }
 
 .t-metro .c-autobuyer-box__mode-select {
@@ -4235,15 +4235,15 @@ br {
 
 .c-autobuyer-box-row {
   display: flex;
+  width: 90rem;
+  position: relative;
   justify-content: center;
   align-items: center;
-  position: relative;
   color: var(--color-text);
   border: var(--var-border-width, 0.2rem) solid #383232;
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 0.5rem;
   padding: 1rem;
-  width: 90rem;
 }
 
 .s-base--metro .c-autobuyer-box-row {
@@ -4259,14 +4259,14 @@ br {
 }
 
 .t-s1 .c-autobuyer-box-row {
-  border-color: black;
   background: var(--color-base);
+  border-color: black;
 }
 
 .t-s6 .c-autobuyer-box-row,
 .t-s10 .c-autobuyer-box-row {
-  border: 0.1rem solid #cccccc;
   background: black;
+  border: 0.1rem solid #cccccc;
 }
 
 .t-s8 .c-autobuyer-box-row {
@@ -4275,18 +4275,18 @@ br {
 
 .l-autobuyer-singlet-group {
   display: flex;
-  flex-wrap: wrap;
   flex-grow: 1;
+  flex-wrap: wrap;
   width: 91rem;
 }
 
 .c-small-autobuyer-input {
   width: 10rem;
   height: 2rem;
-  margin: 0.2rem 0;
   border-color: var(--color-laitela--accent);
   border-width: var(--var-border-width, 0.2rem);
   border-radius: var(--var-border-radius, 0.5rem);
+  margin: 0.2rem 0;
 }
 
 .c-autobuyer-box-slot {
@@ -4310,14 +4310,14 @@ br {
 }
 
 .t-s1 .c-autobuyer-box-slot {
-  border-color: black;
   background: var(--color-base);
+  border-color: black;
 }
 
 .t-s6 .c-autobuyer-box-slot,
 .t-s10 .c-autobuyer-box-slot {
-  border: 0.1rem solid #cccccc;
   background: black;
+  border: 0.1rem solid #cccccc;
 }
 
 .t-s8 .c-autobuyer-box-slot {
@@ -4339,31 +4339,31 @@ br {
 
 .l-autobuyer-box__autobuyers {
   display: flex;
-  flex-wrap: wrap;
   flex-grow: 1;
+  flex-wrap: wrap;
   width: 80rem;
 }
 
 .l-autobuyer-box__autobuyers-internal {
   display: inline-flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 .l-autobuyer-box__content {
-  flex: 1 0 auto;
   display: flex;
+  flex: 1 0 auto;
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
 }
 
 .l-autobuyer-box__footer {
+  width: 0%;
   position: absolute;
   top: -0.2rem;
   right: 1.8rem;
-  width: 0%;
 }
 
 .s-base--metro .l-autobuyer-box__footer,
@@ -4391,10 +4391,10 @@ br {
 .l-replicanti-tab {
   display: flex;
   flex-direction: column;
-  align-items: center;
 
   /* To prevent button jitter */
   width: 100%;
+  align-items: center;
 }
 
 /* #region c-replicanti-description */
@@ -4542,33 +4542,33 @@ br {
 }
 
 .o-eternity-upgrade {
-  font-weight: bold;
-  font-size: 1rem;
-  border: 0.1rem solid var(--color-eternity);
   width: 20rem;
   height: 9rem;
+  font-family: Typewriter, serif;
+  font-size: 1rem;
+  font-weight: bold;
+  border: 0.1rem solid var(--color-eternity);
+  border-radius: var(--var-border-radius, 0.4rem);
   transition-duration: 0.2s;
   cursor: pointer;
-  border-radius: var(--var-border-radius, 0.4rem);
-  font-family: Typewriter, serif;
 }
 
 .o-eternity-upgrade--useless-available {
-  background-color: var(--color-pelle--base);
   color: black;
+  background-color: var(--color-pelle--base);
   border-color: black;
 }
 
 .o-eternity-upgrade--useless-available:hover {
-  background-color: var(--color-pelle--secondary);
   color: black;
+  background-color: var(--color-pelle--secondary);
 }
 
 .o-eternity-upgrade--useless-unavailable {
-  background-color: var(--color-pelle--base);
   color: black;
-  filter: grayscale(90%);
+  background-color: var(--color-pelle--base);
   border-color: black;
+  filter: grayscale(90%);
 }
 
 .o-eternity-upgrade--useless-unavailable:hover {
@@ -4712,20 +4712,20 @@ br {
 }
 
 .o-eternity-milestone__goal {
-  font-size: 2rem;
   text-align: left;
+  font-size: 2rem;
 }
 
 .o-eternity-milestone__reward {
   width: 25rem;
   height: 8rem;
-  color: black;
-  font-weight: bold;
-  border: 0.1rem solid var(--color-eternity);
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
   font-family: Typewriter, serif;
   font-size: 1.2rem;
+  font-weight: bold;
+  color: black;
+  border: 0.1rem solid var(--color-eternity);
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
 }
 
 .o-eternity-milestone__reward--locked {
@@ -4744,8 +4744,8 @@ br {
 .s-base--metro .o-eternity-milestone__reward--locked,
 .t-s1 .o-eternity-milestone__reward--locked {
   background-color: #9e9e9e;
-  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
   border: none;
+  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
 }
 
 .t-dark .o-eternity-milestone__reward--locked,
@@ -4775,28 +4775,28 @@ br {
 /* #region c-dilation-tab */
 
 .c-dilation-tab__tachyons {
-  color: black;
   font-size: 3.5rem;
+  color: black;
 }
 
 .c-dilation-tab__dilated-time {
-  color: black;
   font-size: 3.5rem;
+  color: black;
 }
 
 .c-dilation-tab__dilated-time-income {
-  color: black;
   font-size: 2.5rem;
+  color: black;
 }
 
 .c-dilation-tab__galaxy-threshold {
-  color: black;
   font-size: 2.5rem;
+  color: black;
 }
 
 .c-dilation-tab__galaxies {
-  color: black;
   font-size: 2.5rem;
+  color: black;
 }
 
 .t-metro .c-dilation-tab__tachyons,
@@ -4878,15 +4878,15 @@ br {
 /* #region o-dilation-btn */
 
 .o-dilation-btn {
-  font-weight: bold;
-  font-size: 1.12rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-dilation);
   width: 19rem;
   height: 9rem;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
   font-family: Typewriter, serif;
+  font-size: 1.12rem;
+  font-weight: bold;
+  border: var(--var-border-width, 0.2rem) solid var(--color-dilation);
+  border-radius: var(--var-border-radius, 0.4rem);
   padding: 1rem;
+  transition-duration: 0.2s;
 }
 
 .o-dilation-btn--locked {
@@ -4898,8 +4898,8 @@ br {
 .o-dilation-btn--unlocked {
   color: var(--color-dilation);
   background-color: black;
-  cursor: pointer;
   animation: a-dilation-btn-glow 10s infinite;
+  cursor: pointer;
 }
 
 .o-dilation-btn--unlocked:hover {
@@ -4931,8 +4931,8 @@ br {
 .t-s1 .o-dilation-btn--locked {
   color: black;
   background-color: #9e9e9e;
-  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
   border: none;
+  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
 }
 
 .s-base--metro .o-dilation-btn--locked:hover {
@@ -4958,8 +4958,8 @@ br {
 .t-s6 .o-dilation-btn--locked:hover,
 .t-s10 .o-dilation-btn--locked:hover {
   color: black;
-  border-color: #b84b5f;
   background-color: #b84b5f;
+  border-color: #b84b5f;
 }
 
 @keyframes a-dilation-btn-glow {
@@ -4999,15 +4999,15 @@ br {
 /* #region o-dilation-upgrade */
 
 .o-dilation-upgrade {
-  background: black;
-  font-weight: bold;
-  font-size: 1.05rem;
-  border: 0.1rem solid;
   width: 19rem;
   height: 10rem;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
   font-family: Typewriter, serif;
+  font-size: 1.05rem;
+  font-weight: bold;
+  background: black;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
 }
 
 .o-dilation-upgrade--useless-available {
@@ -5024,8 +5024,8 @@ br {
 .o-dilation-upgrade--useless-bought {
   color: black;
   background-color: var(--color-pelle--base) !important;
-  filter: grayscale(50%);
   border-color: black;
+  filter: grayscale(50%);
 }
 
 .o-dilation-upgrade--available {
@@ -5052,10 +5052,10 @@ br {
 }
 
 .o-dilation-upgrade--useless-unavailable {
-  background-color: var(--color-pelle--base) !important;
   color: black;
-  filter: grayscale(90%);
+  background-color: var(--color-pelle--base) !important;
   border-color: black;
+  filter: grayscale(90%);
 }
 
 .o-dilation-upgrade--useless-unavailable:hover {
@@ -5087,8 +5087,8 @@ br {
 .t-s1 .o-dilation-upgrade--unavailable {
   color: black;
   background-color: #9e9e9e;
-  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
   border: none;
+  box-shadow: 0.1rem 0.1rem 0.1rem 0 black;
 }
 
 .s-base--metro .o-dilation-upgrade--unavailable:hover {
@@ -5136,8 +5136,8 @@ br {
 .t-s6 .o-dilation-upgrade--unavailable:hover,
 .t-s10 .o-dilation-upgrade--unavailable:hover {
   color: black;
-  border-color: var(--color-bad);
   background-color: var(--color-bad);
+  border-color: var(--color-bad);
 }
 
 .t-s4 .o-dilation-upgrade--available {
@@ -5154,11 +5154,11 @@ br {
 /* #endregion o-dilation-upgrade */
 
 .c-tachyon-particle-container {
+  width: 100%;
+  height: 100%;
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
   z-index: -1;
 }
 
@@ -5180,13 +5180,13 @@ br {
 }
 
 .l-modal-overlay {
-  position: fixed;
-  left: 0;
-  top: 0;
   /* stylelint-disable-next-line unit-allowed-list */
   width: 100vw;
   /* stylelint-disable-next-line unit-allowed-list */
   height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
   z-index: 6;
   animation-name: a-modal-overlay-fadein;
   animation-duration: 2s;
@@ -5194,24 +5194,24 @@ br {
 }
 
 .l-modal {
+  display: inline-block;
   position: fixed;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
   z-index: 7;
-  display: inline-block;
+  transform: translate(-50%, -50%);
 }
 
 /* #region c-modal */
 
 .c-modal {
+  text-align: center;
+  font-family: Typewriter, serif;
+  font-size: 1.4rem;
   color: var(--color-text);
   background-color: var(--color-base);
   border: var(--var-border-width, 0.3rem) solid black;
   border-radius: var(--var-border-radius, 0.6rem);
-  text-align: center;
-  font-family: Typewriter, serif;
-  font-size: 1.4rem;
   padding: 1rem;
   transition-duration: 0.2s;
 }
@@ -5229,9 +5229,9 @@ br {
 }
 
 .c-modal__close-btn--tiny {
-  transform: scale(0.5);
   top: -0.5rem;
   right: -0.5rem;
+  transform: scale(0.5);
 }
 
 .l-modal-buttons {
@@ -5246,20 +5246,20 @@ br {
 
 .c-modal__confirmation-toggle__checkbox {
   display: inline-flex;
-  vertical-align: middle;
+  width: 2rem;
+  height: 2rem;
+  position: relative;
   justify-content: center;
   align-items: center;
-  background: var(--color-gh-purple);
+  vertical-align: middle;
   font-size: 1.3rem;
-  height: 2rem;
-  width: 2rem;
+  color: black;
+  background: var(--color-gh-purple);
   border: var(--var-border-width, 0.3rem) solid black;
   border-radius: var(--var-border-radius, 0.3rem);
-  color: black;
+  transition-duration: 0.2s;
   -webkit-user-select: none;
   user-select: none;
-  transition-duration: 0.2s;
-  position: relative;
 }
 
 .s-base--metro .c-modal__confirmation-toggle {
@@ -5269,14 +5269,14 @@ br {
 
 .t-s6 .c-modal__confirmation-toggle__checkbox,
 .t-s10 .c-modal__confirmation-toggle__checkbox {
-  border: 0.1rem solid #1b5e20;
   top: -0.1rem;
   right: -0.1rem;
+  border: 0.1rem solid #1b5e20;
 }
 
 .t-s11 .c-modal__confirmation-toggle__checkbox {
-  border-color: #e1ae18;
   top: -0.2rem;
+  border-color: #e1ae18;
 }
 
 .c-modal__confirmation-toggle__checkbox--active {
@@ -5288,19 +5288,19 @@ br {
 }
 
 .c-modal__confirmation-toggle__tooltip {
-  opacity: 0;
-  transition-duration: 0.2s;
+  min-width: 20rem;
+  position: absolute;
+  bottom: 100%;
   font-size: 1.4rem;
+  opacity: 0;
   color: var(--color-text);
   background-color: var(--color-base);
   border: var(--var-border-width, 0.3rem) solid black;
   border-radius: var(--var-border-radius, 0.8rem);
-  min-width: 20rem;
   margin-left: 0;
   padding: 0.4rem;
+  transition-duration: 0.2s;
   pointer-events: none;
-  position: absolute;
-  bottom: 100%;
 }
 
 .t-s6 .c-modal__confirmation-toggle__tooltip,
@@ -5309,23 +5309,23 @@ br {
 }
 
 .c-modal__confirmation-toggle__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
+  z-index: 0;
   border-top: 0 solid black;
   border-right: 0.7rem solid transparent;
   border-left: 0.7rem solid transparent;
-  content: " ";
+  margin-bottom: 0;
+  margin-left: -0.7rem;
   transition-duration: 0.2s;
-  z-index: 0;
 }
 
 .c-modal__confirmation-toggle:hover .c-modal__confirmation-toggle__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.8rem);
+  opacity: 1;
 }
 
 .s-base--metro .c-modal__confirmation-toggle:hover .c-modal__confirmation-toggle__tooltip {
@@ -5430,8 +5430,8 @@ br {
 /* #region c-modal-hard-reset */
 
 .c-modal-hard-reset-danger {
-  color: var(--color-bad);
   font-weight: bold;
+  color: var(--color-bad);
 }
 
 .c-modal-hard-reset-btn {
@@ -5453,8 +5453,8 @@ br {
 .c-modal-away-progress {
   display: flex;
   flex-direction: column;
-  align-items: center;
   min-width: 40rem;
+  align-items: center;
 }
 
 .t-dark .c-modal-away-progress {
@@ -5473,9 +5473,9 @@ br {
 }
 
 .c-modal-away-progress__resources div {
+  border-bottom: 0.1rem solid var(--color-text);
   margin-bottom: 0.2rem;
   padding-bottom: 0.2rem;
-  border-bottom: 0.1rem solid var(--color-text);
   cursor: pointer;
 }
 
@@ -5598,10 +5598,10 @@ br {
 
 .c-modal-away-progress__disabled b,
 .c-modal-away-progress__disabled {
-  text-decoration: line-through;
-  color: #303030;
   font-style: italic;
+  color: #303030;
   text-shadow: 0 0 0.3rem #303030;
+  text-decoration: line-through;
   animation: none;
 }
 
@@ -5626,8 +5626,8 @@ br {
 /* #region c-modal-import-tree */
 
 .c-modal-import-tree {
-  width: 48rem;
   word-break: break-word;
+  width: 48rem;
 }
 
 .l-modal-import-tree__tree-info-line {
@@ -5649,10 +5649,10 @@ br {
 /* #endregion c-modal-import-tree */
 
 .c-modal-input {
-  border: 0.1rem solid black;
-  background-color: #f2f2f2;
-  border-radius: var(--var-border-radius, 0.3rem);
   text-align: center;
+  background-color: #f2f2f2;
+  border: 0.1rem solid black;
+  border-radius: var(--var-border-radius, 0.3rem);
 }
 
 .c-modal-options {
@@ -5665,8 +5665,8 @@ br {
 
 .c-modal-options .o-primary-btn--option,
 .o-primary-btn--option-wide {
-  padding: 0.5rem;
   margin: 0.5rem;
+  padding: 0.5rem;
 }
 
 .c-modal-options .o-primary-btn--width-medium {
@@ -5684,8 +5684,8 @@ br {
 .l-modal-options {
   display: flex;
   flex-direction: column;
-  align-items: center;
   justify-content: space-evenly;
+  align-items: center;
 }
 
 .l-modal-options__save-record {
@@ -5719,26 +5719,26 @@ br {
 }
 
 .o-modal-store-label {
-  margin-right: 1.5rem;
-  font-family: Typewriter;
-  font-size: 2rem;
   min-width: 10rem;
   text-align: right;
+  font-family: Typewriter;
+  font-size: 2rem;
+  margin-right: 1.5rem;
 }
 
 .o-modal-store-btn {
-  padding: 0.8rem;
-  border: none;
-  background: burlywood;
-  border-radius: var(--var-border-radius, 0.5rem);
+  display: flex;
+  min-width: 12rem;
+  justify-content: center;
+  align-items: center;
   font-family: Typewriter;
   font-size: 2rem;
-  cursor: pointer;
+  background: burlywood;
+  border: none;
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.8rem;
   transition-duration: 0.15s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 12rem;
+  cursor: pointer;
 }
 
 .o-modal-store-btn:hover {
@@ -5762,9 +5762,9 @@ br {
 }
 
 .l-modal-hotkeys__column {
-  width: 25rem;
   display: flex;
   flex-direction: column;
+  width: 25rem;
 }
 
 .l-modal-hotkeys__column--right {
@@ -5792,26 +5792,26 @@ br {
 }
 
 kbd {
+  display: inline-block;
+  vertical-align: middle;
+  font: 1.1rem SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  line-height: 1rem;
+  color: #444d56;
   background-color: #fafbfc;
   border: 0.1rem solid #d1d5da;
   border-bottom-color: #c6cbd1;
   border-radius: var(--var-border-radius, 0.3rem);
   box-shadow: inset 0 -0.1rem 0 #c6cbd1;
-  color: #444d56;
-  display: inline-block;
-  font: 1.1rem SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
-  line-height: 1rem;
   padding: 0.3rem 0.5rem;
-  vertical-align: middle;
 }
 
 .t-dark kbd,
 .t-dark-metro kbd {
+  color: #a9b3bc;
   background-color: #212b36;
   border-color: #464e58;
   border-bottom-color: #4f5863;
   box-shadow: inset 0 -0.1rem 0 #4f5863;
-  color: #a9b3bc;
 }
 
 /* #endregion c-modal-hotkeys */
@@ -5823,32 +5823,32 @@ kbd {
 }
 
 .l-modal-celestial-quote {
-  position: fixed;
-  z-index: 3;
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  /* stylelint-disable-next-line unit-allowed-list */
-  left: 50vw;
-  /* stylelint-disable-next-line unit-allowed-list */
-  top: 50vh;
   width: 30rem;
   height: 30rem;
+  position: fixed;
+  /* stylelint-disable-next-line unit-allowed-list */
+  top: 50vh;
+  /* stylelint-disable-next-line unit-allowed-list */
+  left: 50vw;
+  z-index: 3;
+  justify-content: space-between;
+  align-items: center;
   transform: translate(-50%, -50%);
 }
 
 .c-modal-cestial-quote__symbol {
-  position: absolute;
   display: flex;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
   justify-content: center;
   align-items: center;
-  left: 0;
   font-size: 25rem;
   opacity: 0.2;
   text-shadow: 0 0 2rem;
-  width: 100%;
-  height: 100%;
   pointer-events: none;
 }
 
@@ -5909,24 +5909,24 @@ kbd {
 
 .c-modal-celestial-quote__end {
   position: absolute;
+  bottom: 1.5rem;
+  left: calc(50% - 1rem);
   font-size: 150%;
   cursor: pointer;
-  left: calc(50% - 1rem);
-  bottom: 1.5rem;
 }
 
 .l-modal-celestial-quote__text {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   height: 100%;
+  justify-content: center;
 }
 
 .l-modal-celestial-quote__buttons {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
   height: 100%;
+  justify-content: space-between;
 }
 
 /* #endregion Modals */
@@ -5934,27 +5934,27 @@ kbd {
 .l-notification-container {
   display: flex;
   flex-direction: column-reverse;
-  align-items: flex-end;
   position: fixed;
   top: 0;
   right: 0;
+  z-index: 1000;
+  align-items: flex-end;
   margin-top: 0.5rem;
   margin-right: 1rem;
-  z-index: 1000;
 }
 
 /* #region o-notification */
 
 .o-notification {
-  padding: 0.8rem 1.5rem;
-  margin-top: 0.3rem;
+  white-space: nowrap;
+  font-family: Typewriter, serif;
+  font-size: 1.3rem;
+  font-weight: bold;
   color: black;
   background-color: white;
-  font-size: 1.3rem;
-  font-family: Typewriter, serif;
-  font-weight: bold;
-  white-space: nowrap;
   border: 0.1rem solid;
+  margin-top: 0.3rem;
+  padding: 0.8rem 1.5rem;
   cursor: pointer;
 }
 
@@ -6039,24 +6039,24 @@ kbd {
 .o-celestial-quote-history {
   display: flex;
   flex-direction: row;
-  align-items: stretch;
-  justify-content: space-evenly;
-  margin: 1rem 0;
   width: 70rem;
+  justify-content: space-evenly;
+  align-items: stretch;
+  margin: 1rem 0;
 }
 
 .l-celestial-quote-history__lines {
-  font-size: 1.9rem;
-  line-height: 2.4rem;
   display: flex;
+  flex-grow: 1;
   flex-direction: column;
   align-items: center;
-  flex-grow: 1;
+  font-size: 1.9rem;
+  line-height: 2.4rem;
 }
 
 .c-celestial-quote-history__line {
-  font-weight: bold;
   font-style: italic;
+  font-weight: bold;
 }
 
 .l-celestial-quote-history__buttons {
@@ -6104,20 +6104,20 @@ kbd {
 }
 
 .c-rm-store {
-  border: 0.1rem solid black;
-  height: 50rem;
   width: 13rem;
-  margin: auto;
+  height: 50rem;
   position: relative;
+  border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 0.4rem);
+  margin: auto;
 }
 
 .c-rm-store-inner {
+  width: 100%;
   position: absolute;
-  background: var(--color-teresa--base);
   bottom: 0;
   left: 0;
-  width: 100%;
+  background: var(--color-teresa--base);
 }
 
 .c-rm-store-inner--light {
@@ -6125,26 +6125,26 @@ kbd {
 }
 
 .c-rm-store-label {
+  width: 100%;
   position: absolute;
   bottom: 0;
-  width: 100%;
-  color: black;
   font-weight: bold;
+  color: black;
 }
 
 .c-teresa-unlock-description {
-  color: var(--color-text);
-  position: absolute;
+  display: flex;
   width: 100%;
   height: 3rem;
-  display: flex;
+  position: absolute;
   align-items: center;
+  color: var(--color-text);
 }
 
 .c-teresa-milestone-line {
+  width: 100%;
   height: 0.2rem;
   background-color: var(--color-teresa--base);
-  width: 100%;
 }
 
 .c-teresa-milestone-line--attained {
@@ -6153,56 +6153,56 @@ kbd {
 
 .o-teresa-quotes {
   display: inline-block;
-  margin: 1.5rem;
   font-size: 1.9rem;
-  font-weight: bold;
   font-style: italic;
+  font-weight: bold;
+  margin: 1.5rem;
 }
 
 .o-quote-button {
+  font-size: 3rem;
+  font-weight: bold;
   background: transparent;
   border: none;
-  font-weight: bold;
-  font-size: 3rem;
   cursor: pointer;
 }
 
 .c-teresa-unlock {
   width: 20rem;
+  font-weight: bold;
+  color: var(--color-teresa--accent);
+  background-color: var(--color-teresa--base);
+  border: none;
   border-radius: var(--var-border-radius, 0.5rem);
-  padding: 1rem;
   margin: 0 10rem 1rem;
+  padding: 1rem;
   transition-duration: 0.15s;
   -webkit-user-select: none;
   user-select: none;
-  background-color: var(--color-teresa--base);
-  font-weight: bold;
-  border: none;
-  color: var(--color-teresa--accent);
 }
 
 .c-teresa-run-button {
-  color: var(--color-teresa--base);
-  border: var(--var-border-width, 0.2rem) solid var(--color-teresa--base);
-  background-color: var(--color-teresa--accent);
   font-weight: bold;
+  color: var(--color-teresa--base);
+  background-color: var(--color-teresa--accent);
+  border: var(--var-border-width, 0.2rem) solid var(--color-teresa--base);
 }
 
 .c-teresa-run-button__icon {
-  color: var(--color-teresa--base);
-  font-weight: bold;
-  font-size: 7rem;
-  text-shadow: 0.1rem 0.1rem 0.5rem;
-  cursor: pointer;
-  height: 12rem;
   width: 12rem;
-  border-radius: 50%;
-  background-color: var(--color-teresa--accent);
+  height: 12rem;
   align-items: center;
-  margin: 1.5rem auto;
+  font-size: 7rem;
+  font-weight: bold;
+  color: var(--color-teresa--base);
+  text-shadow: 0.1rem 0.1rem 0.5rem;
+  background-color: var(--color-teresa--accent);
   border: var(--var-border-width, 0.4rem) solid var(--color-teresa--base);
-  animation: a-teresa-run-button__icon--glow 3s infinite;
+  border-radius: 50%;
+  margin: 1.5rem auto;
   transition-duration: 0.2s;
+  animation: a-teresa-run-button__icon--glow 3s infinite;
+  cursor: pointer;
 }
 
 .c-teresa-run-button__icon:hover {
@@ -6258,20 +6258,20 @@ kbd {
   display: flex;
   flex-direction: column;
   width: 20rem;
-  margin-left: 18rem;
   margin-right: 2rem;
+  margin-left: 18rem;
 }
 
 .o-teresa-shop-button {
-  color: black;
-  background-color: var(--color-disabled);
-  padding: 1rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-teresa--base);
-  border-radius: var(--var-border-radius, 0.5rem);
-  margin-bottom: 1rem;
   font-family: Typewriter, serif;
   font-size: 1rem;
   font-weight: bold;
+  color: black;
+  background-color: var(--color-disabled);
+  border: var(--var-border-width, 0.2rem) solid var(--color-teresa--base);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 1rem;
+  padding: 1rem;
   transition-duration: 0.15s;
 }
 
@@ -6292,10 +6292,10 @@ kbd {
 }
 
 .c-teresa-pour {
-  font-size: 2rem;
   width: 13rem;
-  padding: 0.5rem;
+  font-size: 2rem;
   margin-bottom: 1rem;
+  padding: 0.5rem;
 }
 
 .c-teresa-pour--unlock-available {
@@ -6313,8 +6313,8 @@ kbd {
 }
 
 .c-effarig-relics {
-  padding: 20px;
   font-size: 1.5rem;
+  padding: 20px;
 }
 
 /* #endregion Teresa tab */
@@ -6323,27 +6323,27 @@ kbd {
 
 .c-effarig-shop-button {
   display: flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: column;
-  line-height: 1.5;
   width: 35rem;
-  padding: 1rem;
+  justify-content: center;
+  align-items: center;
   font-size: 2rem;
-  background: var(--color-disabled);
+  line-height: 1.5;
   color: black;
+  background: var(--color-disabled);
   border: none;
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 1rem;
+  padding: 1rem;
   transition-duration: 0.2s;
 }
 
 .c-effarig-shop-button--bought {
-  background-color: var(--color-effarig--base);
   color: black;
-  cursor: default;
+  background-color: var(--color-effarig--base);
   border: var(--var-border-width, 0.2rem) solid black;
   box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 70%);
+  cursor: default;
 }
 
 .c-effarig-shop-button--available {
@@ -6354,42 +6354,42 @@ kbd {
 }
 
 .c-effarig-shop-button--available:hover {
-  background-color: black;
   color: var(--color-effarig--base);
+  background-color: black;
 }
 
 .l-effarig-run-button {
   display: flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: column;
   width: 15rem;
   height: 15rem;
-  border-radius: 50%;
-  border-style: none;
   position: relative;
+  justify-content: center;
+  align-items: center;
+  border-style: none;
+  border-radius: 50%;
   margin: 2rem;
 }
 
 .c-effarig-run-button {
   font-size: 10rem;
   font-weight: bold;
+  transition-duration: 0.2s;
   -webkit-user-select: none;
   user-select: none;
   cursor: pointer;
-  transition-duration: 0.2s;
 }
 
 .c-effarig-run-button--not-running {
-  background-color: var(--color-effarig--base);
-  color: white;
   z-index: 0;
+  color: white;
+  background-color: var(--color-effarig--base);
   animation: a-effarig-run-button--not-running-glow 2s ease-in-out infinite alternate;
 }
 
 .c-effarig-run-button--not-running:hover {
-  background-color: black;
   color: var(--color-effarig--base);
+  background-color: black;
 }
 
 @keyframes a-effarig-run-button--not-running-glow {
@@ -6419,8 +6419,8 @@ kbd {
 }
 
 .c-effarig-run-button--running {
-  background: black;
   z-index: 0;
+  background: black;
   animation: a-effarig-run-button--running-glow 2s infinite alternate;
 }
 
@@ -6434,22 +6434,23 @@ kbd {
 }
 
 .c-effarig-run-button__inner--running {
-  background-image: url("../images/noise.png");
+  position: relative;
   -webkit-background-clip: text;
   background-clip: text;
-  -webkit-text-fill-color: rgba(255, 0, 0, 50%);
+  background-image: url("../images/noise.png");
   animation: a-effarig-run-button--running-noise 15s infinite alternate;
-  position: relative;
+
+  -webkit-text-fill-color: rgba(255, 0, 0, 50%);
 }
 
 .c-effarig-run-button__inner--running::after {
-  background: none;
   content: attr(button-symbol);
-  z-index: -1;
   position: absolute;
-  animation: a-effarig-run-button__inner--running-glow 2s infinite alternate;
-  left: 0;
   top: 0;
+  left: 0;
+  z-index: -1;
+  background: none;
+  animation: a-effarig-run-button__inner--running-glow 2s infinite alternate;
 }
 
 @keyframes a-effarig-run-button--running-noise {
@@ -6458,63 +6459,75 @@ kbd {
   }
 
   20% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: -50px 0;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   22% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
     background-position: 100px -10px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
   }
 
   24% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 0 -150px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   50% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: -50px 0;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   51% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
     background-position: 100px -10px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
   }
 
   52% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 0 -150px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   54% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 50px 0;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   56% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
     background-position: -100px 10px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
   }
 
   58% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 0 50px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   90% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 50px 50px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   91% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
     background-position: 100px -110px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 50%);
   }
 
   92% {
-    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
     background-position: 0 70px;
+
+    -webkit-text-fill-color: rgba(255, 0, 0, 100%);
   }
 
   100% {
@@ -6557,9 +6570,9 @@ kbd {
 }
 
 .l-effarig-run-button__bg {
-  position: absolute;
   width: 80%;
   height: 80%;
+  position: absolute;
 }
 
 .l-effarig-run-button__fg {
@@ -6581,9 +6594,9 @@ kbd {
 .l-effarig-run {
   display: inline-flex;
   flex-direction: column;
+  width: 520px;
   align-items: center;
   margin-left: 3rem;
-  width: 520px;
 }
 
 .c-effarig-run-description {
@@ -6594,14 +6607,14 @@ kbd {
 .l-effarig-tab__reward {
   display: flex;
   flex-direction: row;
-  align-items: left;
   width: 100%;
+  align-items: left;
   margin: 0.5rem;
 }
 
 .c-effarig-tab__reward-label {
-  padding-right: 1rem;
   font-weight: bold;
+  padding-right: 1rem;
 }
 
 .c-effarig-tab__reward-symbol {
@@ -6662,32 +6675,32 @@ kbd {
 .l-enslaved-top-container__half {
   display: flex;
   flex-direction: column;
-  align-items: stretch;
   width: 24rem;
+  align-items: stretch;
   margin: 1rem;
 }
 
 .o-enslaved-stored-time,
 .o-enslaved-gained-infinities {
-  font-size: 1.6rem;
   min-width: 18rem;
+  font-size: 1.6rem;
   padding-bottom: 0.5rem;
 }
 
 .o-enslaved-mechanic-button {
-  padding: 0.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid sandybrown;
-  box-shadow: 0 0 2rem inset rgba(244, 164, 96, 50%);
-  background-color: #fdd3b0;
-  cursor: pointer;
-  margin: 1rem 0.5rem;
   min-width: 18rem;
   min-height: 7rem;
-  padding-bottom: 1rem;
-  padding-top: 1rem;
   font-family: Typewriter;
+  background-color: #fdd3b0;
+  border: var(--var-border-width, 0.2rem) solid sandybrown;
+  border-radius: var(--var-border-radius, 0.5rem);
+  box-shadow: 0 0 2rem inset rgba(244, 164, 96, 50%);
+  margin: 1rem 0.5rem;
+  padding: 0.5rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .o-enslaved-mechanic-button:hover {
@@ -6702,24 +6715,24 @@ kbd {
 .l-enslaved-shop-container {
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
   width: 65rem;
+  justify-content: center;
   margin: auto;
   margin-top: 2rem;
   margin-bottom: 2rem;
 }
 
 .o-enslaved-shop-button {
+  width: 30rem;
+  height: 12rem;
+  font-family: Typewriter;
   color: var(--color-text-inverted);
-  padding: 1.7rem;
   background-color: var(--color-disabled);
   border: var(--var-border-width, 0.2rem) solid var(--color-bad);
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 1rem;
+  padding: 1.7rem;
   transition-duration: 0.2s;
-  width: 30rem;
-  height: 12rem;
-  font-family: Typewriter;
 }
 
 .o-enslaved-shop-button--available {
@@ -6744,45 +6757,45 @@ kbd {
 }
 
 .c-enslaved-run-button {
-  width: 40rem;
-  padding: 2rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid #cd945c;
-  background: none;
-  font-family: Typewriter;
-  font-size: 1.2rem;
-  margin-bottom: 1rem;
-  margin-top: 1rem;
   display: flex;
   flex-direction: column;
+  width: 40rem;
   align-items: center;
+  font-family: Typewriter;
+  font-size: 1.2rem;
+  background: none;
+  border: var(--var-border-width, 0.2rem) solid #cd945c;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  padding: 2rem;
   -webkit-user-select: none;
   user-select: none;
 }
 
 .c-enslaved-run-button__title {
-  font-weight: bold;
   font-size: larger;
+  font-weight: bold;
   margin-bottom: 0.5rem;
 }
 
 .c-enslaved-run-button__icon {
-  border-radius: 50%;
-  background: black;
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
   width: 16rem;
   height: 16rem;
-  margin: 1.5rem;
-  color: var(--color-enslaved--base);
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
   position: relative;
-  overflow: hidden;
+  justify-content: center;
+  align-items: center;
+  color: var(--color-enslaved--base);
+  background: black;
   border: var(--var-border-width, 0.4rem) solid var(--color-enslaved--base);
+  border-radius: 50%;
+  margin: 1.5rem;
   transition-duration: 0.2s;
   animation: a-enslaved-run-button--spin 120s infinite linear;
+  cursor: pointer;
 }
 
 .c-enslaved-run-button__icon:hover {
@@ -6801,6 +6814,7 @@ kbd {
 }
 
 .c-enslaved-run-button__icon__glitch {
+  width: 0.1rem;
   position: absolute;
   background-image:
     linear-gradient(
@@ -6810,7 +6824,6 @@ kbd {
       rgba(0, 0, 0, 0%) 100%
     );
   border: none;
-  width: 0.1rem;
 }
 
 .c-enslaved-run-button__icon:hover .c-enslaved-run-button__icon__glitch {
@@ -6818,8 +6831,8 @@ kbd {
 }
 
 .o-enslaved-release-header-button {
-  font-size: 1rem;
   width: 20rem;
+  font-size: 1rem;
 }
 
 @keyframes a-enslaved-run-button--spin {
@@ -6829,13 +6842,13 @@ kbd {
 
 .c-enslaved-hint-modal {
   display: flex;
-  flex-direction: column;
   overflow-y: scroll;
-  padding: 0.25rem 1rem;
+  flex-direction: column;
   width: 60rem;
   height: 57rem;
-  font-size: 1.2rem;
   text-align: left;
+  font-size: 1.2rem;
+  padding: 0.25rem 1rem;
 }
 
 .c-enslaved-hint-modal::-webkit-scrollbar {
@@ -6862,24 +6875,24 @@ kbd {
 
 .l-v-unlocks-container {
   display: flex;
+  overflow: hidden;
   flex-wrap: wrap;
-  justify-content: center;
   width: 97.5rem;
+  justify-content: center;
+  box-sizing: border-box;
   margin: auto;
   margin-top: 1rem;
   margin-bottom: 1rem;
-  box-sizing: border-box;
-  overflow: hidden;
 }
 
 .l-v-unlocks-container li {
-  position: relative;
-  width: 27rem;
-  padding: 0 0 31.2rem;
-  list-style-type: none;
-  transform: rotate(-60deg) skewY(30deg);
-  overflow: hidden;
   visibility: visible;
+  overflow: hidden;
+  list-style-type: none;
+  width: 27rem;
+  position: relative;
+  padding: 0 0 31.2rem;
+  transform: rotate(-60deg) skewY(30deg);
 }
 
 /* required for hex structure */
@@ -6910,8 +6923,8 @@ kbd {
 }
 
 .o-v-unlock-name {
-  font-weight: bold;
   font-size: 1.8rem;
+  font-weight: bold;
 }
 
 .o-v-unlock-desc {
@@ -6919,8 +6932,8 @@ kbd {
 }
 
 .o-v-unlock-amount {
-  font-weight: bold;
   font-size: 1.3rem;
+  font-weight: bold;
 }
 
 .l-v-milestones-grid {
@@ -6938,35 +6951,35 @@ kbd {
 
 .c-v-unlock-bar {
   width: 40rem;
-  padding: 0.6rem;
-  margin-bottom: 1rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid;
   position: relative;
   z-index: 0;
+  border: var(--var-border-width, 0.2rem) solid;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 1rem;
+  padding: 0.6rem;
 }
 
 .c-v-unlock-bar__progress {
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
   z-index: -1;
 }
 
 .o-v-milestone {
-  color: black;
-  background: #6b5f2e;
-  width: 25rem;
-  height: 10rem;
-  padding: 1rem;
-  border: var(--var-border-width, 0.2rem) solid #473f1f;
-  margin: 0 0.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-size: 1.2rem;
   display: flex;
   flex-direction: column;
+  width: 25rem;
+  height: 10rem;
   justify-content: space-around;
+  font-size: 1.2rem;
+  color: black;
+  background: #6b5f2e;
+  border: var(--var-border-width, 0.2rem) solid #473f1f;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: 0 0.5rem;
+  padding: 1rem;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -6981,39 +6994,39 @@ kbd {
 }
 
 .l-v-hexagon {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
-  width: 100%;
-  transform: skewY(-30deg) rotate(60deg);
-  display: flex;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
+  transform: skewY(-30deg) rotate(60deg);
 }
 
 .l-v-reduction {
   width: 3rem;
   height: 3rem;
-  border-radius: var(--var-border-radius, 50%);
   font-size: 1.5rem;
+  border-radius: var(--var-border-radius, 50%);
   padding: 0;
 }
 
 .c-v-info-text {
-  color: var(--color-text);
   font-size: 1.2rem;
+  color: var(--color-text);
 }
 
 .c-v-run-button {
-  color: black;
-  background: var(--color-v--base);
   font-family: Typewriter;
   font-size: 1.3rem;
-  cursor: pointer;
+  color: black;
+  background: var(--color-v--base);
   padding: 0.5rem;
   transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-v-run-button:hover,
@@ -7025,8 +7038,8 @@ kbd {
   width: 12rem;
   height: 2.4rem;
   position: absolute;
-  background: #e3c759;
   z-index: -1;
+  background: #e3c759;
   transition-duration: 0.2s;
 }
 
@@ -7149,10 +7162,10 @@ kbd {
 
 .c-ra-pet-header {
   width: 35rem;
-  padding: 1rem;
-  margin: 2rem auto;
   background: linear-gradient(#2f2f2f, #464646);
   border-radius: var(--var-border-radius, 1.5rem);
+  margin: 2rem auto;
+  padding: 1rem;
 }
 
 .s-base--metro .c-ra-pet-header {
@@ -7165,20 +7178,20 @@ kbd {
 
 .l-ra-bar-container {
   display: flex;
-  margin: 0 0 2rem;
   width: 100%;
   height: 4rem;
+  margin: 0 0 2rem;
   margin-top: 1rem;
   margin-left: -0.2rem;
 }
 
 .l-ra-lvl-chevron {
+  height: 1.75rem;
   position: absolute;
   top: 0;
-  font-size: 1.2rem;
   z-index: 2;
+  font-size: 1.2rem;
   color: white;
-  height: 1.75rem;
   border-left: 0.1rem solid white;
   padding: 0 0.2rem;
   -webkit-user-select: none;
@@ -7191,44 +7204,44 @@ kbd {
 }
 
 .c-important-chevron {
-  font-weight: bold;
-  font-size: 1.5rem;
   height: 4.6rem;
-  border-left-width: var(--var-border-width, 0.2rem);
+  z-index: 3;
+  font-size: 1.5rem;
+  font-weight: bold;
   text-shadow:
     0.1rem 0.1rem 0.1rem black,
     -0.1rem 0.1rem 0.1rem black,
     0.1rem -0.1rem 0.1rem black,
     -0.1rem -0.1rem 0.1rem black,
     0.1rem -0.1rem 0 black;
-  z-index: 3;
+  border-left-width: var(--var-border-width, 0.2rem);
 }
 
 .o-ra-unlock-hover-text {
-  background-color: black;
-  color: #ffffff;
-  text-align: center;
-  border-radius: var(--var-border-radius, 5px);
-  position: absolute;
-  z-index: 3;
-  font-size: 1rem;
-  left: -6.25rem;
-  bottom: 6rem;
+  display: flex;
   width: 12.5rem;
   height: fit-content;
-  display: flex;
-  padding: 1rem;
+  position: absolute;
+  bottom: 6rem;
+  left: -6.25rem;
+  z-index: 3;
   justify-content: center;
+  text-align: center;
+  font-size: 1rem;
+  color: #ffffff;
+  background-color: black;
+  border-radius: var(--var-border-radius, 5px);
+  padding: 1rem;
 }
 
 .c-ra-exp-bar {
+  width: 100%;
+  height: 5rem;
   position: relative;
+  z-index: 1;
   border: var(--var-border-width, 0.2rem) solid black;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-  width: 100%;
-  height: 5rem;
-  z-index: 1;
 }
 
 .s-base--metro .c-ra-exp-bar {
@@ -7242,10 +7255,10 @@ kbd {
 
 .c-ra-upgrade-bar {
   display: flex;
+  width: 5rem;
+  height: 2.6rem;
   justify-content: flex-end;
   border: var(--var-border-width, 0.2rem) solid black;
-  height: 2.6rem;
-  width: 5rem;
 }
 
 .s-base--metro .c-ra-upgrade-bar {
@@ -7272,19 +7285,19 @@ kbd {
 
 .c-ra-upgrade-icon {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 2.3rem;
-  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 70%);
   width: 4rem;
   height: 4rem;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  font-size: 2.3rem;
   background: #222222;
-  border-radius: var(--var-border-radius, 50%);
   border: 0.1rem solid #111111;
+  border-radius: var(--var-border-radius, 50%);
+  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 70%);
   margin: 0 0.3rem;
   -webkit-user-select: none;
   user-select: none;
-  position: relative;
 }
 
 .s-base--metro .c-ra-upgrade-icon {
@@ -7303,35 +7316,35 @@ kbd {
 .c-ra-run-button {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  width: 30rem;
   height: 33rem;
+  justify-content: center;
+  align-items: center;
+  font-family: Typewriter;
   color: #9575cd;
   background: black;
   border: var(--var-border-width, 0.2rem) solid #9575cd;
   border-radius: var(--var-border-radius, 2rem);
-  width: 30rem;
   margin: 2rem;
   padding: 1rem;
-  font-family: Typewriter;
 }
 
 .c-ra-run-button__icon {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #9575cd;
-  font-size: 3rem;
-  text-shadow: 0 0 1rem;
-  cursor: pointer;
-  height: 12rem;
   width: 12rem;
-  border-radius: 50%;
+  height: 12rem;
+  justify-content: center;
+  align-items: center;
+  font-size: 3rem;
+  color: #9575cd;
+  text-shadow: 0 0 1rem;
   background-color: black;
-  margin: 1.5rem 0;
   border: var(--var-border-width, 0.4rem) solid #9575cd;
+  border-radius: 50%;
   box-shadow: 0 0 0.7rem #9575cd, 0 0 0.7rem #9575cd inset;
+  margin: 1.5rem 0;
   transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-ra-run-button__icon:hover {
@@ -7368,11 +7381,11 @@ kbd {
 }
 
 .c-ra-rewards {
-  font-size: 1.5rem;
-  margin: 1rem;
   display: flex;
   flex-direction: row;
   justify-content: center;
+  font-size: 1.5rem;
+  margin: 1rem;
 }
 
 .c-ra-rewards-inner {
@@ -7382,13 +7395,13 @@ kbd {
 .c-ra-recollection-unlock {
   display: flex;
   flex-direction: column;
+  width: 30rem;
+  height: 25rem;
   justify-content: center;
   align-items: center;
-  height: 25rem;
   color: white;
   background: linear-gradient(#333333, #464646);
   border-radius: var(--var-border-radius, 2rem);
-  width: 30rem;
   margin: 2rem;
   padding: 1rem;
 }
@@ -7405,14 +7418,14 @@ kbd {
 }
 
 .c-ra-pet-recollection-button {
-  font-size: 1.2rem;
-  text-align: center;
-  font-family: Typewriter;
   width: 10rem;
   height: 6rem;
-  margin: 0.2rem;
-  border-radius: var(--var-border-radius, 1rem);
+  text-align: center;
+  font-family: Typewriter;
+  font-size: 1.2rem;
   border: 0.1rem solid #222222;
+  border-radius: var(--var-border-radius, 1rem);
+  margin: 0.2rem;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -7424,15 +7437,15 @@ kbd {
 .c-ra-laitela-unlock {
   display: flex;
   flex-direction: column;
+  width: 30rem;
+  height: 33rem;
   justify-content: center;
   align-items: center;
   font-family: Typewriter;
   color: black;
-  height: 33rem;
-  width: 30rem;
+  border-radius: var(--var-border-radius, 2rem);
   margin: 2rem;
   padding: 1rem;
-  border-radius: var(--var-border-radius, 2rem);
   animation: a-ra-color-shift 10s infinite;
 }
 
@@ -7451,41 +7464,41 @@ kbd {
 .l-ra-all-pets-container {
   display: flex;
   flex-wrap: wrap;
+  width: 80rem;
+  height: 100%;
   justify-content: center;
   align-items: center;
   margin: auto;
-  width: 80rem;
-  height: 100%;
 }
 
 .l-ra-unlock {
-  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 15%;
   height: 10rem;
+  position: relative;
   top: -10rem;
   left: 82.5%;
-  border: var(--var-border-width, 0.2rem) solid gainsboro;
-  background: #35d035;
-  width: 15%;
-  border-radius: var(--var-border-radius, 0.5rem);
-  flex-direction: column;
-  display: flex;
   justify-content: center;
+  background: #35d035;
+  border: var(--var-border-width, 0.2rem) solid gainsboro;
+  border-radius: var(--var-border-radius, 0.5rem);
 }
 
 .l-ra-unlock-inner {
+  display: flex;
+  flex: 1 0;
+  flex-direction: column;
+  justify-content: center;
   color: black;
   margin: auto 0.5rem;
-  display: flex;
-  flex-direction: column;
-  flex: 1 0;
-  justify-content: center;
 }
 
 .l-ra-alchemy-tab {
   display: flex;
   flex-direction: column;
-  align-items: center;
   position: relative;
+  align-items: center;
 }
 
 .l-ra-pet-upgrade-container {
@@ -7499,18 +7512,18 @@ kbd {
 
 .c-ra-pet-upgrade {
   display: flex;
+  width: 2.5rem;
+  height: 2.6rem;
+  position: relative;
   justify-content: center;
   align-items: center;
-  height: 2.6rem;
-  width: 2.5rem;
-  background: grey;
+  font-size: 1.3rem;
   color: black;
+  background: grey;
   border: var(--var-border-width, 0.2rem) solid black;
   border-right: 0;
   border-radius: var(--var-border-radius, 1rem);
-  font-size: 1.3rem;
   transition-duration: 0.2s;
-  position: relative;
 }
 
 .s-base--metro .c-ra-pet-upgrade {
@@ -7533,46 +7546,46 @@ kbd {
 }
 
 .c-ra-pet-upgrade__tooltip {
-  opacity: 0;
-  transition-duration: 0.3s;
-  font-size: 1.4rem;
-  border: 0.1rem solid black;
-  border-radius: var(--var-border-radius, 0.8rem);
-  color: white;
-  background: #222222;
   width: 24rem;
-  margin-left: 0;
-  padding: 0.4rem;
-  z-index: 2;
-  pointer-events: none;
   position: absolute;
   bottom: 100%;
+  z-index: 2;
+  font-size: 1.4rem;
+  opacity: 0;
+  color: white;
+  background: #222222;
+  border: 0.1rem solid black;
+  border-radius: var(--var-border-radius, 0.8rem);
   box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 70%);
+  margin-left: 0;
+  padding: 0.4rem;
+  transition-duration: 0.3s;
+  pointer-events: none;
 }
 
 .c-ra-pet-upgrade__tooltip::after {
+  content: " ";
+  width: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
-  margin-left: -0.7rem;
-  margin-bottom: 0;
-  width: 0;
+  z-index: 0;
   border-top: 0 solid black;
   border-right: var(--var-border-width, 0.7rem) solid transparent;
   border-left: var(--var-border-width, 0.7rem) solid transparent;
-  content: " ";
+  margin-bottom: 0;
+  margin-left: -0.7rem;
   transition-duration: 0.3s;
-  z-index: 0;
 }
 
 .c-ra-pet-upgrade:hover .c-ra-pet-upgrade__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.8rem);
+  opacity: 1;
 }
 
 .s-base--metro .c-ra-pet-upgrade:hover .c-ra-pet-upgrade__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.7rem);
+  opacity: 1;
 }
 
 .c-ra-pet-upgrade:hover .c-ra-pet-upgrade__tooltip::after {
@@ -7581,13 +7594,13 @@ kbd {
 }
 
 .c-ra-level-up-btn:hover .c-ra-pet-upgrade__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.8rem);
+  opacity: 1;
 }
 
 .s-base--metro .c-ra-level-up-btn:hover .c-ra-pet-upgrade__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.7rem);
+  opacity: 1;
 }
 
 .c-ra-level-up-btn:hover .c-ra-pet-upgrade__tooltip::after {
@@ -7596,8 +7609,8 @@ kbd {
 }
 
 .c-ra-upgrade-icon:hover .c-ra-pet-upgrade__tooltip {
-  opacity: 1;
   bottom: calc(100% + 0.7rem);
+  opacity: 1;
 }
 
 .c-ra-upgrade-icon:hover .c-ra-pet-upgrade__tooltip::after {
@@ -7645,20 +7658,20 @@ kbd {
 
 .c-ra-level-up-btn {
   display: flex;
+  width: 3rem;
+  height: 5rem;
+  position: relative;
   justify-content: center;
   align-items: center;
-  height: 5rem;
-  width: 3rem;
-  background: grey;
+  font-size: 2rem;
   color: black;
+  background: grey;
   border: var(--var-border-width, 0.2rem) solid black;
   border-left: none;
   border-radius: var(--var-border-radius, 1rem);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
-  font-size: 2rem;
   transition-duration: 0.2s;
-  position: relative;
 }
 
 .s-base--metro .c-ra-level-up-btn {
@@ -7666,8 +7679,8 @@ kbd {
 }
 
 .c-ra-pet-btn--available {
-  cursor: pointer;
   background: #222222;
+  cursor: pointer;
 }
 
 .c-ra-pet-btn--available:hover {
@@ -7715,30 +7728,30 @@ kbd {
 }
 
 .c-ra-pet-btn--available__capped {
-  cursor: default;
   color: black;
+  cursor: default;
 }
 
 .l-ra-pet-middle-container {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 1.5rem 0;
   height: 4rem;
+  justify-content: center;
+  align-items: center;
+  margin: 1.5rem 0;
   padding: 0 1rem;
 }
 
 .c-alchemy-resource-info {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  border: 0.1rem solid black;
-  padding: 0.25rem 1rem;
   width: 60rem;
   height: 10rem;
+  justify-content: center;
+  text-align: center;
   font-size: 1.2rem;
+  border: 0.1rem solid black;
   margin-top: 0.5rem;
+  padding: 0.25rem 1rem;
 }
 
 .c-alchemy-resource-info--locked {
@@ -7754,25 +7767,25 @@ kbd {
 .c-reality-glyph-creation {
   display: flex;
   flex-direction: column;
-  padding: 0.25rem 1rem;
   width: 60rem;
-  font-size: 1.2rem;
   text-align: left;
+  font-size: 1.2rem;
+  padding: 0.25rem 1rem;
 }
 
 .l-alchemy-orbit-canvas {
-  position: absolute;
   overflow: visible;
   width: 100%;
   height: 100%;
+  position: absolute;
   left: 0;
 }
 
 .l-alchemy-arrow-canvas {
-  position: absolute;
   overflow: visible;
   width: 100%;
   height: 100%;
+  position: absolute;
   left: 0;
 }
 
@@ -7846,35 +7859,35 @@ kbd {
 }
 
 .o-alchemy-node {
-  color: black;
-  position: absolute;
   width: 3rem;
   height: 3rem;
-  margin-left: -1.5rem;
-  margin-top: -1.5rem;
-  -webkit-user-select: none;
-  user-select: none;
+  position: absolute;
+  z-index: 1;
   font-size: 2rem;
+  line-height: 1.9rem;
+  color: black;
+  background-color: white;
   border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 50%);
-  background-color: white;
+  margin-top: -1.5rem;
+  margin-left: -1.5rem;
   transition: all 0.2s, z-index 0s;
-  z-index: 1;
-  line-height: 1.9rem;
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 .o-alchemy-node-mask {
-  position: absolute;
   width: 2.4rem;
   height: 2.4rem;
-  left: 50%;
+  position: absolute;
   top: 50%;
-  margin-left: -1.2rem;
-  margin-top: -1.2rem;
+  left: 50%;
+  z-index: 4;
   background-color: #bbbbbb;
   border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 50%);
-  z-index: 4;
+  margin-top: -1.2rem;
+  margin-left: -1.2rem;
 }
 
 .o-alchemy-resource-arc-wrapper {
@@ -7893,36 +7906,36 @@ kbd {
 }
 
 .o-alchemy-resource-arc-spinner {
-  border-radius: var(--var-border-radius, 1.4rem 0 0 1.4rem);
   z-index: 2;
+  border-radius: var(--var-border-radius, 1.4rem 0 0 1.4rem);
   transform-origin: 100% 50%;
 }
 
 .o-alchemy-resource-arc-filler {
-  border-radius: var(--var-border-radius, 0 1.4rem 1.4rem 0);
-  z-index: 1;
   left: 50%;
+  z-index: 1;
   opacity: 0;
+  border-radius: var(--var-border-radius, 0 1.4rem 1.4rem 0);
 }
 
 .o-alchemy-resource-arc-mask {
   width: 50%;
   height: 100%;
-  border-radius: var(--var-border-radius, 1.4rem 0 0 1.4rem);
   position: absolute;
   z-index: 3;
   opacity: 1;
   background: inherit;
+  border-radius: var(--var-border-radius, 1.4rem 0 0 1.4rem);
 }
 
 .o-alchemy-node--unfocused {
-  opacity: 0.5;
   z-index: 4;
+  opacity: 0.5;
 }
 
 .o-alchemy-node--locked {
-  opacity: 0.25;
   z-index: 4;
+  opacity: 0.25;
 }
 
 .o-alchemy-node--base {
@@ -7948,19 +7961,19 @@ kbd {
 }
 
 .o-ra-teresa-switch {
-  border: var(--var-border-width, 0.2rem) solid #292929;
-  width: 5rem;
-  margin-left: -0.2rem;
-  height: 2rem;
   display: flex;
+  width: 5rem;
+  height: 2rem;
   justify-content: center;
   align-items: center;
-  font-weight: bold;
   font-size: 1.1rem;
-  cursor: pointer;
+  font-weight: bold;
   color: black;
+  border: var(--var-border-width, 0.2rem) solid #292929;
+  margin-left: -0.2rem;
   -webkit-user-select: none;
   user-select: none;
+  cursor: pointer;
 }
 
 .o-ra-teresa-switch-active {
@@ -7991,15 +8004,15 @@ kbd {
 
 .o-laitela-run-button {
   width: 22rem;
-  padding: 2rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  color: var(--color-laitela--accent);
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  background: var(--color-laitela--base);
+  height: 84rem;
   font-family: Typewriter;
   font-size: 1.2rem;
-  height: 84rem;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
   margin-right: 1rem;
+  padding: 2rem;
 }
 
 .o-laitela-run-button--large {
@@ -8014,15 +8027,15 @@ kbd {
 .c-dark-matter-dimension-container {
   display: flex;
   flex-direction: column;
-  color: var(--color-laitela--accent);
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  background: var(--color-laitela--base);
   width: 50rem;
-  margin: auto;
-  padding: 0.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  margin-bottom: 1rem;
   height: 15rem;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: auto;
+  margin-bottom: 1rem;
+  padding: 0.5rem;
 }
 
 .o-dark-matter-dimension-amount {
@@ -8033,30 +8046,30 @@ kbd {
 .c-dark-matter-dimension-buttons {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
   width: 47.5rem;
   height: 6rem;
+  justify-content: space-between;
 }
 
 .o-dark-matter-dimension-button {
   width: 15rem;
   height: 5rem;
-  margin-bottom: 1rem;
   font-family: Typewriter;
   color: var(--color-laitela--accent);
   background: var(--color-laitela--base);
   border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
   border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 1rem;
   transition-duration: 0.15s;
 }
 
 .o-dark-matter-dimension-button--available {
+  font-weight: bold;
   color: var(--color-laitela--base);
   background: var(--color-laitela--accent);
   border-color: var(--color-laitela--accent);
   box-shadow: 0 0 0.5rem 0.1rem inset, 0 0 0.3rem 0;
   cursor: pointer;
-  font-weight: bold;
 }
 
 .o-dark-matter-dimension-button--available:hover {
@@ -8066,13 +8079,13 @@ kbd {
 }
 
 .o-dark-matter-dimension-button--ascend {
+  font-weight: bold;
   color: var(--color-laitela--base);
   background: var(--color-laitela--accent);
   border-color: var(--color-laitela--accent);
   box-shadow: 0 0 0.5rem 0.1rem inset, 0 0 0.3rem 0;
-  cursor: pointer;
-  font-weight: bold;
   animation: 3s a-laitela-flash infinite;
+  cursor: pointer;
 }
 
 .o-dark-matter-dimension-button--accent {
@@ -8121,49 +8134,49 @@ kbd {
 
 .l-laitela-mechanics-container {
   display: flex;
-  align-items: flex-start;
   justify-content: center;
+  align-items: flex-start;
 }
 
 .c-laitela-milestone {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  height: 16%;
   width: 22rem;
-  background: var(--color-laitela--base);
-  padding: 0.6rem;
-  margin: 1rem 0 0;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: 0.1rem solid;
+  height: 16%;
   position: relative;
   z-index: 0;
+  justify-content: center;
   color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: 1rem 0 0;
+  padding: 0.6rem;
 }
 
 .c-laitela-milestone > span {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
   justify-content: space-around;
 }
 
 .c-laitela-milestone__progress {
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
   z-index: -1;
 }
 
 .c-laitela-milestone--bar-border-fix {
-  position: absolute;
-  height: calc(100% + 0.2rem);
   width: calc(100% + 0.2rem);
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid;
+  height: calc(100% + 0.2rem);
+  position: absolute;
   z-index: 1;
   color: var(--color-laitela--accent);
+  border: var(--var-border-width, 0.2rem) solid;
+  border-radius: var(--var-border-radius, 0.5rem);
   margin: -0.7rem;
 }
 
@@ -8172,54 +8185,54 @@ kbd {
 }
 
 .c-laitela-milestone-mask {
+  z-index: 0;
   background-color: white;
   mix-blend-mode: difference;
-  z-index: 0;
 }
 
 .c-laitela-milestone--completed {
-  filter: brightness(10%);
-  left: 1.5rem;
-  top: -1.5rem;
-  height: 21.8rem;
   width: 18.8rem;
-  transform: rotate(90deg);
+  height: 21.8rem;
+  top: -1.5rem;
+  left: 1.5rem;
+  background-color: transparent;
   background-image: url("../images/laitela-icon.svg");
   background-position: center;
   background-repeat: repeat-y;
-  background-color: transparent;
+  transform: rotate(90deg);
+  filter: brightness(10%);
 }
 
 .c-laitela-singularity-container {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  width: 96rem;
-  margin: auto;
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  border-radius: var(--var-border-radius, 0.5rem);
-  margin-bottom: 1rem;
   display: flex;
+  width: 96rem;
   justify-content: space-around;
   align-items: center;
-  padding: 1rem;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: auto;
   margin-top: 1rem;
+  margin-bottom: 1rem;
+  padding: 1rem;
 }
 
 .c-laitela-singularity {
-  color: white;
-  background: black;
-  padding: 2rem;
   width: 40rem;
   height: 11rem;
+  color: white;
+  background: black;
   border: var(--var-border-width, 0.2rem) solid white;
   border-radius: var(--var-border-radius, 0.5rem);
+  padding: 2rem;
   transition-duration: 0.15s;
 }
 
 .c-laitela-singularity h2 {
-  margin: 0;
   font-family: Typewriter;
   font-size: 1.5rem;
+  margin: 0;
 }
 
 .c-laitela-singularity--active {
@@ -8233,16 +8246,16 @@ kbd {
 }
 
 .c-laitela-singularity__cap-control {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 1rem;
   width: 20rem;
-  margin-bottom: 1rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  border-radius: var(--var-border-radius, 0.5rem);
   font-family: Typewriter;
   font-size: 1.1rem;
   font-weight: bold;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 1rem;
+  padding: 1rem;
   transition-duration: 0.15s;
 }
 
@@ -8260,9 +8273,9 @@ kbd {
 }
 
 .l-singularity-milestone-modal-container-outer {
-  height: 50rem;
-  overflow-y: scroll;
   overflow-x: hidden;
+  overflow-y: scroll;
+  height: 50rem;
 }
 
 .l-singularity-milestone-modal-container-outer::-webkit-scrollbar {
@@ -8280,8 +8293,8 @@ kbd {
 .l-singularity-milestone-modal-container-inner {
   display: flex;
   flex-wrap: wrap;
-  height: 120rem;
   width: 93rem;
+  height: 120rem;
   justify-content: space-evenly;
   padding-bottom: 2rem;
 }
@@ -8291,28 +8304,28 @@ kbd {
 }
 
 .l-singularity-milestone-sort-container {
-  position: relative;
-  left: -0.5rem;
   display: flex;
   flex-direction: row;
-  margin-top: 0.5rem;
+  position: relative;
+  left: -0.5rem;
   border: 0.1rem solid var(--color-laitela--accent);
+  margin-top: 0.5rem;
   padding: 1rem 0.5rem;
 }
 
 .c-singularity-milestone-modal-sort-button {
-  height: 6rem;
   width: 22rem;
+  height: 6rem;
   font-family: Typewriter, serif;
-  font-weight: bold;
   font-size: 1.3rem;
+  font-weight: bold;
   color: var(--color-laitela--accent);
   background-color: var(--color-laitela--base);
   border: 0.1rem solid var(--color-laitela--accent);
   border-radius: var(--var-border-radius, 0.5rem);
-  cursor: pointer;
   margin: 0 0.5rem;
   transition-duration: 0.15s;
+  cursor: pointer;
 }
 
 .c-singularity-milestone-modal-sort-button:hover {
@@ -8321,17 +8334,17 @@ kbd {
 }
 
 .o-laitela-singularity-modal-button {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 0.6rem;
-  margin: 0;
-  font-weight: bold;
   width: 22rem;
   height: 4%;
-  border-radius: var(--var-border-radius, 0.5rem);
+  font-weight: bold;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
   border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  cursor: pointer;
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: 0;
+  padding: 0.6rem;
   transition-duration: 0.15s;
+  cursor: pointer;
 }
 
 .o-laitela-singularity-modal-button:hover {
@@ -8340,24 +8353,24 @@ kbd {
 }
 
 .o-laitela-singularity-locked {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 0.6rem;
-  margin: 0;
-  font-weight: bold;
   width: 22rem;
   height: 4%;
-  border-radius: var(--var-border-radius, 0.5rem);
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
   font-size: 20px;
+  font-weight: bold;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin: 0;
+  padding: 0.6rem;
   padding-top: 10rem;
 }
 
 .c-laitela-next-milestones {
-  margin-left: 1rem;
   display: flex;
   flex-direction: column;
   height: 84rem;
+  margin-left: 1rem;
 }
 
 @keyframes a-dark-energy-glow {
@@ -8367,25 +8380,25 @@ kbd {
 }
 
 .o-laitela-run-button__icon {
-  height: 12rem;
   width: 12rem;
-  border-radius: 50%;
+  height: 12rem;
+  align-items: center;
   background-color: black;
   background-image: url("../images/laitela-icon.svg");
   background-position: center;
   background-repeat: repeat-y;
   background-size: 4.95rem;
-  align-items: center;
-  margin: 1.5rem auto;
   border: var(--var-border-width, 0.4rem) solid var(--color-laitela--accent);
-  animation: a-laitela-run-button__icon--scroll 15s infinite linear;
+  border-radius: 50%;
+  margin: 1.5rem auto;
   transition-duration: 0.2s;
+  animation: a-laitela-run-button__icon--scroll 15s infinite linear;
   cursor: pointer;
 }
 
 .o-laitela-run-button__icon:hover {
-  background-image: url("../images/laitela-icon-dark.svg");
   background-color: white;
+  background-image: url("../images/laitela-icon-dark.svg");
 }
 
 .o-laitela-run-button__icon--running {
@@ -8398,31 +8411,31 @@ kbd {
 }
 
 .l-laitela-annihilation-container {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 1rem;
   width: 50rem;
   height: 20rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  border-radius: var(--var-border-radius, 0.5rem);
   font-family: Typewriter, serif;
   font-size: 1.2rem;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 1rem;
 }
 
 .l-laitela-annihilation-button {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 0.5rem;
   width: 35rem;
   height: 3rem;
+  font-family: Typewriter, serif;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
   border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
   border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter, serif;
+  padding: 0.5rem;
 }
 
 .c-laitela-annihilation-button {
-  cursor: pointer;
   transition-duration: 0.3s;
+  cursor: pointer;
 }
 
 .c-laitela-annihilation-button h2 {
@@ -8434,8 +8447,8 @@ kbd {
 }
 
 .c-laitela-annihilation-button:hover {
-  background: var(--color-laitela--accent);
   color: var(--color-laitela--base) !important; /* h2 color overrides this */
+  background: var(--color-laitela--accent);
 }
 
 .c-laitela-annihilation-input {
@@ -8443,18 +8456,18 @@ kbd {
 }
 
 .c-laitela-automation-toggle {
-  color: var(--color-laitela--accent);
-  background: var(--color-laitela--base);
-  padding: 0.5rem;
   width: 20rem;
   height: 3rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
-  border-radius: var(--var-border-radius, 0.5rem);
-  cursor: pointer;
   font-family: Typewriter;
   font-size: 1.1rem;
   font-weight: bold;
+  color: var(--color-laitela--accent);
+  background: var(--color-laitela--base);
+  border: var(--var-border-width, 0.2rem) solid var(--color-laitela--accent);
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.5rem;
   transition-duration: 0.15s;
+  cursor: pointer;
 }
 
 .c-laitela-automation-toggle:hover {
@@ -8470,21 +8483,21 @@ kbd {
 
 .c-performance-stats {
   width: 25rem;
-  padding: 0.3rem;
   position: fixed;
   top: 0;
   left: 0;
-  border: 0.1rem solid black;
+  z-index: 999;
   text-align: left;
   background-color: whitesmoke;
-  z-index: 999;
+  border: 0.1rem solid black;
+  padding: 0.3rem;
 }
 
 .c-glyph-level-factors-dropdown-header {
-  color: var(--color-reality-light);
   width: calc(100% - 1rem);
-  font-weight: bold;
   text-align: center;
+  font-weight: bold;
+  color: var(--color-reality-light);
   background: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
@@ -8504,74 +8517,77 @@ kbd {
 }
 
 .l-glyph-levels-and-weights__adjust-label {
-  grid-column: 4;
-  -ms-grid-column-span: 2;
-  grid-row: 5;
   white-space: nowrap;
+  grid-row: 5;
+  grid-column: 4;
+  z-index: 2;
   font-weight: bold;
   padding: 0.25rem 0 0.25rem 1rem;
-  z-index: 2;
+
+  -ms-grid-column-span: 2;
 }
 
 .l-glyph-levels-and-weights__adjust-auto {
-  grid-column: 4;
-  -ms-grid-column-span: 2;
-  grid-row: 6;
   white-space: nowrap;
+  grid-row: 6;
+  grid-column: 4;
+  z-index: 2;
   font-weight: bold;
   padding: 0.25rem 0 0.25rem 1rem;
-  z-index: 2;
+
+  -ms-grid-column-span: 2;
 }
 
 .l-glyph-levels-and-weights__adjust-outline {
+  grid-row: 1;
   grid-column: 4 / 5;
   grid-column: 4;
-  -ms-grid-column-span: 1;
-  grid-row: 1;
   position: relative;
+
+  -ms-grid-column-span: 1;
 }
 
 .l-glyph-levels-and-weights__adjust-outline::after {
   content: "";
   position: absolute;
-  border: var(--var-border-width, 0.2rem) solid var(--color-reality-light);
-  border-radius: var(--var-border-radius, 0.5rem);
   top: -0.5rem;
+  right: -0.5rem;
   bottom: -0.5rem;
   left: -0.5rem;
-  right: -0.5rem;
+  border: var(--var-border-width, 0.2rem) solid var(--color-reality-light);
+  border-radius: var(--var-border-radius, 0.5rem);
 }
 
 .l-glyph-levels-and-weights__factor {
+  display: flex;
   grid-column: 1;
+  align-items: center;
   text-align: left;
-  padding-left: 1rem;
   padding-top: 0.3rem;
   padding-bottom: 0.3rem;
-  display: flex;
-  align-items: center;
+  padding-left: 1rem;
 }
 
 .l-glyph-levels-and-weights__operator {
-  grid-column: 2;
   display: flex;
+  grid-column: 2;
   align-items: center;
   padding-left: 1rem;
 }
 
 .l-glyph-levels-and-weights__factor-val {
-  grid-column: 3;
-  text-align: right;
-  padding-left: 1rem;
   display: flex;
-  align-items: center;
+  grid-column: 3;
   justify-content: flex-end;
+  align-items: center;
+  text-align: right;
   padding-right: 2rem;
+  padding-left: 1rem;
 }
 
 .l-glyph-levels-and-weights__slider {
-  grid-column: 4;
   display: flex;
+  grid-column: 4;
   align-items: center;
   margin-top: 0.4rem;
   margin-bottom: 0.4rem;
@@ -8588,8 +8604,8 @@ kbd {
 .c-glyph-levels-and-weights__slider-handle {
   color: var(--color-reality-light);
   background-color: black;
-  box-shadow: 0 0 0 0.1rem var(--color-reality-light);
   border-radius: var(--var-border-radius, 0.8rem);
+  box-shadow: 0 0 0 0.1rem var(--color-reality-light);
   transition-duration: 0.2s;
 }
 
@@ -8605,8 +8621,8 @@ kbd {
 .c-glyph-levels-and-weights__reset-btn {
   color: var(--color-reality-light);
   background-color: black;
-  border-radius: var(--var-border-radius, 0.5rem);
   border: 0.1rem solid var(--color-reality-light);
+  border-radius: var(--var-border-radius, 0.5rem);
   padding: 0.2rem 0.5rem;
   transition-duration: 0.2s;
   cursor: pointer;
@@ -8618,14 +8634,14 @@ kbd {
 }
 
 .c-glyph-levels-and-weights__auto-btn {
-  font-size: 1rem;
+  height: 2.5rem;
   font-family: Typewriter;
+  font-size: 1rem;
   font-weight: bold;
   color: var(--color-reality-light);
   background-color: black;
-  height: 2.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
   border: 0.1rem solid var(--color-reality-light);
+  border-radius: var(--var-border-radius, 0.5rem);
   padding: 0.2rem 0.5rem;
   transition-duration: 0.2s;
   cursor: pointer;
@@ -8637,15 +8653,15 @@ kbd {
 }
 
 .o-questionmark {
-  border-radius: var(--var-border-radius, 50%);
-  border: 0.1rem solid;
+  display: inline-flex;
   width: 1.2rem;
   height: 1.2rem;
-  font-size: 1rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   z-index: 2;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 50%);
   -webkit-user-select: none;
   user-select: none;
 }
@@ -8659,8 +8675,8 @@ kbd {
 .l-reality-button-column {
   display: flex;
   flex-direction: column;
-  align-items: center;
   width: 44rem;
+  align-items: center;
   margin-right: 2rem;
 }
 
@@ -8676,25 +8692,25 @@ kbd {
 .l-reality-button-group-half {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
   width: 50%;
+  justify-content: space-between;
   padding: 0.5rem;
 }
 
 .l-player-glyphs-column {
   display: flex;
   flex-direction: column;
-  padding-top: 1rem;
-  justify-content: flex-start;
   width: 65rem;
+  justify-content: flex-start;
+  padding-top: 1rem;
 }
 
 .l-reality-upgrade-grid {
   display: flex;
   flex-direction: column;
-  margin-top: 1.2rem;
   width: 100%;
   align-items: center;
+  margin-top: 1.2rem;
 }
 
 .l-reality-upgrade-grid__row {
@@ -8703,27 +8719,27 @@ kbd {
 }
 
 .l-reality-upgrade-btn {
-  height: 10rem;
-  padding: 0 0.5rem;
   display: flex;
+  flex-direction: column;
+  width: 20.5rem;
+  height: 10rem;
+  position: relative;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
-  position: relative;
-  width: 20.5rem;
   margin: 1.2rem;
+  padding: 0 0.5rem;
 }
 
 .c-reality-upgrade-btn {
+  text-align: center;
+  font-family: Typewriter, serif;
+  font-size: 1rem;
+  color: var(--color-reality-light);
   background-color: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-reality);
   border-radius: var(--var-border-radius, 0.5rem);
-  color: var(--color-reality-light);
-  cursor: pointer;
   transition-duration: 0.15s;
-  text-align: center;
-  font-size: 1rem;
-  font-family: Typewriter, serif;
+  cursor: pointer;
 }
 
 .c-reality-upgrade-btn__requirement {
@@ -8741,15 +8757,15 @@ kbd {
 }
 
 .c-reality-upgrade-btn--unavailable:hover {
-  background-color: #656565;
   color: var(--color-reality-light);
+  background-color: #656565;
 }
 
 .c-reality-upgrade-btn--useless {
   background-color: var(--color-pelle--base);
   border-color: #4a110b;
-  cursor: default;
   filter: grayscale(50%);
+  cursor: default;
 }
 
 .c-reality-upgrade-btn--useless:hover {
@@ -8770,14 +8786,14 @@ kbd {
 }
 
 .c-reality-upgrade-btn--possible {
-  background-color: #8b8529;
   color: black;
+  background-color: #8b8529;
   cursor: default;
 }
 
 .c-reality-upgrade-btn--possible:hover {
-  background-color: #8b8529;
   color: black;
+  background-color: #8b8529;
 }
 
 .c-reality-upgrade-btn--locked {
@@ -8786,13 +8802,13 @@ kbd {
 }
 
 .c-reality-upgrade-btn--locked:hover {
-  background-color: #a53939;
   color: var(--color-reality-light);
+  background-color: #a53939;
 }
 
 .c-reality-upgrade-btn--black-hole-unlock {
-  margin: auto;
   text-shadow: -0.1rem 0.1rem 0.3rem var(--color-reality-light);
+  margin: auto;
 }
 
 .t-dark .c-reality-upgrade-btn--unavailable {
@@ -8812,8 +8828,8 @@ kbd {
 
 .t-s6.c-reality-upgrade-btn--unavailable:hover,
 .t-s10.c-reality-upgrade-btn--unavailable:hover {
-  background-color: #656565;
   color: var(--color-reality-light);
+  background-color: #656565;
 }
 
 .t-s6.c-reality-upgrade-btn--bought,
@@ -8851,9 +8867,9 @@ kbd {
 }
 
 .c-black-hole-canvas {
-  margin-top: 0.5rem;
   border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 0.4rem);
+  margin-top: 0.5rem;
 }
 
 .t-s1 .c-black-hole-canvas {
@@ -8916,21 +8932,21 @@ kbd {
 }
 
 .o-automator-command {
-  border: 0.1rem solid #353535;
-  padding: 0.5rem;
   display: inline-block;
-  background: #000115;
-  color: #c080ff;
-  border-radius: var(--var-border-radius, 0.5rem);
   width: 8.5rem;
+  color: #c080ff;
+  background: #000115;
+  border: 0.1rem solid #353535;
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.5rem;
   -webkit-user-select: none;
   user-select: none;
   cursor: grab;
 }
 
 .c-automator-docs .o-automator-command {
-  margin-bottom: 0.5rem;
   margin-right: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 .o-automator-command--ghost {
@@ -8939,8 +8955,8 @@ kbd {
 
 .c-automator-command-list {
   display: flex;
-  align-items: center;
   flex-wrap: wrap;
+  align-items: center;
 }
 
 .c-automator-block-row {
@@ -8960,19 +8976,19 @@ kbd {
 .c-automator-block-row-ghost {
   display: block;
   margin: auto;
-  margin-left: 0;
   margin-bottom: 0.5rem;
+  margin-left: 0;
 }
 
 .c-automator-block-editor {
   overflow-y: scroll;
+  tab-size: 1.5rem;
   height: 100%;
   background-color: black;
   border-top-left-radius: var(--var-border-radius, 1rem);
   border-bottom-left-radius: var(--var-border-radius, 1rem);
   box-sizing: border-box;
   padding: 0.5rem;
-  tab-size: 1.5rem;
 }
 
 .s-base--metro .c-automator-block-editor::-webkit-scrollbar-thumb {
@@ -8980,14 +8996,14 @@ kbd {
 }
 
 .o-automator-block-input {
-  border: 0.1rem solid #353535;
-  padding: 0.5rem;
   display: inline-block;
-  background: #000115;
-  color: #007f7f;
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-size: 1.1rem;
   font-family: Typewriter, serif;
+  font-size: 1.1rem;
+  color: #007f7f;
+  background: #000115;
+  border: 0.1rem solid #353535;
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 0.5rem;
 }
 
 input.o-automator-block-input {
@@ -8996,26 +9012,26 @@ input.o-automator-block-input {
 
 .l-automator-nested-block {
   width: fit-content;
-  padding: 1rem;
-  border: var(--var-border-width, 2px) dotted #55ff55;
-  margin-left: 3rem;
-  margin-top: 0.5rem;
   min-width: 30rem;
+  border: var(--var-border-width, 2px) dotted #55ff55;
+  margin-top: 0.5rem;
+  margin-left: 3rem;
+  padding: 1rem;
 }
 
 .o-automator-block-delete {
-  color: #ff3333;
   font-size: 1.7rem;
+  color: #ff3333;
   cursor: pointer;
 }
 
 .c-automator-template-container {
   display: flex;
   flex-direction: column;
+  width: 70rem;
+  height: 65rem;
   justify-content: space-between;
   margin: 1rem;
-  height: 65rem;
-  width: 70rem;
 }
 
 .c-automator-template-description {
@@ -9035,9 +9051,9 @@ input.o-automator-block-input {
 }
 
 .c-automator-template-textbox {
+  text-align: center;
   border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 0.3rem);
-  text-align: center;
 }
 
 .c-automator-template-textbox--preset {
@@ -9051,33 +9067,35 @@ input.o-automator-block-input {
 .c-perk-tab {
   display: flex;
   flex-direction: column;
-  align-items: center;
   position: relative;
+  align-items: center;
 }
 
 .c-perk-network {
-  position: relative;
   overflow: hidden;
-  touch-action: pan-y;
-  -webkit-user-select: none;
-  user-select: none;
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
   width: 60rem;
   height: 60rem;
+  position: relative;
   border: var(--var-border-width, 0.2rem) solid black;
   border-radius: var(--var-border-radius, 0.4rem);
+  -webkit-user-select: none;
+  user-select: none;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
+  touch-action: pan-y;
+  -webkit-user-drag: none;
 }
 
 .c-perk-network__canvas {
-  position: relative;
-  touch-action: none;
-  -webkit-user-select: none;
-  user-select: none;
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
   width: 100%;
   height: 100%;
+  position: relative;
+  -webkit-user-select: none;
+  user-select: none;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
+  touch-action: none;
+  -webkit-user-drag: none;
 }
 
 /* #startregion h2p tab */
@@ -9085,17 +9103,17 @@ input.o-automator-block-input {
 .l-h2p-modal {
   display: flex;
   flex-direction: column;
-  margin: 0.5rem;
   /* stylelint-disable-next-line unit-allowed-list */
   width: calc(100vw - 20vh);
   /* stylelint-disable-next-line unit-allowed-list */
   height: calc(100vh - 20vh);
+  margin: 0.5rem;
 }
 
 .l-h2p-container {
   display: flex;
-  flex-direction: row;
   flex: 1 1 50rem;
+  flex-direction: row;
   margin: 2rem 0;
 }
 
@@ -9111,15 +9129,15 @@ input.o-automator-block-input {
 }
 
 .l-h2p-info {
-  flex: 1 1 50rem;
   display: flex;
+  flex: 1 1 50rem;
   flex-direction: column;
 }
 
 .c-h2p-title {
+  font-size: 3rem;
   -webkit-user-select: none;
   user-select: none;
-  font-size: 3rem;
 }
 
 .c-h2p-body {
@@ -9128,8 +9146,8 @@ input.o-automator-block-input {
 }
 
 .l-h2p-body {
-  flex: 1 1 30rem;
   overflow-y: scroll;
+  flex: 1 1 30rem;
   margin: 1rem 1rem 0;
   padding: 0.5rem;
 }
@@ -9151,19 +9169,19 @@ input.o-automator-block-input {
 }
 
 .c-h2p-search-bar {
-  font-size: 1.5rem;
   width: calc(100% - 1rem);
+  font-size: 1.5rem;
   padding: 0.2rem;
 }
 
 .l-h2p-tab-list {
   display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
   overflow-y: auto;
-  margin: 0.5rem 0.5rem 0;
   flex: 1 0.8 40rem;
+  flex-direction: column;
+  justify-content: flex-start;
   scrollbar-width: thin;
+  margin: 0.5rem 0.5rem 0;
 }
 
 .l-h2p-tab-list::-webkit-scrollbar {
@@ -9180,10 +9198,10 @@ input.o-automator-block-input {
 
 .o-h2p-tab-button {
   font-size: 1.25rem;
-  cursor: pointer;
   border-bottom: 0.1rem solid black;
   padding: 0.3rem 0.5rem 0.3rem 0;
   transition: all 0.2s;
+  cursor: pointer;
 }
 
 .o-h2p-tab-button:hover,
@@ -9196,17 +9214,17 @@ input.o-automator-block-input {
 }
 
 .l-help-me {
+  width: 2rem;
+  height: 2rem;
   position: absolute;
   top: 1rem;
-  width: 2rem;
   right: 2rem;
-  height: 2rem;
-  border-radius: var(--var-border-radius, 50%);
-  line-height: 1.9rem;
-  font-size: 1.5rem;
-  cursor: pointer;
-  font-weight: 500;
   z-index: 1;
+  font-size: 1.5rem;
+  font-weight: 500;
+  line-height: 1.9rem;
+  border-radius: var(--var-border-radius, 50%);
+  cursor: pointer;
 }
 
 .l-information {
@@ -9221,35 +9239,35 @@ input.o-automator-block-input {
   display: flex;
   flex-wrap: wrap;
   width: 61rem;
-  justify-content: center;
   position: relative;
+  justify-content: center;
 }
 
 .c-hide-modal-all-subtab-container {
-  border-radius: var(--var-border-radius, 0.8rem);
   border: 0.1rem solid black;
+  border-radius: var(--var-border-radius, 0.8rem);
   padding: 0.2rem;
   cursor: pointer;
 }
 
 .c-hide-modal-tab-button {
-  color: var(--color-text);
-  background-color: var(--color-base);
-  font: 1rem Typewriter, serif;
   display: flex;
+  white-space: normal;
+  width: 12rem;
+  height: 3.4rem;
   justify-content: center;
   align-items: center;
-  height: 3.4rem;
-  width: 12rem;
-  margin: 0.2rem;
+  font: 1rem Typewriter, serif;
+  font-weight: bold;
+  color: var(--color-text);
+  background-color: var(--color-base);
   border: 0.1rem solid black;
   border-radius: var(--var-border-radius, 0.4rem);
   box-shadow: none;
-  white-space: normal;
-  font-weight: bold;
-  cursor: pointer;
-  transition-duration: 0.2s;
+  margin: 0.2rem;
   padding: 0.3rem 1rem;
+  transition-duration: 0.2s;
+  cursor: pointer;
 }
 
 .c-hide-modal-tab-button:hover {
@@ -9339,14 +9357,14 @@ input.o-automator-block-input {
 
 .tutorial--glow::after {
   content: "";
-  position: absolute;
   width: 100%;
   height: 100%;
-  background: gold;
-  animation: opacity 3s infinite;
+  position: absolute;
   top: 0;
   left: 0;
+  background: gold;
   border-radius: var(--var-border-radius, inherit);
+  animation: opacity 3s infinite;
 }
 
 .o-celestial-nav__hoverable .tooltiptext {
@@ -9363,9 +9381,9 @@ input.o-automator-block-input {
 }
 
 .c-celestial-nav__test-ring:hover {
-  fill: red;
   stroke: black;
   stroke-width: 2;
+  fill: red;
 }
 
 .c-celestial-nav__test-complete {
@@ -9382,15 +9400,15 @@ input.o-automator-block-input {
 
 .o-celestial-nav__symbol {
   text-anchor: middle;
-  font-weight: bold;
   font-family: "Font Awesome";
+  font-weight: bold;
 }
 
 .o-celestial-nav__legend-arrow {
   stroke: #cccccc;
-  fill: none;
-  stroke-linecap: butt;
   stroke-width: 2;
+  stroke-linecap: butt;
+  fill: none;
 }
 
 .o-celestial-nav__hoverable:hover .o-celestial-nav__legend-arrow {
@@ -9399,9 +9417,9 @@ input.o-automator-block-input {
 
 .o-celestial-nav__legend-outline {
   stroke: none;
-  fill: none;
-  stroke-linecap: butt;
   stroke-width: 2;
+  stroke-linecap: butt;
+  fill: none;
 }
 
 .o-celestial-nav__hoverable:hover .o-celestial-nav__legend-outline {
@@ -9410,8 +9428,8 @@ input.o-automator-block-input {
 
 .o-celestial-nav__node-overlay {
   stroke: transparent;
-  fill: transparent;
   stroke-width: 12;
+  fill: transparent;
 }
 
 .o-celestial-nav__legend-text {
@@ -9425,36 +9443,36 @@ input.o-automator-block-input {
 }
 
 .o-no-mouse {
+  pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
-  pointer-events: none;
 }
 
 .tooltiptext {
+  pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
-  pointer-events: none;
 }
 
 .l-celestial-navigation {
-  margin: auto;
   border: var(--var-border-width, 0.2rem) solid black;
   border-radius: var(--var-border-radius, 5px);
+  margin: auto;
 
   /* background: #1a1a1a; */
 }
 
 .c-autobuyer-buy-box {
   display: flex;
+  width: 90rem;
+  height: 6.4rem;
   justify-content: center;
   align-items: center;
-  height: 6.4rem;
   font-size: 1.5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
   border-width: var(--var-border-width, 0.2rem);
+  border-radius: var(--var-border-radius, 0.5rem);
   margin: 0.5rem;
   padding: 1rem;
-  width: 90rem;
 }
 
 .t-s6 .c-autobuyer-buy-box,
diff --git a/public/stylesheets/theme-Dark Metro.css b/public/stylesheets/theme-Dark Metro.css
index 5aa679df3..d4d1e1810 100644
--- a/public/stylesheets/theme-Dark Metro.css	
+++ b/public/stylesheets/theme-Dark Metro.css	
@@ -1,12 +1,12 @@
 body.t-dark-metro {
+  color: #757575;
   background-image: url("../images/dark-bg.png");
   background-position: center;
-  color: #757575;
 }
 
 .t-dark-metro .c-tt-buy-button--unlocked {
-  background: #212121;
   color: #00bcd4;
+  background: #212121;
   border: 0.1rem solid #00bcd4;
 }
 
diff --git a/public/stylesheets/theme-Dark.css b/public/stylesheets/theme-Dark.css
index 56016fecd..f6e973a82 100644
--- a/public/stylesheets/theme-Dark.css
+++ b/public/stylesheets/theme-Dark.css
@@ -1,7 +1,7 @@
 body.t-dark {
+  color: #888888;
   background-image: url("../images/dark-bg.png");
   background-position: center;
-  color: #888888;
 }
 
 input.t-dark {
diff --git a/public/stylesheets/theme-Inverted Metro.css b/public/stylesheets/theme-Inverted Metro.css
index e29caa5f5..f25881cdd 100644
--- a/public/stylesheets/theme-Inverted Metro.css	
+++ b/public/stylesheets/theme-Inverted Metro.css	
@@ -24,8 +24,8 @@ body.t-inverted-metro {
 }
 
 .t-inverted-metro .c-tt-buy-button--unlocked {
-  background: #212121;
   color: #00bcd4;
+  background: #212121;
   border: 0.1rem solid #00bcd4;
 }
 
diff --git a/public/stylesheets/theme-Metro.css b/public/stylesheets/theme-Metro.css
index 4279a1295..97e8ab2f3 100644
--- a/public/stylesheets/theme-Metro.css
+++ b/public/stylesheets/theme-Metro.css
@@ -1,6 +1,6 @@
 .t-metro .c-tt-buy-button--unlocked {
-  background: #212121;
   color: #00bcd4;
+  background: #212121;
   border: 0.1rem solid #00bcd4;
 }
 
diff --git a/public/stylesheets/theme-S1.css b/public/stylesheets/theme-S1.css
index b8269f381..74b170e0a 100644
--- a/public/stylesheets/theme-S1.css
+++ b/public/stylesheets/theme-S1.css
@@ -1,10 +1,10 @@
 html {
-  background: url("../images/s1-bg.svg") no-repeat;
   align-content: center;
-  background-size: 100%;
-  background-color: #d72621;
+  background: url("../images/s1-bg.svg") no-repeat;
   background-attachment: fixed;
+  background-color: #d72621;
   background-position: center bottom;
+  background-size: 100%;
 }
 
 body.t-s1 {
@@ -37,16 +37,16 @@ body.t-s1 {
 
 #snow {
   display: block !important;
-  background-image: url("../images/snow1.png"), url("../images/snow2.png"), url("../images/snow3.png");
-  height: 100%;
   width: 100%;
-  left: 0;
-  top: 0;
+  height: 100%;
   position: fixed;
+  top: 0;
+  left: 0;
   z-index: 0;
   opacity: 1;
-  pointer-events: none;
+  background-image: url("../images/snow1.png"), url("../images/snow2.png"), url("../images/snow3.png");
   animation: snow 10s linear infinite, snowFade 10s cubic-bezier(0, 0.3, 1, 0.7) infinite;
+  pointer-events: none;
 }
 
 @keyframes snow {
diff --git a/public/stylesheets/theme-S10.css b/public/stylesheets/theme-S10.css
index 30708b75f..2b33276ba 100644
--- a/public/stylesheets/theme-S10.css
+++ b/public/stylesheets/theme-S10.css
@@ -1,14 +1,14 @@
 .t-s10 #stars {
   display: block;
 
-  /* Make video to at least 100% wide and tall */
-  min-width: 100%;
-  min-height: 100%;
-
   /* Setting width & height to auto prevents the browser from stretching or squishing the video */
   width: auto;
   height: auto;
 
+  /* Make video to at least 100% wide and tall */
+  min-width: 100%;
+  min-height: 100%;
+
   /* Center the video */
   position: absolute;
   top: 50%;
@@ -21,8 +21,8 @@ body.t-s10 {
   color: #999999;
   background: black;
   background-image: url("../images/stars-bg.png");
-  background-size: 100%;
   background-position: center;
+  background-size: 100%;
 }
 
 .t-s10 .c-tt-amount {
diff --git a/public/stylesheets/theme-S11.css b/public/stylesheets/theme-S11.css
index 20523ae39..06e482ea4 100644
--- a/public/stylesheets/theme-S11.css
+++ b/public/stylesheets/theme-S11.css
@@ -6,8 +6,8 @@
 body.t-s11 {
   color: #999999;
   background: black;
-  background-size: 100%;
   background-position: center;
+  background-size: 100%;
 }
 
 .t-s11 .c-tt-amount {
@@ -52,9 +52,9 @@ body.t-s11 {
 }
 
 .o-tachyon-particle {
+  fill: orange !important;
   font-family: Typewriter;
   font-size: 20px;
-  fill: orange !important;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
diff --git a/public/stylesheets/theme-S2.css b/public/stylesheets/theme-S2.css
index 4b26ae090..f9145f2fd 100644
--- a/public/stylesheets/theme-S2.css
+++ b/public/stylesheets/theme-S2.css
@@ -1,9 +1,9 @@
 html {
   background: url("../images/s2-bg.svg") no-repeat;
+  background-color: white;
   background-position-x: 50%;
   background-position-y: 50%;
   background-size: 50%;
-  background-color: white;
 }
 
 body {
diff --git a/public/stylesheets/theme-S4.css b/public/stylesheets/theme-S4.css
index e2862942e..a64422f09 100644
--- a/public/stylesheets/theme-S4.css
+++ b/public/stylesheets/theme-S4.css
@@ -1,6 +1,4 @@
 * {
-  border-radius: 40% !important;
-  box-shadow: 1px 1px 1px 0 #9e9e9e;
   font-family:
     "Comic Sans MS",
     cursive,
@@ -10,12 +8,14 @@
     fab,
     "Font Awesome 6 Brands",
     "Font Awesome 6 Free" !important;
+  border-radius: 40% !important;
+  box-shadow: 1px 1px 1px 0 #9e9e9e;
 }
 
 html {
-  background-color: #ff00ff;
   color: black !important;
   background-attachment: fixed;
+  background-color: #ff00ff;
   background-position: center bottom;
   border: 0.1rem solid white !important;
 }
diff --git a/public/stylesheets/theme-S6.css b/public/stylesheets/theme-S6.css
index 30c44098b..641c497c4 100644
--- a/public/stylesheets/theme-S6.css
+++ b/public/stylesheets/theme-S6.css
@@ -1,14 +1,14 @@
 .t-s6 #stars {
   display: block;
 
-  /* Make video to at least 100% wide and tall */
-  min-width: 100%;
-  min-height: 100%;
-
   /* Setting width & height to auto prevents the browser from stretching or squishing the video */
   width: auto;
   height: auto;
 
+  /* Make video to at least 100% wide and tall */
+  min-width: 100%;
+  min-height: 100%;
+
   /* Center the video */
   position: absolute;
   top: 50%;
@@ -21,8 +21,8 @@ body.t-s6 {
   color: #999999;
   background: black;
   background-image: url("../images/stars-bg.png");
-  background-size: 100%;
   background-position: center;
+  background-size: 100%;
 }
 
 .t-s6 .c-tt-amount {
diff --git a/public/stylesheets/theme-S7.css b/public/stylesheets/theme-S7.css
index 00e38f142..f4dabe64b 100644
--- a/public/stylesheets/theme-S7.css
+++ b/public/stylesheets/theme-S7.css
@@ -1,9 +1,9 @@
 * {
   font-family: Arial, Typewriter;
-  transition-duration: 1ms !important;
   border-width: 1px !important;
   border-radius: 0 !important;
   box-shadow: none !important;
+  transition-duration: 1ms !important;
   animation: none !important;
 }
 
@@ -12,21 +12,21 @@
 }
 
 button {
-  border-radius: 0 !important;
-  background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
-  padding: 3px !important;
-  border: 0.1rem solid #9b9b9b !important;
   color: black !important;
   text-decoration: none !important;
+  background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
+  border: 0.1rem solid #9b9b9b !important;
+  border-radius: 0 !important;
+  padding: 3px !important;
 }
 
 .o-primary-btn {
-  border-radius: 0 !important;
-  background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
-  padding: 3px !important;
-  border: 0.1rem solid #9b9b9b !important;
   color: black !important;
   text-decoration: none !important;
+  background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
+  border: 0.1rem solid #9b9b9b !important;
+  border-radius: 0 !important;
+  padding: 3px !important;
 }
 
 button:hover {
@@ -34,8 +34,8 @@ button:hover {
 }
 
 .c-glyph-tooltip {
-  filter: saturate(0);
   text-shadow: none !important;
+  filter: saturate(0);
 }
 
 .c-glyph-tooltip__effect span {
diff --git a/public/stylesheets/theme-S8.css b/public/stylesheets/theme-S8.css
index de5ad7dd3..7663ebd6f 100644
--- a/public/stylesheets/theme-S8.css
+++ b/public/stylesheets/theme-S8.css
@@ -1,14 +1,14 @@
 body.t-s8 {
-  background: url("../images/s8-bg.jpg") no-repeat;
-  color: black;
-  background-color: white;
   height: 100%;
+  color: black;
+  background: url("../images/s8-bg.jpg") no-repeat;
+  background-attachment: fixed;
+  background-color: white;
 
   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
-  background-attachment: fixed;
 }
 
 .t-s8 .container {
@@ -23,8 +23,8 @@ body.t-s8 {
 }
 
 .t-s8 .c-tt-buy-button--unlocked {
-  background: #212121;
   color: #00bcd4;
+  background: #212121;
   border: 0.1rem solid #00bcd4;
 }
 
diff --git a/public/stylesheets/time-studies.css b/public/stylesheets/time-studies.css
index 43fd97edf..5d233438a 100644
--- a/public/stylesheets/time-studies.css
+++ b/public/stylesheets/time-studies.css
@@ -1,8 +1,8 @@
 .l-time-studies-tab {
   display: flex;
   flex-direction: column;
-  align-items: center;
   position: relative;
+  align-items: center;
 }
 
 .l-time-studies-tab__tree {
@@ -30,23 +30,23 @@
 
 .l-time-study-connection {
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
   z-index: 0;
 }
 
 /* #region o-time-study */
 
 .c-pelle-useless {
-  border: 0.1rem solid;
-  background-color: crimson;
-  font-weight: bold;
-  font-family: Typewriter, serif;
   width: 18rem;
   height: 10rem;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
+  font-family: Typewriter, serif;
   font-size: 1rem;
+  font-weight: bold;
+  background-color: crimson;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
 }
 
 .c-pelle-useless-available {
@@ -55,15 +55,15 @@
 }
 
 .c-pelle-useless--unavailable {
-  animation: none;
   color: black;
   filter: grayscale(90%);
+  animation: none;
 }
 
 .c-pelle-useless--unavailable:hover {
-  cursor: default;
   background-color: var(--color-bad);
   filter: grayscale(0%);
+  cursor: default;
 }
 
 .c-pelle-useless--bought {
@@ -72,15 +72,15 @@
 }
 
 .o-time-study {
-  border: 0.1rem solid;
-  background-color: black;
-  font-weight: bold;
-  font-family: Typewriter, serif;
   width: 18rem;
   height: 10rem;
-  transition-duration: 0.2s;
-  border-radius: var(--var-border-radius, 0.4rem);
+  font-family: Typewriter, serif;
   font-size: 1rem;
+  font-weight: bold;
+  background-color: black;
+  border: 0.1rem solid;
+  border-radius: var(--var-border-radius, 0.4rem);
+  transition-duration: 0.2s;
 }
 
 .o-time-study--available {
@@ -89,8 +89,8 @@
 }
 
 .o-time-study--available:hover {
-  animation: none;
   background-color: #00bcd4;
+  animation: none;
 }
 
 .o-time-study--unavailable {
@@ -123,8 +123,8 @@
 .o-time-study--small {
   width: 12rem;
   font-size: 0.9rem;
-  padding-left: 0.5rem;
   padding-right: 0.5rem;
+  padding-left: 0.5rem;
 }
 
 .o-time-study-normal--available {
@@ -248,9 +248,9 @@
 }
 
 .o-time-study-triad--available {
-  border-color: black;
   color: var(--color-v--base);
   background: black;
+  border-color: black;
   animation: a-time-study 1.5s infinite;
 }
 
@@ -328,44 +328,44 @@
 
 .o-time-study-normal--bought {
   color: black;
-  border-color: black;
   background-color: var(--color-eternity);
+  border-color: black;
 }
 
 .o-time-study-antimatter-dim--bought {
   color: black;
-  border-color: black;
   background-color: #22aa48;
+  border-color: black;
 }
 
 .o-time-study-infinity-dim--bought {
   color: black;
-  border-color: black;
   background-color: #b67f33;
+  border-color: black;
 }
 
 .o-time-study-time-dim--bought {
   color: black;
-  border-color: black;
   background-color: #b241e3;
+  border-color: black;
 }
 
 .o-time-study-active--bought {
   color: black;
-  border-color: black;
   background-color: #e60000;
+  border-color: black;
 }
 
 .o-time-study-passive--bought {
   color: black;
-  border-color: black;
   background-color: #5e33b6;
+  border-color: black;
 }
 
 .o-time-study-idle--bought {
   color: black;
-  border-color: black;
   background-color: #0080ff;
+  border-color: black;
 }
 
 .o-time-study-dark--bought {
@@ -389,8 +389,8 @@
 .o-time-study-eternity-challenge--running {
   color: var(--color-eternity);
   background-color: black;
-  animation: a-eternity-challenge-running 6s infinite;
   border: 0.1rem solid var(--color-eternity);
+  animation: a-eternity-challenge-running 6s infinite;
 }
 
 @keyframes a-eternity-challenge-running {
@@ -456,15 +456,15 @@
 }
 
 .o-time-study--secret {
+  opacity: 0;
   transition: opacity 1s;
   transition-delay: 1s;
-  opacity: 0;
   cursor: pointer;
 }
 
 .o-time-study--secret-unlocked {
-  transition: opacity 1s;
   opacity: 1;
+  transition: opacity 1s;
   transition-delay: 0s;
   cursor: pointer;
 }
@@ -473,8 +473,8 @@
   opacity: 0.02;
   background: #f1aa7f;
   transition: opacity 2s 0.5s;
-  cursor: pointer;
   animation: a-time-study 0.5s infinite;
+  cursor: pointer;
 }
 
 .o-time-study--secret-enslaved-unlocked {
@@ -484,9 +484,9 @@
 /* #endregion o-time-study */
 
 .o-time-study-connection {
+  stroke: #444444;
   /* This one should be px, because it rem svg behaves weirdly under scale */
   stroke-width: 16px;
-  stroke: #444444;
   transition: stroke 0.3s;
 }
 
@@ -563,12 +563,12 @@
 }
 
 .o-time-study-connection--secret {
-  transition: opacity 1s;
   opacity: 0;
+  transition: opacity 1s;
 }
 
 .o-time-study-connection--secret-unlocked {
+  opacity: 1;
   transition: opacity 1s;
   transition-delay: 1s;
-  opacity: 1;
 }
diff --git a/public/stylesheets/tooltips.css b/public/stylesheets/tooltips.css
index 55f24c714..0811bc179 100644
--- a/public/stylesheets/tooltips.css
+++ b/public/stylesheets/tooltips.css
@@ -5,31 +5,31 @@
 }
 
 .general-tooltip .tooltip-inner {
-  background: rgba(0, 0, 0, 90%);
-  color: white;
-  border-radius: var(--var-border-radius, 3px);
   width: 160px;
   text-align: center;
-  padding: 5px 10px 4px;
   font-family: Typewriter, serif;
   font-size: 14px;
   line-height: 1.2;
+  color: white;
+  background: rgba(0, 0, 0, 90%);
+  border-radius: var(--var-border-radius, 3px);
+  padding: 5px 10px 4px;
   -webkit-user-select: none;
   user-select: none;
 }
 
 .tooltip-inner.automator-tooltip {
+  display: inline-block !important;
   overflow: auto;
   width: unset;
   height: 100%;
-  display: inline-block !important;
   text-align: left;
 }
 
 .automator-tooltip-header {
   white-space: nowrap;
-  font-weight: bold;
   min-width: 16rem;
+  font-weight: bold;
   padding-bottom: 1rem;
 }
 
@@ -39,17 +39,17 @@
 }
 
 .automator-tooltip-content div {
-  width: 0;
   flex-grow: 1;
+  width: 0;
 }
 
 .general-tooltip .tooltip-arrow {
   width: 0;
   height: 0;
   position: absolute;
-  margin: 5px;
-  border: solid rgba(0, 0, 0, 90%);
   z-index: 1;
+  border: solid rgba(0, 0, 0, 90%);
+  margin: 5px;
 }
 
 .general-tooltip[x-placement^="top"] {
@@ -57,12 +57,12 @@
 }
 
 .general-tooltip[x-placement^="top"] .tooltip-arrow {
-  border-width: 5px 5px 0 !important;
-  border-left-color: transparent !important;
-  border-right-color: transparent !important;
-  border-bottom-color: transparent !important;
   bottom: -5px;
   left: calc(50% - 5px);
+  border-width: 5px 5px 0 !important;
+  border-right-color: transparent !important;
+  border-bottom-color: transparent !important;
+  border-left-color: transparent !important;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -72,12 +72,12 @@
 }
 
 .general-tooltip[x-placement^="bottom"] .tooltip-arrow {
-  border-width: 0 5px 5px;
-  border-left-color: transparent !important;
-  border-right-color: transparent !important;
-  border-top-color: transparent !important;
   top: -5px;
   left: calc(50% - 5px);
+  border-width: 0 5px 5px;
+  border-top-color: transparent !important;
+  border-right-color: transparent !important;
+  border-left-color: transparent !important;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -87,14 +87,14 @@
 }
 
 .general-tooltip[x-placement^="right"] .tooltip-arrow {
+  top: calc(50% - 5px);
+  left: -5px;
   border-width: 5px 5px 5px 0;
-  border-left-color: transparent !important;
   border-top-color: transparent !important;
   border-bottom-color: transparent !important;
-  left: -5px;
-  top: calc(50% - 5px);
-  margin-left: 0;
+  border-left-color: transparent !important;
   margin-right: 0;
+  margin-left: 0;
 }
 
 .general-tooltip[x-placement^="left"] {
@@ -102,22 +102,22 @@
 }
 
 .general-tooltip[x-placement^="left"] .tooltip-arrow {
+  top: calc(50% - 5px);
+  right: -5px;
   border-width: 5px 0 5px 5px;
   border-top-color: transparent !important;
   border-right-color: transparent !important;
   border-bottom-color: transparent !important;
-  right: -5px;
-  top: calc(50% - 5px);
-  margin-left: 0;
   margin-right: 0;
+  margin-left: 0;
 }
 
 .general-tooltip.popover .popover-inner {
-  background: #f9f9f9;
   color: black;
-  padding: 24px;
+  background: #f9f9f9;
   border-radius: var(--var-border-radius, 5px);
   box-shadow: 0 5px 30px rgba(0, 0, 0, 10%);
+  padding: 24px;
 }
 
 .general-tooltip.popover .popover-arrow {
diff --git a/public/stylesheets/vue-sfc-classes.css b/public/stylesheets/vue-sfc-classes.css
index d6c6c7167..593eab77c 100644
--- a/public/stylesheets/vue-sfc-classes.css
+++ b/public/stylesheets/vue-sfc-classes.css
@@ -40,11 +40,11 @@
 
 .c-news-line {
   display: inline-block;
+  white-space: nowrap;
+  text-align: left;
   font-family: Typewriter, serif;
   font-size: 1.5rem;
-  white-space: nowrap;
   font-weight: bold;
-  text-align: left;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -55,9 +55,9 @@
 
 .new-ui .c-news-ticker {
   width: 100%;
+  height: 3.9rem;
   border-bottom: 0.1rem solid var(--color-accent);
   padding: 0.8rem 0;
-  height: 3.9rem;
 }
 
 .new-ui .c-news-line {
@@ -65,10 +65,10 @@
 }
 
 .old-ui .c-news-ticker {
+  height: 3rem;
   border: var(--var-border-width, 0.2rem) solid black;
   border-radius: var(--var-border-radius, 0.4rem);
   padding: 0.2rem 0;
-  height: 3rem;
 }
 
 .old-ui .s-base--metro .c-news-ticker,
@@ -78,8 +78,8 @@
 }
 
 .old-ui .t-dark .c-news-ticker {
-  border-color: #546e7a;
   background-color: #455a64;
+  border-color: #546e7a;
 }
 
 .old-ui .t-dark-metro .c-news-ticker {
diff --git a/src/components/BlobBackground.vue b/src/components/BlobBackground.vue
index 327470a65..ead7f4563 100644
--- a/src/components/BlobBackground.vue
+++ b/src/components/BlobBackground.vue
@@ -45,13 +45,13 @@ export default {
 
 <style scoped>
 .o-blob-background {
+  overflow: visible;
   fill: #fbc21b;
+  opacity: 0.3;
   text-shadow:
     0 0 5px #000000,
     0 0 5px #000000,
     0 0 5px #000000;
-  opacity: 0.3;
-  overflow: visible;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
diff --git a/src/components/BlobSnowflake.vue b/src/components/BlobSnowflake.vue
index a7240c736..9ecb6e72f 100644
--- a/src/components/BlobSnowflake.vue
+++ b/src/components/BlobSnowflake.vue
@@ -97,13 +97,13 @@ export default {
 
 <style scoped>
 .o-blob-snowflake {
+  overflow: visible;
   fill: #fbc21b;
+  opacity: 0.9;
   text-shadow:
     0 0 5px #000000,
     0 0 5px #000000,
     0 0 5px #000000;
-  opacity: 0.9;
-  overflow: visible;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
diff --git a/src/components/BlobSnowflakes.vue b/src/components/BlobSnowflakes.vue
index 78a228f8d..e45a2d87c 100644
--- a/src/components/BlobSnowflakes.vue
+++ b/src/components/BlobSnowflakes.vue
@@ -67,13 +67,13 @@ export default {
 
 <style scoped>
 .c-blob-snowflake-container {
+  overflow: visible;
+  width: 100%;
+  height: 100%;
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
   z-index: 9999;
-  overflow: visible;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
@@ -81,13 +81,13 @@ export default {
 }
 
 .c-blob-background-container {
+  overflow: visible;
+  width: 100%;
+  height: 100%;
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
   z-index: -9999;
-  overflow: visible;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
diff --git a/src/components/CustomizeableTooltip.vue b/src/components/CustomizeableTooltip.vue
index 5e81325e0..b9a946d20 100644
--- a/src/components/CustomizeableTooltip.vue
+++ b/src/components/CustomizeableTooltip.vue
@@ -141,38 +141,38 @@ export default {
 .c-tooltip-arrow {
   visibility: hidden;
   opacity: 0;
-  pointer-events: none;
   transition: 0.4s linear;
   transition-property: opacity, visibility;
+  pointer-events: none;
 }
 
 .c-tooltip-content {
-  position: absolute;
-  padding: 0.7rem;
-  width: 16rem;
-  border-radius: var(--var-border-radius, 0.3rem);
-  background-color: hsla(0deg, 0%, 5%, 90%);
-  color: #ffffff;
   content: attr(ach-tooltip);
+  width: 16rem;
+  position: absolute;
+  z-index: 4;
   text-align: center;
   font-size: 1.4rem;
   line-height: 1.2;
-  z-index: 4;
+  color: #ffffff;
+  background-color: hsla(0deg, 0%, 5%, 90%);
+  border-radius: var(--var-border-radius, 0.3rem);
+  padding: 0.7rem;
 }
 
 .c-tooltip-arrow {
-  position: absolute;
-  transform: translate(-50%, -100%);
+  content: " ";
   width: 0;
+  position: absolute;
+  z-index: 4;
+  font-size: 0;
+  line-height: 0;
   border-top: 0.55rem solid transparent;
   border-right: 0.55rem solid transparent;
   border-bottom: 0.55rem solid transparent;
   border-left: 0.55rem solid transparent;
-  content: " ";
-  font-size: 0;
-  line-height: 0;
+  transform: translate(-50%, -100%);
   transition-duration: 0.4s;
-  z-index: 4;
 }
 
 .c-tooltip--top.c-tooltip-content {
@@ -189,8 +189,8 @@ export default {
 }
 
 .c-tooltip--bottom.c-tooltip-arrow {
-  border-bottom: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
   border-top: 0;
+  border-bottom: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
 }
 
 .c-tooltip--right.c-tooltip-content {
@@ -207,8 +207,8 @@ export default {
 }
 
 .c-tooltip--left.c-tooltip-arrow {
-  border-left: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
   border-right: 0;
+  border-left: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
 }
 
 .c-tooltip-show {
diff --git a/src/components/ExpandingControlBox.vue b/src/components/ExpandingControlBox.vue
index 6dbb5976c..a0da7d9eb 100644
--- a/src/components/ExpandingControlBox.vue
+++ b/src/components/ExpandingControlBox.vue
@@ -201,11 +201,11 @@ export default {
 }
 
 .l-expanding-control-box__container {
-  position: absolute;
   display: block;
-  height: auto;
   overflow: hidden;
   width: 100%;
+  height: auto;
+  position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
@@ -215,16 +215,16 @@ export default {
 }
 
 .l-expanding-control-box__button {
-  cursor: pointer;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
   white-space: nowrap;
-  border: none !important;
+  width: 100%;
   height: 2.5rem;
   position: relative;
   top: -0.5rem;
+  justify-content: center;
+  align-items: center;
+  border: none !important;
+  cursor: pointer;
 }
 
 .c-indicator-arrow--flipped {
diff --git a/src/components/SaveTimer.vue b/src/components/SaveTimer.vue
index 2059859a8..8285d9e02 100644
--- a/src/components/SaveTimer.vue
+++ b/src/components/SaveTimer.vue
@@ -38,19 +38,19 @@ export default {
 
 <style scoped>
 .o-save-timer {
-  color: var(--color-text);
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  background-color: var(--color-base);
   white-space: nowrap;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 5;
+  color: var(--color-text);
+  background-color: var(--color-base);
   border-top: 0.1rem solid var(--color-accent);
   border-right: 0.1rem solid var(--color-accent);
-  cursor: pointer;
+  padding: 0 0.5rem;
   -webkit-user-select: none;
   user-select: none;
-  padding: 0 0.5rem;
-  z-index: 5;
+  cursor: pointer;
 }
 
 .t-inverted .o-save-timer,
diff --git a/src/components/SpeedrunStatus.vue b/src/components/SpeedrunStatus.vue
index 91b00a228..aed928061 100644
--- a/src/components/SpeedrunStatus.vue
+++ b/src/components/SpeedrunStatus.vue
@@ -106,22 +106,22 @@ export default {
 
 <style scoped>
 .speedrun-status {
-  font-size: 1.2rem;
-  color: var(--color-text);
+  white-space: nowrap;
   position: fixed;
   right: 1rem;
   bottom: 1rem;
+  z-index: 5;
+  font-size: 1.2rem;
+  color: var(--color-text);
   background-color: var(--color-base);
-  white-space: nowrap;
   border: var(--var-border-width, 0.2rem) solid var(--color-accent);
+  padding: 0.8rem 2rem;
   -webkit-user-select: none;
   user-select: none;
-  padding: 0.8rem 2rem;
-  z-index: 5;
 }
 
 .speedrun-collapse {
-  cursor: pointer;
   padding: 0.2rem;
+  cursor: pointer;
 }
 </style>
diff --git a/src/components/modals/InformationModal.vue b/src/components/modals/InformationModal.vue
index 2e9b805f2..d253fd9b1 100644
--- a/src/components/modals/InformationModal.vue
+++ b/src/components/modals/InformationModal.vue
@@ -105,10 +105,10 @@ export default {
 }
 
 .c-info-body {
-  margin: 1rem;
-  padding: 0.5rem;
   text-align: left;
   font-size: 2rem;
+  margin: 1rem;
+  padding: 0.5rem;
 }
 
 .c-socials {
@@ -117,8 +117,8 @@ export default {
 
 .l-socials {
   display: flex;
-  align-items: center;
   justify-content: space-evenly;
+  align-items: center;
 }
 
 .c-socials--icon {
diff --git a/src/components/modals/ModalProgressBar.vue b/src/components/modals/ModalProgressBar.vue
index 07cf78a5d..b9c753ad4 100644
--- a/src/components/modals/ModalProgressBar.vue
+++ b/src/components/modals/ModalProgressBar.vue
@@ -74,17 +74,17 @@ export default {
 }
 
 .modal-progress-bar {
-  position: fixed;
-  z-index: 3;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
   width: 40rem;
-  /* stylelint-disable-next-line unit-allowed-list */
-  left: 50vw;
+  position: fixed;
   /* stylelint-disable-next-line unit-allowed-list */
   top: 50vh;
+  /* stylelint-disable-next-line unit-allowed-list */
+  left: 50vw;
+  z-index: 3;
+  justify-content: space-between;
+  align-items: center;
   transform: translate(-50%, -50%);
 }
 
@@ -96,10 +96,10 @@ export default {
 
 .modal-progress-bar__bg {
   width: 20rem;
-  margin-left: 1rem;
-  margin-right: 1rem;
   height: 2rem;
   background: black;
+  margin-right: 1rem;
+  margin-left: 1rem;
 }
 
 .modal-progress-bar__fg {
diff --git a/src/components/modals/PelleEffectsModal.vue b/src/components/modals/PelleEffectsModal.vue
index 441824a91..7be61c640 100644
--- a/src/components/modals/PelleEffectsModal.vue
+++ b/src/components/modals/PelleEffectsModal.vue
@@ -80,8 +80,8 @@ export default {
 
 <style scoped>
 .pelle-effects-container {
-  height: 40rem;
   overflow-y: scroll;
+  height: 40rem;
 }
 
 p {
diff --git a/src/components/modals/options/hidden-tabs/HiddenTabGroup.vue b/src/components/modals/options/hidden-tabs/HiddenTabGroup.vue
index c9c7efee5..9b79ac4eb 100644
--- a/src/components/modals/options/hidden-tabs/HiddenTabGroup.vue
+++ b/src/components/modals/options/hidden-tabs/HiddenTabGroup.vue
@@ -107,13 +107,13 @@ export default {
 
 <style scoped>
 .c-indicator-icon {
-  color: black;
-  position: absolute;
-  right: 0;
-  top: 0;
   width: 2rem;
-  padding: 0.2rem;
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: black;
   text-shadow: none;
+  padding: 0.2rem;
 }
 
 .c-hidden-tabs-background__visible {
diff --git a/src/components/tabs/automator/AutomatorBlocks.vue b/src/components/tabs/automator/AutomatorBlocks.vue
index 278721e3d..e9ef43728 100644
--- a/src/components/tabs/automator/AutomatorBlocks.vue
+++ b/src/components/tabs/automator/AutomatorBlocks.vue
@@ -162,18 +162,17 @@ export const automatorBlocksMap = automatorBlocks.mapToObject(b => b.cmd, b => b
 
 <style scoped>
 .block-container {
-  margin: 1rem 0;
   display: flex;
-  align-items: center;
   flex-wrap: wrap;
+  align-items: center;
+  margin: 1rem 0;
 }
 
 .o-automator-block-list {
   display: flex;
-  justify-content: center;
-  text-align: center;
-  align-items: center;
-  height: 5.5rem;
   width: 8.7rem;
+  height: 5.5rem;
+  justify-content: center;
+  align-items: center;
 }
 </style>
diff --git a/src/components/tabs/automator/AutomatorButton.vue b/src/components/tabs/automator/AutomatorButton.vue
index 8c7d1bd34..8323fff27 100644
--- a/src/components/tabs/automator/AutomatorButton.vue
+++ b/src/components/tabs/automator/AutomatorButton.vue
@@ -14,9 +14,9 @@ export default {
 <style scoped>
 .c-automator__button {
   width: 3.3rem;
-  margin: 0.4rem;
-  border-radius: 0.3rem;
   border: 0.2rem solid #767676;
+  border-radius: 0.3rem;
+  margin: 0.4rem;
   cursor: pointer;
 }
 </style>
diff --git a/src/components/tabs/automator/AutomatorDocsTemplateList.vue b/src/components/tabs/automator/AutomatorDocsTemplateList.vue
index de2768e0b..0ce610a61 100644
--- a/src/components/tabs/automator/AutomatorDocsTemplateList.vue
+++ b/src/components/tabs/automator/AutomatorDocsTemplateList.vue
@@ -31,8 +31,8 @@ export default {
 
 <style scoped>
 .c-automator-docs-template--button {
-  margin: 0.4rem;
   border-radius: 0.3rem;
+  margin: 0.4rem;
   cursor: pointer;
 }
 </style>
diff --git a/src/components/tabs/automator/AutomatorEditor.vue b/src/components/tabs/automator/AutomatorEditor.vue
index 4de640555..d3925767b 100644
--- a/src/components/tabs/automator/AutomatorEditor.vue
+++ b/src/components/tabs/automator/AutomatorEditor.vue
@@ -144,17 +144,17 @@ export default {
 
 <style scoped>
 .c-slider-toggle-button {
+  display: flex;
+  overflow: hidden;
+  position: relative;
+  align-items: center;
   color: black;
   background-color: #626262;
   border: 0.2rem solid #767676;
   border-radius: 0.2rem;
   margin: 0.4rem;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
   padding: 0.3rem 0;
+  cursor: pointer;
 }
 
 .c-slider-toggle-button .fas {
@@ -165,15 +165,15 @@ export default {
 
 .c-slider-toggle-button::before {
   content: "";
+  width: 3rem;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  width: 3rem;
-  height: 100%;
+  z-index: 0;
+  background-color: white;
   border-radius: 0.2rem;
   transition: 0.3s ease all;
-  background-color: white;
-  z-index: 0;
 }
 
 .c-slider-toggle-button--right::before {
diff --git a/src/components/tabs/celestial-laitela/SingularityMilestoneComponent.vue b/src/components/tabs/celestial-laitela/SingularityMilestoneComponent.vue
index 94566aaf4..63dbbda12 100644
--- a/src/components/tabs/celestial-laitela/SingularityMilestoneComponent.vue
+++ b/src/components/tabs/celestial-laitela/SingularityMilestoneComponent.vue
@@ -145,11 +145,11 @@ export default {
 
 <style scoped>
 .o-laitela-milestone--glow {
+  font-weight: bold;
   color: var(--color-laitela--base);
   background: var(--color-laitela--accent);
   border-color: var(--color-laitela--accent);
   box-shadow: 0 0 0.5rem 0.1rem inset, 0 0 0.3rem 0;
-  font-weight: bold;
   animation: 3s a-laitela-flash infinite;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/tabs/celestial-pelle/ArmageddonButton.vue b/src/components/tabs/celestial-pelle/ArmageddonButton.vue
index f5405e78b..64f39b309 100644
--- a/src/components/tabs/celestial-pelle/ArmageddonButton.vue
+++ b/src/components/tabs/celestial-pelle/ArmageddonButton.vue
@@ -51,30 +51,30 @@ export default {
 
 <style scoped>
 .c-armageddon-button {
-  width: 100%;
-  padding: 1.5rem;
   display: block;
+  width: 100%;
   font-family: Typewriter;
+  color: var(--color-text);
   background: var(--color-text-inverted);
   border: 0.1rem solid var(--color-pelle--base);
-  color: var(--color-text);
   border-radius: var(--var-border-radius, 0.5rem);
+  padding: 1.5rem;
 }
 
 .c-armageddon-button:hover {
-  cursor: pointer;
   box-shadow: 0.1rem 0.1rem 0.5rem var(--color-pelle--base);
   transition-duration: 0.12s;
+  cursor: pointer;
 }
 
 .c-armageddon-button--unavailable {
-  cursor: default;
   opacity: 0.5;
+  cursor: default;
 }
 
 .c-remnant-gain {
-  font-weight: bold;
   font-size: 1.5rem;
+  font-weight: bold;
   color: var(--color-pelle--base);
 }
 
diff --git a/src/components/tabs/celestial-pelle/CreditsContainer.vue b/src/components/tabs/celestial-pelle/CreditsContainer.vue
index f3e2463a6..2745fd00b 100644
--- a/src/components/tabs/celestial-pelle/CreditsContainer.vue
+++ b/src/components/tabs/celestial-pelle/CreditsContainer.vue
@@ -97,102 +97,6 @@ export default {
 </template>
 
 <style scoped>
-.c-credits-container {
-  position: absolute;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 9;
-  color: rgb(185, 185, 185);
-  pointer-events: none;
-  transform: translateY(100%);
-}
-
-.c-credits-header {
-  color: yellow;
-}
-
-.c-credits-section {
-  margin-top: 10rem;
-  margin-bottom: 2rem;
-  color: white;
-  text-shadow: 1px 1px 2px turquoise;
-}
-
-.l-credits--bulk {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  position: relative;
-  width: 76%;
-  left: 12%;
-}
-
-.c-credit-entry {
-  margin-top: 1rem;
-  font-size: 1.3rem;
-}
-
-.c-credits-cel-symbol {
-  position: absolute;
-  font-size: 14rem;
-  text-shadow: 0 0 3rem;
-  transform: translateX(-50%);
-  height: 14rem;
-  width: 14rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.c-teresa-credits {
-  left: 65%;
-  top: 130rem;
-  color: var(--color-teresa--base);
-  animation: a-teresa-credits 10s ease-in-out infinite;
-}
-
-.c-effarig-credits {
-  left: 80%;
-  top: 50rem;
-  color: #ff4400;
-  animation: a-effarig-credits 4s ease-in-out infinite;
-}
-
-.c-enslaved-credits {
-  left: 52%;
-  top: 220rem;
-  color: var(--color-enslaved--base);
-  animation: a-enslaved-credits 10s linear infinite;
-}
-
-.c-v-credits {
-  left: 20%;
-  top: 170rem;
-  color: var(--color-v--base);
-  animation: a-v-credits 15s ease-in-out infinite;
-}
-
-.c-ra-credits {
-  left: 44%;
-  top: 300rem;
-  color: var(--color-ra--base);
-  animation: a-ra-credits 10s ease-in-out infinite;
-}
-
-.c-laitela-credits {
-  left: 13%;
-  top: 90rem;
-  color: #ffffff;
-  animation: a-laitela-credits 5s ease-in-out infinite;
-}
-
-.c-pelle-credits {
-  left: 30%;
-  top: 8rem;
-  color: var(--color-pelle--base);
-  animation: a-pelle-credits 5s linear infinite;
-}
-
 @keyframes a-teresa-credits {
   0% { transform: rotate(61deg); }
   10% { transform: rotate(322deg); }
@@ -273,4 +177,100 @@ perfectly the same. */
   75% { transform: translateX(-50%) rotate3d(0, 1, 0, 270deg) scaleY(1.3); }
   100% { transform: translateX(-50%) rotate3d(0, 1, 0, 360deg) scaleY(1); }
 }
+
+.c-credits-container {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  z-index: 9;
+  color: rgb(185, 185, 185);
+  transform: translateY(100%);
+  pointer-events: none;
+}
+
+.c-credits-header {
+  color: yellow;
+}
+
+.c-credits-section {
+  color: white;
+  text-shadow: 1px 1px 2px turquoise;
+  margin-top: 10rem;
+  margin-bottom: 2rem;
+}
+
+.l-credits--bulk {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  width: 76%;
+  position: relative;
+  left: 12%;
+}
+
+.c-credit-entry {
+  font-size: 1.3rem;
+  margin-top: 1rem;
+}
+
+.c-credits-cel-symbol {
+  display: flex;
+  width: 14rem;
+  height: 14rem;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  font-size: 14rem;
+  text-shadow: 0 0 3rem;
+  transform: translateX(-50%);
+}
+
+.c-teresa-credits {
+  top: 130rem;
+  left: 65%;
+  color: var(--color-teresa--base);
+  animation: a-teresa-credits 10s ease-in-out infinite;
+}
+
+.c-effarig-credits {
+  top: 50rem;
+  left: 80%;
+  color: #ff4400;
+  animation: a-effarig-credits 4s ease-in-out infinite;
+}
+
+.c-enslaved-credits {
+  top: 220rem;
+  left: 52%;
+  color: var(--color-enslaved--base);
+  animation: a-enslaved-credits 10s linear infinite;
+}
+
+.c-v-credits {
+  top: 170rem;
+  left: 20%;
+  color: var(--color-v--base);
+  animation: a-v-credits 15s ease-in-out infinite;
+}
+
+.c-ra-credits {
+  top: 300rem;
+  left: 44%;
+  color: var(--color-ra--base);
+  animation: a-ra-credits 10s ease-in-out infinite;
+}
+
+.c-laitela-credits {
+  top: 90rem;
+  left: 13%;
+  color: #ffffff;
+  animation: a-laitela-credits 5s ease-in-out infinite;
+}
+
+.c-pelle-credits {
+  top: 8rem;
+  left: 30%;
+  color: var(--color-pelle--base);
+  animation: a-pelle-credits 5s linear infinite;
+}
 </style>
diff --git a/src/components/tabs/celestial-pelle/FadeToBlack.vue b/src/components/tabs/celestial-pelle/FadeToBlack.vue
index 751fc1e9a..f200cd4a4 100644
--- a/src/components/tabs/celestial-pelle/FadeToBlack.vue
+++ b/src/components/tabs/celestial-pelle/FadeToBlack.vue
@@ -26,12 +26,12 @@ export default {
 
 <style scoped>
 .black-overlay {
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
-  background: black;
   z-index: 8;
+  background: black;
 }
 </style>
diff --git a/src/components/tabs/celestial-pelle/NewGame.vue b/src/components/tabs/celestial-pelle/NewGame.vue
index c17372aed..91311e078 100644
--- a/src/components/tabs/celestial-pelle/NewGame.vue
+++ b/src/components/tabs/celestial-pelle/NewGame.vue
@@ -63,32 +63,32 @@ export default {
 
 <style scoped>
 .c-new-game-container {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9;
   display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 9;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
   background-color: black;
   box-shadow: 0 0 20px 1px black;
+  transform: translate(-50%, -50%);
 }
 
 .c-new-game-button-container {
   display: flex;
-  align-items: stretch;
   flex-direction: column;
+  align-items: stretch;
 }
 
 .c-new-game-button {
-  margin-top: 1rem;
-  padding: 1rem;
   font-family: Typewriter;
   background: grey;
   border: black;
   border-radius: var(--var-border-radius, 0.5rem);
+  margin-top: 1rem;
+  padding: 1rem;
   cursor: pointer;
 }
 </style>
diff --git a/src/components/tabs/celestial-pelle/PelleBarPanel.vue b/src/components/tabs/celestial-pelle/PelleBarPanel.vue
index 7de5ef015..d3c2fcd60 100644
--- a/src/components/tabs/celestial-pelle/PelleBarPanel.vue
+++ b/src/components/tabs/celestial-pelle/PelleBarPanel.vue
@@ -64,25 +64,25 @@ export default {
 
 <style scoped>
 .c-pelle-panel-title {
-  font-weight: bold;
-  font-size: 3rem;
-  color: var(--color-pelle--base);
   position: relative;
+  font-size: 3rem;
+  font-weight: bold;
+  color: var(--color-pelle--base);
 }
 
 .c-collapse-icon-clickable {
   position: absolute;
-  left: 1.5rem;
   top: 50%;
+  left: 1.5rem;
   transform: translateY(-50%);
   cursor: pointer;
 }
 
 .l-pelle-panel-container {
-  padding: 1rem;
-  margin: 1rem;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.2rem);
+  margin: 1rem;
+  padding: 1rem;
   -webkit-user-select: none;
   user-select: none;
 }
diff --git a/src/components/tabs/celestial-pelle/PelleGalaxyGeneratorPanel.vue b/src/components/tabs/celestial-pelle/PelleGalaxyGeneratorPanel.vue
index 43d7b8270..6f5a1f701 100644
--- a/src/components/tabs/celestial-pelle/PelleGalaxyGeneratorPanel.vue
+++ b/src/components/tabs/celestial-pelle/PelleGalaxyGeneratorPanel.vue
@@ -145,25 +145,25 @@ export default {
 
 <style scoped>
 .c-pelle-panel-title {
-  font-weight: bold;
-  font-size: 3rem;
-  color: var(--color-pelle--base);
   position: relative;
+  font-size: 3rem;
+  font-weight: bold;
+  color: var(--color-pelle--base);
 }
 
 .c-collapse-icon-clickable {
   position: absolute;
-  left: 1.5rem;
   top: 50%;
+  left: 1.5rem;
   transform: translateY(-50%);
   cursor: pointer;
 }
 
 .l-pelle-panel-container {
-  padding: 1rem;
-  margin: 1rem;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.2rem);
+  margin: 1rem;
+  padding: 1rem;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -175,16 +175,16 @@ export default {
 }
 
 .c-generator-unlock-button {
-  padding: 2rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter;
-  cursor: pointer;
   width: 25rem;
   height: 10rem;
+  font-family: Typewriter;
   font-size: 2rem;
-  background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
-  color: black;
   font-weight: bold;
+  color: black;
+  background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
+  border-radius: var(--var-border-radius, 0.5rem);
+  padding: 2rem;
+  cursor: pointer;
 }
 
 .l-galaxy-generator-upgrades-container {
@@ -194,34 +194,35 @@ export default {
 }
 
 .c-galaxies-amount {
-  font-weight: bold;
   font-size: 2.5rem;
+  font-weight: bold;
   background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
   background-clip: text;
+
   -webkit-text-fill-color: transparent;
 }
 
 .highlight {
-  font-weight: bold;
   font-size: 2rem;
+  font-weight: bold;
   color: var(--color-pelle--base);
 }
 
 .c-increase-cap {
-  padding: 2rem;
+  overflow: hidden;
+  width: 100%;
+  height: 11.4rem;
+  max-width: 70rem;
+  position: relative;
+  font-family: Typewriter;
+  font-size: 1.1rem;
   color: white;
   background-color: #004b55;
   border: var(--var-border-width, 0.1rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter;
-  margin: 1rem;
-  font-size: 1.1rem;
-  position: relative;
-  width: 100%;
-  max-width: 70rem;
-  height: 11.4rem;
-  overflow: hidden;
   box-shadow: inset 0 0 0.1rem 0.1rem var(--color-pelle--base);
+  margin: 1rem;
+  padding: 2rem;
 
   /* box-shadow is here to prevent a weird grey border forming around the background */
 }
@@ -241,12 +242,12 @@ export default {
 }
 
 .c-increase-cap-background {
-  background: linear-gradient(black, var(--color-pelle--base));
-  left: 0;
-  top: 0;
   height: 100%;
   position: absolute;
+  top: 0;
+  left: 0;
   z-index: 0;
+  background: linear-gradient(black, var(--color-pelle--base));
   transition: width 0.1s;
 }
 
diff --git a/src/components/tabs/celestial-pelle/PelleRift.vue b/src/components/tabs/celestial-pelle/PelleRift.vue
index 1cf5e8028..a0ee84d16 100644
--- a/src/components/tabs/celestial-pelle/PelleRift.vue
+++ b/src/components/tabs/celestial-pelle/PelleRift.vue
@@ -97,12 +97,12 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 1rem;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
 
   /* transparent crimson */
   box-shadow: inset 0 0 1rem 0.1rem rgba(237, 20, 61, 45%), 0 0 1rem 0.1rem rgba(237, 20, 61, 45%);
+  margin-top: 1rem;
 }
 
 .t-s1 .c-pelle-rift {
@@ -123,20 +123,20 @@ export default {
 
 .c-pelle-rift-rift-info-container {
   height: 5rem;
-  color: var(--color-text);
   font-weight: 400;
+  color: var(--color-text);
 }
 
 .c-pelle-rift-status {
   display: flex;
   flex-direction: column;
-  align-items: center;
   width: 26rem;
+  align-items: center;
 }
 
 .c-pelle-rift-name-header {
-  color: var(--color-pelle--base);
   font-weight: bold;
+  color: var(--color-pelle--base);
   padding: 0.2rem;
 }
 </style>
diff --git a/src/components/tabs/celestial-pelle/PelleRiftBar.vue b/src/components/tabs/celestial-pelle/PelleRiftBar.vue
index 7a5259f4c..d2fa67477 100644
--- a/src/components/tabs/celestial-pelle/PelleRiftBar.vue
+++ b/src/components/tabs/celestial-pelle/PelleRiftBar.vue
@@ -180,96 +180,6 @@ export default {
 </template>
 
 <style scoped>
-/* CONTAINER STYLES */
-
-.c-pelle-rift-bar {
-  --color-bar-bg: #1e1e1e;
-
-  height: 5rem;
-  border: var(--var-border-width, 0.2rem) solid var(--color-pelle--secondary);
-  border-radius: var(--var-border-radius, 0.5rem);
-  width: 32rem;
-  position: relative;
-  margin-bottom: 1rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: var(--color-bar-bg);
-}
-
-.c-pelle-rift-bar--filling,
-.c-pelle-rift-bar--idle {
-  cursor: pointer;
-}
-
-.l-overflow-hidden {
-  overflow: hidden;
-  border: var(--var-border-width, 0.16rem) solid transparent;
-  width: 32rem;
-  height: 5rem;
-  border-radius: var(--var-border-radius, 0.5rem);
-  position: absolute;
-  top: -0.2rem;
-  left: -0.2rem;
-  z-index: 0;
-}
-
-.o-pelle-rift-bar-overlay {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 0;
-  box-shadow: inset 0 0 0.3rem 0.1rem var(--color-bar-bg);
-}
-
-.c-pelle-rift-bar--filling .o-pelle-rift-bar-overlay {
-  box-shadow: inset 0 0 0.3rem 0.1rem var(--color-pelle--secondary);
-}
-
-/* FILLING STYLES */
-.o-pelle-rift-bar-fill {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  background: var(--color-pelle--secondary);
-  z-index: 0;
-  opacity: 0.7;
-}
-
-.o-pelle-rift-bar-reducedto {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  height: 100%;
-  background: var(--color-pelle--base);
-  z-index: 0;
-  filter: brightness(0.5);
-}
-
-/* SPECIAL BAR OVERLAY STYLES */
-.o-pelle-rift-bar-permanent {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  filter: brightness(50%);
-  background: var(--color-pelle--secondary);
-  z-index: 0;
-}
-
-.o-pelle-rift-bar-overfilled {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: var(--color-pelle--base);
-  opacity: 0.5;
-  z-index: 1;
-}
-
 @keyframes a-pelle-bar-overfill-pulse {
   /* #ed143d66 is the base pelle colour except transparent. */
   0% { box-shadow: 0 0 0.7rem 1rem rgba(237, 20, 61, 40%); }
@@ -283,6 +193,126 @@ export default {
   100% { box-shadow: 0 0 0.7rem 1rem rgba(124, 183, 39, 53.3%); }
 }
 
+/* ACTIVE RIFT FILLING STYLES */
+@keyframes a-pelle-bar-filling-sweep {
+  0% {
+    width: 0;
+    left: 0;
+  }
+
+  10% {
+    width: 2rem;
+    left: 0;
+  }
+
+  90% {
+    width: 2rem;
+    left: calc(100% - 2rem);
+  }
+
+  100% {
+    width: 0;
+    left: 100%;
+  }
+}
+
+@keyframes a-pelle-bar-unfinished-milestone-flash {
+  0% { opacity: 1; }
+  20% { opacity: 1; }
+  50% { opacity: 0.3; }
+  80% { opacity: 1; }
+  100% { opacity: 1; }
+}
+
+/* CONTAINER STYLES */
+
+.c-pelle-rift-bar {
+  --color-bar-bg: #1e1e1e;
+  display: flex;
+  width: 32rem;
+  height: 5rem;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  background: var(--color-bar-bg);
+  border: var(--var-border-width, 0.2rem) solid var(--color-pelle--secondary);
+  border-radius: var(--var-border-radius, 0.5rem);
+  margin-bottom: 1rem;
+}
+
+.c-pelle-rift-bar--filling,
+.c-pelle-rift-bar--idle {
+  cursor: pointer;
+}
+
+.l-overflow-hidden {
+  overflow: hidden;
+  width: 32rem;
+  height: 5rem;
+  position: absolute;
+  top: -0.2rem;
+  left: -0.2rem;
+  z-index: 0;
+  border: var(--var-border-width, 0.16rem) solid transparent;
+  border-radius: var(--var-border-radius, 0.5rem);
+}
+
+.o-pelle-rift-bar-overlay {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 0;
+  box-shadow: inset 0 0 0.3rem 0.1rem var(--color-bar-bg);
+}
+
+.c-pelle-rift-bar--filling .o-pelle-rift-bar-overlay {
+  box-shadow: inset 0 0 0.3rem 0.1rem var(--color-pelle--secondary);
+}
+
+/* FILLING STYLES */
+.o-pelle-rift-bar-fill {
+  height: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 0;
+  opacity: 0.7;
+  background: var(--color-pelle--secondary);
+}
+
+.o-pelle-rift-bar-reducedto {
+  height: 100%;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 0;
+  background: var(--color-pelle--base);
+  filter: brightness(0.5);
+}
+
+/* SPECIAL BAR OVERLAY STYLES */
+.o-pelle-rift-bar-permanent {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 0;
+  background: var(--color-pelle--secondary);
+  filter: brightness(50%);
+}
+
+.o-pelle-rift-bar-overfilled {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+  opacity: 0.5;
+  background: var(--color-pelle--base);
+}
+
 .c-pelle-rift-bar-overfill-container {
   animation: a-pelle-bar-overfill-pulse 1s infinite linear;
 }
@@ -291,44 +321,21 @@ export default {
   animation: a-pelle-bar-overfill-pulse-but-green 1s infinite linear;
 }
 
-/* ACTIVE RIFT FILLING STYLES */
-@keyframes a-pelle-bar-filling-sweep {
-  0% {
-    left: 0;
-    width: 0;
-  }
-
-  10% {
-    left: 0;
-    width: 2rem;
-  }
-
-  90% {
-    left: calc(100% - 2rem);
-    width: 2rem;
-  }
-
-  100% {
-    left: 100%;
-    width: 0;
-  }
-}
-
 .o-pelle-rift-bar-active-fill {
-  position: absolute;
   height: 100%;
-  background: var(--color-pelle--base);
+  position: absolute;
   z-index: 1;
   opacity: 0.3;
+  background: var(--color-pelle--base);
   animation: a-pelle-bar-filling-sweep infinite 2s linear;
 }
 
 /* PERCENTAGE STYLES */
 .o-pelle-rift-bar-percentage {
+  z-index: 2;
   font-size: 1.5rem;
   color: white;
   text-shadow: 0.1rem 0.1rem 0.2rem var(--color-pelle--base);
-  z-index: 2;
 
   /* This keeps the percentage from blocking the hover area */
   pointer-events: none;
@@ -344,20 +351,12 @@ export default {
   height: 100%;
 }
 
-@keyframes a-pelle-bar-unfinished-milestone-flash {
-  0% { opacity: 1; }
-  20% { opacity: 1; }
-  50% { opacity: 0.3; }
-  80% { opacity: 1; }
-  100% { opacity: 1; }
-}
-
 .o-pelle-rift-bar-milestone-line {
-  position: absolute;
   width: 0.25rem;
   height: 100%;
-  background: var(--color-pelle--base);
+  position: absolute;
   z-index: 1;
+  background: var(--color-pelle--base);
   animation: a-pelle-bar-unfinished-milestone-flash infinite 1s linear;
 }
 
@@ -366,8 +365,8 @@ export default {
 }
 
 .o-pelle-rift-bar-milestone-line--disabled {
-  animation: none;
   filter: brightness(0.25);
+  animation: none;
 }
 </style>
 
diff --git a/src/components/tabs/celestial-pelle/PelleStrike.vue b/src/components/tabs/celestial-pelle/PelleStrike.vue
index 51a080fc0..b4097d0f9 100644
--- a/src/components/tabs/celestial-pelle/PelleStrike.vue
+++ b/src/components/tabs/celestial-pelle/PelleStrike.vue
@@ -37,21 +37,21 @@ export default {
 
 <style>
 .c-pelle-strike {
-  background: var(--color-pelle--base);
-  color: black;
-  font-size: 1.3rem;
-  border: var(--var-border-width, 0.2rem) solid black;
-  border-radius: var(--var-border-radius, 0.5rem);
-  font-weight: bold;
   min-height: 3.8rem;
   z-index: 3;
+  font-size: 1.3rem;
+  font-weight: bold;
+  color: black;
+  background: var(--color-pelle--base);
+  border: var(--var-border-width, 0.2rem) solid black;
+  border-radius: var(--var-border-radius, 0.5rem);
 }
 
 .c-pelle-strike-container {
-  padding: 0.5rem 0.5rem 2rem;
+  width: 26rem;
   height: 5rem;
   z-index: 3;
-  width: 26rem;
+  padding: 0.5rem 0.5rem 2rem;
 }
 
 .c-pelle-strike-description {
diff --git a/src/components/tabs/celestial-pelle/PelleTab.vue b/src/components/tabs/celestial-pelle/PelleTab.vue
index 45e8e9244..cc1affb77 100644
--- a/src/components/tabs/celestial-pelle/PelleTab.vue
+++ b/src/components/tabs/celestial-pelle/PelleTab.vue
@@ -106,20 +106,20 @@ export default {
 .l-pelle-all-content-container {
   display: flex;
   flex-direction: column;
-  align-items: stretch;
   width: 100%;
+  align-items: stretch;
 }
 
 .o-pelle-button {
-  background: var(--color-text-inverted);
+  font-family: Typewriter;
   color: var(--color-text);
+  background: var(--color-text-inverted);
   border: 0.1rem solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  padding: 1rem;
-  font-family: Typewriter;
   margin-bottom: 1rem;
-  cursor: pointer;
+  padding: 1rem;
   transition-duration: 0.12s;
+  cursor: pointer;
 }
 
 .o-pelle-button:hover {
@@ -128,36 +128,36 @@ export default {
 
 .o-pelle-quotes-button {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-pelle--base);
-  font-size: 5rem;
-  height: 7rem;
   width: 7rem;
+  height: 7rem;
+  justify-content: center;
+  align-items: center;
+  font-size: 5rem;
   font-weight: 900;
+  color: var(--color-pelle--base);
 }
 
 .pelle-unlock-requirements {
+  width: 40rem;
   font-size: 3rem;
-  background: black;
   color: var(--color-pelle--base);
+  background: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  width: 40rem;
 }
 
 .pelle-doom-button {
+  width: 20rem;
+  align-self: center;
   font-family: Typewriter;
-  padding: 1rem;
-  background: black;
-  color: var(--color-pelle--base);
   font-size: 3rem;
+  color: var(--color-pelle--base);
+  background: black;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  width: 20rem;
-  cursor: pointer;
+  padding: 1rem;
   transition-duration: 0.4s;
-  align-self: center;
+  cursor: pointer;
 }
 
 .pelle-doom-button:hover {
@@ -165,25 +165,25 @@ export default {
 }
 
 .pelle-icon-container {
-  background: white;
-  border-radius: 50%;
-  height: 15rem;
-  width: 15rem;
-  margin: auto;
-  margin-top: 3rem;
   display: flex;
+  width: 15rem;
+  height: 15rem;
   justify-content: center;
   align-items: center;
-  border: var(--var-border-width, 0.4rem) solid var(--color-pelle--base);
   font-size: 10rem;
-  transition-duration: 0.4s;
   text-shadow: 0 0 1.5rem #9b0101;
+  background: white;
+  border: var(--var-border-width, 0.4rem) solid var(--color-pelle--base);
+  border-radius: 50%;
   box-shadow: 0 0 1.5rem #9b0101;
+  margin: auto;
+  margin-top: 3rem;
+  transition-duration: 0.4s;
 }
 
 .pelle-doom-button:hover .pelle-icon-container {
-  background: black;
   color: var(--color-pelle--base);
+  background: black;
 }
 
 @keyframes roll {
diff --git a/src/components/tabs/celestial-pelle/PelleUpgrade.vue b/src/components/tabs/celestial-pelle/PelleUpgrade.vue
index cb79ab615..f8e5038ea 100644
--- a/src/components/tabs/celestial-pelle/PelleUpgrade.vue
+++ b/src/components/tabs/celestial-pelle/PelleUpgrade.vue
@@ -159,24 +159,24 @@ export default {
 
 <style scoped>
 .c-pelle-upgrade {
-  padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  width: 18.5rem;
+  height: 12rem;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  font-family: Typewriter;
+  font-size: 0.95rem;
+  font-weight: bold;
   color: var(--color-text);
   background: var(--color-text-inverted);
   border: 0.1rem solid var(--color-pelle--secondary);
   border-radius: var(--var-border-radius, 0.5rem);
-  font-family: Typewriter;
-  cursor: pointer;
-  width: 18.5rem;
-  height: 12rem;
-  margin: 0.6rem 0.3rem;
-  font-size: 0.95rem;
-  font-weight: bold;
   box-shadow: inset 0 0 1rem 0.1rem var(--color-pelle--secondary);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
+  margin: 0.6rem 0.3rem;
+  padding: 2rem;
+  cursor: pointer;
 }
 
 .c-pelle-upgrade:hover {
@@ -186,29 +186,29 @@ export default {
 
 /* stylelint-disable-next-line selector-class-pattern */
 .c-pelle-upgrade--galaxyGenerator {
-  background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
-  color: black;
   font-weight: bold;
+  color: black;
+  background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
   box-shadow: none;
 }
 
 .c-pelle-upgrade--unavailable {
-  background: #5f5f5f;
   color: black;
-  cursor: default;
+  background: #5f5f5f;
   box-shadow: none;
+  cursor: default;
 }
 
 .c-pelle-upgrade--faded {
   opacity: 0.3;
-  cursor: default;
   box-shadow: none;
+  cursor: default;
 }
 
 .c-pelle-upgrade--bought {
+  color: black;
   background: var(--color-pelle--secondary);
   cursor: default;
-  color: black;
 }
 
 /* stylelint-disable-next-line selector-class-pattern */
@@ -221,14 +221,14 @@ export default {
 }
 
 .l-pelle-upgrade-gap {
-  height: 0.5rem;
   flex-shrink: 0;
+  height: 0.5rem;
 }
 
 .c-improved-effect {
-  color: #00bb00;
-  font-weight: bold;
   font-style: italic;
+  font-weight: bold;
+  color: #00bb00;
 }
 
 .s-base--metro .c-pelle-upgrade--unavailable {
diff --git a/src/components/tabs/celestial-pelle/PelleUpgradePanel.vue b/src/components/tabs/celestial-pelle/PelleUpgradePanel.vue
index 287d845db..c0190099c 100644
--- a/src/components/tabs/celestial-pelle/PelleUpgradePanel.vue
+++ b/src/components/tabs/celestial-pelle/PelleUpgradePanel.vue
@@ -135,25 +135,25 @@ export default {
 
 <style scoped>
 .c-pelle-panel-title {
-  font-weight: bold;
-  font-size: 3rem;
-  color: var(--color-pelle--base);
   position: relative;
+  font-size: 3rem;
+  font-weight: bold;
+  color: var(--color-pelle--base);
 }
 
 .c-collapse-icon-clickable {
   position: absolute;
-  left: 1.5rem;
   top: 50%;
+  left: 1.5rem;
   transform: translateY(-50%);
   cursor: pointer;
 }
 
 .l-pelle-panel-container {
-  padding: 1rem;
-  margin: 1rem;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
+  margin: 1rem;
+  padding: 1rem;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -165,15 +165,15 @@ export default {
 }
 
 .o-pelle-button {
-  background: var(--color-text-inverted);
+  font-family: Typewriter;
   color: var(--color-text);
+  background: var(--color-text-inverted);
   border: 0.1rem solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  padding: 1rem;
-  font-family: Typewriter;
   margin: 1rem 0 0.5rem;
-  cursor: pointer;
+  padding: 1rem;
   transition-duration: 0.12s;
+  cursor: pointer;
 }
 
 .o-pelle-button:hover {
@@ -183,17 +183,17 @@ export default {
 .c-pelle-upgrade-container {
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
   max-width: 110rem;
+  justify-content: center;
 }
 
 .c-armageddon-container {
-  align-self: center;
   display: flex;
-  align-items: flex-start;
   justify-content: center;
-  border-radius: var(--var-border-radius, 0.5rem);
+  align-items: flex-start;
+  align-self: center;
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
+  border-radius: var(--var-border-radius, 0.5rem);
   padding: 1rem;
 }
 
@@ -207,8 +207,8 @@ export default {
 }
 
 .c-remnants-amount {
-  font-weight: bold;
   font-size: 2rem;
+  font-weight: bold;
   color: var(--color-pelle--base);
 }
 </style>
diff --git a/src/components/tabs/celestial-pelle/RemnantGainFactor.vue b/src/components/tabs/celestial-pelle/RemnantGainFactor.vue
index e0b005a33..77e02fdc3 100644
--- a/src/components/tabs/celestial-pelle/RemnantGainFactor.vue
+++ b/src/components/tabs/celestial-pelle/RemnantGainFactor.vue
@@ -138,13 +138,13 @@ export default {
 }
 
 .c-remnant-factors {
-  background-color: var(--color-text-inverted);
+  z-index: 4;
+  font-weight: bold;
   color: var(--color-text);
+  background-color: var(--color-text-inverted);
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
   padding: 0.3rem;
-  font-weight: bold;
-  z-index: 4;
 }
 
 .c-remnant-factors-text {
@@ -158,10 +158,10 @@ export default {
 
 .l-remnant-factors-col {
   display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
   flex-direction: column;
   margin-left: 2rem;
-  flex-shrink: 0;
-  flex-grow: 0;
 }
 
 .l-remnant-factors-col--first {
diff --git a/src/components/tabs/celestial-ra/RaPet.vue b/src/components/tabs/celestial-ra/RaPet.vue
index 93a779eb4..4839ab9ec 100644
--- a/src/components/tabs/celestial-ra/RaPet.vue
+++ b/src/components/tabs/celestial-ra/RaPet.vue
@@ -310,8 +310,8 @@ export default {
 
 .c-ra-pet-upgrade-memory {
   border-top-right-radius: 0;
-  border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .c-ra-pet-upgrade-chunk {
diff --git a/src/components/tabs/glyphs/sidebar/SelectedEffectToggle.vue b/src/components/tabs/glyphs/sidebar/SelectedEffectToggle.vue
index 4a832972f..c8cc4652e 100644
--- a/src/components/tabs/glyphs/sidebar/SelectedEffectToggle.vue
+++ b/src/components/tabs/glyphs/sidebar/SelectedEffectToggle.vue
@@ -103,23 +103,23 @@ export default {
 
 <style scoped>
 .c-selected-effect-toggle-indicator--active {
-  color: black;
-  font-size: 1rem;
   position: absolute;
 
   /* -0.1rem = -1px, needed because CSS renders a black border between the check and the border of the selector
   otherwise */
   top: -0.1rem;
   right: -0.1rem;
+  font-size: 1rem;
+  color: black;
+  text-shadow: none;
   border-radius: 0 var(--var-border-radius, 0.4rem);
   padding: 0.2rem;
-  text-shadow: none;
 }
 
 .l-dock {
   position: absolute;
-  margin: 0 4rem;
   top: 50%;
+  margin: 0 4rem;
   transform: translateY(-50%);
 }
 
diff --git a/src/components/tabs/shop/ShopButton.vue b/src/components/tabs/shop/ShopButton.vue
index 7c7121382..59be25df0 100644
--- a/src/components/tabs/shop/ShopButton.vue
+++ b/src/components/tabs/shop/ShopButton.vue
@@ -47,36 +47,36 @@ export default {
 <style scoped>
 .c-shop-button-container {
   width: 30rem;
-  padding: 1rem;
+  color: white;
+  background: #3c3c3c;
   border: var(--var-border-width, 0.2rem) solid #1f7d1f;
   border-radius: var(--var-border-radius, 0.5rem);
   margin: 0.5rem;
-  background: #3c3c3c;
-  color: white;
+  padding: 1rem;
 }
 
 .o-shop-button-button {
+  display: flex;
+  align-items: center;
+  font-family: Typewriter;
   background: turquoise;
   border: none;
   border-radius: var(--var-border-radius, 0.5rem);
-  display: flex;
   margin: auto;
-  align-items: center;
-  font-family: Typewriter;
-  padding: 0.5rem 2rem;
   margin-top: 1rem;
+  padding: 0.5rem 2rem;
   cursor: pointer;
 }
 
 .o-shop-button-button__img {
-  margin-left: 1rem;
   height: 40px;
+  margin-left: 1rem;
 }
 
 .o-shop-button-multiplier {
-  font-weight: bold;
-  font-size: 1.5rem;
-  margin: 0.5rem 0;
   display: block;
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin: 0.5rem 0;
 }
 </style>
diff --git a/src/components/tabs/shop/ShopTab.vue b/src/components/tabs/shop/ShopTab.vue
index 843382861..623b45adc 100644
--- a/src/components/tabs/shop/ShopTab.vue
+++ b/src/components/tabs/shop/ShopTab.vue
@@ -107,11 +107,11 @@ export default {
 }
 
 .c-shop-disclaimer {
-  color: black;
-  background: var(--color-bad);
   width: 100rem;
   font-size: 1.8rem;
   font-weight: bold;
+  color: black;
+  background: var(--color-bad);
   border: var(--var-border-width, 0.2rem) solid black;
   border-radius: var(--var-border-radius, 1rem);
   margin-top: 0.8rem;
@@ -139,15 +139,15 @@ export default {
 }
 
 .o-shop-button-button {
+  display: flex;
+  align-items: center;
+  font-family: Typewriter;
   background: turquoise;
   border: none;
   border-radius: var(--var-border-radius, 0.5rem);
-  display: flex;
   margin: auto;
-  align-items: center;
-  font-family: Typewriter;
-  padding: 0.5rem 2rem;
   margin-top: 1rem;
+  padding: 0.5rem 2rem;
   cursor: pointer;
 }
 
diff --git a/src/components/tabs/time-studies/tt-shop/TimeStudySaveLoadButton.vue b/src/components/tabs/time-studies/tt-shop/TimeStudySaveLoadButton.vue
index 85ecfa061..ac1919924 100644
--- a/src/components/tabs/time-studies/tt-shop/TimeStudySaveLoadButton.vue
+++ b/src/components/tabs/time-studies/tt-shop/TimeStudySaveLoadButton.vue
@@ -123,8 +123,8 @@ export default {
 
 <style scoped>
 .l-tt-save-load-btn__wrapper {
-  margin: 0.3rem;
   position: relative;
+  margin: 0.3rem;
 }
 
 .l-tt-save-load-btn {
@@ -135,18 +135,18 @@ export default {
   position: absolute;
   top: -0.5rem;
   left: 50%;
-  transform: translate(-50%, -100%);
   padding: 0.5rem 0;
+  transform: translate(-50%, -100%);
 }
 
 .c-tt-save-load-btn__menu {
+  text-align: left;
+  font-family: Typewriter;
+  font-size: 1.4rem;
+  font-weight: bold;
   color: white;
   background: black;
   border-radius: var(--var-border-radius, 0.5rem);
-  text-align: left;
-  font-weight: bold;
-  font-family: Typewriter;
-  font-size: 1.4rem;
 }
 
 .l-tt-save-load-btn__menu::after {
@@ -154,10 +154,10 @@ export default {
   position: absolute;
   top: 100%;
   left: 50%;
-  margin-left: -0.5rem;
-  border-width: var(--var-border-width, 0.5rem);
-  border-style: solid;
   border-color: black transparent transparent;
+  border-style: solid;
+  border-width: var(--var-border-width, 0.5rem);
+  margin-left: -0.5rem;
 }
 
 .l-tt-save-load-btn__menu-rename {
@@ -166,9 +166,9 @@ export default {
 
 .c-tt-save-load-btn__menu-rename {
   text-align: left;
-  font-weight: bold;
   font-family: Typewriter;
   font-size: 1.4rem;
+  font-weight: bold;
   border: none;
   border-radius: var(--var-border-radius, 0.3rem);
   padding: 0.2rem;
@@ -180,7 +180,7 @@ export default {
 }
 
 .c-tt-save-load-btn__menu-item:hover {
-  background: white;
   color: black;
+  background: white;
 }
 </style>
diff --git a/src/components/ui-modes/HeaderBlackHole.vue b/src/components/ui-modes/HeaderBlackHole.vue
index ae49f0baa..943023efd 100644
--- a/src/components/ui-modes/HeaderBlackHole.vue
+++ b/src/components/ui-modes/HeaderBlackHole.vue
@@ -117,8 +117,8 @@ export default {
 
 <style scoped>
 .c-primary-btn--black-hole-header {
-  margin: 0.2rem;
   vertical-align: middle;
+  margin: 0.2rem;
 }
 
 .c-black-hole-status-text {
diff --git a/src/components/ui-modes/classic/ClassicSubtabButton.vue b/src/components/ui-modes/classic/ClassicSubtabButton.vue
index c96a8fd2b..fe2e0aabb 100644
--- a/src/components/ui-modes/classic/ClassicSubtabButton.vue
+++ b/src/components/ui-modes/classic/ClassicSubtabButton.vue
@@ -47,14 +47,14 @@ export default {
 
 <style scoped>
 .o-tab-btn {
-  padding-top: 0.2rem;
-  vertical-align: middle;
   height: 2.5rem;
+  vertical-align: middle;
+  padding-top: 0.2rem;
 }
 
 .o-subtab-btn--active {
-  border-bottom-width: 0.4rem;
   height: 2.5rem;
+  border-bottom-width: 0.4rem;
 }
 
 .s-base--metro .o-subtab-btn--active {
diff --git a/src/components/ui-modes/classic/ClassicTabButton.vue b/src/components/ui-modes/classic/ClassicTabButton.vue
index 75b75bdb0..1497dcc66 100644
--- a/src/components/ui-modes/classic/ClassicTabButton.vue
+++ b/src/components/ui-modes/classic/ClassicTabButton.vue
@@ -60,15 +60,15 @@ export default {
 
 <style scoped>
 .o-tab-btn {
+  height: 3.1rem;
+  vertical-align: middle;
   margin: 0.2rem;
   margin-bottom: 0.7rem;
-  vertical-align: middle;
-  height: 3.1rem;
 }
 
 .o-tab-btn--active {
-  border-bottom-width: 0.5rem;
   height: 3.1rem;
+  border-bottom-width: 0.5rem;
 }
 
 .s-base--metro .o-tab-btn--active {
diff --git a/src/components/ui-modes/modern/ModernTabButton.vue b/src/components/ui-modes/modern/ModernTabButton.vue
index 39fdfdbeb..712c13670 100644
--- a/src/components/ui-modes/modern/ModernTabButton.vue
+++ b/src/components/ui-modes/modern/ModernTabButton.vue
@@ -109,8 +109,8 @@ export default {
   width: 0;
   height: 100%;
   position: absolute;
-  left: 0;
   right: 0;
+  left: 0;
   background-color: var(--color-accent);
   transition: width 0.15s;
 }