diff --git a/Dockerfile b/Dockerfile
index 5e96e06..8881818 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -17,7 +17,7 @@ COPY . .
 
 # Compilar servidor y cliente
 RUN cd server && npm run build
-RUN cd client && npm run build
+RUN cd client && npx vite build
 
 # Instalar serve para servir archivos estáticos
 RUN npm install -g serve
diff --git a/client/package-lock.json b/client/package-lock.json
index 3b5f26f..cbc20b1 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -14,6 +14,8 @@
         "vue-router": "latest"
       },
       "devDependencies": {
+        "@types/lokijs": "^1.5.14",
+        "@types/node": "^24.3.0",
         "@vitejs/plugin-vue": "latest",
         "@vue/tsconfig": "latest",
         "typescript": "latest",
@@ -915,6 +917,23 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/lokijs": {
+      "version": "1.5.14",
+      "resolved": "https://registry.npmjs.org/@types/lokijs/-/lokijs-1.5.14.tgz",
+      "integrity": "sha512-4Fic47BX3Qxr8pd12KT6/T1XWU8dOlJBIp1jGoMbaDbiEvdv50rAii+B3z1b/J2pvMywcVP+DBPGP5/lgLOKGA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.0.tgz",
+      "integrity": "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.10.0"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
@@ -1488,6 +1507,13 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici-types": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
+      "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.6.tgz",
diff --git a/client/package.json b/client/package.json
index ca0ef51..17c5aac 100644
--- a/client/package.json
+++ b/client/package.json
@@ -9,12 +9,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "latest",
-    "vue-router": "latest",
     "colyseus.js": "latest",
-    "lokijs": "^1.5.12"
+    "lokijs": "^1.5.12",
+    "vue": "latest",
+    "vue-router": "latest"
   },
   "devDependencies": {
+    "@types/lokijs": "^1.5.14",
+    "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "latest",
     "@vue/tsconfig": "latest",
     "typescript": "latest",
diff --git a/client/src/components/RoomsTable.vue b/client/src/components/RoomsTable.vue
index 8ecdcb5..dc6d296 100644
--- a/client/src/components/RoomsTable.vue
+++ b/client/src/components/RoomsTable.vue
@@ -51,15 +51,15 @@
             <td class="tokens-cell">
               <div v-if="getRoomDetails(room.roomId)?.players?.[0]" class="player-section">
                 <div class="player-name-chip" :style="{ 
-                  backgroundColor: getPlayerColor(getRoomDetails(room.roomId).players[0], 0),
-                  color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId).players[0], 0))
+                  backgroundColor: getPlayerColor(getRoomDetails(room.roomId)?.players?.[0], 0),
+                  color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId)?.players?.[0], 0))
                 }">
-                  {{ getRoomDetails(room.roomId).players[0].name }}
+                  {{ getRoomDetails(room.roomId)?.players?.[0]?.name }}
                 </div>
                 <div class="token-summary">
-                  <span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
-                  <span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
-                  <span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId).players[0].shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[0]?.shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
                 </div>
               </div>
               <div v-else class="no-data">-</div>
@@ -67,15 +67,15 @@
             <td class="tokens-cell">
               <div v-if="getRoomDetails(room.roomId)?.players?.[1]" class="player-section">
                 <div class="player-name-chip" :style="{ 
-                  backgroundColor: getPlayerColor(getRoomDetails(room.roomId).players[1], 1),
-                  color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId).players[1], 1))
+                  backgroundColor: getPlayerColor(getRoomDetails(room.roomId)?.players?.[1], 1),
+                  color: getReadableTextColor(getPlayerColor(getRoomDetails(room.roomId)?.players?.[1], 1))
                 }">
-                  {{ getRoomDetails(room.roomId).players[1].name }}
+                  {{ getRoomDetails(room.roomId)?.players?.[1]?.name }}
                 </div>
                 <div class="token-summary">
-                  <span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
-                  <span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
-                  <span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId).players[1].shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token pavo">🦃 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.pavoTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token elote">🌽 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.eloteTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
+                  <span class="token shame">😳 <AnimatedNumber :value="getRoomDetails(room.roomId)?.players?.[1]?.shameTokens || 0" :duration-ms="800" :animate-on-mount="true" /></span>
                 </div>
               </div>
               <div v-else class="no-data">-</div>
diff --git a/client/src/services/colyseus.ts b/client/src/services/colyseus.ts
index 299c899..5ec9edd 100644
--- a/client/src/services/colyseus.ts
+++ b/client/src/services/colyseus.ts
@@ -161,11 +161,11 @@ class ColyseusService {
           });
           
           // Ensure the room id is set
-          if (!gameRoom.id) {
-            gameRoom.id = data.roomId;
+          if (!(gameRoom as any).id) {
+            (gameRoom as any).id = data.roomId;
           }
           
-          console.log('Successfully joined game room:', gameRoom.id, gameRoom);
+          console.log('Successfully joined game room:', (gameRoom as any).id, gameRoom);
           console.log('Setting gameRoom.value...');
           this.gameRoom.value = gameRoom;
           this.currentRoom = gameRoom;
diff --git a/client/src/services/db.ts b/client/src/services/db.ts
index 026d5c4..40fcaf1 100644
--- a/client/src/services/db.ts
+++ b/client/src/services/db.ts
@@ -1,4 +1,4 @@
-import Loki from "lokijs";
+import Loki, { Collection } from "lokijs";
 
 export interface LocalPlayerDoc {
   id: string; // fixed id for local profile
diff --git a/client/tsconfig.prod.json b/client/tsconfig.prod.json
new file mode 100644
index 0000000..9bd137f
--- /dev/null
+++ b/client/tsconfig.prod.json
@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noImplicitAny": false,
+    "strict": false,
+    "skipLibCheck": true
+  }
+}
\ No newline at end of file
diff --git a/client/vite.config.d.ts b/client/vite.config.d.ts
new file mode 100644
index 0000000..340562a
--- /dev/null
+++ b/client/vite.config.d.ts
@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;