fix: pass DB_PASSWORD to postgres client in sync script

The sync script created its own postgres client and only read DATABASE_URL,
bypassing the DB_PASSWORD override that lib/db/index.ts already applied.
Since DATABASE_URL has no password embedded, auth always failed.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/globals.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "flag-icons/css/flag-icons.min.css";
 
-@theme inline {
+@theme {
   --color-bg: #040d08;
   --color-card: #0a1810;
   --color-hero: #0d2416;
@@ -17,36 +17,37 @@
   --font-body: "Space Grotesk", system-ui, sans-serif;
 }
 
-* { box-sizing: border-box; margin: 0; padding: 0; }
+@layer base {
+  * { box-sizing: border-box; margin: 0; padding: 0; }
 
-html { scroll-behavior: smooth; }
+  html { scroll-behavior: smooth; }
 
-body {
+  body {
     background: #040d08;
     color: #dff5e8;
     font-family: "Space Grotesk", system-ui, sans-serif;
     min-height: 100vh;
     overflow-x: hidden;
-}
+  }
 
-::-webkit-scrollbar { width: 5px; }
+  ::-webkit-scrollbar { width: 5px; }
-::-webkit-scrollbar-track { background: #020a04; }
+  ::-webkit-scrollbar-track { background: #020a04; }
-::-webkit-scrollbar-thumb { background: rgba(34,197,94,0.25); border-radius: 4px; }
+  ::-webkit-scrollbar-thumb { background: rgba(34,197,94,0.25); border-radius: 4px; }
 
-@keyframes livePulse {
+  @keyframes livePulse {
     0%, 100% { opacity: 1; transform: scale(1); }
     50% { opacity: 0.2; transform: scale(0.6); }
-}
+  }
 
-@keyframes fadeIn {
+  @keyframes fadeIn {
     from { opacity: 0; transform: translateY(8px); }
     to { opacity: 1; transform: translateY(0); }
-}
+  }
 
-.animate-live { animation: livePulse 2s ease-in-out infinite; }
+  .animate-live { animation: livePulse 2s ease-in-out infinite; }
-.animate-fade-in { animation: fadeIn 0.3s ease-out; }
+  .animate-fade-in { animation: fadeIn 0.3s ease-out; }
 
-.pitch-grid {
+  .pitch-grid {
     background-image: repeating-linear-gradient(
       0deg,
       transparent,
@@ -54,4 +55,5 @@ body {
       rgba(34,197,94,0.018) 44px,
       rgba(34,197,94,0.018) 88px
     );
+  }
 }

scripts/sync.ts

@@ -73,7 +73,10 @@ function parseScore(score: RawScore | undefined) {
 }
 
 async function run() {
-  const client = postgres(DATABASE_URL, { max: 5 })
+  const client = postgres(DATABASE_URL, {
+    max: 5,
+    ...(process.env.DB_PASSWORD ? { password: process.env.DB_PASSWORD } : {}),
+  })
   const db = drizzle(client)
 
   console.log('Creating tables...')