/* Illustrated reverses retain the existing card, flip and portrait dimensions. */
.bar-experience .card-back.has-art {
  display: block;
  border: 0;
  outline: 0;
  background: #09070c;
}
.bar-experience .card-back.has-art::before { content: none; }
.bar-experience .card-back.has-art > :not(#card-back-art) { display: none; }
#card-back-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  pointer-events: none;
  user-select: none;
}
#card-back-art[hidden] { display: none; }

/* Keep a waiting card identical to its illustrated reverse in the opening view. */
#collect-pack.is-card .dispense-card-back.has-art {
  display: block;
  height: auto;
  aspect-ratio: 20 / 23;
  border: 0;
  background: transparent;
}
.dispense-card-back.has-art > :not(#dispense-card-back-art) { display: none; }
#dispense-card-back-art { border-radius: inherit; pointer-events: none; }
#dispense-card-back-art[hidden] { display: none; }

/* A lightweight review gallery for the complete collection. */
.card-backs-review { margin: 0; padding: 40px; background: #100d15; color: #f5e9d7; font-family: Arial, sans-serif; }
.card-backs-review main { max-width: 1400px; margin: auto; }
.card-backs-review header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.card-backs-review h1 { font-size: 32px; margin: 0 0 8px; letter-spacing: -1px; }
.card-backs-review p { margin: 0; color: #b8a8bd; font-size: 14px; }
.card-backs-review a { color: #f5c7eb; }
.card-backs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 22px; }
.card-backs-grid figure { margin: 0; }
.card-backs-grid img { display: block; width: 100%; height: auto; aspect-ratio: 20/23; object-fit: contain; border-radius: 12px; }
.card-backs-grid figcaption { margin-top: 10px; font-size: 13px; color: #d5c6db; }
@media(max-width: 700px) {
  .card-backs-review { padding: 24px 16px; }
  .card-backs-review header { align-items: start; flex-direction: column; }
  .card-backs-review h1 { font-size: 26px; }
  .card-backs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
}