body.legal { overflow-y: auto; padding: 20px clamp(12px, 3vw, 40px); }
body.legal .bar { margin: 0 auto 16px; }
body.legal main { max-width: 900px; margin: 0 auto; line-height: 1.55; font-size: 17px; }
body.legal main.narrow-legal { max-width: 560px; }
body.legal h3 { margin-top: 22px; }
body.legal a { color: var(--cyan); }
body.legal textarea { width: 100%; font-family: 'Pixelify Sans'; font-size: 16px; color: var(--text); background: #1d1636; border: 1px solid var(--line); padding: 8px; }
body.legal input, body.legal select { width: 100%; }
.legal-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.legal-table th, .legal-table td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.legal-table th { color: var(--gold); font-family: 'Pixelify Sans'; }
.legal-foot { text-align: center; margin: 24px 0; font-size: 15px; }
.legal-foot a { color: var(--muted); }
/* enlaces legales y aviso de cookies dentro del juego */
.menu-legal { margin-top: 8px; font-size: 14px; text-align: center; }
.menu-legal a { color: var(--muted); }
#cookie-bar { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 40; width: min(720px, 94vw); background: #120d1c; border: 3px solid var(--gold); padding: 12px 16px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 15px; box-shadow: 5px 5px 0 rgba(0,0,0,.5); }
#cookie-bar p { flex: 1; margin: 0; min-width: 240px; }
#cookie-bar a { color: var(--cyan); }
#cookie-bar[hidden] { display: none; }
body.playing #cookie-bar { display: none; }