diff --git a/src/components/layout/Cursor.svelte b/src/components/layout/Cursor.svelte
index f2d9e53..e411dfc 100644
--- a/src/components/layout/Cursor.svelte
+++ b/src/components/layout/Cursor.svelte
@@ -5,6 +5,7 @@
   let cursorY = $state(0)
   let onTarget = $state(false)
   let onClick = $state(false)
+  let hidden = $state(false)
   let rafId
 
   onMount(() => {
@@ -14,7 +15,8 @@
     }
 
     const handleMouseOver = (e) => {
-      onTarget = !!e.target.closest('a, button:not([disabled]), [role="button"]:not([disabled]), [tabindex]')
+      hidden = !!e.target.closest('.iframe-game-container.game-active')
+      onTarget = !hidden && !!e.target.closest('a, button:not([disabled]), [role="button"]:not([disabled]), [tabindex]')
     }
 
     const handleMouseOut = () => {
@@ -45,7 +47,7 @@
 </script>
 
 <div
-  class={["cursor-wrapper", onTarget && "upon-target", onClick && "is-clicking"]}
+  class={["cursor-wrapper", onTarget && "upon-target", onClick && "is-clicking", hidden && "is-hidden"]}
   style="transform: translate({cursorX}px, {cursorY}px)"
 >
   <div class="cursor-dot"></div>
@@ -101,6 +103,10 @@
     height: 21px;
   }
 
+  .cursor-wrapper.is-hidden {
+    opacity: 0;
+  }
+
   @media (max-width: 768px) {
     .cursor-wrapper {
       display: none;