/* A small hand of city riddles, with the Buenos Aires DJ in the lead. */
#homeCatGameLink .home-cat-game-preview {
  display: grid;
  place-items: center;
  min-height: 260px;
  overflow: hidden;
  background: var(--home-surface);
  border-color: var(--home-line);
  container-type: inline-size;
}
.home-cat-game-hand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 28px 18px;
  isolation: isolate;
}
.home-cat-game-card {
  display: block;
  flex: 0 0 32%;
  max-width: 180px;
  padding: 5px;
  border: 1px solid var(--home-line);
  border-radius: 4px;
  background: #f8f7f3;
  box-shadow: 0 3px 8px #191a1812;
  overflow: hidden;
}
.home-cat-game-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 2px;
}
.home-cat-game-left { transform: translate(10%, 8px) rotate(-7deg); }
.home-cat-game-center { z-index: 1; transform: translateY(-8px) scale(1.08); border-color: var(--home-accent); }
.home-cat-game-right { transform: translate(-10%, 8px) rotate(7deg); }
.home-cat-game-answer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 1px;
  color: #66685d;
  font: 500 12px / 1.2 var(--home-font);
}
.home-cat-game-answer b { font-size: 22px; }
@container (max-width: 340px) {
  .home-cat-game-hand { padding: 28px 10px; }
  .home-cat-game-card { flex-basis: 33%; padding: 3px; }
}