* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #071014; }
.viewport {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: start center;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.psd-canvas {
  position: relative;
  width: min(100%, 750px, calc((100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 750 / 1206));
  width: min(100%, 750px, calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 750 / 1206));
  height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  container-type: inline-size;
  z-index: 1;
  isolation: isolate;
}
.psd-background { position: fixed; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; }
.psd-layer { position: absolute; display: block; height: auto !important; pointer-events: none; }
.title-layers { position: absolute; left: 0; top: 16.4179104478%; width: 100%; height: 27.8666666667cqw; }
.enter-button { top: calc(85.0331674959% - 20.4666666667cqw) !important; }
.enter-link {
  position: absolute;
  left: 30.2666666667%;
  top: 85.0331674959%;
  width: 41.2%;
  height: 6.7993366501%;
  min-height: 44px;
  transform: translateY(-50%);
  border-radius: 999px;
  -webkit-tap-highlight-color: transparent;
}
.enter-link:focus-visible { outline: 2px solid #fff4cf; outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) {
  .enter-link:active { background: #ffffff18; }
}

@media (prefers-reduced-motion: no-preference) {
  .enter-button { transition: filter .24s ease, transform .24s ease; transform-origin: 50% 50%; }
  .is-entering .enter-button { filter: brightness(1.28); transform: scale(1.035); }
}