/* Shared styling for the privacy and terms pages, matching the game's palette. */
:root { color-scheme: dark; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #12172a;
  color: #d8dce8;
  font: 16px/1.65 "Avenir Next", "Helvetica Neue", system-ui, sans-serif;
  padding: 0 20px 80px;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 46rem; margin: 0 auto; }
header { padding: 48px 0 28px; border-bottom: 1px solid rgba(255,255,255,0.10); margin-bottom: 32px; }
.brand { font-size: 13px; font-weight: 800; letter-spacing: 0.16em; color: #ffd166; text-transform: uppercase; }
h1 { font-size: clamp(28px, 6vw, 40px); font-weight: 800; margin: 10px 0 6px; color: #fff; letter-spacing: -0.01em; }
.updated { font-size: 13px; color: #7f879c; }
h2 { font-size: 18px; font-weight: 800; color: #fff; margin: 34px 0 10px; }
p, li { margin-bottom: 12px; }
ul { padding-left: 22px; }
a { color: #6fe3c4; }
a:hover { color: #8ef0d6; }
strong { color: #fff; }
.note {
  border-left: 3px solid #ffd166;
  background: rgba(255,209,102,0.07);
  padding: 14px 16px; margin: 24px 0; border-radius: 0 8px 8px 0;
  font-size: 15px;
}
footer { margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.10); font-size: 14px; color: #7f879c; }
footer a { margin-right: 18px; }
footer span { color: #5f6679; }