/* Odd Hop Games studio site: the logo's colours, the game's lettering (Fredoka, SIL OFL, font/OFL.txt). */
@font-face { font-family: 'Fredoka'; font-weight: 600 700; font-display: swap; src: url(font/fredoka-latin.woff2) format('woff2'); }
:root { --bg: #0b0d10; --fg: #f3f5f7; --muted: #9fb3bf; --accent: #ff8a73; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--fg);
  font: 17px/1.6 system-ui, -apple-system, 'Segoe UI', sans-serif; }
main { flex: 1; width: 100%; max-width: 680px; margin: 0 auto; padding: 32px 16px; }
h1, h2, .lead { font-family: 'Fredoka', system-ui, sans-serif; font-weight: 600; }
h1 { font-size: 2.2rem; margin: .4em 0; }
h2 { font-size: 1.3rem; margin: 1.6em 0 .3em; }
a { color: var(--accent); }
.logo svg { display: block; width: 100%; max-width: 420px; margin: 0 auto; height: auto; }
.lead { text-align: center; color: var(--muted); font-size: 1.3rem; margin: 0 0 40px; }
.game { border: 1px solid #22303a; border-radius: 14px; padding: 4px 22px 14px; }
.text p { color: #d7dee3; }
.date { color: var(--muted); font-size: .9rem; margin-top: 2em; }
footer { text-align: center; color: var(--muted); font-size: .9rem; padding: 24px 16px; }