/* Les pages légales (mentions, confidentialité) : du texte lisible, avec les couleurs du jeu (app.css). */
.legal { max-width: 720px; margin: 0 auto; padding: 28px max(16px, env(safe-area-inset-right, 0px)) 60px max(16px, env(safe-area-inset-left, 0px)); display: grid; gap: 12px; }
.legal h1 { font-size: 40px; margin-bottom: 8px; }
.legal h2 { font-size: 22px; margin-top: 18px; }
.legal ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.legal a { color: var(--accent); }
/* Ce qui reste à remplir se voit tout de suite. */
.legal .todo { background: #3a1a17; border: 1px dashed var(--red); padding: 2px 6px; }