/* Plain pages of silenthunt.lol: privacy policy, support, account deletion. Same palette as the game. */
:root {
  --forest: #1d2a1b;
  --paper: #f3ead3;
  --paper-2: #e8dcbc;
  --ink: #2b2318;
  --ink-2: #6b5d48;
  --accent: #c8642a;
  --bad: #b3362a;
  --good: #3f7d2c;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--forest); color: var(--ink); font: 16px/1.6 var(--sans); }
.page { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
.card { background: var(--paper); border-radius: 18px; padding: 28px 28px 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); }
header.top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; color: var(--paper); }
header.top a { color: var(--paper); text-decoration: none; font-family: var(--serif); font-size: 18px; display: inline-flex; align-items: center; gap: 10px; }
header.top img { width: 36px; height: 36px; border-radius: 9px; }
.langs a { color: var(--paper); opacity: 0.7; margin-left: 10px; font-size: 14px; }
.langs a.on { opacity: 1; font-weight: 700; text-decoration: none; }
h1, h2 { font-family: var(--serif); line-height: 1.25; }
h1 { font-size: 30px; margin: 0 0 6px; }
h2 { font-size: 20px; margin: 26px 0 6px; }
p, li { margin: 6px 0; }
ul { padding-left: 22px; }
a { color: var(--accent); }
.muted { color: var(--ink-2); font-size: 14px; }
.note { background: var(--paper-2); border-radius: 12px; padding: 12px 14px; margin: 14px 0; }
code { background: var(--paper-2); padding: 1px 6px; border-radius: 6px; }
form.del { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 6px; }
form.del input { flex: 1 1 220px; font: 600 18px var(--sans); letter-spacing: 2px; text-transform: uppercase; padding: 10px 12px; border-radius: 10px; border: 1.5px solid #c9bb98; background: #fffaf0; color: var(--ink); }
form.del button { font: 700 16px var(--sans); padding: 10px 18px; border: 0; border-radius: 10px; background: var(--bad); color: #fff; cursor: pointer; }
form.del button:disabled { opacity: 0.5; cursor: default; }
.msg { min-height: 1.6em; font-weight: 600; }
.msg.ok { color: var(--good); }
.msg.err { color: var(--bad); }
footer.bottom { color: var(--paper); opacity: 0.7; font-size: 13px; text-align: center; margin-top: 18px; }
footer.bottom a { color: var(--paper); }
[lang] [data-lang] { display: none; }
html[lang="ru"] [data-lang="ru"], html[lang="en"] [data-lang="en"] { display: block; }
@media (max-width: 520px) { .card { padding: 20px 18px; } h1 { font-size: 25px; } }