diff --git a/frontend/src/game/FightScene.ts b/frontend/src/game/FightScene.ts
index 9a3b09c..06ed023 100644
--- a/frontend/src/game/FightScene.ts
+++ b/frontend/src/game/FightScene.ts
@@ -468,10 +468,15 @@ export async function createFightScene(config: FightSceneConfig) {
       'judge',
     ])
 
-    const scaleA = (FIGHTER_BASE_SCALE + botA.tier * FIGHTER_TIER_SCALE) * SF
+    // On mobile (narrow canvas), reduce fighter size so they fit the viewport
+    const isMobileCanvas = W < 600
+    const fBase = isMobileCanvas ? 1.1 : FIGHTER_BASE_SCALE
+    const fTier = isMobileCanvas ? 0.2 : FIGHTER_TIER_SCALE
+
+    const scaleA = (fBase + botA.tier * fTier) * SF
     k.add([k.sprite('botA', { anim: 'idle' }), k.pos(-100, GROUND_Y - 6), k.anchor('bot'), k.scale(scaleA), k.z(10), k.opacity(0), 'fighterA'])
 
-    const scaleB = (FIGHTER_BASE_SCALE + botB.tier * FIGHTER_TIER_SCALE) * SF
+    const scaleB = (fBase + botB.tier * fTier) * SF
     k.add([k.sprite('botB', { anim: 'idle' }), k.pos(W + 100, GROUND_Y - 6), k.anchor('bot'), k.scale(-scaleB, scaleB), k.z(10), k.opacity(0), 'fighterB'])
 
     config.onReady?.()