/* Shared discovery cards use the same artwork and player promise as the landings. */
#games.panel, .games-catalog.panel { max-width: 1200px; }
.cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; }
.card { min-width: 0; border: 1px solid var(--track); }
.card .shot { aspect-ratio: 16 / 9; overflow: hidden; }
.card .shot img { object-position: right center; transition: transform 180ms ease-out; }
.card:hover .shot img { transform: scale(1.025); }
.card-body { padding: 26px 24px; row-gap: 16px; }
.card h2, .card h3 { font-size: 19px; }
.card h2::before { content: none; }
.card .hook { font-size: 25px; line-height: 1.3; }
.card p { font-size: 23px; line-height: 1.35; }
.card-foot { border-top: 1px solid var(--track); gap: 20px; }
.card .tags { font-size: 9px; }
.card .play { display: block; align-self: flex-start; padding: 15px 16px; color: #120d00; background: var(--yellow); font-size: 10px; text-decoration: none; }
.card .play:hover, .card .play:focus-visible { color: #120d00; background: #ffe27a; }
.card-status { position: absolute; top: 12px; left: 12px; padding: 5px 10px; background: #07070fe8; color: #d8ffe0; font: 19px/1.3 var(--mono); }
.concept-card .note { font-size: 9px; color: var(--text); }
.concept-card .shot img { object-position: center; }
.concept-card { --edge: var(--magenta); }
@media (max-width: 700px) {
  .cards { grid-template-columns: 1fr; gap: 32px; }
  .card-body { padding: 24px 20px; }
  .card h2, .card h3 { font-size: 17px; }
  .card-status { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .card .shot img { transition: none; } }