1 files changed, 67 insertions, 8 deletions
diff --git a/html/rogue/js/config.js b/html/rogue/js/config.js
index 90c1f49..6ed925f 100644
--- a/html/rogue/js/config.js
+++ b/html/rogue/js/config.js
@@ -1,14 +1,30 @@
 const Config = {
     colors: {
-        BACKGROUND: 'rgba(135, 206, 235, 0.3)',
-        GRID: '#333333',
+        BACKGROUND: 'rgba(135, 207, 235, 1)',
+        GRID: 'rgba(0, 0, 0, 0.25)',
         PLAYER: 'red',
-        HEX_FILL: '#ffffff'
+        HEX_FILL: '#ffffff',
+        FOG: {
+            HIDDEN: 'rgba(0, 0, 0, 1)',
+            REVEALED: 'rgba(0, 0, 0, 0.25)',
+            GRID_DIM: 'rgba(0, 0, 0, 0.0)'
+        },
+        UI: {
+            INVENTORY: {
+                BACKGROUND: 'rgba(0, 0, 0, 0.7)',
+                WINDOW: '#ffffff',
+                TEXT: '#000000'
+            }
+        },
+        ITEMS: {
+            COIN: '#FFD700',
+            GEM: '#50C878'
+        }
     },
     
     hex: {
         SIZE: 40, // Size of a single hex
-        GRID_SIZE: 10, // Number of hexes in the grid (width/height)
+        GRID_SIZE: 30, // Number of hexes in the grid (width/height)
         get WIDTH() { // Computed hex width
             return this.SIZE * 2;
         },
@@ -27,12 +43,55 @@ const Config = {
     player: {
         MOVE_SPEED: 0.1,
         SIZE_RATIO: 1/3,
-        VISION_RANGE: 3
+        VISION_RANGE: 3,
+        SPRITE_SCALE: 0.8,
+        ANIMATION_SPEED: 500
     },
 
     camera: {
-        FOLLOW_SPEED: 0.1, // Camera smoothing factor
-        DEADZONE_X: 200, // Horizontal deadzone in pixels
-        DEADZONE_Y: 150 // Vertical deadzone in pixels
+        FOLLOW_SPEED: 0.1,
+        DEADZONE_RATIO_X: {
+            NARROW: 0.1,
+            WIDE: 0.2
+        },
+        DEADZONE_RATIO_Y: 0.2,
+        MIN_DEADZONE: 30,
+        MAX_DEADZONE: 200,
+        NARROW_SCREEN_THRESHOLD: 600
+    },
+
+    ui: {
+        inventory: {
+            PADDING: 20,
+            WIDTH: 300,
+            HEIGHT: 400,
+            TITLE_FONT: '20px Arial',
+            ITEM_FONT: '16px Arial',
+            ITEM_SPACING: 30,
+            TITLE_OFFSET: 20,
+            ITEMS_START_OFFSET: 60
+        }
+    },
+    
+    items: {
+        SPAWN_COUNT: 10,
+        types: {
+            COIN: {
+                name: 'Coin',
+                size: 0.2
+            },
+            GEM: {
+                name: 'Gem',
+                size: 0.25
+            }
+        }
+    },
+
+    fog: {
+        states: {
+            HIDDEN: { alpha: 1.0 },
+            REVEALED: { alpha: 0.5 },
+            VISIBLE: { alpha: 0 }
+        }
     }
 }; 
\ No newline at end of file