Changes

src/pages/Games.tsx

@@ -20,7 +20,7 @@ const games = [
     id: 'pacman',
     name: 'Pac-Man',
     description: 'Navigate the maze, eat dots, avoid ghosts',
-    hasMultiplayer: false,
+    hasMultiplayer: true,
     ascii: `┌────────┐
 │· · ᗣ · │
 │ ┌─┐ ┌─┐│
@@ -44,7 +44,7 @@ const games = [
     id: 'breakout',
     name: 'Breakout',
     description: 'Break bricks with a bouncing ball',
-    hasMultiplayer: false,
+    hasMultiplayer: true,
     ascii: `┌────────┐
 │████████│
 │▓▓▓▓▓▓▓▓│
@@ -110,9 +110,9 @@ const Games = () => {
                   </p>
                 </div>
                 
-                {/* Multiplayer Badge */}
+                {/* Multiplayer Badge - using primary colors instead of purple */}
                 {game.hasMultiplayer && (
-                  <span className="absolute top-3 right-3 font-pixel text-[10px] text-purple-400 border border-purple-500/60 bg-purple-500/10 px-2 py-1 rounded-sm">
+                  <span className="absolute top-3 right-3 font-pixel text-[10px] text-primary border border-primary/60 bg-primary/10 px-2 py-1 rounded-sm">
                     2P
                   </span>
                 )}
@@ -123,17 +123,13 @@ const Games = () => {
       </div>
 
       {/* Footer */}
-      <div className="border border-primary/30 p-3 bg-background/30 mt-6 flex items-center justify-between">
-        <p className="font-pixel text-xs text-foreground/50">
-          <span className="text-primary">{'>'}</span> Max score: 4,294,967,296
-          <span className="text-foreground/30 ml-2">(uint32 overflow)</span>
-        </p>
-        <p className="font-pixel text-xs text-foreground/40 hidden md:block">
-          Arrow keys / WASD to control
+      <div className="mt-auto pt-6">
+        <p className="font-pixel text-xs text-foreground/40 text-center">
+          Games auto-save high scores • 2P games require keyboard
         </p>
       </div>
     </motion.div>
   );
 };
 
-export default Games;
+export default Games;