/* Shared by the pages in legal/ (privacy, terms, rules), served at
   /legal.css by server/index.ts. The game's colours, and the same look as
   server/delete-account.html. */
:root {
  --bg: #E7E9E4; --card: #F7F8F4; --ink: #16201D; --muted: #4C5A54; --line: rgba(22, 32, 29, 0.14);
  --accent: #D9481C; --warn-bg: rgba(217, 72, 28, 0.12);
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #141816; --card: #1d2320; --ink: #eef0ec; --muted: #a3aca6; --line: #2f3632; --accent: #f06a3e; --warn-bg: rgba(240, 106, 62, 0.16); }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
.brand { font-weight: 800; letter-spacing: 0.08em; color: var(--accent); margin: 0 0 4px; font-size: 0.9rem; text-decoration: none; display: inline-block; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 6px; }
h2 { font-size: 1.15rem; margin: 28px 0 8px; }
h3 { font-size: 1rem; margin: 18px 0 6px; }
p { margin: 0 0 10px; }
ul, ol { margin: 0 0 12px; padding-left: 1.3em; }
li { margin: 4px 0; }
a { color: var(--accent); }
.updated { color: var(--muted); font-size: 0.92rem; margin-bottom: 14px; }
.draft { background: var(--warn-bg); border: 1px solid var(--accent); border-radius: 10px; padding: 10px 14px; margin: 0 0 18px; font-weight: 600; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 18px; margin: 16px 0; }
.ph { background: var(--warn-bg); border-radius: 4px; padding: 0 3px; font-family: ui-monospace, Menlo, monospace; font-size: 0.9em; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.94rem; }
th, td { text-align: left; vertical-align: top; padding: 8px 6px; border-top: 1px solid var(--line); }
th { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); border-top: 0; }
nav.legal { margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 0.92rem; display: flex; flex-wrap: wrap; gap: 6px 16px; }