Frontend improvements

src/RolemasterDb.App/wwwroot/app.css

@@ -52,7 +52,7 @@
     --button-secondary-text: #6a4b28;
     --button-secondary-border: rgba(127, 96, 55, 0.18);
     --control-height: 3rem;
-    --font-display: "Fraunces", Georgia, serif;
+    --font-display: "Macondo", Georgia, serif;
     --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
     --font-ui: "IBM Plex Sans", "Segoe UI", sans-serif;
     --font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
@@ -220,7 +220,7 @@ h5,
 h6,
 .panel-title {
     font-family: var(--font-display);
-    font-weight: 500;
+    font-weight: 600;
 }
 
 label,
@@ -269,8 +269,6 @@ pre,
 }
 
 .play-page,
-.play-hero,
-.play-hero-copy,
 .play-layout,
 .play-panel,
 .play-panel-header,
@@ -287,19 +285,6 @@ pre,
     gap: 1.25rem;
 }
 
-.play-hero {
-    gap: 1.25rem;
-    background:
-        radial-gradient(circle at top right, color-mix(in srgb, var(--accent-2) 24%, transparent), transparent 36%),
-        linear-gradient(180deg, color-mix(in srgb, var(--surface-card-subtle) 92%, var(--surface-1)), var(--surface-1));
-}
-
-.play-hero-copy {
-    gap: 0.65rem;
-    max-width: 58rem;
-}
-
-.play-eyebrow,
 .play-result-eyebrow {
     margin: 0;
     color: var(--accent-strong);
@@ -324,13 +309,6 @@ pre,
     color: var(--text-secondary);
 }
 
-.play-hero-meta {
-    display: flex;
-    gap: 0.6rem;
-    flex-wrap: wrap;
-    align-items: center;
-}
-
 .play-layout {
     grid-template-columns: minmax(0, 1.7fr) minmax(19rem, 1fr);
     align-items: start;
@@ -832,6 +810,10 @@ select.input-shell {
     overflow-wrap: anywhere;
 }
 
+.critical-curation-preview-button .critical-cell-description {
+    font-size: 2.5rem;
+}
+
 .critical-branch-stack {
     display: flex;
     flex-direction: column;
@@ -958,6 +940,14 @@ select.input-shell {
     margin-top: 0.2rem;
 }
 
+.critical-curation-preview-button .affix-badge {
+    font-size: 2.5rem;
+}
+
+.critical-curation-preview-button .affix-badge-symbol {
+    font-size: 2.5rem;
+}
+
 .affix-badge-value {
     letter-spacing: 0.04em;
 }
@@ -2708,6 +2698,10 @@ select.input-shell {
     border: 1px solid rgba(127, 96, 55, 0.12);
 }
 
+.critical-curation-grid .critical-cell {
+    height: 100%;
+} 
+
 .critical-curation-legend-item {
     display: inline-flex;
     align-items: center;