/* =====================================
   DODGE｜完全安定表示CSS
   - JS側 520×520 固定設計に合わせる
   - 比率崩れゼロ
   - 横伸び防止
   - スマホ対応
===================================== */

.game-wrap.dodge {
  max-width: 560px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

/* ===== キャンバス ===== */

.game-wrap.dodge #game {
  display: block;

  /* PC最大サイズ（JSと一致） */
  width: 520px;
  height: 520px;

  /* スマホ時は縮む */
  max-width: 100%;
  aspect-ratio: 1 / 1;

  background: #ffffff;
  border: 1px solid #111;
  touch-action: none;

  /* にじみ防止（ピクセル系SVG対策） */
  image-rendering: pixelated;
}

/* ===== スコア表示 ===== */

.game-wrap.dodge #score {
  margin-bottom: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* ===== ボタン ===== */

.game-wrap.dodge #startBtn {
  margin-top: 16px;
  padding: 8px 20px;
  border: 1px solid #111;
  background: #fff;
  cursor: pointer;
}

.game-wrap.dodge #startBtn:hover {
  background: #111;
  color: #fff;
}