s1

src/pages/guided-tracing/0.astro

@@ -298,7 +298,10 @@ import Layout from "../../layouts/Layout.astro";
       // const baseFontSize = 16;
       // const responsiveFontSize = (window.innerWidth / 550) * baseFontSize;
       
-          const maskGraphics = this.make.graphics();
+              retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/1.astro

@@ -281,7 +281,10 @@ import Layout from "../../layouts/Layout.astro";
     });
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/2.astro

@@ -246,7 +246,10 @@ import Layout from "../../layouts/Layout.astro";
     });
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/3.astro

@@ -255,7 +255,10 @@ import Layout from "../../layouts/Layout.astro";
     });
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/4.astro

@@ -260,7 +260,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     });
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/5.astro

@@ -258,7 +258,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/6.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/7.astro

@@ -259,7 +259,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/8.astro

@@ -257,7 +257,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/9.astro

@@ -257,7 +257,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/A.astro

@@ -204,6 +204,9 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
+            retryButton.setInteractive().on('pointerdown', () => {
+      window.location.reload();
+    })
         const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();

src/pages/guided-tracing/B.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/C.astro

@@ -249,7 +249,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/D.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/E.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/F.astro

@@ -249,7 +249,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/G.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/H.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/I.astro

@@ -251,7 +251,10 @@ import Layout from "../../layouts/Layout.astro";
         }
       })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/J.astro

@@ -248,7 +248,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/K.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/L.astro

@@ -255,7 +255,10 @@ import Layout from "../../layouts/Layout.astro";
         }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/M.astro

@@ -251,7 +251,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/N.astro

@@ -261,7 +261,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/O.astro

@@ -255,7 +255,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/P.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/Q.astro

@@ -252,7 +252,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/R.astro

@@ -262,7 +262,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/S.astro

@@ -249,7 +249,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/T.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/U.astro

@@ -248,7 +248,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/V.astro

@@ -251,7 +251,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/W.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/X.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/Y.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/Z.astro

@@ -236,7 +236,10 @@ import Layout from "../../layouts/Layout.astro";
     const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'letterZ').setDepth(2).setScale(letterScale);
     // const firstScreen = this.add.image(customWidth / 2, customHeight / 2 + letterHeight, 'animatedZ').setDepth(2); canvasStand
     firstScreen.setVisible(false);
-    const maskGraphics = this.make.graphics();
+        retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     

src/pages/guided-tracing/a.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/b.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/c.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/d.astro

@@ -262,7 +262,10 @@ import Layout from "../../layouts/Layout.astro";
     //       animatedLetter = this.add.video(customWidth / 2 , customHeight / 2 + animatedDHeight, 'animatedD').setDepth(2).setScale(animatedVideScale);
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/e.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
     })
 
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/f.astro

@@ -252,7 +252,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/g.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/h.astro

@@ -254,7 +254,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     });
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/i.astro

@@ -251,7 +251,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/j.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/k.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/l.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/m.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/n.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/o.astro

@@ -249,7 +249,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/p.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/q.astro

@@ -257,7 +257,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/r.astro

@@ -252,7 +252,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-    const maskGraphics = this.make.graphics();
+        retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/s.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/t.astro

@@ -250,7 +250,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     });
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/u.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
     
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/v.astro

@@ -251,7 +251,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     });
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/w.astro

@@ -249,7 +249,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/x.astro

@@ -252,7 +252,10 @@ import Layout from "../../layouts/Layout.astro";
         
       }
     })
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/y.astro

@@ -253,7 +253,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;

src/pages/guided-tracing/z.astro

@@ -256,7 +256,10 @@ import Layout from "../../layouts/Layout.astro";
       }
     })
 
-        const maskGraphics = this.make.graphics();
+            retryButton.setInteractive().on('pointerdown', () => {
+window.location.reload();
+    })
+const maskGraphics = this.make.graphics();
     maskGraphics.fillRect(customWidth / 2 - customWidth / 2, 55, customWidth, customHeight);
     const mask = maskGraphics.createGeometryMask();
     let responsiveFontSize = isMobile ? 16 : 32;