/* Páginas estáticas do site (privacidade e suporte), no visual do jogo. */
@font-face {
  font-family: "Palanque Display";
  src: url("/assets/assets/fonts/PalanqueDisplay-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("/assets/assets/fonts/Nunito-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("/assets/assets/fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: 700 900;
  font-display: swap;
}
:root {
  --bg: #E6EBF1; --bg-deep: #D3DAE4; --paper: #FFFFFF; --ink: #2A2F37;
  --ink-soft: #5D6572; --line: #D5DBE3; --title: #1F5FBF; --accent: #F26B1D;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161B22; --bg-deep: #0F1318; --paper: #1F2630; --ink: #E8ECF1;
    --ink-soft: #A8B1BD; --line: #333C48; --title: #7FB0FF; --accent: #FF8A47;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; color: var(--ink); background: var(--bg);
  background-image: radial-gradient(130% 100% at 50% 0%, var(--bg) 55%, var(--bg-deep) 100%);
  background-attachment: fixed;
  font: 500 17px/1.6 "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
header img { width: 56px; height: 56px; border-radius: 14px; flex: none; }
header .app { font: 400 22px/1.1 "Palanque Display", system-ui, sans-serif; letter-spacing: .3px; }
header .lang { margin-left: auto; font-weight: 800; font-size: 15px; white-space: nowrap; }
.card {
  background: var(--paper); border: 1px solid var(--line); border-radius: 18px;
  padding: 22px 20px; box-shadow: 0 2px 0 var(--line);
}
h1 {
  margin: 0 0 4px; color: var(--title);
  font: 400 clamp(30px, 6vw, 40px)/1.1 "Palanque Display", system-ui, sans-serif;
}
h2 { margin: 30px 0 6px; font-size: 20px; font-weight: 900; line-height: 1.3; }
h3 { margin: 18px 0 4px; font-size: 17px; font-weight: 900; }
.updated { margin: 0 0 18px; color: var(--ink-soft); font-size: 15px; }
p, ul { margin: 8px 0; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--title); font-weight: 800; text-underline-offset: 2px; }
strong { font-weight: 900; }
.note {
  border-left: 4px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent);
  padding: 10px 14px; border-radius: 0 12px 12px 0; margin: 14px 0;
}
.contact { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 4px; }
.contact a {
  display: inline-block; padding: 10px 16px; border-radius: 999px; text-decoration: none;
  background: var(--accent); color: #fff; font-weight: 900;
}
.contact a.alt { background: transparent; color: var(--ink); border: 2px solid var(--line); }
footer { margin-top: 22px; color: var(--ink-soft); font-size: 14px; text-align: center; }
footer a { color: inherit; }