/* Termos de Uso e Política de Privacidade.
 *
 * Folha PRÓPRIA, e não o `style.css` do jogo, por uma razão prática: as lojas e os
 * jogadores abrem estas páginas fora do jogo, às vezes num navegador velho, e elas
 * precisam abrir sozinhas — sem canvas, sem fonte remota obrigatória, sem JS. O que se
 * herda daqui é só a identidade (quase-preto, verde-neon, cantos chanfrados).
 *
 * Legibilidade acima de marca: o texto é o produto desta página. Daí a coluna estreita, a
 * entrelinha alta e o corpo em 16px — o oposto do HUD, onde cada pixel é disputado.
 */

:root {
  --ink-1000: #070a08;
  --ink-900: #0b0f0d;
  --ink-850: #151d18;
  --ink-600: #2a3630;
  --ink-300: #6b7a72;
  --ink-050: #e8f0ea;
  --neon: #39ff14;
  --font-display: 'Chakra Petch', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Barlow', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; margin: 0; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  background: var(--ink-1000);
  color: var(--ink-050);
  font: 16px/1.75 var(--font-body);
  padding: 0 20px 80px;
  overflow-wrap: break-word;
}

.wrap { max-width: 760px; margin: 0 auto; }

header {
  padding: 34px 0 26px;
  border-bottom: 1px solid var(--ink-600);
  margin-bottom: 34px;
}

.mark {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ink-050);
}
.mark b { color: var(--neon); }

h1 {
  font-family: var(--font-display);
  font-size: clamp(24px, 5vw, 34px);
  font-weight: 700;
  letter-spacing: 1px;
  margin: 18px 0 8px;
}

.atualizado {
  font-size: 13px;
  color: var(--ink-300);
  letter-spacing: .4px;
}

h2 {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .6px;
  margin: 38px 0 12px;
  padding-left: 12px;
  border-left: 3px solid var(--neon);
}

h3 {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .5px;
  margin: 24px 0 8px;
  color: var(--neon);
}

p, li { color: #c9d5cd; }
p { margin: 0 0 14px; }
ul, ol { margin: 0 0 16px; padding-left: 22px; }
li { margin-bottom: 8px; }

strong, b { color: var(--ink-050); }

a { color: var(--neon); }
a:hover { color: var(--ink-050); }

code {
  font-family: ui-monospace, 'JetBrains Mono', monospace;
  font-size: .92em;
  background: var(--ink-850);
  padding: 2px 6px;
  color: #b8ffa8;
}

/* o quadro de destaque: o que a página tem de mais importante para quem só bate o olho */
.box {
  background: var(--ink-900);
  border: 1px solid var(--ink-600);
  border-left: 3px solid var(--neon);
  padding: 18px 20px;
  margin: 0 0 26px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}
.box p:last-child { margin-bottom: 0; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
  font-size: 15px;
  display: block;
  overflow-x: auto;
}
th, td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--ink-600);
  vertical-align: top;
}
th {
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--ink-300);
  white-space: nowrap;
}

footer {
  margin-top: 54px;
  padding-top: 22px;
  border-top: 1px solid var(--ink-600);
  font-size: 13px;
  color: var(--ink-300);
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}