index.html

@@ -163,6 +163,7 @@
 </div>
 
 <canvas id="nexus-canvas"></canvas>
+<canvas id="minimap-canvas" class="minimap"></canvas>
 
 <footer class="nexus-footer">
   <a href="https://www.perplexity.ai/computer" target="_blank" rel="noopener noreferrer">

style.css

@@ -59,6 +59,23 @@ canvas#nexus-canvas {
   left: 0;
 }
 
+canvas#minimap-canvas {
+  display: block;
+  width: 200px;
+  height: 200px;
+  position: fixed;
+  bottom: var(--space-4);
+  right: var(--space-4);
+  background: rgba(0, 0, 0, 0.6);
+  border: 1px solid var(--color-primary-dim);
+  border-radius: var(--panel-radius);
+  z-index: 15;
+}
+
+canvas#minimap-canvas.hidden {
+  display: none;
+}
+
 /* === LOADING SCREEN === */
 #loading-screen {
   position: fixed;