/* =====================================================================
   JEFE GAME — feuille de style commune aux pages légales.
   Reprend les couleurs et les polices du site principal pour que
   l'aviso legal ne ressemble pas à une page collée venue d'ailleurs.
   ===================================================================== */

:root{
  --c-bg:#000; --c-surface:#0a1220; --c-cyan:#00FFE5; --c-magenta:#FF0080;
  --c-gold:#FFD700; --c-text:#fff; --c-text2:#b8c4d4; --c-text3:#7d8a9c;
  --c-border:rgba(0,255,229,.18);
  --f-head:'Orbitron','Space Grotesk',sans-serif;
  --f-body:'Space Grotesk','Inter',sans-serif;
  --f-mono:'JetBrains Mono',monospace;
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--c-bg); color:var(--c-text2);
  font-family:var(--f-body); font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

/* Halo discret, comme sur la page d'accueil */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(60% 50% at 15% 0%, rgba(0,255,229,.07), transparent 60%),
    radial-gradient(50% 50% at 90% 100%, rgba(255,0,128,.06), transparent 60%);
}

.wrap{position:relative; z-index:1; max-width:860px; margin:0 auto; padding:0 22px 90px}

/* ---- En-tête ---- */
header.top{
  border-bottom:1px solid var(--c-border); margin-bottom:44px;
  padding:26px 0; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
header.top a.logo{
  font-family:var(--f-head); font-weight:900; font-size:20px; letter-spacing:.14em;
  color:var(--c-text); text-decoration:none;
}
header.top a.logo span{color:var(--c-cyan)}
header.top nav{margin-left:auto; display:flex; gap:18px; flex-wrap:wrap}
header.top nav a{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--c-text3); text-decoration:none;
}
header.top nav a:hover, header.top nav a[aria-current]{color:var(--c-cyan)}

/* ---- Titres ---- */
h1{
  font-family:var(--f-head); font-size:clamp(28px,5vw,44px); line-height:1.1;
  color:var(--c-text); margin:0 0 10px; letter-spacing:.02em;
}
.maj{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--c-text3); margin-bottom:40px;
}
h2{
  font-family:var(--f-head); font-size:19px; color:var(--c-cyan);
  margin:44px 0 14px; letter-spacing:.04em;
}
h3{font-size:16px; color:var(--c-text); margin:26px 0 8px}

p{margin:0 0 14px}
ul{margin:0 0 16px; padding-left:22px}
li{margin-bottom:7px}
strong{color:var(--c-text)}
a{color:var(--c-cyan)}

/* ---- Encadrés ---- */
.box{
  background:var(--c-surface); border:1px solid var(--c-border);
  border-radius:12px; padding:20px 22px; margin:20px 0;
}
.box.gold{border-color:rgba(255,215,0,.4); background:rgba(255,215,0,.05)}
.box dl{margin:0; display:grid; grid-template-columns:200px 1fr; gap:8px 18px}
.box dt{font-family:var(--f-mono); font-size:11px; letter-spacing:.12em;
        text-transform:uppercase; color:var(--c-text3); padding-top:3px}
.box dd{margin:0; color:var(--c-text)}

/* ---- Tableau des cookies / traitements ---- */
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:14px}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top}
th{font-family:var(--f-mono); font-size:10px; letter-spacing:.14em;
   text-transform:uppercase; color:var(--c-cyan); border-bottom-color:var(--c-border)}
.scroll-x{overflow-x:auto; -webkit-overflow-scrolling:touch}

/* ---- Pied de page ---- */
footer.bot{
  border-top:1px solid var(--c-border); margin-top:60px; padding:26px 0;
  font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; color:var(--c-text3);
  display:flex; gap:20px; flex-wrap:wrap; align-items:center;
}
footer.bot a{color:var(--c-text3); text-decoration:none}
footer.bot a:hover{color:var(--c-cyan)}
footer.bot .sep{margin-left:auto}

@media(max-width:560px){
  .box dl{grid-template-columns:1fr; gap:2px 0}
  .box dt{padding-top:12px}
}