/* Cover art for Memory and Quiz Club — edge-to-edge on both catalogue locales.
   The illustrations have different source ratios; crop them deliberately rather
   than using contain + a blurred copy to fill the unused space. */
.play-hub-v25 .play25-card[href$="/memory"] .play25-art,
.play-hub-v25 .play25-card[href$="/quiz"] .play25-art {
  background:#f2f1e9;
  isolation:isolate;
}
.play-hub-v25 .play25-card[href$="/memory"] .play25-art::before,
.play-hub-v25 .play25-card[href$="/quiz"] .play25-art::before {
  content:none;
}
.play-hub-v25 .play25-card[href$="/memory"] .play25-art img,
.play-hub-v25 .play25-card[href$="/quiz"] .play25-art img {
  display:block;
  width:100%;
  height:100%;
  position:relative;
  z-index:0;
  object-fit:cover;
  filter:none;
  transition:transform .55s cubic-bezier(.2,.7,.25,1);
}
/* On wide cards the Memory logo stays in view along with both butterflies. */
.play-hub-v25 .play25-card[href$="/memory"] .play25-art img {
  object-position:left center;
  transform-origin:left center;
}
/* The Quiz Club lettering and trophy are in the upper half of its square art. */
.play-hub-v25 .play25-card[href$="/quiz"] .play25-art img {
  object-position:center top;
  transform-origin:center top;
}
.play-hub-v25 .play25-card[href$="/memory"]:hover .play25-art img,
.play-hub-v25 .play25-card[href$="/quiz"]:hover .play25-art img {
  transform:scale(1.035);
}
.play-hub-v25 .play25-card[href$="/memory"] .play25-art::after,
.play-hub-v25 .play25-card[href$="/quiz"] .play25-art::after {
  z-index:1;
  background:linear-gradient(137deg,rgba(255,255,255,.10),transparent 35%);
}
/* Square cards on phones: foreground subjects instead of truncated baked text.
   The accessible title remains immediately below each image. */
@media(max-width:699px) {
  .play-hub-v25 .play25-card[href$="/memory"] .play25-art img {
    object-position:right center;
    transform-origin:right center;
  }
  .play-hub-v25 .play25-card[href$="/quiz"] .play25-art img {
    object-position:center center;
    transform-origin:center center;
  }
}
@media(prefers-reduced-motion:reduce) {
  .play-hub-v25 .play25-card[href$="/memory"] .play25-art img,
  .play-hub-v25 .play25-card[href$="/quiz"] .play25-art img {
    transition:none!important;
  }
  .play-hub-v25 .play25-card[href$="/memory"]:hover .play25-art img,
  .play-hub-v25 .play25-card[href$="/quiz"]:hover .play25-art img {
    transform:none!important;
  }
}