:root {
  --u: min(1vw, 1vh);          /* the unit everything is sized in */
  --ground: 22%;               /* height of the ground strip */
  --feet: 17%;                 /* where characters' feet stand (from the bottom) */
  --ink: #4a3350;
  --accent: #ff5c8a;
  --ground-color: #9be3a2;
  --leaf: #7bd389;
  --hill: #9be3a2;
  --hair: #2a1a14;
}
@media (max-aspect-ratio: 1/1) { :root { --u: 1.18vw; } }

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: #000;
  font-family: 'Fredoka', system-ui, sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
#scroll-space { width: 1px; }
body.locked { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .cloud, .star, .fstar, .bd-twinkle, .bd-drift, .bd-birds, #grain, #hint span { animation: none !important; }
}