/* Pages légales (règles de conduite, confidentialité, mentions légales) : mêmes couleurs que le jeu */
:root {
  --bg-1: #1b1d33;
  --bg-2: #262a4a;
  --card: rgba(44, 48, 82, 0.9);
  --line: rgba(255, 255, 255, 0.09);
  --text: #f1f2fb;
  --muted: #a3a8c9;
  --accent: #ffd54f;
  --mint: #6fe3b5;
  --sky: #8fd3f4;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  padding: 24px 16px 48px;
  font-family: "Fredoka", "Nunito", "Segoe UI", system-ui, sans-serif;
  line-height: 1.55;
  color: var(--text);
  background: linear-gradient(160deg, var(--bg-2), var(--bg-1)) fixed;
}
main {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 28px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
}
h1 { margin: 0 0 4px; font-size: 30px; color: var(--mint); }
h2 { margin: 26px 0 6px; font-size: 19px; color: var(--accent); }
p, li { color: var(--text); }
.updated, .back { color: var(--muted); font-size: 14px; }
a { color: var(--sky); }
ul { padding-left: 22px; }
table { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 14px; }
th, td { padding: 6px 8px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--muted); font-weight: 500; }
.todo { padding: 1px 6px; border-radius: 6px; background: rgba(255, 213, 79, 0.18); color: var(--accent); }
nav { margin-top: 28px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }