/* =========================================================
   Create Your Own Monster — page-specific styles.
   Shared builder/world styles live in css/character-system.css.
   ========================================================= */

.monster-hero {
  max-width: 760px;
}

.monster-title {
  font-family: 'Press Start 2P', sans-serif;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0.5rem 0 0.75rem;
  color: var(--neon-magenta);
  text-shadow: 0 0 22px rgba(255, 62, 201, 0.55);
}

@media (max-width: 680px) {
  .monster-title {
    font-size: 0.85rem;
  }
}