/* Shared by the static info pages (how-to-play, prestige, privacy). The game itself uses style.css. */
@font-face { font-family: "Space Grotesk"; src: url(/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2"); font-weight: 100 800; font-display: swap; }
:root { --bg: #16181c; --panel: #202328; --line: #353a42; --fg: #e3e5e8; --muted: #8d949e; --accent: #52c27a; --gold: #e3b341; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
header, main, footer { max-width: 46rem; margin: 0 auto; padding: 0 1.25rem; }
header { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; align-items: baseline; justify-content: space-between; padding-top: 1.25rem; font-family: "Space Grotesk", system-ui, sans-serif; }
header .brand { font-size: 1.3rem; font-weight: 700; color: var(--fg); text-decoration: none; }
header .brand span { color: var(--accent); font-weight: 400; margin: 0 0.15em; }
nav a { margin-right: 1rem; color: var(--muted); text-decoration: none; }
nav a:hover, nav a[aria-current] { color: var(--fg); }
h1, h2, h3 { font-family: "Space Grotesk", system-ui, sans-serif; line-height: 1.2; }
h1 { font-size: 2.4rem; margin: 2.5rem 0 0.5rem; letter-spacing: -0.02em; }
h2 { font-size: 1.5rem; margin: 2.5rem 0 0.5rem; }
h3 { font-size: 1.1rem; margin: 1.5rem 0 0.25rem; }
.lede { font-size: 1.2rem; color: #b9bec6; }
a { color: var(--accent); }
code, kbd { font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 0.88em; background: var(--panel); border: 1px solid var(--line); border-radius: 5px; padding: 0.05em 0.35em; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: 0.95rem; }
th, td { text-align: left; padding: 0.55rem 0.7rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-weight: 600; }
.cta { display: inline-block; margin: 1rem 0; padding: 0.7rem 1.4rem; background: var(--accent); color: #111316; font-weight: 700; border-radius: 10px; text-decoration: none; font-family: "Space Grotesk", system-ui, sans-serif; }
details { border-bottom: 1px solid var(--line); padding: 0.7rem 0; }
summary { cursor: pointer; font-weight: 600; }
footer { margin-top: 4rem; padding-bottom: 3rem; color: var(--muted); font-size: 0.9rem; }
.table-wrap { overflow-x: auto; }