/* The legal pages and the landing page: the game's cream and ink, a plain reading layout. */
:root { color-scheme: light dark; --bg: #fff1d0; --text: #241820; --soft: #5b4650; --head: #163a54; --head-text: #fff1d0; --link: #a82a2a; }
@media (prefers-color-scheme: dark) { :root { --bg: #14110f; --text: #fff1d0; --soft: #d6c6b0; --head: #0c2233; --link: #ff9f80; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 18px/1.65 -apple-system, "Segoe UI", Roboto, sans-serif; }
.top { background: var(--head); }
.top a { display: flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 auto; padding: 14px 16px; color: var(--head-text); text-decoration: none; font-weight: 700; }
.top img { border-radius: 8px; }
main { max-width: 760px; margin: 0 auto; padding: 36px 16px 56px; }
h1 { font-size: clamp(30px, 6vw, 44px); line-height: 1.1; margin: 0 0 6px; }
h2 { margin-top: 1.8em; font-size: 22px; line-height: 1.25; }
.muted { color: var(--soft); font-size: 15px; }
.hero { display: block; width: 100%; max-width: 520px; height: auto; margin: 0 auto 18px; border-radius: 18px; }
a { color: var(--link); }
footer { max-width: 760px; margin: 0 auto; padding: 0 16px 40px; color: var(--soft); font-size: 15px; }
:focus-visible { outline: 3px solid #ffc440; outline-offset: 3px; }