/* Feuille de style partagée par les 4 pages légales autonomes
   (mentions-legales.html, confidentialite.html, cgu.html, cookies.html)
   — reprend exactement les couleurs/typos du jeu (voir app.html) pour
   rester cohérent visuellement, en beaucoup plus léger (pas de canvas
   étoilé animé ni de JS de jeu : ces pages doivent rester rapides et
   100% lisibles par les robots d'indexation). */
:root{
  --void-950:#090A14;
  --void-800:#12162A;
  --nebula-600:#5B4BC4;
  --nebula-400:#8B7CF0;
  --cyan-400:#4FD1E8;
  --gold-400:#F2C94C;
  --danger-500:#E85D75;
  --text-100:#E9ECF7;
}
*{box-sizing:border-box;}
body{
  margin:0;
  min-height:100vh;
  padding:32px 16px 60px;
  font-family:'Space Grotesk',sans-serif;
  color:var(--text-100);
  background:
    radial-gradient(ellipse at 20% 0%, rgba(91,75,196,0.20), transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(79,209,232,0.10), transparent 55%),
    var(--void-950);
}
.legal-wrap{max-width:740px;margin:0 auto;}
.back-link{display:inline-block;margin-bottom:24px;font-size:13px;color:var(--cyan-400);text-decoration:none;opacity:0.85;}
.back-link:hover{opacity:1;}
.legal-nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:24px;}
.legal-nav a{font-size:12.5px;color:var(--cyan-400);text-decoration:none;opacity:0.75;}
.legal-nav a:hover, .legal-nav a.current{opacity:1;text-decoration:underline;}
h1{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(22px,4vw,32px);margin:0 0 6px;color:var(--nebula-400);letter-spacing:1px;}
.legal-updated{font-size:12px;color:var(--cyan-400);opacity:0.7;margin-bottom:32px;}
.legal-panel{background:linear-gradient(180deg, rgba(91,75,196,0.08), rgba(9,10,20,0.5));border:1px solid rgba(139,124,240,0.25);border-radius:14px;padding:28px 28px 8px;}
h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:var(--text-100);margin:0 0 10px;padding-top:8px;}
p, li{font-size:14px;line-height:1.7;color:#C7CAE0;}
ul{padding-left:20px;}
a{color:var(--cyan-400);}
strong{color:var(--text-100);}
table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:13px;}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(139,124,240,0.2);color:#C7CAE0;vertical-align:top;}
th{color:var(--text-100);font-weight:600;}
.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;}
.tag-essential{background:rgba(79,209,232,0.15);color:var(--cyan-400);}
.tag-optional{background:rgba(242,201,76,0.15);color:var(--gold-400);}
.legal-note{font-size:12px;color:var(--gold-400);opacity:0.9;background:rgba(242,201,76,0.08);border:1px solid rgba(242,201,76,0.3);border-radius:8px;padding:10px 14px;margin:20px 0 28px;}