From e7d0227cf900f3d6becd05f955834864c1042991 Mon Sep 17 00:00:00 2001
From: Daniel Dolezal <d.dolezal97@protonmail.com>
Date: Sun, 5 Apr 2026 23:08:17 +0200
Subject: [PATCH] show snake body correctly under hazards

---
 server/templates/dashboard.html | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/server/templates/dashboard.html b/server/templates/dashboard.html
index bc4576d..4cd38ea 100644
--- a/server/templates/dashboard.html
+++ b/server/templates/dashboard.html
@@ -390,14 +390,21 @@
     }
     .hazard {
       background-color: var(--hazard);
+      filter: grayscale(0.35) brightness(0.62);
+    }
+    .hazard::after {
+      content: "";
+      position: absolute;
+      inset: 0;
       background-image: repeating-linear-gradient(
         135deg,
-        rgba(255, 255, 255, 0.18) 0,
-        rgba(255, 255, 255, 0.18) 2px,
-        rgba(0, 0, 0, 0) 2px,
-        rgba(0, 0, 0, 0) 6px
+        rgba(106, 90, 155, 0.55) 0,
+        rgba(106, 90, 155, 0.55) 2px,
+        transparent 2px,
+        transparent 6px
       );
-      filter: grayscale(0.35) brightness(0.62);
+      z-index: 2;
+      pointer-events: none;
     }
     .snake-you { background: var(--you); }
     .snake-enemy { background: var(--enemy); }