From 0ab8bf520abd6cd57b266744cea5958af77948f6 Mon Sep 17 00:00:00 2001
From: Andy Dixon <andy@andydixon.com>
Date: Thu, 15 Jan 2026 09:22:49 +0000
Subject: [PATCH] Adjust crt-shell dimensions for mobile on-screen keyboard
 compatibility

---
 css/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index e143abe..64b9613 100644
--- a/css/style.css
+++ b/css/style.css
@@ -196,7 +196,10 @@ html, body {
   .crt-shell {
     width: 100%;
     max-width: 100%;
-    aspect-ratio: 4 / 3;
+    /* Fill the vertical space above the on-screen keyboard */
+    height: calc(100vh - 280px);
+    max-height: calc(100vh - 200px);
+    aspect-ratio: auto;
     border-radius: 12px;
     padding: 8px;
     box-shadow:
@@ -228,6 +231,8 @@ html, body {
   .crt-shell {
     border-radius: 8px;
     padding: 6px;
+    height: calc(100vh - 260px);
+    max-height: calc(100vh - 190px);
   }
 
   .crt-overlay {