diff --git a/apps/client/src/scenes/game/input/bomb/presentation/BombButton.styles.ts b/apps/client/src/scenes/game/input/bomb/presentation/BombButton.styles.ts
index 119e355..38b7d25 100644
--- a/apps/client/src/scenes/game/input/bomb/presentation/BombButton.styles.ts
+++ b/apps/client/src/scenes/game/input/bomb/presentation/BombButton.styles.ts
@@ -19,8 +19,8 @@
 /** 爆弾ボタン入力領域の固定スタイル */
 export const BOMB_BUTTON_HIT_AREA_STYLE: CSSProperties = {
   position: "fixed",
-  right: "24px",
-  bottom: "28px",
+  right: "max(24px, calc(24px + env(safe-area-inset-right)))",
+  bottom: "max(28px, calc(28px + env(safe-area-inset-bottom)))",
   width: "120px",
   height: "120px",
   borderRadius: "50%",
diff --git a/apps/client/src/scenes/game/styles/GameView.styles.ts b/apps/client/src/scenes/game/styles/GameView.styles.ts
index 8ad9c86..9f221e7 100644
--- a/apps/client/src/scenes/game/styles/GameView.styles.ts
+++ b/apps/client/src/scenes/game/styles/GameView.styles.ts
@@ -36,7 +36,7 @@
 export const GAME_VIEW_TOP_RIGHT_OVERLAY_STYLE: CSSProperties = {
   position: "absolute",
   top: "20px",
-  right: "16px",
+  right: "max(16px, calc(16px + env(safe-area-inset-right)))",
   zIndex: 24,
   display: "flex",
   alignItems: "flex-start",
@@ -76,7 +76,7 @@
 export const GAME_VIEW_BOMB_HIT_DEBUG_STYLE: CSSProperties = {
   position: "absolute",
   top: "20px",
-  left: "16px",
+  left: "max(16px, calc(16px + env(safe-area-inset-left)))",
   zIndex: 12,
   color: "white",
   fontSize: "14px",
diff --git a/apps/client/vite.config.ts b/apps/client/vite.config.ts
index ff30192..0862ef9 100644
--- a/apps/client/vite.config.ts
+++ b/apps/client/vite.config.ts
@@ -14,6 +14,8 @@
       VitePWA({
         registerType: 'autoUpdate',
         workbox: {
+          // SPAとして index.html へフォールバックさせる
+          navigateFallback: 'index.html',
           // Socket.IO の通信をService Workerのキャッシュ対象から除外
           navigateFallbackDenylist: [/^\/socket\.io/],
           runtimeCaching: [],