/* The privacy policy and terms: plain pages in openpack's look, readable without the game's script. */
:root { color-scheme: dark; --accent: #fdc826; --text: #e6edf3; --dim: rgba(230,237,243,.66); --line: rgba(230,237,243,.12); }
* { box-sizing: border-box; }
html { background: #0e1117; }
body { margin: 0; color: var(--text); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-text-size-adjust: 100%; }
.legal { max-width: 760px; margin: 0 auto; padding: 40px 20px 72px; }
.legal-home { display: inline-block; margin-bottom: 36px; }
.legal-home img { display: block; height: 22px; width: auto; }
.legal-eyebrow { margin: 0; color: var(--accent); font: 700 12px/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: 1.6px; text-transform: uppercase; }
h1 { margin: 6px 0 24px; font-size: 40px; line-height: 1.1; letter-spacing: -.5px; }
h2 { margin: 40px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 21px; line-height: 1.3; }
h3 { margin: 22px 0 6px; font-size: 16px; color: var(--text); }
p, li { color: var(--dim); }
strong { color: var(--text); }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: var(--accent); text-underline-offset: 2px; }
code { font: 14px ui-monospace, "SFMono-Regular", Menlo, monospace; color: var(--text); background: rgba(255,255,255,.06); padding: 1px 5px; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 9px 10px 9px 0; border-bottom: 1px solid var(--line); color: var(--dim); }
th { color: var(--text); font-size: 13px; letter-spacing: .4px; text-transform: uppercase; }
td:first-child { color: var(--text); width: 42%; }
.legal-summary { margin: 0 0 8px; padding: 16px 18px; border-left: 3px solid var(--accent); background: rgba(253,200,38,.07); }
.legal-summary p { margin: 0; color: var(--text); }
.legal-callout { padding: 12px 14px; border: 1px solid var(--line); background: rgba(255,255,255,.03); color: var(--text); }
.legal-links { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; }
@media (max-width: 520px) { h1 { font-size: 32px; } .legal { padding-top: 28px; } td:first-child { width: 46%; } }