From 3cbf756002c3a237894c907a0611719cc389720d Mon Sep 17 00:00:00 2001
From: name <jorqsraze@users.noreply.github.com>
Date: Sun, 12 Apr 2026 01:42:40 -0700
Subject: [PATCH] show keyboard nav hints and menu highlights on laptop/desktop

Move navHint, menuTriangle, and pink selection highlight hiding
to 480px mobile-only query. Previously hidden at 640px/700px height
which affected laptops.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/pages/HomePage.module.css | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/pages/HomePage.module.css b/src/pages/HomePage.module.css
index 75ebcbd..4f01454 100644
--- a/src/pages/HomePage.module.css
+++ b/src/pages/HomePage.module.css
@@ -624,10 +624,6 @@
     left: 0;
   }
 
-  .navHint {
-    display: none;
-  }
-
 }
 
 @media (max-width: 640px), (max-height: 700px) {
@@ -651,7 +647,6 @@
   }
 
   .menuTriangle {
-    display: none;
     left: -16px;
     border-top-width: 10px;
     border-bottom-width: 10px;
@@ -664,15 +659,6 @@
     transition: none;
   }
 
-  .menuItemSelected,
-  .menuItemFlash {
-    border-color: rgb(255 78 203 / 0.15);
-    background: rgb(0 0 0 / 0.45);
-  }
-
-  .menuItemSelected .menuLabel {
-    color: #fff;
-  }
 
   .menuBadge {
     width: 44px;
@@ -702,9 +688,21 @@
   .rightPanel,
   .floor,
   .scanlines,
-  .corner {
+  .corner,
+  .menuTriangle,
+  .navHint {
     display: none;
   }
+
+  .menuItemSelected,
+  .menuItemFlash {
+    border-color: rgb(255 78 203 / 0.15);
+    background: rgb(0 0 0 / 0.45);
+  }
+
+  .menuItemSelected .menuLabel {
+    color: #fff;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {