/* ============================================================
   GAME IMAGE — shared figure styling for Rift Wizard 3
   screenshots / cards / promotional imagery embedded inside
   articles. Loaded by index.html, spells.html, crafting.html,
   beginner.html.
   ============================================================ */

.game-image {
  margin: 36px auto;
  max-width: 980px;
  padding: 0 16px;
}

.game-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid var(--clr-border, #2E2840);
  box-shadow: 0 0 36px rgba(123, 79, 212, 0.15);
  background: var(--clr-surface, #161220);
}

.game-image figcaption {
  text-align: center;
  color: var(--clr-muted, #9B8FA0);
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 12px;
  font-family: var(--font-body, 'Crimson Text', serif);
}

.game-image--hero {
  margin: 0 0 32px;
  max-width: 100%;
  padding: 0;
}

.game-image--hero img {
  border-radius: 16px;
  border-width: 1px;
}

/* Card-row layout (used for 4-card showcases) */
.game-image--cards img {
  border-radius: 8px;
}