From e601eb04c9009e4027c70845d5c7123143a61cfa Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 16:52:22 -0500
Subject: [PATCH] Add alpha notice banner to lobby screen

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/index.html |  2 ++
 client/style.css  | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/client/index.html b/client/index.html
index 6f7fa64..4f40f8c 100644
--- a/client/index.html
+++ b/client/index.html
@@ -19,6 +19,8 @@
             <h1><img src="golfball-logo.svg" alt="" class="golfball-logo"><span class="golfer-swing">🏌️</span><span class="kicked-ball">⚪</span> <span class="golf-title">Golf</span></h1>
             <p class="subtitle">6-Card Golf Card Game <button id="rules-btn" class="btn btn-small btn-rules">Rules</button> <button id="leaderboard-btn" class="btn btn-small leaderboard-btn">Leaderboard</button></p>
 
+            <div class="alpha-banner">Alpha &mdash; Things may break. Stats may be wiped.</div>
+
             <!-- Auth prompt for unauthenticated users -->
             <div id="auth-prompt" class="auth-prompt">
                 <p>Log in or sign up to play.</p>
diff --git a/client/style.css b/client/style.css
index ca720a1..26887a2 100644
--- a/client/style.css
+++ b/client/style.css
@@ -445,7 +445,21 @@ h1 {
 .subtitle {
     text-align: center;
     opacity: 0.8;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
+}
+
+.alpha-banner {
+    text-align: center;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    color: rgba(255, 200, 100, 0.9);
+    background: rgba(244, 164, 96, 0.1);
+    border: 1px solid rgba(244, 164, 96, 0.25);
+    border-radius: 20px;
+    padding: 5px 16px;
+    margin: 0 auto 30px;
+    max-width: 320px;
 }
 
 h2 {