diff --git a/app/templates/v2/screens/scorecard.html b/app/templates/v2/screens/scorecard.html
index 3207ee5..836f98d 100644
--- a/app/templates/v2/screens/scorecard.html
+++ b/app/templates/v2/screens/scorecard.html
@@ -136,9 +136,9 @@
   }
   .cell.r-pp { background: #889E33; color: #fff; }
   .cell.r-p  { background: #cddaa1; color: #44570a; }
-  /* r-0: deutlich sichtbarer Grauton, sonst verschwindet Neutral-Zelle
-          im hellen Karten-Hintergrund und das Grid sieht loechrig aus. */
-  .cell.r-0  { background: #d8d8d2; color: #6a6a64; }
+  /* r-0: kraeftiger Grauton — gegen den weissen Matrix-Frame muss er
+          deutlich abstehen, sonst sieht das Grid loechrig aus. */
+  .cell.r-0  { background: #b8b8b2; color: #4a4a44; }
   .cell.r-n  { background: #efc9c3; color: #931515; }
   .cell.r-nn { background: #9A2A2A; color: #fff; }
 
@@ -263,14 +263,13 @@
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     grid-template-rows: repeat(5, 1fr);
-    gap: 6px;
+    gap: 4px;
     width: 480px;
     height: 480px;
     flex-shrink: 0;
-    padding: 8px;
-    background: #fff;
-    border: 1px solid #e0e0db;
-    border-radius: 6px;
+    /* Kein weisser Frame — der Karten-Hintergrund (Gradient) wird
+       durch die gap-Zwischenraeume sichtbar, die Cells stehen klar
+       als Farbflaechen heraus. */
   }
   .portrait-matrix-legend {
     flex: 1;