@font-face {
  font-family: "Georgia Local";
  src: url("fonts/georgia.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Manrope Local";
  src: url("fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; }
html { background: #313943; overflow-x: hidden; scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
body { color: #f4f0e8; font-family: "Manrope Local", Arial, sans-serif; }
button { font: inherit; }
button, input { -webkit-tap-highlight-color: transparent; }
#stage { position: fixed; inset: 0; width: 100vw; height: 100vh; overflow: hidden; isolation: isolate; }
#world, #poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
#poster { object-fit: cover; z-index: 0; }
#world { z-index: 1; }
#overlay { position: absolute; inset: 0; z-index: 3; }
#journey-space { width: 1px; pointer-events: none; }
[hidden] { display: none !important; }