html,
body {
  margin: 0;
  height: 100%;
  background: #fefaf1;
  color-scheme: light;
  overflow: hidden;
}

.scene {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.welcome {
  position: fixed;
  z-index: 1;
  top: max(24px, 6vh);
  left: max(24px, 5vw);
  margin: 0;
  line-height: 0;
}

.welcome img {
  display: block;
  width: auto;
  height: max(32px, calc(68 / 1881 * 100vh), calc(68 / 3344 * 100vw));
}

.gate {
  position: absolute;
  left: 0;
  top: 0;
  width: 28%;
  height: 100%;
  cursor: pointer;
}

.gate:focus {
  outline: none;
}

.gate:focus-visible {
  outline: 1px solid rgba(66, 40, 27, 0.45);
  outline-offset: 3px;
}