From 5ce84d0e23997e5593b1e769c65f9b0be26828fa Mon Sep 17 00:00:00 2001
From: hyoseung <hyoseung930@gmail.com>
Date: Thu, 28 May 2026 17:45:08 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=9D=B4?=
 =?UTF-8?q?=EC=A4=91=20=EB=B0=9C=EC=83=9D=20=EC=88=98=EC=A0=95,=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20=EB=B2=84=ED=8A=BC=20=ED=95=98=EB=8B=A8=20?=
 =?UTF-8?q?=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index 28a5fb4..2f21da4 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -153,6 +153,7 @@ onMounted(startGame)
   display: flex;
   flex-direction: column;
   height: 100vh;
+  overflow: hidden;
   background: #0a0a0f;
   color: #e0d0ff;
   font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
@@ -226,6 +227,7 @@ onMounted(startGame)
 
 .game-main {
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -237,7 +239,9 @@ onMounted(startGame)
 
 .story-area {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
+  overflow-x: hidden;
   padding: 20px 0 12px;
   display: flex;
   flex-direction: column;
@@ -291,11 +295,14 @@ onMounted(startGame)
 }
 
 .choices-area {
-  padding: 12px 0 16px;
+  flex-shrink: 0;
+  padding: 10px 0 14px;
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  flex-shrink: 0;
+  gap: 7px;
+  border-top: 1px solid #2a1a4e;
+  max-height: 55vh;
+  overflow-y: auto;
 }
 
 .choice-btn {
@@ -337,8 +344,10 @@ onMounted(startGame)
 }
 
 .restart-area {
-  padding: 16px 0;
+  flex-shrink: 0;
+  padding: 14px 0;
   text-align: center;
+  border-top: 1px solid #2a1a4e;
 }
 
 .btn-restart {