/* Estilo das paginas do site (privacidade/suporte). Sem framework, como o jogo.
   Mesma paleta do app: #0A1D56 de fundo, roxo do portal nos titulos. */
*{box-sizing:border-box}
body{margin:0;background:#0A1D56;color:#e8edf7;
  font:16px/1.6 Fredoka,"Segoe UI Rounded","Segoe UI",system-ui,-apple-system,sans-serif;
  padding:0 0 48px}
.topo{background:linear-gradient(180deg,#16307a,#0A1D56);padding:26px 18px 20px;text-align:center}
.topo img{width:64px;height:64px;border-radius:16px;vertical-align:middle}
.topo h1{margin:12px 0 2px;font-size:22px;font-weight:900;letter-spacing:.5px}
.topo p{margin:0;color:#b9c6e6;font-size:13px}
main{max-width:720px;margin:0 auto;padding:0 18px}
section{background:rgba(255,255,255,.05);border-radius:16px;padding:16px 18px;margin:16px 0}
h2{font-size:17px;font-weight:900;color:#FFD23F;margin:0 0 8px}
h3{font-size:15px;font-weight:800;color:#E1BEE7;margin:16px 0 4px}
p,li{font-size:15px;color:#dde5f5;margin:6px 0}
ul{margin:6px 0;padding-left:20px}
a{color:#7ec8ff}
b{color:#fff}
.aviso{border-left:3px solid #FFD23F;padding-left:12px;color:#f3e6b8}
.rodape{max-width:720px;margin:24px auto 0;padding:0 18px;color:#8fa0c8;font-size:12px;text-align:center}
.idioma{text-align:center;margin:16px 0 0}
.idioma button{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.25);
  border-radius:10px;padding:7px 16px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;margin:0 4px}
.idioma button[aria-pressed="true"]{background:#7C4DFF;border-color:#7C4DFF}
/* 🔴 SEM JS, OS DOIS IDIOMAS APARECEM. O `hidden` so e aplicado pelo script:
   pagina de politica que some quando o script falha e pior que pagina bilingue
   comprida — e a Play tem de conseguir ler o texto de qualquer jeito. */
[data-lang][hidden]{display:none}