From 67ad65102f2a89301f803b29f71eb0c9c9de0316 Mon Sep 17 00:00:00 2001
From: darcy <laidaixi@163.com>
Date: Fri, 19 Jun 2026 00:06:40 +0800
Subject: [PATCH] Fix game viewport layout

---
 index.html     | 1 +
 src/styles.css | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1d4aafd..a898c51 100644
--- a/index.html
+++ b/index.html
@@ -58,6 +58,7 @@
           <div><kbd>WASD</kbd><kbd>Arrow</kbd><span>Move</span></div>
           <div><kbd>Space</kbd><span>Fire</span></div>
           <div><kbd>P</kbd><span>Pause</span></div>
+          <div><kbd>Esc</kbd><span>End</span></div>
           <div><kbd>Enter</kbd><span>Start / Restart</span></div>
         </footer>
       </section>
diff --git a/src/styles.css b/src/styles.css
index 66c8989..81e5363 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -73,7 +73,7 @@ button:focus-visible {
 }
 
 .shell {
-  width: min(1180px, calc(100vw - 32px));
+  width: min(980px, calc(100vw - 32px));
   min-height: 100vh;
   margin: 0 auto;
   padding: 18px 0;
@@ -192,7 +192,7 @@ h1 {
 
 .stage-wrap {
   position: relative;
-  width: min(100%, max(420px, calc((100vh - 320px) * 4 / 3)));
+  width: 100%;
   aspect-ratio: 4 / 3;
   margin: 0 auto;
   min-height: 280px;
@@ -319,7 +319,6 @@ kbd {
   }
 
   .stage-wrap {
-    width: 100%;
     max-height: none;
   }
 }