fix build deck styles

src/ui/Duel/PlayMat/css.ts

@@ -67,6 +67,12 @@ const matConfigWithUnit = Object.entries(_matConfigWithUnit).map(
   ([k, [value, unit]]) => [k, pxTransform(value, unit) as [number, UNIT]],
 ) satisfies CSSConfig;
 
+export function setCssProperties() {
+  toCssProperties(matConfigWithUnit).forEach(([k, v]) => {
+    document.body.style.setProperty(k, v);
+  });
+}
+
 export const matConfig = matConfigWithUnit.reduce(
   (prev, [key, value]) => ({
     ...prev,
@@ -75,7 +81,3 @@ export const matConfig = matConfigWithUnit.reduce(
   }),
   {} as Record<keyof typeof _matConfigWithUnit, number>,
 );
-
-toCssProperties(matConfigWithUnit).forEach(([k, v]) => {
-  document.body.style.setProperty(k, v);
-});

src/ui/Layout/index.tsx

@@ -40,6 +40,7 @@ import {
   initSuper,
   initWASM,
 } from "./utils";
+import { setCssProperties } from "../Duel/PlayMat/css";
 
 const NeosConfig = useConfig();
 
@@ -51,6 +52,10 @@ export const loader: LoaderFunction = async () => {
   initForbidden();
   initI18N();
   initSuper();
+
+  // set some styles
+  setCssProperties();
+
   return null;
 };