From: Carl Worth <cworth@cworth.org>
Date: Fri, 6 Mar 2026 14:16:41 +0000 (-0500)
Subject: Only apply hover effects on devices with a true pointer
X-Git-Url: https://git.cworth.org/git?a=commitdiff_plain;h=f959b36a16f628cc4f3809bace675dccb494d9ff;p=lmno.games

Only apply hover effects on devices with a true pointer

Prior to this change, the "stuck" button was staying stuck (ha!) with
styling as if hovered even after the user was done pressing it.
---

diff --git a/letterrip/letterrip.css b/letterrip/letterrip.css
index 248f902..09243ea 100644
--- a/letterrip/letterrip.css
+++ b/letterrip/letterrip.css
@@ -45,8 +45,15 @@
   color: #333;
 }
 
-.controls button.stuck-btn:hover {
-  background: #e0e0e0;
+/* Only apply hover effects on devices with a true pointer, avoiding
+   sticky :hover on mobile where there's no "unhover" event. */
+@media (hover: hover) {
+  .controls button.stuck-btn:hover {
+    background: #e0e0e0;
+  }
+  .controls button.stuck-active:hover {
+    background: #cf6d13;
+  }
 }
 
 .controls button.stuck-active {