/* the plain text pages (about, how to play, modes, maps, weapons, FAQ, contact, terms, privacy) */
@font-face { font-family: "RR Display"; font-display: swap; font-weight: 1 1000; src: url(/fonts/oxanium-latin-800-normal.woff2) format("woff2"); }
@font-face { font-family: "RR Body"; font-display: swap; font-weight: 200 800; src: url(/fonts/oxanium-latin-wght-normal.woff2) format("woff2"); }
:root { --ink: #26252e; --parchment: #fbf4e4; --roof: #419b4b; --royal: #2c5aa8; --gold: #f2b632; --sky: #9fc6e8; --muted: #6c6658; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--sky); color: var(--ink); font: 500 16px/1.65 "RR Body", system-ui, sans-serif; }
a { color: var(--royal); }
.site-head { display: flex; align-items: center; gap: 12px 24px; flex-wrap: wrap; max-width: 960px; margin: 0 auto; padding: 14px 16px 0; }
.site-logo img { display: block; width: 132px; height: auto; }
.site-head nav, .site-foot nav { display: flex; flex-wrap: wrap; gap: 6px 4px; }
.site-head nav a { padding: 6px 12px; border-radius: 999px; color: var(--ink); text-decoration: none; font-weight: 700; background: rgba(255,255,255,.55); }
.site-head nav a:hover, .site-head nav a[aria-current] { background: var(--parchment); box-shadow: 0 3px 0 rgba(0,0,0,.12); }
.site-head nav a:first-child { background: var(--roof); color: #fff; }
main { max-width: 960px; margin: 18px auto 0; padding: 28px 32px; background: var(--parchment); border-radius: 18px; box-shadow: 0 6px 0 rgba(0,0,0,.15); }
h1, h2, h3 { font-family: "RR Display", "Arial Black", sans-serif; font-weight: 400; line-height: 1.15; }
h1 { margin: 0 0 12px; font-size: clamp(30px, 5vw, 42px); }
h2 { margin: 30px 0 8px; font-size: 24px; color: #2f6e37; }
h3 { margin: 20px 0 6px; font-size: 19px; }
.lead { font-size: 18px; }
.muted { color: var(--muted); font-size: 14px; }
table { width: 100%; border-collapse: collapse; margin: 8px 0; }
th, td { text-align: left; padding: 7px 10px; border-bottom: 1px solid rgba(0,0,0,.1); }
th { font-family: "RR Display", sans-serif; font-weight: 400; }
.map { display: grid; grid-template-columns: 260px 1fr; gap: 20px; margin: 26px 0; align-items: start; }
.map img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 0 rgba(0,0,0,.15); }
.map h2 { margin-top: 0; }
.cta { margin: 32px 0 4px; text-align: center; }
.play-btn { display: inline-block; padding: 12px 28px; border-radius: 14px; background: var(--gold); color: var(--ink); font: 400 20px "RR Display", sans-serif; text-decoration: none; box-shadow: 0 5px 0 #b7841b; }
.play-btn:hover { filter: brightness(1.06); }
.site-foot { max-width: 960px; margin: 0 auto; padding: 20px 16px 36px; font-size: 14px; color: #24425e; }
.site-foot nav a { color: inherit; padding: 2px 8px; }
.site-foot p { margin: 10px 8px 0; }
@media (max-width: 700px) {
  main { margin: 12px 0 0; border-radius: 0; padding: 22px 16px; }
  .map { grid-template-columns: 1fr; }
  .site-head nav a { padding: 5px 10px; font-size: 14px; }
}