/* CityStrike — stile delle pagine legali (privacy.html, cookie.html).
   Stessa palette del gioco (css/styles.css), tema scuro compreso: segue il sistema oppure la scelta fatta
   nel gioco, che js/theme.js riporta in data-theme. */
:root {
  color-scheme: light dark;
  --bg: #ffffff; --text: #1a1a1a; --text-dim: #666; --heading: #1a1330; --border: #ddd;
  --brand: #6a2bff; --brand-hover: #4a12d6; --accent: #e8480c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #120b26; --text: #ece8f8; --text-dim: #b3a8d1; --heading: #ece8f8; --border: #362a5c;
    --brand: #a98bff; --brand-hover: #c9b6ff; --accent: #ff7a45;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #120b26; --text: #ece8f8; --text-dim: #b3a8d1; --heading: #ece8f8; --border: #362a5c;
  --brand: #a98bff; --brand-hover: #c9b6ff; --accent: #ff7a45;
}
:root[data-theme="light"] { color-scheme: light; }

body{max-width:820px;margin:1rem auto 2rem;padding:0 1.2rem;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--text)}
h1{font-size:1.6rem;color:var(--heading)} h2{font-size:1.2rem;margin-top:2rem} h3{font-size:1rem}
table{border-collapse:collapse;width:100%;margin:1rem 0} th,td{border:1px solid var(--border);padding:.5rem;text-align:left;vertical-align:top}
small{color:var(--text-dim)}
a{color:var(--brand)} a:hover{color:var(--brand-hover)}

/* Header: logo e nome come nel gioco, riportano alla partita. */
.legal-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.legal-brand{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;text-decoration:none}
.legal-brand img{display:block;width:30px;height:30px}
.legal-title{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--brand)}
.legal-title-strike{font-weight:800;color:var(--accent)}
.legal-brand:hover .legal-title{color:var(--brand)}