/* Pages de texte (À propos, Confidentialité) — mêmes couleurs que le jeu. */
:root { --ink: #f5ecd9; --muted: #c4b291; --dim: #8e7f66; --line: rgba(255, 228, 186, 0.14); --gold: #f6d860; --amber: #e9b24f; color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #16110c; }
body { margin: 0; color: var(--ink); background: #16110c; font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 28px; }
.brand { font: 600 26px/1 "Pixelify Sans", ui-monospace, monospace; color: var(--ink); text-decoration: none; text-shadow: 0 2px 0 #1d466d; }
.play { padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(246, 216, 96, 0.55); color: var(--gold); text-decoration: none; background: rgba(246, 216, 96, 0.1); white-space: nowrap; }
h1 { font: 600 34px/1.15 "Pixelify Sans", ui-monospace, monospace; margin: 0 0 8px; }
h2 { font: 600 21px/1.25 "Pixelify Sans", ui-monospace, monospace; margin: 32px 0 8px; color: var(--gold); }
p, li { color: var(--ink); }
.lead { color: var(--muted); font-size: 18px; margin-top: 0; }
.meta { color: var(--dim); font-size: 14px; }
a { color: var(--amber); }
ul { padding-left: 20px; }
li { margin: 4px 0; }
table { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-weight: 600; }
.table-wrap { overflow-x: auto; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--dim); font-size: 14px; }