/* Páginas legais (Política de Privacidade e Termos de Serviço) — mesmo
   visual escuro do jogo, focado em leitura */
:root{
  --bg:#0d1117;
  --panel:#161b22;
  --panel2:#1c2330;
  --border:#2a3342;
  --accent:#3ddc97;
  --accent2:#e0b84b;
  --text:#e6edf3;
  --muted:#8b96a5;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Segoe UI', Roboto, Arial, sans-serif;
  background:radial-gradient(circle at 50% 0%, #182131, var(--bg) 60%);
  color:var(--text);
  min-height:100vh;
  padding:24px 16px 48px;
  line-height:1.65;
}
.legal{
  max-width:780px;
  margin:0 auto;
}
.legal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.legal-back{
  color:var(--accent);
  text-decoration:none;
  font-weight:700;
  font-size:15px;
}
.legal-back:hover{ text-decoration:underline; }
.legal-lang{ display:flex; gap:4px; }
.legal-lang button{
  padding:5px 10px;
  font-size:11px;
  font-weight:700;
  color:var(--muted);
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:6px;
  cursor:pointer;
}
.legal-lang button.active{ color:#2a1d06; background:var(--accent2); border-color:var(--accent2); }
.legal-card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:14px;
  padding:28px 32px;
}
@media (max-width:600px){ .legal-card{ padding:20px 18px; } }
.legal-card h1{
  margin:0 0 4px;
  font-size:26px;
  color:var(--accent);
}
.legal-updated{ color:var(--muted); font-size:13px; margin:0 0 20px; }
.legal-card h2{
  font-size:17px;
  margin:26px 0 8px;
  color:var(--accent2);
}
.legal-card p, .legal-card li{ font-size:14.5px; }
.legal-card ul{ padding-left:20px; }
.legal-card li{ margin-bottom:6px; }
.legal-card a{ color:var(--accent); }
.legal-card code{ background:var(--panel2); padding:1px 5px; border-radius:4px; font-size:13px; }
[data-lang]{ display:none; }
[data-lang].shown{ display:block; }
.legal-foot{ text-align:center; margin-top:18px; font-size:13px; color:var(--muted); }
.legal-foot a{ color:var(--muted); }
