diff --git a/package-lock.json b/package-lock.json
index a62357b..57dc2bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "~TODO~",
       "version": "0.0.1",
       "dependencies": {
-        "@damillora/plachta": "^6.2.0",
+        "@damillora/plachta": "^6.3.0",
         "dayjs": "^1.11.7",
         "howler": "^2.2.3",
         "sass": "^1.58.0"
@@ -148,9 +148,9 @@
       }
     },
     "node_modules/@damillora/plachta": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.2.0.tgz",
-      "integrity": "sha512-wWveoCD7J/G4EieiuLHGpuPqYmg93OVWwHheTxuN2S2EMh5FWrGHdPh66VapneKV9ni6E0kR1TVDz1MGCyT/dw==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.3.0.tgz",
+      "integrity": "sha512-cRjdAHnlprh9SSTg45QtWinom0+TisuJ4zB+lAWJDHqa1fxMqLgc6OKDcrXFbEn9rxICY8vSMv17Iwol/yocFA==",
       "dependencies": {
         "svelte": "^5.0.0"
       }
@@ -4035,9 +4035,9 @@
       }
     },
     "@damillora/plachta": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.2.0.tgz",
-      "integrity": "sha512-wWveoCD7J/G4EieiuLHGpuPqYmg93OVWwHheTxuN2S2EMh5FWrGHdPh66VapneKV9ni6E0kR1TVDz1MGCyT/dw==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.3.0.tgz",
+      "integrity": "sha512-cRjdAHnlprh9SSTg45QtWinom0+TisuJ4zB+lAWJDHqa1fxMqLgc6OKDcrXFbEn9rxICY8vSMv17Iwol/yocFA==",
       "requires": {
         "svelte": "^5.0.0"
       }
diff --git a/package.json b/package.json
index d89bdfb..5993d14 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@damillora/plachta": "^6.2.0",
+    "@damillora/plachta": "^6.3.0",
     "dayjs": "^1.11.7",
     "howler": "^2.2.3",
     "sass": "^1.58.0"
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2552ef0..6f9df45 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,6 +15,9 @@
 	}
 
 	let { children }: Props = $props();
+
+	let loading = $state(true);
+	navigating.subscribe((x) => (loading = x != null));
 </script>
 
 <Base>
@@ -33,5 +36,7 @@
 	<FloatingYuriko />
 {/if}
 
+<NavigationLoading {loading}/>
+
 <style lang="scss" global>
 </style>