/* ════════════════════════════════════════════════════════
   GTALive - style commun des pages legales
   ════════════════════════════════════════════════════════ */
:root{
  --bg:#0A0918; --card:#120F22; --border:rgba(255,255,255,.08);
  --text:#F2F0FA; --text2:#A9A4C2; --pink:#ff2e7e; --violet:#C44FFF;
  --grad:linear-gradient(135deg,#ff2e7e,#C44FFF);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{background:var(--bg);}
body{
  background:var(--bg);color:var(--text);
  font-family:'Inter',-apple-system,system-ui,sans-serif;
  line-height:1.65;font-size:15px;
  padding:0 0 60px;
}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;}
header.top{
  /* position:relative (comme .topbar de l'app, PAS sticky) : sur iOS/Capacitor,
     un header sticky n'applique pas correctement env(safe-area-inset-top) et le
     lien "Retour" remonte sous la barre d'etat. Les pages jeux/app en relative
     l'appliquent bien -> on copie leur methode. Requiert viewport-fit=cover. */
  position:relative;z-index:5;background:rgba(10,9,24,.92);
  backdrop-filter:blur(10px);border-bottom:0.5px solid var(--border);
  padding:calc(16px + env(safe-area-inset-top,0)) 20px 14px;
  display:flex;align-items:center;gap:14px;
}
body{padding-bottom:env(safe-area-inset-bottom,0px);}
header.top a.back{color:var(--text2);text-decoration:none;font-size:14px;font-weight:600;}
header.top .logo{font-weight:900;font-size:18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
h1{font-size:26px;font-weight:900;margin:28px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.maj{color:var(--text2);font-size:13px;margin-bottom:24px;}
h2{font-size:18px;font-weight:800;margin:28px 0 10px;color:var(--text);}
p,li{color:var(--text);margin-bottom:10px;}
ul{padding-left:22px;margin-bottom:10px;}
a{color:var(--violet);}
.card{background:var(--card);border:0.5px solid var(--border);border-radius:14px;padding:16px 18px;margin:14px 0;}
.fill{background:rgba(255,210,0,.16);border:1px dashed #ffd200;color:#ffe27a;padding:2px 7px;border-radius:6px;font-weight:700;}
.note{font-size:13px;color:var(--text2);font-style:italic;}
.disclaimer{background:rgba(196,79,255,.10);border:0.5px solid var(--violet);border-radius:14px;padding:16px 18px;margin:22px 0;font-size:14px;}
.ok{background:rgba(0,240,255,.07);border:0.5px solid rgba(0,240,255,.4);border-radius:14px;padding:16px 18px;margin:20px 0;font-size:14px;}
h3{font-size:15px;font-weight:800;margin:20px 0 8px;color:#00F0FF;}
strong,b{color:#fff;}
/* tableau (page cookies) : scrolle tout seul, ne casse jamais la largeur de page */
table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:13.5px;display:block;overflow-x:auto;}
th,td{text-align:left;padding:10px 12px;border-bottom:0.5px solid var(--border);vertical-align:top;}
th{color:var(--text2);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;white-space:nowrap;}
td b{color:#00F0FF;font-weight:700;}
.lbtn{background:var(--grad);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;}
footer{margin-top:40px;padding-top:20px;border-top:0.5px solid var(--border);color:var(--text2);font-size:13px;text-align:center;line-height:2.1;}
footer a{margin:0 8px;white-space:nowrap;}