/*──────────────────────────────────────────────────────────────────────────────
  1. 全体リセット & ボックスサイズの統一
──────────────────────────────────────────────────────────────────────────────*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*──────────────────────────────────────────────────────────────────────────────
  2. ビューポートを常に固定する
──────────────────────────────────────────────────────────────────────────────*/
html,
body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;

}



/*──────────────────────────────────────────────────────────────────────────────
  3. Canvas を画面いっぱいに表示
──────────────────────────────────────────────────────────────────────────────*/
canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  touch-action: none;
  background-color: #ccf;    /* ゲームループの背景色と合わせる */
}

/*──────────────────────────────────────────────────────────────────────────────
  4. フォント／テキスト関係（任意で調整）
──────────────────────────────────────────────────────────────────────────────*/
body {
  font-family: sans-serif;
  line-height: 1;
}