/**
 * PlayAwale — Soutenir le jeu, la page
 * -----------------------------------------------------------------------------
 * Elle ne redessine rien : le contenu est celui de la fenêtre du badge, et il
 * porte ses classes — voir components/support.css et inc/partials/support.php.
 * Cette feuille ne fait que DÉFAIRE ce qui n'a de sens que dans une fenêtre.
 *
 * @package   PlayAwale
 * @version   2.0
 * @author    Nicolas Lion — Développeur web — https://nlion.fr
 * @copyright 2026 Nicolas Lion
 */

/* LA CARTE N'EST PLUS UN PANNEAU FLOTTANT
   Dans la fenêtre, le panneau se borne à la hauteur de l'écran et défile tout
   seul : c'est ce qui l'empêche de dépasser du voile. Sur une page, c'est la
   page qui défile — un cadre qui défile dans une page qui défile, c'est deux
   ascenseurs pour un seul texte. On rend donc la hauteur et le débordement. */
.support-page__panel {
  max-height: none;
  overflow: visible;

  margin-inline: auto;

  background-color: var(--color-surface);
  background-image: var(--gradient-surface-raised);
  border-radius: var(--radius-lg);

  /* L'ombre d'une carte posée sur la page, et non le halo d'une fenêtre ouverte
     par-dessus le jeu : rien n'est masqué derrière elle. */
  box-shadow: var(--shadow-raised);
}

/* Le titre de la page est un « h1 », et il en a la taille : dans la fenêtre,
   « modal__title » s'adresse à un panneau de 640 px posé sur un écran sombre ;
   ici il ouvre une page. */
.support-page .modal__title {
  font-size: clamp(1.5rem, 5vw, 2.1rem);
}

/* La barre d'outils prend l'air qu'il faut sous la carte. */
.support-page .game-tools {
  margin-top: var(--space-lg);
}