diff --git a/.claude-screenshots/after.png b/.claude-screenshots/after.png
new file mode 100644
index 0000000..9664043
Binary files /dev/null and b/.claude-screenshots/after.png differ
diff --git a/.claude-screenshots/before.png b/.claude-screenshots/before.png
new file mode 100644
index 0000000..1b8905f
Binary files /dev/null and b/.claude-screenshots/before.png differ
diff --git a/index.html b/index.html
index 9df5861..447c728 100644
--- a/index.html
+++ b/index.html
@@ -8,15 +8,15 @@
 <style>
   * { margin: 0; padding: 0; box-sizing: border-box; }
   body {
-    background-color: #0a0c12;
-    background-image: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px);
+    background-color: #fde047;
+    background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1px, transparent 1px);
     background-size: 20px 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
     font-family: 'Inter', system-ui, -apple-system, sans-serif;
-    color: #f4f4f5;
+    color: #18181b;
     overflow: hidden;
     overflow-y: auto;
   }
@@ -31,7 +31,7 @@
     font-weight: 300;
     letter-spacing: 4px;
     text-transform: uppercase;
-    color: #f4f4f5;
+    color: #18181b;
   }
   .hud {
     display: flex;
@@ -39,7 +39,7 @@
     font-size: 14px;
     letter-spacing: 2px;
     text-transform: uppercase;
-    color: #a1a1aa;
+    color: #52525b;
   }
   .hud span { color: #E05A6D; font-weight: 600; }
   .canvas-wrap {
@@ -51,11 +51,11 @@
   canvas {
     width: 100%;
     height: 100%;
-    border: 1px solid rgba(255, 255, 255, 0.10);
+    border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 8px;
     box-shadow:
-      0 0 60px rgba(224, 90, 109, 0.06),
-      0 0 120px rgba(224, 90, 109, 0.03);
+      0 0 60px rgba(0, 0, 0, 0.06),
+      0 0 120px rgba(0, 0, 0, 0.03);
   }
   .overlay {
     position: absolute;
@@ -74,21 +74,21 @@
     transition: background 0.3s;
   }
   .overlay.active {
-    background: rgba(10, 12, 18, 0.7);
+    background: rgba(253, 224, 71, 0.85);
     pointer-events: auto;
   }
   .overlay .msg {
     font-size: 20px;
     letter-spacing: 3px;
     text-transform: uppercase;
-    color: #f4f4f5;
+    color: #18181b;
     opacity: 0;
     transition: opacity 0.3s;
   }
   .overlay.active .msg { opacity: 1; }
   .overlay .sub {
     font-size: 13px;
-    color: #a1a1aa;
+    color: #52525b;
     letter-spacing: 2px;
     opacity: 0;
     transition: opacity 0.3s 0.1s;
@@ -111,9 +111,9 @@
     width: 56px;
     height: 56px;
     border-radius: 12px;
-    border: 1px solid rgba(255,255,255,0.12);
-    background: rgba(255,255,255,0.06);
-    color: #a1a1aa;
+    border: 1px solid rgba(0,0,0,0.15);
+    background: rgba(0,0,0,0.08);
+    color: #52525b;
     font-size: 22px;
     display: flex;
     align-items: center;
@@ -258,7 +258,7 @@ <h1 id="title">{{VM_NAME}}</h1>
 }
 
 function drawGrid() {
-  ctx.strokeStyle = 'rgba(255, 255, 255, 0.04)';
+  ctx.strokeStyle = 'rgba(0, 0, 0, 0.08)';
   ctx.lineWidth = 0.5;
   for (let x = 0; x <= W; x += CELL) {
     ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke();
@@ -281,17 +281,17 @@ <h1 id="title">{{VM_NAME}}</h1>
     );
 
     if (i === 0) {
-      // Head: bright white/action color
-      g.addColorStop(0, '#ffffff');
-      g.addColorStop(1, '#d4d4d8');
+      // Head: bright retro green
+      g.addColorStop(0, '#4ade80');
+      g.addColorStop(1, '#16a34a');
       // Glow
-      ctx.shadowColor = 'rgba(244, 244, 245, 0.4)';
+      ctx.shadowColor = 'rgba(22, 163, 74, 0.5)';
       ctx.shadowBlur = 15;
     } else {
-      // Body: fading monochrome
+      // Body: fading green
       const alpha = 0.85 - t * 0.45;
-      g.addColorStop(0, `rgba(244, 244, 245, ${alpha})`);
-      g.addColorStop(1, `rgba(161, 161, 170, ${alpha})`);
+      g.addColorStop(0, `rgba(74, 222, 128, ${alpha})`);
+      g.addColorStop(1, `rgba(22, 163, 74, ${alpha})`);
       ctx.shadowColor = 'transparent';
       ctx.shadowBlur = 0;
     }
@@ -351,8 +351,8 @@ <h1 id="title">{{VM_NAME}}</h1>
 function render() {
   ctx.clearRect(0, 0, W, H);
 
-  // Background — BOXD dark navy
-  ctx.fillStyle = '#0a0c12';
+  // Background — playful yellow
+  ctx.fillStyle = '#fde047';
   ctx.fillRect(0, 0, W, H);
 
   drawGrid();