/* v2.22 hand card readability: cost on the upper-left and selected card on top */

.card-topline {
  grid-template-columns: auto minmax(0, 1fr);
}

.card-topline .card-cost {
  grid-column: 1;
  grid-row: 1;
}

.card-topline .card-name {
  grid-column: 2;
  grid-row: 1;
}

.player-hand .hand-card {
  z-index: 1;
}

.player-hand .hand-card:hover,
.player-hand .hand-card:focus,
.player-hand .hand-card:focus-visible,
.player-hand .hand-card.dragging,
.player-hand .hand-card.holding,
.player-hand .hand-card.detail-holding,
.player-hand .hand-card.touch-drag-pending,
.player-hand .hand-card.touch-dragging {
  z-index: 40;
}