/* Privacy policy and terms: plain, readable, same palette as the game. */
:root { --ink: #1d2433; --ink-soft: #4a5468; --accent: #e63946; --accent-2: #2a9d8f; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Nunito", system-ui, sans-serif; color: var(--ink); background: linear-gradient(180deg, #74c3ff 0%, #c6e6ff 45%, #ffe9b0 100%) fixed; }
.legal { max-width: 720px; margin: 24px auto 48px; padding: 32px 28px; background: rgba(255, 255, 255, 0.94); border-radius: 22px; box-shadow: 0 18px 50px rgba(20, 30, 60, 0.25); line-height: 1.6; font-size: 16px; }
.back { display: inline-block; margin-bottom: 14px; color: var(--accent-2); font-weight: 800; text-decoration: none; }
.back:hover { text-decoration: underline; }
h1 { font-family: "Fredoka", sans-serif; font-weight: 700; font-size: 34px; margin: 0 0 6px; }
h2 { font-family: "Fredoka", sans-serif; font-weight: 600; font-size: 20px; margin: 26px 0 8px; }
.meta { color: var(--ink-soft); font-size: 14px; margin: 0 0 18px; }
p { margin: 0 0 12px; }
ul { padding-left: 22px; margin: 0 0 12px; }
li { margin-bottom: 6px; }
a { color: var(--accent-2); }
.foot { margin-top: 28px; padding-top: 14px; border-top: 2px dashed #dfe5ee; color: var(--ink-soft); font-size: 14px; }
@media (max-width: 480px) { .legal { margin: 0; border-radius: 0; padding: 22px 16px 40px; font-size: 15px; } h1 { font-size: 28px; } }