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; }