fix(ui): prevent minimap overlap with right sidebar

- Restore missing canvas-container base styles
- Adjust minimap positioning to stay within game bounds
- Add max-width/max-height constraints
- Improve hover effect with proper transform-origin
- Add responsive minimap adjustments for smaller screens

static/styles.css

@@ -1192,6 +1192,23 @@ body {
     50% { opacity: 0.8; }
 }
 
+/* Modern Canvas Container */
+#canvas-container {
+    flex: 1;
+    position: relative;
+    background: var(--bg-primary);
+    overflow: hidden;
+}
+
+#game-canvas {
+    width: 100%;
+    height: 100%;
+    display: block;
+    cursor: crosshair;
+    image-rendering: crisp-edges;
+    image-rendering: pixelated;
+}
+
 /* Modern Minimap - Base Styles */
 #minimap-container {
     position: absolute;
@@ -1207,11 +1224,16 @@ body {
     backdrop-filter: blur(10px);
     transition: all var(--transition-fast);
     z-index: var(--z-fixed);
+    /* Ensure it doesn't overlap with right sidebar */
+    max-width: calc(100% - (var(--space-lg) * 2));
+    max-height: calc(100% - (var(--space-lg) * 2));
 }
 
 #minimap-container:hover {
     transform: scale(1.05);
     box-shadow: var(--shadow-glow);
+    /* Prevent overflow on hover */
+    transform-origin: bottom right;
 }
 
 #minimap {
@@ -1229,6 +1251,23 @@ body {
     border-radius: var(--radius-sm);
 }
 
+/* Additional responsive minimap adjustments */
+@media (max-width: 1400px) {
+    #minimap-container {
+        right: var(--space-md);
+        bottom: var(--space-md);
+        width: 200px;
+        height: 150px;
+    }
+}
+
+@media (max-width: 1200px) {
+    #minimap-container {
+        width: 180px;
+        height: 135px;
+    }
+}
+
 /* Modern Camera Controls */
 #camera-controls {
     position: absolute;