/* =====================================
   BLOCK BREAKER｜表示専用CSS（確定版）
   - モバイル縦伸び防止
   - 楕円化防止
   - JS側DPR対応を阻害しない
===================================== */

/* ゲーム全体ラッパー */
.game-wrap.block-breaker {
  max-width: 720px;      /* PCで広がりすぎない */
  margin: 0 auto;
  padding: 16px;
  text-align: center;

  position: relative;
  z-index: 1;            /* グローバルメニューより前に出ない */
}

/* Canvas 本体 */
.game-wrap.block-breaker canvas {
  display: block;
  margin: 0 auto;

  width: 100%;
  max-width: 640px;

  /* ★最重要：高さは一切固定しない */
  aspect-ratio: 16 / 9;
  height: auto;

  background: #fff;
  border: 1px solid #111;

  /* スマホ操作必須 */
  touch-action: none;
}

/* Lightningなどが変な制約を入れても崩れない保険 */
.game-wrap.block-breaker canvas {
  max-height: none;
  min-height: 0;
}