diff --git a/src/screens/Game.vue b/src/screens/Game.vue
index d4b90a5..79cf6ae 100644
--- a/src/screens/Game.vue
+++ b/src/screens/Game.vue
@@ -60,7 +60,7 @@ const gameConfig = {
   name: 'New Quest',
   width: window.innerWidth,
   height: window.innerHeight,
-  type: Phaser.WEBGL, // AUTO, CANVAS, WEBGL, HEADLESS
+  type: Phaser.AUTO, // AUTO, CANVAS, WEBGL, HEADLESS
   mode: Phaser.Scale.RESIZE,
   resolution: 3,
   render: { pixelArt: true, antialias: false }
@@ -73,6 +73,15 @@ const createGame = (game: Phaser.Game) => {
   addEventListener('resize', () => {
     game.scale.resize(window.innerWidth, window.innerHeight)
   })
+
+  // We don't support canvas mode, only WebGL
+  if (game.renderer.type === Phaser.CANVAS) {
+    gameStore.addNotification({
+      title: 'Warning',
+      message: 'Your browser does not support WebGL. Please use a modern browser like Chrome, Firefox, or Edge.'
+    })
+    gameStore.disconnectSocket()
+  }
 }
 
 const preloadScene = async (scene: Phaser.Scene) => {
diff --git a/src/types.ts b/src/types.ts
index fa1488b..b6acada 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,5 +1,6 @@
 export type Notification = {
   id?: string
+  title?: string
   message?: string
 }