html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /*was hidden - JAB*/
  background: #5dc7e7 url(sprites/tiled-bg.png);
}

body {
  position: relative;
}

.pixelated {
  image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges; /* Firefox                        */
  image-rendering: -o-crisp-edges; /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated; /* Chrome */
  image-rendering: optimize-contrast; /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor; /* IE8+  */
}

#container {
  width: 100%; /*                             JAB */
  height: 100%; /*                             JAB */
  position: fixed; /* Ensure it fills the viewport - JAB */
  top: 0; /*                             JAB */
  left: 0; /*                             JAB */
  overflow: hidden; /* Prevent scrollbars within the container - JAB */
  box-shadow: #31b8e0 0px 0px 50px;
}

#wrapper {
  width: 100%;
  height: 100%;
  position: relative; /* Ensure it doesn’t collapse */
  min-height: 100vh;
  overflow: hidden; /* Prevent any potential overflow - JAB*/
}

#build-number {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 1000;
  pointer-events: none;
}