body {
  pointer-events: auto;
  margin: 0 auto;
  padding: 0;
  background: #111;
  min-height: 100vh;
  touch-action: auto;
}

#page,
#background,
#overlay,
img {
  pointer-events: none; /* Disable pointer events on content to prevent selection */
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
}

#viewport {
  width: 100%; /* Mobile: full width */
  max-width: 1080px; /* Desktop: max 1080px */
  overflow: clip;
  margin: 0 auto;
}

#page {
  position: relative;
  margin: 0 auto;
  max-width: 1080px; /* Desktop: max 1080px */
  max-height: 22393px;
  transform-origin: 0 0; /* Keep top-left as origin */
  overflow: clip;
}

.bg-slice {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  transform-origin: top center;
}

#overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 1080px;
  min-height: 22393px;
}

.gfx {
  position: relative;
  z-index: 10;
  display: block;
}

.txt {
  position: absolute;
  z-index: 20;
  display: block;
}