update: game core flow pages

apps/web/src/styles/common.css

@@ -2,6 +2,7 @@ html { transition: all 0.2s ease-in-out; }
 html[data-theme='light'] { color-scheme: light; }
 html[data-theme='dark'] { color-scheme: dark; }
 :root { color: var(--base-text-color); }
+.hide-scrollbar,
 html {
     overflow-y: auto;
     overflow-x: auto;
@@ -18,17 +19,21 @@ body {
     margin: 1rem;
     padding: 0;
     background: var(--base-background-color);
+    transition: all 0.2s ease-in-out;
+}
+
+html, body, button, input, select, textarea {
     font-family:
-        -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", 
-        "Noto Sans SC", "Noto Sans CJK SC", "Noto Sans", 
+        -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC",
+        "Noto Sans SC", "Noto Sans CJK SC", "Noto Sans",
         "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .font-mono {
-    font-family: 
-        "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, 
+    font-family:
+        "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas,
         "Noto Sans Mono CJK SC", "Noto Sans Mono", "Noto Code",
         ui-monospace, monospace;
     -webkit-font-smoothing: antialiased;
@@ -47,12 +52,12 @@ button {
     border: var(--border-color) 0.0625rem solid;
     background: var(--background-color);
     font-size: 1.2rem;
+    font-weight: bold;
     padding: 0 1rem;
-    line-height: 2.5rem;
+    height: 2.5rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    font-family: Arial, sans-serif;
     user-select: none;
     transition: all 0.2s ease-in-out;
     &:hover {
@@ -86,4 +91,4 @@ input {
     &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
 }
 
-@media (max-width: 32rem) { :root { font-size: 2.8vw; } }
+@media (max-width: 32rem) { :root { font-size: 2.88vw; } }