Various bug fixes and improvements.

web/src/components/CardView.tsx

@@ -206,19 +206,19 @@ export function CardView({
       onMouseLeave={preview ? undefined : () => setHover(null)}
     >
       {previewEl}
-      {/* Power sits in a spiky burst badge in the top-left corner (pets only),
-          with any battle damage marker beside it. It's absolutely placed so it
-          doesn't eat into the room the name and ability text need. */}
+      <div className="card-top">
+        <span className="card-tier">{card.tier ? `T${card.tier}` : '·'}</span>
+        {card.suit && <span className={`suit-dot suit-${card.suit}`} title={`${card.suit} suit`} />}
+      </div>
+      {/* Power sits in a spiky burst badge on its own centered row (pets only),
+          with any battle damage marker beside it, so it never overlaps the art,
+          name, or ability text. */}
       {card.kind === 'pet' && (
         <div className="card-combat">
           <span className={`card-power ${bonus > 0 ? 'is-buffed' : ''}`}>{power}</span>
           {damage > 0 && !dead && <span className="card-damage">−{damage}</span>}
         </div>
       )}
-      <div className="card-top">
-        <span className="card-tier">{card.tier ? `T${card.tier}` : '·'}</span>
-        {card.suit && <span className={`suit-dot suit-${card.suit}`} title={`${card.suit} suit`} />}
-      </div>
       <div className="card-art" aria-hidden>
         {artFor(card.name)}
       </div>