/* Techno / Snack Stack site: one column, the game's sunny palette, readable legal pages. */
:root {
  --sun: #ffbe28;
  --sun-soft: #fff4d6;
  --ink: #2a1f3d;
  --ink-soft: #5d5470;
  --paper: #fffaf0;
  --line: #ecdcb8;
  --link: #b4500a;
  --display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
  --body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sun-soft: #3a2f16;
    --ink: #f6eedf;
    --ink-soft: #c9bfae;
    --paper: #1d1826;
    --line: #3d3449;
    --link: #ffbe28;
  }
}
* { box-sizing: border-box; }
html { color-scheme: light dark; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 var(--body); }
a { color: var(--link); }
.wrap { max-width: 760px; margin: 0 auto; padding-inline: 20px; }
header.bar { border-bottom: 1px solid var(--line); }
header.bar .wrap { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; justify-content: space-between; padding-block: 14px; }
.brand { display: flex; align-items: center; gap: 10px; font: 24px/1 var(--display); color: var(--ink); text-decoration: none; }
.brand img { width: 36px; height: 36px; border-radius: 9px; }
nav { display: flex; gap: 18px; font-weight: 700; }
nav a { text-decoration: none; }
main { padding-block: 32px 64px; }
h1 { font: 40px/1.1 var(--display); margin: 0 0 8px; text-wrap: balance; }
h2 { font: 24px/1.2 var(--display); margin: 36px 0 8px; }
.muted { color: var(--ink-soft); }
.hero { border-radius: 18px; overflow: hidden; border: 3px solid var(--ink); }
.hero img { display: block; width: 100%; height: auto; }
.tagline { font-size: 20px; margin: 20px 0 8px; }
.badge { display: inline-block; background: var(--sun); color: #2a1f3d; font-weight: 800; border-radius: 999px; padding: 8px 18px; margin-top: 8px; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
.table { overflow-x: auto; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--sun-soft); }
footer { border-top: 1px solid var(--line); padding-block: 20px 32px; font-size: 14px; color: var(--ink-soft); }
footer .wrap { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }