Fix some card UX.

web/src/styles.css

@@ -1237,6 +1237,14 @@ h3 {
   padding-bottom: 2px;
 }
 
+/* Token cards (apples, ailments) carry no suit dot or tier die, so their name
+   spans the whole row instead of being pinched between two empty spacer slots —
+   on a small battle card that pinch left only a few pixels and clipped the
+   title down to "A". */
+.card-panel-head.is-bare {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 /* The suit marker: a plain enamel dot (see .suit-dot), sized to sit opposite
    the tier die in the name row. */
 .card-suit {
@@ -1402,10 +1410,14 @@ h3 {
   font-size: 0.74rem;
 }
 
+/* Damage marker sits at the bottom-centre of the illustration so it never
+   overlaps the power badge (top-centre) — on a narrow battle card the old
+   top-right spot rode on top of the power and hid it. */
 .card-damage {
   position: absolute;
-  top: 5%;
-  right: 5%;
+  bottom: 4%;
+  left: 50%;
+  transform: translateX(-50%);
   z-index: 3;
   font-family: var(--font-display);
   color: #fff;