From aac1b63b7ca612a0ad9e0944ed8d2f9cc3f68efe Mon Sep 17 00:00:00 2001
From: Christian Semmler <mail@csemmler.com>
Date: Sat, 31 Jan 2026 14:31:54 -0800
Subject: [PATCH] Fix score cube overflow on mobile

Add max-width constraints to prevent the score cube from expanding
its container on narrow viewports while preserving its natural
200x200 size on desktop.
---
 src/lib/save-editor/MissionScoresEditor.svelte | 1 +
 src/lib/save-editor/ScoreCube.svelte           | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/lib/save-editor/MissionScoresEditor.svelte b/src/lib/save-editor/MissionScoresEditor.svelte
index 0ac5fb0..f51bbec 100644
--- a/src/lib/save-editor/MissionScoresEditor.svelte
+++ b/src/lib/save-editor/MissionScoresEditor.svelte
@@ -26,5 +26,6 @@
     .scores-editor {
         display: flex;
         justify-content: center;
+        max-width: 100%;
     }
 </style>
diff --git a/src/lib/save-editor/ScoreCube.svelte b/src/lib/save-editor/ScoreCube.svelte
index 5c48307..93db3a5 100644
--- a/src/lib/save-editor/ScoreCube.svelte
+++ b/src/lib/save-editor/ScoreCube.svelte
@@ -165,6 +165,7 @@
         flex-direction: column;
         align-items: center;
         position: relative;
+        min-width: 0;
     }
 
     .score-cube-header {
@@ -176,6 +177,7 @@
         cursor: pointer;
         border-radius: 8px;
         margin-bottom: 12px;
+        max-width: 100%;
     }
 
     canvas.hidden {
@@ -193,6 +195,7 @@
         justify-content: center;
         width: 200px;
         height: 200px;
+        max-width: 100%;
         padding-top: 20px;
         color: var(--color-text-muted, #888);
         font-size: 0.9em;