diff --git a/app/templates/v2/screens/scorecard_portrait.html b/app/templates/v2/screens/scorecard_portrait.html
index 0972fa8..1c67b50 100644
--- a/app/templates/v2/screens/scorecard_portrait.html
+++ b/app/templates/v2/screens/scorecard_portrait.html
@@ -267,9 +267,10 @@
 </div>{# .card-viewport #}
 
 <script>
-/* Browser-Preview-Skalierung: passt die 1080×1350-Card proportional auf
-   den verfuegbaren Viewport an. WeasyPrint fuehrt kein JS aus → PDF
-   bleibt bei skalierungsfreier Originalgroesse. */
+/* Browser-Preview-Skalierung: Card soll 90 % der Viewport-Hoehe einnehmen.
+   Falls die daraus resultierende Breite ueber den Viewport hinausginge
+   (schmale Mobile-Viewports), greift die Breiten-Begrenzung. WeasyPrint
+   fuehrt kein JS aus → PDF bleibt bei skalierungsfreier Originalgroesse. */
 (function () {
   function adjustScale() {
     var card = document.querySelector('.card');
@@ -278,13 +279,10 @@
     var pad = 40;
     var availW = window.innerWidth  - pad;
     var availH = window.innerHeight - pad;
-    var scaleW = availW / 1080;
-    var scaleH = availH / 1350;
-    var scale  = Math.min(scaleW, 1);   // bei Desktop nicht hochskalieren
-    if (availH < 1350) {
-      // Wenn die Hoehe nicht reicht: scrollen statt nochmal verkleinern
-      // (User kann scrollen, lieber lesbar als mini).
-    }
+    var scaleByHeight = (window.innerHeight * 0.9) / 1350;
+    var scaleByWidth  = availW / 1080;
+    var scale = Math.min(scaleByHeight, scaleByWidth);
+    if (scale > 1) scale = 1;  // nie ueber 100% hochskalieren
     card.style.transform = 'scale(' + scale + ')';
     viewport.style.width  = (1080 * scale) + 'px';
     viewport.style.height = (1350 * scale) + 'px';