/* PlayTesters — terms.html. Same cream-and-brown theme as the page. */
:root { --bg: #f4efe7; --ink: #1f1a16; --body: #4a423b; --dim: #8a8079; --brand: #9a5c12; --line: #ece6dd; --tint: #fff3df; --line-2: #f0d9b5; color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body { font: 400 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
.legal { max-width: 680px; margin: 0 auto; padding: calc(20px + env(safe-area-inset-top)) 20px 60px; }
.back { display: inline-block; margin-bottom: 22px; padding: 6px 0; color: var(--dim); font-weight: 600; text-decoration: none; }
.back:hover { color: var(--ink); }
.eyebrow { margin: 0 0 6px; display: inline-block; padding: 3px 10px; border-radius: 6px; background: var(--brand); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
h1 { margin: 0 0 4px; font-size: 32px; line-height: 1.15; text-wrap: balance; }
.updated { margin: 0 0 26px; color: var(--dim); font-size: 15px; }
.note { margin: 0 0 22px; padding: 14px 16px; border-radius: 12px; background: var(--tint); border: 1.5px solid var(--line-2); }
h2 { margin: 30px 0 8px; font-size: 20px; line-height: 1.3; }
p { margin: 0 0 14px; color: var(--body); }
.note, strong { color: var(--ink); }
a { color: var(--brand); }
.foot { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--dim); }