/* Estilo das páginas Sobre e Privacidade (mesmas cores do jogo). */
:root {
  --fundo: #2b1d33; --papel: #fff5ea; --tinta: #5a3426; --rosa: #ff6f9f; --suave: #8a6a5a;
  --paw-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-12 16 16)'%3E%3Cpath d='M7 19 C4.5 15, 5.5 9.5, 9 9.5 C10 7, 13.5 6, 15.5 8 C17.5 6, 21 7, 22 9.5 C25.5 9.5, 26.5 15, 24 19 C25.5 24.5, 21.5 28.5, 15.5 28.5 C9.5 28.5, 5.5 24.5, 7 19 Z' fill='rgba(45,20,28,0.26)' transform='translate(1 1.8)'/%3E%3Cpath d='M7 18.5 C4.2 14.5, 5.2 9, 9.2 9.5 C10.2 6.2, 14 5.5, 15.5 8.2 C17 5.5, 20.8 6.2, 21.8 9.5 C25.8 9, 26.8 14.5, 24 18.5 C25.5 24, 21.8 28, 15.5 28 C9.2 28, 5.5 24, 7 18.5 Z' fill='%23fffdf9' stroke='%233d2216' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 21.5 C9.5 25.2, 12.2 26.6, 15.5 26.6 C18.8 26.6, 21.5 25.2, 22.5 21.5 C21 24, 18.5 24.8, 15.5 24.8 C12.5 24.8, 10 24, 8.5 21.5 Z' fill='%23f5e1e6'/%3E%3Cg fill='%23ff85b3' stroke='%23c83e6b' stroke-width='1.1'%3E%3Cellipse cx='8.3' cy='13.6' rx='2.1' ry='2.7' transform='rotate(-24 8.3 13.6)'/%3E%3Cellipse cx='12.9' cy='10.2' rx='2.2' ry='2.9' transform='rotate(-8 12.9 10.2)'/%3E%3Cellipse cx='18.1' cy='10.2' rx='2.2' ry='2.9' transform='rotate(8 18.1 10.2)'/%3E%3Cellipse cx='22.7' cy='13.6' rx='2.1' ry='2.7' transform='rotate(24 22.7 13.6)'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='7.6' cy='12.5' r='0.8'/%3E%3Ccircle cx='12.3' cy='8.9' r='0.85'/%3E%3Ccircle cx='17.5' cy='8.9' r='0.85'/%3E%3Ccircle cx='22.0' cy='12.5' r='0.8'/%3E%3C/g%3E%3Cpath d='M15.5 15.2 C13.5 14.8, 10.2 16.5, 10.4 19.8 C10.6 22.5, 13.2 23.6, 15.5 22.8 C17.8 23.6, 20.4 22.5, 20.6 19.8 C20.8 16.5, 17.5 14.8, 15.5 15.2 Z' fill='%23ff5d92' stroke='%23c83e6b' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cellipse cx='13.6' cy='17.6' rx='1.9' ry='1.1' transform='rotate(-18 13.6 17.6)' fill='%23ffb8d1'/%3E%3Ccircle cx='12.8' cy='17.3' r='0.8' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") 12 7, auto;
  --paw-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-8 16 16)'%3E%3Cpath d='M7.5 19 C5 15, 6 9.5, 9.5 9.5 C10.5 7, 14 6, 16 8 C18 6, 21.5 7, 22.5 9.5 C26 9.5, 27 15, 24.5 19 C26 24.5, 22 28.5, 16 28.5 C10 28.5, 6 24.5, 7.5 19 Z' fill='rgba(45,20,28,0.28)' transform='translate(1 1.8)'/%3E%3Cpath d='M7.5 18.5 C4.7 14.5, 5.7 9, 9.7 9.5 C10.7 6.2, 14.5 5.5, 16 8.2 C17.5 5.5, 21.3 6.2, 22.3 9.5 C26.3 9, 27.3 14.5, 24.5 18.5 C26 24, 22.3 28, 16 28 C9.7 28, 6 24, 7.5 18.5 Z' fill='%23e3ab86' stroke='%233d2216' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 21.5 C10 25.2, 12.7 26.6, 16 26.6 C19.3 26.6, 22 25.2, 23 21.5 C21.5 24, 19 24.8, 16 24.8 C13 24.8, 10.5 24, 9 21.5 Z' fill='%23c88c67'/%3E%3Cg fill='%23ff6f9f' stroke='%235a3426' stroke-width='1.15'%3E%3Cellipse cx='8.8' cy='13.6' rx='2.15' ry='2.75' transform='rotate(-24 8.8 13.6)'/%3E%3Cellipse cx='13.4' cy='10.2' rx='2.25' ry='2.95' transform='rotate(-8 13.4 10.2)'/%3E%3Cellipse cx='18.6' cy='10.2' rx='2.25' ry='2.95' transform='rotate(8 18.6 10.2)'/%3E%3Cellipse cx='23.2' cy='13.6' rx='2.15' ry='2.75' transform='rotate(24 23.2 13.6)'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8.1' cy='12.5' r='0.85'/%3E%3Ccircle cx='12.8' cy='8.9' r='0.9'/%3E%3Ccircle cx='18.0' cy='8.9' r='0.9'/%3E%3Ccircle cx='22.5' cy='12.5' r='0.85'/%3E%3C/g%3E%3Cpath d='M16 17.2 C16 15.4, 11.6 14.8, 11.6 18.2 C11.6 20.8, 16 22.8, 16 24.2 C16 22.8, 20.4 20.8, 20.4 18.2 C20.4 14.8, 16 15.4, 16 17.2 Z' fill='%23ff3872' stroke='%235a3426' stroke-width='1.25' stroke-linejoin='round'/%3E%3Ccircle cx='14.1' cy='17.6' r='0.95' fill='%23ffffff'/%3E%3C/g%3E%3Cpath d='M5.5 1.5 L6.7 4.3 L9.5 5.5 L6.7 6.7 L5.5 9.5 L4.3 6.7 L1.5 5.5 L4.3 4.3 Z' fill='%23ffd25e' stroke='%233d2216' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 7, pointer;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--fundo); color: var(--tinta); cursor: var(--paw-cursor); }
body { font: 17px/1.6 "Fredoka", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif; padding: 24px 16px 48px; }
main { max-width: 720px; margin: 0 auto; background: var(--papel); border: 3px solid var(--tinta); border-radius: 24px; padding: 28px 28px 20px; }
h1 { color: var(--rosa); margin: 0 0 4px; font-size: 32px; line-height: 1.2; }
h2 { font-size: 20px; margin: 24px 0 4px; }
p, li { margin: 8px 0; }
a { color: #c0445f; cursor: var(--paw-pointer); }
.langs { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 auto 16px; max-width: 720px; justify-content: flex-end; }
.langs button { font: inherit; font-size: 15px; background: var(--papel); color: var(--tinta); border: 2px solid var(--tinta); border-radius: 999px; padding: 2px 14px; cursor: var(--paw-pointer); }
.langs button[aria-pressed="true"] { background: var(--rosa); color: #fff; }
.aviso { background: #ffe1ec; border-radius: 14px; padding: 12px 16px; font-weight: 600; }
.voltar { display: inline-block; margin-top: 20px; font-weight: 600; }
.pequeno { color: var(--suave); font-size: 14px; }
[data-lang] { display: none; }
html[lang="pt-BR"] [data-lang="pt"], html[lang="en"] [data-lang="en"], html[lang="es"] [data-lang="es"], html[lang="zh-Hans"] [data-lang="zh"] { display: block; }
