@font-face {
  font-family: Fredoka;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fredoka.woff2) format("woff2");
}
@font-face {
  font-family: "Lilita One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/lilita-one.woff2) format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/geist-mono.woff2) format("woff2");
}
:root {
  --font-pixel: "Fredoka", system-ui, sans-serif;
  --font-display: "Lilita One", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --font-logo: "Lilita One", "Fredoka", system-ui, sans-serif;
  --font-zh: "Fredoka", system-ui, sans-serif;
  --background: #081421;
  --sat: env(safe-area-inset-top, 0px);
  --sar: env(safe-area-inset-right, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
}
html, body {
  height: 100%;
  margin: 0;
}
body {
  overflow: hidden;
  background: #06405f;
  font-family: var(--font-pixel);
}
button {
  font-family: inherit;
  cursor: pointer;
}
a { color: inherit; }
* { box-sizing: border-box; }
.geist_mono_3342dced-module__ksAy2q__variable { --font-mono: "Geist Mono", ui-monospace, monospace; }
.lilita_one_d35a284f-module__jjt-nG__variable { --font-display: "Lilita One", system-ui, sans-serif; }
.fredoka_d01ae994-module__1QpVVW__variable { --font-pixel: "Fredoka", system-ui, sans-serif; }

/* Portrait phones: rotate the landing to landscape, matching the original ForcedLandscape wrap. */
@media (max-width: 900px) and (orientation: portrait) {
  html.force-landscape,
  html.force-landscape body {
    width: 100dvh;
    height: 100dvw;
    overflow: hidden;
  }
  html.force-landscape body {
    position: fixed;
    top: 0;
    left: 100dvw;
    transform: rotate(90deg);
    transform-origin: top left;
  }
}