fix: fix parsing difference in css

Author: LucasHJin

styles.css

@@ -32,7 +32,7 @@
 	height: var(--pet-size);
 	left: var(--left);
 	top: var(--top);
-	transform: translate(-50%, -50%) scale(var(--scale, 1)) scaleX(var(--scale-x, 1));
+	transform: translate(-50%, -50%) scale(var(--scale, 1)) scaleX(calc(var(--scale-x, 1) * 1)); /* calc to force numeric eval */
 	background-repeat: no-repeat;
 	background-position: 0 0;
 	background-image: var(--sprite-url);
@@ -111,7 +111,7 @@
 
 .ball {
   position: absolute;
-  transform: translate(var(--x, 0), var(--y, 0)) scale(var(--scale, 1));
+  transform: translate(calc(var(--x, 0)), calc(var(--y, 0))) scale(var(--scale, 1)); /* same as above */
   width: var(--ballwidth);
   height: var(--ballheight);
   z-index: 200;