/**
 * Suika Game — Phaser 3 + Matter.js
 *
 * All game rendering is handled by the Phaser canvas.
 * This stylesheet provides page-level layout and the game-container sizing.
 */

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

body {
  background: linear-gradient(135deg, #0d0d1a 0%, #1a1a3e 40%, #2d1b4e 70%, #1a0a2e 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  overflow: hidden;
}

#game-container {
  /* Phaser auto-centres the canvas inside this element */
  width: 100%;
  max-width: 420px;
}