/* Fit-to-screen sizing for the ImpactJS canvas games (Balloon Sweeper,
   Caliph's Tomb, Gravedigger, Net Gain). All four share the same engine
   build, whose pointer input (input.js's mousemove handler) already
   re-derives mouse.x/mouse.y from canvas.offsetWidth vs. the game's
   realWidth plus getBoundingClientRect(), and touchstart/mousedown both
   call that same handler before registering the tap. That means a CSS
   downscale keeps taps and clicks aligned to what's drawn -- no JS
   coordinate patch needed here.

   max-width: 100% only kicks in once the container is narrower than the
   canvas's native backbuffer, so desktop layouts are unaffected. height:
   auto preserves the canvas's intrinsic width/height ratio (set by the
   engine via canvas.width/canvas.height), so this covers all four games
   even though their native sizes differ. */
#canvas {
    max-width: 100%;
    height: auto;
}