From d5b8aeff278563c53b1c01aa84d3e0cf7d00a28a Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Tue, 28 Apr 2026 21:45:23 +0700
Subject: [PATCH] fix(footer): keep desktop footer visible during gameplay

Previously hid the footer on the game view to avoid overlap with the
on-screen D-pad on mobile. Render it on every view now and only suppress
it via @media (pointer: coarse) when in-game, so desktop always shows
the credit line while touch devices keep the mistouch-safe behavior.
---
 src/App.svelte | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 23feb3a..5048bca 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -31,12 +31,12 @@
     {/key}
 {/if}
 
-{#if view !== 'game'}
-    <footer class="site-footer">
-        Made with <span class="heart">♥</span> by
-        <a href="https://miti99.com" target="_blank" rel="noopener noreferrer">miti99</a>
-    </footer>
-{/if}
+<!-- Footer always shows on desktop. On touch/mobile it's hidden during
+     gameplay so it can't overlap the on-screen D-pad / action stack. -->
+<footer class="site-footer" class:in-game={view === 'game'}>
+    Made with <span class="heart">♥</span> by
+    <a href="https://miti99.com" target="_blank" rel="noopener noreferrer">miti99</a>
+</footer>
 
 <style>
     .site-footer {
@@ -73,4 +73,8 @@
         0%, 100% { transform: scale(1); }
         50%      { transform: scale(1.2); }
     }
+
+    @media (pointer: coarse) {
+        .site-footer.in-game { display: none; }
+    }
 </style>