/* Ilhas do Bug — paper page with a centered 16:9 notebook "stage". */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: #ecdfc0;
}

body {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

/* the desk around the notebook: tiling paper texture fills every letterbox bar */
#app {
  position: fixed;
  inset: 0;
  background-color: #e9dcb9;
  background-image: url("../assets/bg/paper-tile.png");
  background-size: 420px 420px;
}

/* the recorded stage: exactly one axis-aligned rectangle, pure translate only */
#stage {
  position: absolute;
  box-shadow: 0 10px 28px rgba(58, 43, 20, 0.35);
}

/* single Phaser canvas layer that fills the stage */
#stage canvas {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  display: block;
  background: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0 !important;
  object-fit: fill;
  opacity: 1;
  visibility: visible;
  filter: none;
  clip-path: none;
  -webkit-mask-image: none;
  mask-image: none;
  transform: none !important;
}