From 565c9413f9e9b800569ad1775605bdb56b49188f Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Fri, 17 Apr 2026 00:15:26 -0700
Subject: type: move BackgroundVideo outside GameArea

---
 src/app/game/page.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'src/app/game/page.tsx')

diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx
index dc0d93d..10b3d5d 100644
--- a/src/app/game/page.tsx
+++ b/src/app/game/page.tsx
@@ -507,6 +507,15 @@ function GameInner() {
       {!isVideo && (
         <audio ref={audioRef} src={audioUrl || undefined} preload="auto" />
       )}
+      {isVideo && (
+        <BackgroundVideo
+          ref={videoRef}
+          src={audioUrl || undefined}
+          preload="auto"
+          playsInline
+          style={{ opacity: backgroundOpacity / 100 }}
+        />
+      )}
       <GameNavbar style={{ justifyContent: "space-between" }}>
         <div style={{ display: "flex", alignItems: "center", gap: 16 }}>
           <Link
@@ -684,15 +693,6 @@ function GameInner() {
         </HUD>
 
         <GameArea>
-          {isVideo && (
-            <BackgroundVideo
-              ref={videoRef}
-              src={audioUrl || undefined}
-              preload="auto"
-              playsInline
-              style={{ opacity: backgroundOpacity / 100 }}
-            />
-          )}
           {phase === "playing" &&
             g.displayedLineIdx < 0 &&
             gameLines.length > 0 && (
-- 
cgit v1.2.3

