From e29226059c340da70be17329a31f9873e6781107 Mon Sep 17 00:00:00 2001
From: hyoseung <hyoseung930@gmail.com>
Date: Fri, 29 May 2026 12:51:32 +0900
Subject: [PATCH] fix: prevent choices from being cut off on tablet

---
 src/views/GameView.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index 79f512b..43cc341 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -545,8 +545,8 @@ onMounted(resumeGame)
 .scene-area {
   position: relative;
   z-index: 5;
-  flex: 1;
-  min-height: 0;
+  flex: 1 1 auto;
+  min-height: 60px;
   display: flex;
   align-items: flex-end;
   justify-content: center;
@@ -587,7 +587,9 @@ onMounted(resumeGame)
 .dialog-section {
   position: relative;
   z-index: 10;
-  flex-shrink: 0;
+  flex: 0 1 auto;
+  min-height: 0;
+  overflow: hidden;
   padding: 0 12px 12px;
   padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
   display: flex;
@@ -667,6 +669,10 @@ onMounted(resumeGame)
 
 /* ─── Choices ─── */
 .choices-frame {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
   background: linear-gradient(180deg,
     rgba(10,8,22,0.97) 0%,
     rgba(6,4,15,0.99) 100%
@@ -680,7 +686,8 @@ onMounted(resumeGame)
 }
 
 .choices-inner {
-  max-height: 38dvh;
+  flex: 1;
+  min-height: 0;
   overflow-y: auto;
 }