.Slider-Wrapper {
  position: fixed;
  inset: 0;
  width: 300vw; /* 3 slides, each 100vw */
  height: 100vh;
  display: flex;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* --------------------
   Button positioning
-------------------- */

.button-main-page-left {
  top: 38%; /* Adjust as needed */
  width: 420px;
  height: 200px;
  z-index: 1;
}
.key-button {
  bottom: 30%; 
  right: 42.2%;
  width: 72px;
  height: 60px;
}

.gnome-thought-bubble {
  top: 40%; /* Adjust as needed */
  left: 45%; /* Adjust as needed */
  width: 180px;
  height: 120px;
  z-index: 1;
}

.button-main-page-right {
  bottom: 17.5%;
  right: 33%;
  width: 430px;
  height: 280px;
  z-index: 1;
}

/* Debug button for clearing cookies */
.debug-clear-cookies {
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 8px 12px;
  background: rgba(255, 0, 0, 0.9);
  color: white;
  border: 2px solid red;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  z-index: 99999;
}

.debug-clear-cookies:hover {
  background: rgba(255, 0, 0, 1);
  transform: scale(1.05);
}