Refine critical table layout density

src/RolemasterDb.App/wwwroot/app.css

@@ -76,7 +76,7 @@ textarea {
 }
 
 .page-title {
-    font-size: clamp(2.2rem, 4vw, 3.5rem);
+    font-size: 2.5rem;
     line-height: 0.95;
     margin: 0;
     font-family: var(--font-heading);
@@ -300,6 +300,7 @@ textarea {
 .critical-cell-description {
     margin: 0;
     color: #2c1a10;
+    font-size: 0.92rem;
 }
 
 .critical-branch-stack {
@@ -376,20 +377,17 @@ textarea {
 .affix-badge-list {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.45rem;
+    gap: 0.25rem;
     margin-top: 0.5rem;
 }
 
 .affix-badge {
     display: inline-flex;
     align-items: center;
-    gap: 0.25rem;
-    padding: 0.35rem 0.5rem;
-    border-radius: 999px;
+    padding: 0.1rem;
     border: 1px solid rgba(127, 96, 55, 0.18);
     background: rgba(255, 250, 242, 0.9);
     font-size: 0.78rem;
-    letter-spacing: 0.02em;
     text-transform: uppercase;
     color: #5b4327;
 }
@@ -531,7 +529,8 @@ textarea {
 .critical-table th {
     background: rgba(238, 223, 193, 0.45);
     text-transform: uppercase;
-    letter-spacing: 0.04em;
+    text-align: center;
+    vertical-align: middle;
 }
 
 .critical-table td {
@@ -542,11 +541,23 @@ textarea {
 
 .critical-table td .critical-cell {
     gap: 0.25rem;
+    height: 100%;
 }
 
 .critical-table .roll-band-header {
     width: 120px;
     background: rgba(255, 247, 230, 0.52);
+    font-size: 0.98rem;
+    text-align: center;
+    vertical-align: middle;
+}
+
+.critical-table thead th {
+    font-size: 0.98rem;
+}
+
+.critical-table td .affix-badge-list {
+    margin-top: auto;
 }
 
 .empty-cell {