From f959b36a16f628cc4f3809bace675dccb494d9ff Mon Sep 17 00:00:00 2001
From: Carl Worth <cworth@cworth.org>
Date: Fri, 6 Mar 2026 09:16:41 -0500
Subject: [PATCH] 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.
---
 letterrip/letterrip.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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 {
-- 
2.45.2