apps/web/src/components/game/AboutPanel.tsx

@@ -101,17 +101,6 @@ export const AboutPanel = (): React.JSX.Element => {
     <section className="panel about-panel">
       <h2>ℹ️ About</h2>
 
-      <div className="about-versions">
-        <div className="about-version-card">
-          <span className="about-version-label">🌐 Client Version</span>
-          <span className="about-version-value">{__WEB_VERSION__}</span>
-        </div>
-        <div className="about-version-card">
-          <span className="about-version-label">⚙️ API Version</span>
-          <span className="about-version-value">{about?.apiVersion ?? "Loading..."}</span>
-        </div>
-      </div>
-
       <h3 className="stats-section-header">📋 Changelog</h3>
       {error !== null && <p className="about-error">{error}</p>}
       {about === null && error === null && <p className="about-loading">Loading changelog...</p>}

apps/web/src/components/game/ClickArea.tsx

@@ -40,6 +40,7 @@ export const ClickArea = (): React.JSX.Element => {
   return (
     <section className="click-area">
       <h1 className="game-title">Elysium</h1>
+      <p className="game-version">v{__WEB_VERSION__}</p>
       <h2>Guild Hall</h2>
       <div className="click-button-wrapper">
         <button

apps/web/src/styles.css

@@ -173,6 +173,13 @@ body {
   -webkit-text-fill-color: transparent;
   background-clip: text;
   letter-spacing: 0.05em;
+  margin-bottom: 0.1rem;
+}
+
+.game-version {
+  font-size: 0.65rem;
+  color: var(--colour-text-muted);
+  opacity: 0.7;
   margin-bottom: 0.5rem;
 }
 

apps/web/vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
     port: 5173,
     proxy: {
       "/api": {
-        target: "http://localhost:3001",
+        target: "http://localhost:3898",
         rewrite: (path) => path.replace(/^\/api/, ""),
       },
     },