/* Shared style for the public info pages (privacy, support). Single dark look, matching the game. */
@font-face { font-family: 'Orbitron'; font-weight: 400 900; font-display: swap; src: url('../fonts/orbitron.woff2') format('woff2'); }
@font-face { font-family: 'Rajdhani'; font-weight: 500; font-display: swap; src: url('../fonts/rajdhani-500.woff2') format('woff2'); }
@font-face { font-family: 'Rajdhani'; font-weight: 700; font-display: swap; src: url('../fonts/rajdhani-700.woff2') format('woff2'); }
:root {
  --bg: #07021a; --panel: #120830; --line: rgba(160, 120, 255, 0.28);
  --text: #e9e6fb; --muted: #a8a3c9; --cyan: #2ff3ff; --pink: #ff2d95;
  --display: 'Orbitron', 'Avenir Next', system-ui, sans-serif;
  --body: 'Rajdhani', 'Avenir Next', system-ui, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0; color: var(--text); font: 500 18px/1.55 var(--body);
  background: radial-gradient(90% 50% at 50% 0%, #2a0a52 0%, var(--bg) 70%) no-repeat, var(--bg);
  padding-block: max(32px, env(safe-area-inset-top, 0px)) 64px;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
}
main { max-width: 680px; margin: 0 auto; }
.brand { font: 900 14px/1 var(--display); letter-spacing: 0.22em; color: var(--pink); text-shadow: 0 0 10px var(--pink); text-decoration: none; }
h1 { font: 900 clamp(28px, 7vw, 40px)/1.1 var(--display); letter-spacing: 0.04em; margin: 14px 0 6px; text-wrap: balance; text-shadow: 0 0 14px rgba(47, 243, 255, 0.6); }
h2 { font: 800 17px/1.3 var(--display); letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); margin: 34px 0 8px; }
p, li { color: var(--text); }
.muted { color: var(--muted); }
a { color: var(--cyan); }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 4px; }
.summary { margin-top: 22px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.summary strong { color: #fff; }
ul { padding-left: 1.2em; }
footer { margin-top: 48px; font-size: 15px; color: var(--muted); }