Modal ink: .attack-title and pref rows stop inheriting the table's cream

'Preferences', 'Token art', and the checkbox labels were cream on cream
- .attack-title never had a color rule, so modals inherited the dark
table's pale text. Explicit dark ink; the illusion-test modal shared
the class and heals with it.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0138A8CjeQRpvzKxuMfz1Bqc

packages/web/src/App.svelte

@@ -2449,6 +2449,7 @@
     gap: 0.5rem;
     margin: 0.55rem 0;
     font-size: 0.85rem;
+    color: #43331f;
   }
   .pref-note { font-size: 0.72rem; color: #8a7a5e; margin-top: 0.6rem; }
   .slip.council { background: #ece4f1; border-color: #7a6f9a; }
@@ -2677,6 +2678,14 @@
   .attack-card.illusion-pair :global(.card) { transform: scale(1.1); }
   .attack-card.illusion-pair :global(.card:hover) { transform: scale(1.1); }
   .attack-power { font-family: "Courier Prime", monospace; color: #6b5a41; font-size: 0.9rem; }
+  /* Modal text sits on cream: never let it inherit the table's pale ink. */
+  .attack-title {
+    font-family: "Oswald", sans-serif;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    font-size: 1rem;
+    color: #2b2218;
+  }
   .attack-standing {
     font-family: "Courier Prime", monospace;
     font-size: 0.85rem;