body {
  background: #fff;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.fullscreen-img {
  width: 100vw;
  height: 100vh;
  object-fit: contain;
}
.btn {
  font-size: 20px;
  font-weight: bold;
}
.launch-btn {
  position: absolute;
  bottom: calc(5% + 40px);
  left: 50%;
  transform: translateX(-30%);
  z-index: 9998;
  pointer-events: auto;
}

@keyframes sway {
  0% {
    rotate: 0deg;
  }
  25% {
    rotate: 0.3deg;
  }
  30% {
    rotate: 0.2deg;
  }
  40% {
    rotate: 0.1deg;
  }
  50% {
    rotate: 0deg;
  }
  60% {
    rotate: -0.1deg;
  }
  70% {
    rotate: -0.2deg;
  }
  75% {
    rotate: -0.3deg;
  }
  100% {
    rotate: 0deg;
  }
}

/* Curtain container */
.curtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none; /* disable interaction */
}

/* Left curtain image */
.curtain-left,
.curtain-right {
  transform-origin: center center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 52%;
  object-fit: cover;
  transition: transform 10s ease !important;
  z-index: 10000;
  animation: sway 4s ease-in-out infinite;
  transform: scale(1.05);
}

/* Positioning */
.curtain-left {
  left: -1%;
}
.curtain-right {
  right: -1%;
}

/* Animate open */
.curtain.open .curtain-left {
  transform: translateX(-100%) !important;
}
.curtain.open .curtain-right {
  transform: translateX(100%) !important;
}