/* Shared by every page: fonts, color tokens, reset. Game accents live here so the homepage can use them too. */
@font-face {
  font-family: "Lilita One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/lilita-one-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("/assets/fonts/nunito-latin.woff2") format("woff2");
}

:root {
  --bg: #e9f1fb;
  --fg: #1d2333;
  --muted: #5b6478;
  --card: #ffffff;
  --line: #cfdcec;
  --go: #1f8a5b;
  --hot: #ff4a1c;
  --silly: #7a3cf0;
  --potato: #c98f4c;
  --sun: #f2b31b;
  --disco: #e8327c;
  --ice: #1a8fc4;
  --stop: #c8203a;
  --display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
  --body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121a2c; --fg: #f1f3f8; --muted: #a3acc2; --card: #1c2640; --line: #2c3854;
    --go: #3fbf86; --hot: #ff6a3f; --silly: #b08cff; --potato: #d79e5b; --sun: #f5c64a;
    --disco: #ff5c9d; --ice: #5cc8f2; --stop: #ff5a6a;
    color-scheme: dark;
  }
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body {
  margin: 0; background: var(--bg); color: var(--fg); font-family: var(--body);
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}