/* The website's pages (landing, support, privacy): the app's cream backdrop, honey-gold buttons
   and brown ink. The game itself is the Flutter app in play/. */
/* Nunito (SIL Open Font License, fonts/OFL.txt), shipped with the app: one variable file per script. */
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-cyrillic-ext.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-cyrillic.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-vietnamese.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bg-top: #fcf7ef;
  --bg-bottom: #f5ebdf;
  --ink: #4e2a1c;
  --muted: #8c6a55;
  --brown: #8a4f28;
  --panel: rgba(140, 95, 50, .06);
  --panel-line: rgba(140, 95, 50, .14);
  --surface: #fffaf4;
  --gold: #f6c945;
  --radius: 24px;
  --font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; }
body {
  font-family: var(--font);
  font-weight: 600;
  color: var(--ink);
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%) fixed;
  background-color: var(--bg-bottom);
  overflow-x: hidden;
}

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 58px; padding: 12px 26px; border-radius: 999px;
  background: var(--surface); font-size: 21px; font-weight: 800;
  box-shadow: inset 0 0 0 1px var(--panel-line);
  transition: transform .08s;
}
.btn:active { transform: scale(.96); }
.btn.play {
  background: linear-gradient(180deg, #ffdc6e, var(--gold) 60%, #f0bb34);
  color: var(--ink); font-weight: 900; box-shadow: 0 5px 0 #d29a1d, 0 8px 20px rgba(214, 160, 40, .28);
  font-size: 32px; min-height: 84px; padding: 14px 60px;
}
.btn.small { min-height: 46px; font-size: 17px; padding: 8px 18px; }
a.btn { text-decoration: none; color: inherit; }
.muted { color: var(--muted); font-weight: 600; }
.tagline { color: var(--brown); font-weight: 800; }