diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b694d9b..12cbc37 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -21,21 +21,15 @@
 		{@render children()}
 	</main>
 
-	<!-- Desktop sidebar column (in normal flow) -->
-	<aside class="hidden lg:block">
-		<ClientOnly showFallback={false}>
-			{#snippet children()}
-				<GlobalPlayer />
-			{/snippet}
-		</ClientOnly>
-	</aside>
+	<!-- Desktop sidebar column (in normal flow).
+	     Reserve space in the grid, but render the player only once below. -->
+	<aside class="hidden lg:block"></aside>
 </div>
 
-<!-- Mobile player (client-only, overlays via fixed positioning inside GlobalPlayer) -->
-<div class="lg:hidden">
-	<ClientOnly showFallback={false}>
-		{#snippet children()}
-			<GlobalPlayer />
-		{/snippet}
-	</ClientOnly>
-</div>
+<!-- Single GlobalPlayer instance (client-only).
+     It renders either the desktop sidebar UI or the mobile bar/drawer internally. -->
+<ClientOnly showFallback={false}>
+	{#snippet children()}
+		<GlobalPlayer />
+	{/snippet}
+</ClientOnly>