/* Home */
body {
  overflow-x: auto;
  overflow-y: auto;
}

.main {
  position: relative;
}

/* Stage defines the scrollable canvas size equal to bgWidth/bgHeight */
.stage {
  position: relative;
}

img {
  position: absolute;
  top: 0;
  left: 0;
}

img:not(.bg) {
  cursor: default;
}

/* imageDefault without dragging will be pointer-events: none */
.imgDefault:not([data-draggable="true"]) {
  pointer-events: none;
}

img.bg {
  max-width: none;
}

/* Ensure overlay images are not responsively scaled (match absolute px positioning) */
.imgDefault,
.imgA,
.imgB,
.imgC,
.imgD,
.imgE,
.imgF,
.imgB-hold,
.btnB-hold {
  max-width: none;
}

.btnA,
.btnB,
.btnC,
.btnD {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  cursor: default;
  padding: 0.25rem 1rem;
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid black;
}

/* Sheet */
#sheet, #sheet .main {
  height: 100dvh;
}

#sheet iframe {
  width: 100%;
  height: 100%;
}