/* Fit the complete reverse into a 4:5 frame with two slim printed edition rails. */
.bar-experience .card-back.has-art {
  display: grid;
  grid-template-rows: minmax(0,1fr) auto minmax(0,1fr);
  border: 0;
  outline: 0;
  background: color-mix(in srgb,var(--pack-accent),#0d1015 88%);
}
.bar-experience .card-back.has-art::before { content: none; }
.bar-experience .card-back.has-art > :is(b,em) { display: none; }
.bar-experience .card-back.has-art > :is(#card-edition,small) {
  position:static;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:0;width:100%;font:700 clamp(5px,1.9cqi,8px)/1 var(--mono);
  letter-spacing:.14em;color:color-mix(in srgb,var(--pack-accent),#fff 45%);
}
.bar-experience .card-back.has-art > #card-edition { grid-row:1; }
.bar-experience .card-back.has-art > small { grid-row:3; }
.bar-experience .card-back.has-art > :is(#card-edition,small)::before,
.bar-experience .card-back.has-art > :is(#card-edition,small)::after {
  content:'';width:12%;height:1px;background:currentColor;opacity:.4;
}
#card-back-art {
  grid-row:2;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  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; }
}