/* Homepage "What is up" panel: three games side by side, logos drawn inline.
   Only the homepage links this file. British English, no em-dash, no serial comma. */

.hg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

.home-below .wiu-head { text-align: center; }
.home-below .wiu-head .lede { margin: 0 auto; }

.games {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3.5rem;
}
.game {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: .85rem; padding: 0 2rem; min-width: 0;
}
.game + .game { border-left: 1px solid rgba(255, 150, 110, .16); }
.game-logo { height: 170px; width: 100%; display: flex; align-items: center; justify-content: center; }
.game-logo svg { width: 100%; max-width: 330px; height: 100%; overflow: visible; }
.game .game-blurb { color: #bda6aa; margin: 0; max-width: 19rem; }
.game .game-when {
  font-family: 'IM Fell English', Georgia, serif; font-style: italic;
  font-size: 1.35rem; line-height: 1.3; color: #e9dcbd; margin: .2rem 0 .6rem;
}
.game .btn { margin-top: auto; }

@media (max-width: 52rem) {
  .games { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .game { padding: 0; }
  .game + .game { border-left: 0; border-top: 1px solid rgba(255, 150, 110, .16); padding-top: 2.5rem; }
}

/* candle flames on A Dinner to Die For */
.flame { transform-box: fill-box; transform-origin: 50% 100%; animation: hg-flick 2.4s ease-in-out infinite; }
.flame:nth-of-type(2) { animation-delay: -.8s; }
@keyframes hg-flick { 0%,100% { transform: scale(1,1) rotate(0); } 30% { transform: scale(.92,1.08) rotate(-3deg); } 60% { transform: scale(1.04,.95) rotate(2deg); } }

/* LED chase round the Monkey Business badge */
.led { fill: #e9a52a; animation: hg-led 1.2s linear infinite; }
@keyframes hg-led { 0% { fill: #ffffff; } 6% { fill: #fff6b8; } 20% { fill: #ffd257; } 38%,100% { fill: #e9a52a; } }

@media (prefers-reduced-motion: reduce) { .flame, .led { animation: none; } .led { fill: #f2b632; } }