persist music player when clicking on stuff from retro page

src/routes/retro/+layout.svelte

@@ -1,8 +1,22 @@
 <script lang="ts">
+	import { browser } from '$app/environment'
+	import { onMount } from 'svelte'
 	import MusicPlayer from './MusicPlayer.svelte'
 	import './app.css'
+
+	onMount(() => {
+		let musicPlayerEl = document.getElementById('music-player')
+		if (!musicPlayerEl) {
+			musicPlayerEl = document.createElement('div')
+			musicPlayerEl.id = 'music-player'
+			document.body.appendChild(musicPlayerEl)
+		}
+
+		new MusicPlayer({
+			target: musicPlayerEl,
+			$$inline: true,
+		})
+	})
 </script>
 
-<MusicPlayer />
-
 <slot />

src/routes/retro/+page.svelte

@@ -116,7 +116,7 @@
 			<img src="//counter.matdoes.dev" alt="visitor counter" id="counter" />
 		</td>
 	</tr>
-	<tr><p class="last-updated">Page last updated: December 6, 2023</p></tr>
+	<tr><td><p class="last-updated">Page last updated: December 8, 2023</p></td></tr>
 </table>
 
 <style>

src/routes/retro/MusicPlayer.svelte

@@ -124,6 +124,13 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+
+		/* reset styles from default stylesheet */
+		box-shadow: none;
+	}
+
+	button:hover {
+		background-color: transparent;
 	}
 
 	.song-name-container {