/* The legal pages follow the game's theme (data-theme on <html>, set by /theme.js before first paint). */
:root, [data-theme=night] { color-scheme: dark; --bg: #0F0C1D; --surface: #1B1730; --text: #F4F1FF; --muted: #A9A3C7; --line: #332C52; --link: #FF6FA3; --mark: rgba(255, 209, 102, .25); }
[data-theme=vinyl] { color-scheme: light; --bg: #FBF8F3; --surface: #F2EDE4; --text: #1E1B2E; --muted: #5F5A6E; --line: #DDD5C7; --link: #2F4BFF; --mark: #FBEFC9; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--text); background: var(--bg); font: 16px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
main { max-width: 760px; margin: auto; padding: 16px 20px 64px; }
nav { position: sticky; top: 0; z-index: 50; background: var(--bg); padding-top: 16px; display: flex; gap: 20px; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--line); font-size: 14px; }
nav a { color: inherit; }
nav .brand { display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 800; letter-spacing: -.01em; text-decoration: none; }
h1 { margin: 32px 0 8px; font-size: 32px; line-height: 1.15; letter-spacing: -.02em; }
h2 { margin: 36px 0 8px; font-size: 20px; }
h3 { margin: 22px 0 4px; font-size: 16px; }
p, ul { margin: 8px 0; }
ul { padding-left: 22px; }
a { color: var(--link); }
.meta { color: var(--muted); font-size: 14px; }
mark { color: inherit; background: var(--mark); padding: 0 3px; border-radius: 3px; }
address { font-style: normal; }
.analytics-optout button { font: inherit; font-weight: 600; color: var(--bg); background: var(--link); border: 0; border-radius: 999px; padding: 8px 18px; cursor: pointer; }