/* =========================================================================
 * PRONGO BRICK BLAST - PAGE STYLES
 * =========================================================================
 * The game renders into a Phaser canvas; this just makes the page a clean
 * full-viewport frame that centers the canvas on any device.
 * ========================================================================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #07051a;
  overflow: hidden;
  /* stop pull-to-refresh / rubber-band scrolling while dragging the paddle */
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Plain block container: Phaser's Scale.FIT + CENTER_BOTH does the
 * centering itself. (Flex centering on top of Phaser's canvas margins
 * double-offsets the canvas and pushes it off-screen.) */
#game-container {
  width: 100%;
  height: 100%;
}

#game-container canvas {
  /* Phaser Scale.FIT keeps the aspect ratio; smooth the edges */
  image-rendering: auto;
  touch-action: none;
}