compute Ruestungen stats

src/main.css

@@ -18,16 +18,47 @@
     flex-wrap: wrap;
 }
 
+.left {
+    text-align:      left;
+    justify-content: left;
+    justify-self:    left;
+}
+
 .center {
-    text-align: center;
+    text-align:      center;
     justify-content: center;
-    align-content: center;
+    justify-self:    center;
+    align-content:   center;
 }
 
 .none {
     display: none;
 }
 
+.subgrid {
+    display: grid;
+    grid-template-rows: subgrid;
+    grid-template-columns: subgrid;
+}
+
+.colspan2 { grid-column: span 2; }
+.colspan3 { grid-column: span 3; }
+.colspan4 { grid-column: span 4; }
+.colspan5 { grid-column: span 5; }
+.colspan6 { grid-column: span 6; }
+.colspan7 { grid-column: span 7; }
+.colspan8 { grid-column: span 8; }
+.colspan9 { grid-column: span 9; }
+
+.rowspan2 { grid-row: span 2; }
+.rowspan3 { grid-row: span 3; }
+.rowspan4 { grid-row: span 4; }
+.rowspan5 { grid-row: span 5; }
+.rowspan6 { grid-row: span 6; }
+.rowspan7 { grid-row: span 7; }
+.rowspan8 { grid-row: span 8; }
+.rowspan9 { grid-row: span 9; }
+
 
 
 .editable-input {
@@ -135,6 +166,10 @@
     gap: 16px;
 }
 
+.kampf {
+    gap: 16px;
+}
+
 
 .actor-sheet fieldset {
     width: 100%;
@@ -173,3 +208,25 @@
     width: 12px;
     height: 12px;
 }
+
+.actor-sheet .kampf .ruestungen {
+    display: grid;
+    grid-template-columns: 2fr repeat(8, 1fr) repeat(2, 1.5fr);
+
+}
+
+.actor-sheet .kampf .ruestungen > * {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+
+    padding: 0.25rem;
+    border-bottom: 1px dotted;
+
+    text-align: center;
+    place-items: center;
+}
+
+.actor-sheet .kampf .ruestungen > *:last-child {
+    border: none;
+}