From c45ff4525c0e45e4b8e762b81fd180c53d206d66 Mon Sep 17 00:00:00 2001
From: salmonik <salmonik@tuta.io>
Date: Sun, 8 Nov 2026 12:24:25 +0100
Subject: web: match the desktop layout and remove play-money copy

The browser now uses the desktop's full-width game split: no extra game header or card frame, a full-height sidebar with a pinned action block, and the same lobby grid, topbar account/balance blocks, and bottom-left notices. Slots uses the desktop symbol colours and gold win border; roulette gets the flat felt, column bets under the dozens, the wheel, circular chips, and a LAST line; blackjack gets a centred dealer/player table and divider; crash gets the chart panel, phase label and empty ready state.

Also drops every play-money/real-money disclaimer from the page copy.
---
 web/play/index.html | 42 +++++++++++++++---------------------------
 1 file changed, 15 insertions(+), 27 deletions(-)

(limited to 'web/play/index.html')

diff --git a/web/play/index.html b/web/play/index.html
index 59a302b..7bebe50 100644
--- a/web/play/index.html
+++ b/web/play/index.html
@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Play — żagań.bet</title>
-<meta name="description" content="Play slots, roulette, blackjack and crash with play credits. No real money.">
+<meta name="description" content="Play slots, roulette, blackjack and crash in your browser.">
 <meta name="color-scheme" content="dark">
 <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' ws: wss:; img-src 'self' data:; base-uri 'none'; form-action 'self'">
 <link rel="stylesheet" href="style.css">
@@ -13,12 +13,13 @@
 <div class="shell">
   <header class="topbar">
     <a class="brand" href="/">żagań<span>.bet</span></a>
-    <span class="tagline">Play credits · no real money</span>
+    <span id="version-pill" class="pill">v5.0.0</span>
+    <span class="tagline">Slots · Roulette · Blackjack · Crash</span>
     <span class="spacer"></span>
     <div id="session-bar" class="session" hidden>
-      <span class="who">Signed in as <strong id="account-name"></strong></span>
-      <span id="account-balance" class="balance">— Kr</span>
-      <button id="logout" class="btn ghost small" type="button">Log out</button>
+      <span class="who"><span class="label">User</span><strong id="account-name"></strong></span>
+      <span class="who"><span class="label">Account</span><strong id="account-number">—</strong></span>
+      <span class="balance-block"><span class="label">Balance</span><span id="account-balance" class="balance">— Kr</span></span>
     </div>
   </header>
 
@@ -26,12 +27,8 @@
     <section id="auth-screen" hidden>
       <div class="auth-wrap">
         <div class="auth-card">
-          <h1>Play żagań.bet</h1>
-          <p class="muted" style="margin: 6px 0 20px">Play-money casino. Your balance is play credit; nothing here is real money.</p>
-          <div class="auth-tabs" role="tablist">
-            <button id="tab-login" class="auth-tab active" type="button" role="tab">Log in</button>
-            <button id="tab-register" class="auth-tab" type="button" role="tab">Register</button>
-          </div>
+          <h1 id="auth-title">Sign in</h1>
+          <p class="muted" style="margin: 6px 0 20px">Sign in to play.</p>
           <form id="auth-form">
             <label class="field">
               <span class="label">Username</span>
@@ -42,34 +39,25 @@
               <input id="auth-pass" class="input" type="password" autocomplete="current-password" required>
             </label>
             <p id="auth-error" class="error-text" style="margin: 0; min-height: 18px"></p>
-            <button id="auth-submit" class="btn primary wide big" type="submit">Log in</button>
+            <button id="auth-submit" class="btn primary wide big" type="submit">LOG IN</button>
+            <button id="auth-switch" class="btn ghost wide" type="button">CREATE ACCOUNT</button>
           </form>
-          <p class="auth-foot">Registration gives you 1 000 Kr of play credit. No deposits, no withdrawals, no personal data beyond a username.</p>
+          <p class="auth-foot">Registration gives you 1 000 Kr. No personal data beyond a username.</p>
         </div>
       </div>
     </section>
 
     <section id="lobby-screen" hidden>
       <div class="lobby-head">
-        <div>
-          <h1>Lobby</h1>
-          <p class="muted" style="margin: 4px 0 0">Choose a game. Bets are play credits.</p>
-        </div>
-        <span id="lobby-account" class="label"></span>
+        <h1>Lobby <span id="lobby-count" class="count">4 games</span></h1>
         <span class="spacer"></span>
-        <button id="show-history" class="btn ghost" type="button">Play history</button>
-        <button id="refresh-lobby" class="btn ghost" type="button">Refresh</button>
+        <button id="show-history" class="btn ghost small" type="button">HISTORY</button>
+        <button id="logout" class="btn ghost small" type="button">LOG OUT</button>
       </div>
       <div id="game-grid" class="game-grid"></div>
     </section>
 
     <section id="game-screen" hidden>
-      <div class="game-head">
-        <button id="leave-game" class="btn ghost" type="button">← Lobby</button>
-        <h1 id="game-title">Game</h1>
-        <span class="spacer"></span>
-        <span id="game-badge" class="label"></span>
-      </div>
       <div class="game-body">
         <div id="game-board" class="board"></div>
         <aside id="game-side" class="sidebar"></aside>
@@ -89,7 +77,7 @@
     </section>
   </main>
   <footer class="site-foot">
-    Play-money only · built from <a href="https://git.2137697.xyz/zagan-bet.git">the GPL source</a>
+    Built from <a href="https://git.2137697.xyz/zagan-bet.git">the GPL source</a>
   </footer>
 </div>
 
-- 
cgit v1.2.3