fix appearance and em->rem oddities

.stylelintrc.json

@@ -16,7 +16,7 @@
         "property-no-vendor-prefix": [
             true,
             {
-                "ignoreProperties": ["appearance", "background-clip-text", "backdrop-filter", "clip-path", "user-select"]
+                "ignoreProperties": ["appearance", "background-clip", "backdrop-filter", "clip-path", "user-select"]
             }
         ],
 

public/stylesheets/glyphs.css

@@ -222,12 +222,14 @@
   border-radius: var(--var-border-radius, 0.2rem);
   border: solid 0.1rem;
   text-align: center;
-  appearance: textfield;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
 }
 
 .c-auto-sac-effect-tab__input::-webkit-inner-spin-button,
 .c-auto-sac-effect-tab__input::-webkit-outer-spin-button {
-  appearance: textfield;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
   margin: 0;
 }
 
@@ -240,7 +242,8 @@
   color: var(--color-reality-light);
   border-radius: var(--var-border-radius, 0.2rem);
   border: solid 0.1rem;
-  appearance: textfield;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
   margin: 0;
 }
 
@@ -259,7 +262,8 @@
 
 .c-auto-sac-type-tab__input::-webkit-outer-spin-button,
 .c-auto-sac-type-tab__input::-webkit-inner-spin-button {
-  appearance: textfield;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
   margin: 0;
 }
 
@@ -614,7 +618,8 @@
   border-bottom: 0.1rem solid;
   text-align: center;
   margin-bottom: 0.5rem;
-  appearance: textfield;
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
 }
 
 .c-glyph-set-save-setting-button {

public/stylesheets/new-ui-styles.css

@@ -74,7 +74,7 @@ body.t-s9 {
 
 .resource h2 {
   margin: 0;
-  font-size: 1.7rem;
+  font-size: 1.9rem;
   z-index: 1;
 }
 
@@ -98,7 +98,7 @@ body.t-s9 {
 }
 
 .resource-name {
-  font-size: 0.8rem;
+  font-size: 1.2rem;
 }
 
 .o-sidebar-currency--antimatter {
@@ -166,7 +166,7 @@ body.t-s9 {
   border-width: 0.1rem;
   border-radius: 0;
   margin-top: -0.1rem;
-  font-size: 1.3rem;
+  font-size: 1.4rem;
   position: relative;
   transition-duration: 0.15s;
   transition-delay: 0.2s;
@@ -566,7 +566,7 @@ body.t-s9 {
   margin-top: 1rem;
   margin-bottom: 0.5rem;
   font-weight: bold;
-  font-size: 1.1rem;
+  font-size: 1.2rem;
   border-bottom: 0.1rem solid var(--color-good);
   padding-bottom: 0.6rem;
 }

public/stylesheets/styles.css

@@ -6047,7 +6047,7 @@ kbd {
 
 .l-celestial-quote-history__lines {
   font-size: 1.9rem;
-  line-height: 1.6rem;
+  line-height: 2.4rem;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -6435,6 +6435,7 @@ kbd {
 
 .c-effarig-run-button__inner--running {
   background-image: url("../images/noise.png");
+  -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: rgba(255, 0, 0, 50%);
   animation: a-effarig-run-button--running-noise 15s infinite alternate;