From a614532810c824df2cc681c2b81d002270045d84 Mon Sep 17 00:00:00 2001
From: warringtond <warringtond3@gmail.com>
Date: Thu, 11 Jun 2026 06:51:22 -0400
Subject: [PATCH] frontpage svg fix

---
 .claude/settings.local.json | 8 +++++++-
 app/globals.css             | 8 ++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 9c39bd8..071a7ce 100644
--- a/.claude/settings.local.json
+++ b/.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\")"
     ]
   }
 }
diff --git a/app/globals.css b/app/globals.css
index 5738526..dfd04fb 100644
--- a/app/globals.css
+++ b/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 */