From 3da669a52e57f0e7501637923303969f31661430 Mon Sep 17 00:00:00 2001
From: Leo Compe <leocompe@Leos-MacBook-Pro.local>
Date: Sun, 4 Oct 2026 18:29:58 +0200
Subject: [PATCH] Scale the dialogue text with the game screen (#68)

The text is about 2.2% of the screen width (15 to 40 px), multiplied by the
text-size setting, and its area is no longer capped at 120 px.

Closes #68 [no-card]

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/ui/styles.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ui/styles.css b/src/ui/styles.css
index 43c9b89..cc36774 100644
--- a/src/ui/styles.css
+++ b/src/ui/styles.css
@@ -199,6 +199,8 @@ label:focus-within {
   border: 4px double #080b10;
 }
 .screen {
+  /* Lets the dialogue text size follow the width of the game screen. */
+  container-type: inline-size;
   position: relative;
   min-width: 0;
   min-height: 0;
@@ -318,7 +320,11 @@ dialog h2 {
   box-shadow: 4px 4px 0 #0007;
 }
 .native-dialogue p {
-  max-height: 120px;
+  /* The box is wide and the ROM's lines are 18 characters, so the text scales
+     with the screen; the text-size setting multiplies it. */
+  font-size: calc(clamp(15px, 2.2cqw, 40px) * var(--text-scale));
+  line-height: 1.4;
+  max-height: 7em;
   overflow: auto;
   margin: 0;
   white-space: pre-line;