diff --git a/src/components/settings/AboutCard.vue b/src/components/settings/AboutCard.vue
index 87787e2..165e446 100644
--- a/src/components/settings/AboutCard.vue
+++ b/src/components/settings/AboutCard.vue
@@ -226,7 +226,7 @@
 <script>
 import {ref, onMounted, computed} from "vue";
 import { useRouter } from 'vue-router'
-import { getVisitorId } from '@/utils/fingerprint'
+import { getVisitorId } from '@/utils/visitorId'
 import packageJson from "../../../package.json";
 
 export default {
diff --git a/src/main.js b/src/main.js
index dcc2185..105e14d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,7 +21,7 @@ import {createApp} from 'vue'
 //import '@examaware-cs/player/dist/player.css'
 
 import messageService from './utils/message';
-import { getVisitorId } from './utils/fingerprint';
+import { getVisitorId } from './utils/visitorId';
 
 const app = createApp(App)
 
diff --git a/src/pages/debug.vue b/src/pages/debug.vue
index 6483322..c2a497d 100644
--- a/src/pages/debug.vue
+++ b/src/pages/debug.vue
@@ -22,7 +22,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { getVisitorId, getFingerprintData } from '@/utils/fingerprint'
+import { getVisitorId, getFingerprintData } from '@/utils/visitorId'
 
 const visitorId = ref('')
 const fingerprintData = ref({})
diff --git a/src/utils/fingerprint.js b/src/utils/fingerprint.js
deleted file mode 100644
index 044682d..0000000
--- a/src/utils/fingerprint.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import FingerprintJS from '@fingerprintjs/fingerprintjs'
-
-let fpPromise
-
-export const loadFingerprint = () => {
-  if (!fpPromise) {
-    fpPromise = FingerprintJS.load()
-  }
-  return fpPromise
-}
-
-export const getVisitorId = async () => {
-  const fp = await loadFingerprint()
-  const result = await fp.get()
-  return result.visitorId
-}
-
-export const getFingerprintData = async () => {
-    const fp = await loadFingerprint()
-    const result = await fp.get()
-    return result
-}
diff --git a/src/utils/visitorId.js b/src/utils/visitorId.js
new file mode 100644
index 0000000..0ffc57e
--- /dev/null
+++ b/src/utils/visitorId.js
@@ -0,0 +1,48 @@
+let fpPromise
+
+const buildFallbackAgent = (error) => ({
+  get: async () => ({
+    visitorId: 'unknown',
+    error: error?.message || String(error || ''),
+    fallback: true,
+  }),
+})
+
+const loadFingerprintLib = async () => {
+  try {
+    const mod = await import('@fingerprintjs/fingerprintjs')
+    return mod?.default || mod
+  } catch (err) {
+    console.warn('Fingerprint library blocked or failed to load; using fallback agent.', err)
+    return null
+  }
+}
+
+export const loadFingerprint = () => {
+  if (!fpPromise) {
+    fpPromise = (async () => {
+      const FingerprintJS = await loadFingerprintLib()
+      if (!FingerprintJS) return buildFallbackAgent(new Error('fingerprint module unavailable'))
+
+      try {
+        return await FingerprintJS.load()
+      } catch (err) {
+        console.warn('FingerprintJS.load failed, using fallback agent.', err)
+        return buildFallbackAgent(err)
+      }
+    })()
+  }
+  return fpPromise
+}
+
+export const getVisitorId = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result?.visitorId || 'unknown'
+}
+
+export const getFingerprintData = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result
+}