/* Responsive, scroll-free layout for embedding in a portfolio iframe. */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* no page scroll inside the game frame */
  background: #111;
  /* Stop arrow-key / touch scrolling and double-tap zoom. */
  overscroll-behavior: none;
  touch-action: none;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keeps the original 1280x900 aspect ratio while scaling to the container. */
#game-container {
  width: 100%;
  max-width: 1280px;
  aspect-ratio: 1280 / 900;
  position: relative;
}

#game-container canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}