/* ==========================================================================
   GAMEPLAY.CSS - Page-specific tweaks for Gameplay page
   Keeps styles minimal and relies on base.css utilities and components
   ========================================================================== */

/* Image framing for illustrative figures */
.illustration {
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  background: linear-gradient(180deg, var(--color-background-card), var(--color-background-light));
  box-shadow: var(--shadow-md);
}

.illustration img {
  border-radius: var(--radius-sm);
}