fix: Scorecard-Matrix — Neutral-Cells sichtbar, weisser Frame raus

Im rebalanced Render war die Matrix immer noch loechrig: r-0 (#d8d8d2)
hatte zu wenig Kontrast gegen den weissen Matrix-Frame, sodass die
neutralen Cells visuell wie Luecken wirkten.

Zwei Fixes:
- r-0 dunkler: #b8b8b2 statt #d8d8d2 (deutliche Grau-Praesenz)
- Matrix-Frame raus: kein weisser Hintergrund mehr, der Karten-Gradient
  wird durch die 4px-Gaps sichtbar — Cells stehen als klare Farbflaechen
  heraus, kein konkurrierender weisser Untergrund.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

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;