show snake body correctly under hazards

2026-04-05 23:08:17 +02:00
parent b7c6a0e345
commit e7d0227cf9
1 changed files with 12 additions and 5 deletions
@@ -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); }