diff --git a/src/lib/components/GlobalPlayer.svelte b/src/lib/components/GlobalPlayer.svelte
index b2baa36..2c9de73 100644
--- a/src/lib/components/GlobalPlayer.svelte
+++ b/src/lib/components/GlobalPlayer.svelte
@@ -5,6 +5,7 @@
 </script>
 
 <script lang="ts">
+	import { browser } from "$app/environment";
 	import { onDestroy, onMount } from "svelte";
 	import {
 		getSnapshot,
@@ -41,6 +42,7 @@
 	}
 
 	function updateIsMobile() {
+		if (!browser) return;
 		isMobile = window.matchMedia?.("(max-width: 1023px)")?.matches ?? false;
 	}
 
@@ -157,7 +159,9 @@
 
 	onMount(() => {
 		updateIsMobile();
-		window.addEventListener("resize", updateIsMobile);
+		if (browser) {
+			window.addEventListener("resize", updateIsMobile);
+		}
 
 		raf = requestAnimationFrame(tickSnapshot);
 
@@ -165,7 +169,9 @@
 	});
 
 	onDestroy(() => {
-		window.removeEventListener("resize", updateIsMobile);
+		if (browser) {
+			window.removeEventListener("resize", updateIsMobile);
+		}
 		if (raf) cancelAnimationFrame(raf);
 		media.destroy();
 	});