From 9b1771ed6a64da92b2a8905a39ccaefb14a3ecc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 10 Mar 2026 16:55:31 +0100
Subject: [PATCH] fix: prevent horizontal overflow on mobile in /play layout

Add overflow-hidden to outer wrapper so the absolutely-positioned
SexyBackground is clipped, matching how public pages handle it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/routes/play/+layout.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/routes/play/+layout.svelte b/packages/frontend/src/routes/play/+layout.svelte
index f8e2197..72643ab 100644
--- a/packages/frontend/src/routes/play/+layout.svelte
+++ b/packages/frontend/src/routes/play/+layout.svelte
@@ -41,7 +41,9 @@
   const displayName = $derived(user.artist_name ?? user.email);
 </script>
 
-<div class="min-h-screen bg-gradient-to-br from-background via-primary/5 to-accent/5 relative">
+<div
+  class="min-h-screen bg-gradient-to-br from-background via-primary/5 to-accent/5 relative overflow-hidden"
+>
   <SexyBackground />
 
   <div class="container mx-auto px-4 relative z-10">