frontpage svg fix

.claude/settings.local.json

@@ -7,7 +7,13 @@
       "Bash(npx eslint *)",
       "Bash(echo \"LINT_EXIT=$?\")",
       "Bash(npx next *)",
-      "Bash(echo \"BUILD_EXIT=$?\")"
+      "Bash(echo \"BUILD_EXIT=$?\")",
+      "Skill(run)",
+      "Bash(nohup npx next start -p 3457)",
+      "Bash(curl -s -o /dev/null -w \"%{http_code}\" http://localhost:3457/)",
+      "Bash(google-chrome --headless --disable-gpu --no-sandbox --window-size=1280,2400 --screenshot=/tmp/cabrits-home.png --hide-scrollbars http://localhost:3457/)",
+      "Read(//tmp/**)",
+      "Bash(pkill -f \"next start -p 3457\")"
     ]
   }
 }

app/globals.css

@@ -161,11 +161,15 @@ h4 {
   color: white;
 }
 
+/* Grid lines layered over the tile's Tailwind gradient. The from/to utilities
+   set the stop variables; this rule must draw the gradient itself because its
+   background-image overrides the bg-gradient utility. */
 .game-thumb-grid {
   background-image:
     linear-gradient(90deg, rgb(255 255 255 / 0.22) 1px, transparent 1px),
-    linear-gradient(0deg, rgb(255 255 255 / 0.22) 1px, transparent 1px);
-  background-size: 14px 14px;
+    linear-gradient(0deg, rgb(255 255 255 / 0.22) 1px, transparent 1px),
+    linear-gradient(var(--tw-gradient-stops, 135deg, #4e95ff, #1f63ea));
+  background-size: 14px 14px, 14px 14px, 100% 100%;
 }
 
 /* Smooth scrollbar */