@charset "utf-8";
/* ─── FAIRY GO ROUND — page-specific overrides ───────────────────
   All design tokens, layout classes, buttons, dividers, feature
   rows, stat chips, CTA banners, callouts, lists, and keyframes
   are inherited from dragonlings.css which is enqueued first.

   This file only adds what is truly unique to this page:
   the body class scanline scope and the game-mode sub-heading
   style used for Free-For-All / Teams / Co-Op headings.
──────────────────────────────────────────────────────────────── */

/* Body class scoping — mirrors .dragonlings-page in dragonlings.css */
body.fairygoround-page {
  background: var(--bg);
  color: var(--text-primary);
  font-family: var(--font-body);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

body.fairygoround-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.06) 2px,
    rgba(0,0,0,0.06) 4px
  );
  pointer-events: none;
  z-index: 9999;
}

/* ─── GAME MODE SUB-HEADINGS ─────────────────────────────────────
   Used for Free-For-All, Teams Mode, Co-Op & Solo headings
   within the Game Modes section.
──────────────────────────────────────────────────────────────── */
.fgr-mode-title {
  font-family: var(--font-display);
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--green-dim);
  text-shadow: 0 0 10px rgba(34,255,110,0.2);
  margin-bottom: 0.6rem;
  margin-top: 1.8rem;
  text-transform: uppercase;
}

.fgr-mode-title:first-child {
  margin-top: 0;
}

/* ─── CAPTION TEXT ───────────────────────────────────────────────
   Small muted label beneath images (e.g. "Fairy Dust Counter Card")
──────────────────────────────────────────────────────────────── */
.fgr-caption {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-top: 0.6rem;
  text-align: center;
}