From f452dc067491b41127e48da421cb092dcb6fff75 Mon Sep 17 00:00:00 2001
From: Alexej Wolff <awolff@draug.me>
Date: Wed, 11 Feb 2026 01:14:14 +0100
Subject: [PATCH] fix: iOS safe area for game page

---
 src/pages/GamePage.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/GamePage.css b/src/pages/GamePage.css
index 766082e..2d768c8 100644
--- a/src/pages/GamePage.css
+++ b/src/pages/GamePage.css
@@ -1,8 +1,11 @@
 .game-page {
   height: 100vh;
+  height: 100dvh;
   display: flex;
   flex-direction: column;
   background: #0d0d0d;
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .game-error {
@@ -19,6 +22,8 @@
   align-items: center;
   gap: 1rem;
   padding: 1rem 1.5rem;
+  padding-left: max(1.5rem, env(safe-area-inset-left));
+  padding-right: max(1.5rem, env(safe-area-inset-right));
   background: #1a1a1a;
   border-bottom: 1px solid #333;
 }
@@ -290,7 +295,9 @@
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  padding: 1rem 1.5rem 1.5rem;
+  padding: 1rem 1.5rem;
+  padding-left: max(1.5rem, env(safe-area-inset-left));
+  padding-right: max(1.5rem, env(safe-area-inset-right));
   background: #131313;
   border-top: 1px solid #222;
 }