/* Shared styling for the privacy policy and terms pages. Same palette and type
   as the game, but set for reading rather than for a HUD. */
:root {
  --ground:#0a0e14; --panel:rgba(9,14,22,.72); --panel-line:rgba(61,242,208,.22);
  --ice:#d7e3f4; --dim:#8697ad; --player:#3df2d0; --crate:#f5a524; --xp:#b57bff;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ground); color: var(--ice);
  font: 16px/1.65 "Rajdhani", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 74ch; margin: 0 auto; padding: 48px 24px 96px; }

header { border-bottom: 1px solid var(--panel-line); padding-bottom: 22px; margin-bottom: 34px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.brand img { width: 40px; height: 40px; border-radius: 9px; }
.brand span {
  font: 900 22px/1 "Orbitron", system-ui, sans-serif; letter-spacing: .02em;
  background: linear-gradient(120deg, var(--player), var(--xp) 60%, var(--crate));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
h1 { font: 700 clamp(26px,5vw,36px)/1.15 "Orbitron", system-ui, sans-serif; margin: 26px 0 6px; }
.updated { color: var(--dim); font-weight: 600; font-size: 13.5px; margin: 0; }

h2 {
  font: 700 13px/1.3 "Orbitron", system-ui, sans-serif;
  letter-spacing: .18em; text-transform: uppercase; color: var(--player);
  margin: 40px 0 12px;
}
h3 { font: 700 17px/1.3 "Rajdhani", sans-serif; color: var(--ice); margin: 24px 0 6px; }
p, li { color: #c2cfe0; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: var(--player); }
strong { color: var(--ice); }
code {
  font: 13px ui-monospace, Menlo, Consolas, monospace;
  background: rgba(255,255,255,.06); padding: 1px 6px; border-radius: 4px; color: #ffd98a;
}
table { border-collapse: collapse; width: 100%; margin: 14px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid rgba(255,255,255,.08); vertical-align: top; }
th { color: var(--dim); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.callout {
  border: 1px solid var(--panel-line); background: var(--panel);
  border-radius: 10px; padding: 16px 18px; margin: 22px 0;
}
.callout.warn { border-color: rgba(245,165,36,.4); }
.callout p:first-child { margin-top: 0; }
.callout p:last-child { margin-bottom: 0; }
footer {
  margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--panel-line);
  color: var(--dim); font-size: 14px; display: flex; gap: 18px; flex-wrap: wrap;
}
@media (max-width: 560px) { .wrap { padding: 32px 18px 72px; } }