Refonte design system — Phase B : chrome global et pages d'authentification

- styles/forge-custom.scss : .content-wide (déjà utilisée par
  game_dashboard.html/index.html) passe de 1080px à 1600px, pleine
  largeur pour les écrans de gestion (§5) — la largeur du bloc <main> par
  défaut (760px, hérité par les pages d'auth/profil qui ne posent pas
  cette classe) reste inchangée, ces pages veulent justement rester
  étroites et centrées.
- Pages d'authentification (login/register/2FA×2/mot de passe oublié/
  réinitialisation) : le style="max-width:NNNpx" répété sur chacune est
  remplacé par les classes partagées .authScreen/.authCard(-wide), titre
  H1 en dégradé signature .forge-gradient-title — seul endroit du site,
  avec le logo, autorisé à l'utiliser (§3/§5). Grille de fond fine sur
  body.authBody, elle aussi réservée aux zones hero et absente des écrans
  de travail.
- Logique JS inchangée (jauge de mot de passe dans register.html/
  reset_password.html) — uniquement des classes/structure autour.

197 tests toujours verts, JS des pages modifiées revérifié (node --check).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

styles/forge-theme.scss

@@ -167,8 +167,7 @@ label.label { color: var(--forge-text-muted); font-size: 0.85rem; font-weight: 6
 .notification.is-info { background: rgba(59, 130, 246, 0.12); color: var(--status-info); }
 
 // Titre H1 en dégradé signature — réservé aux pages d'accueil/marketing et
-// à l'écran de connexion (§5), voir .authHero (templates/auth/*.html,
-// Phase B).
+// à l'écran de connexion (§5).
 .forge-gradient-title {
   background: var(--gradient);
   -webkit-background-clip: text;
@@ -176,6 +175,20 @@ label.label { color: var(--forge-text-muted); font-size: 0.85rem; font-weight: 6
   color: transparent;
 }
 
+// ---------- Pages d'authentification (login/register/2FA/mot de passe
+// oublié/profil) : seul endroit du site, avec l'accueil marketing, où le
+// H1 en dégradé et la grille de fond fine sont autorisés (§3/§5) — absents
+// de tous les écrans de travail (tableau de bord, éditeur...). ----------
+body.authBody {
+  background:
+    radial-gradient(circle at 1px 1px, rgba(232, 236, 244, 0.06) 1px, transparent 0) 0 0/26px 26px,
+    var(--forge-bg);
+}
+.authScreen { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 3.5rem); padding: 2rem 1rem; }
+.authCard { width: 100%; max-width: 440px; }
+.authCard.authCard-wide { max-width: 500px; }
+.authTitle { font-size: clamp(1.75rem, 3.5vw, 2.5rem); margin-bottom: 0.5rem; }
+
 // ---------- CSS custom de l'app (floatPanel, canvas, arbre d'éléments,
 // graphe de logique, timeline, éditeurs de jeu...) — structurellement
 // inchangé, consomme les tokens ci-dessus via les alias historiques.