v0.12.2 drop version from api path, deploy script update

internal/server/webserver/chess-client-web/app.js

@@ -92,7 +92,7 @@ function restoreAuthSession() {
 
 async function validateSession() {
     try {
-        const response = await authFetch(`${gameState.apiUrl}/api/v1/auth/me`);
+        const response = await authFetch(`${gameState.apiUrl}/api/auth/me`);
         if (response.ok) {
             const user = await response.json();
             gameState.userId = user.userId;
@@ -228,7 +228,7 @@ async function handleLogin() {
 
     let response;
     try {
-        response = await fetch(`${gameState.apiUrl}/api/v1/auth/login`, {
+        response = await fetch(`${gameState.apiUrl}/api/auth/login`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ identifier, password })
@@ -295,7 +295,7 @@ async function handleRegister() {
 
     let response;
     try {
-        response = await fetch(`${gameState.apiUrl}/api/v1/auth/register`, {
+        response = await fetch(`${gameState.apiUrl}/api/auth/register`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(body)
@@ -337,7 +337,7 @@ async function handleRegister() {
 async function handleLogout() {
     if (gameState.authToken) {
         try {
-            await authFetch(`${gameState.apiUrl}/api/v1/auth/logout`, { method: 'POST' });
+            await authFetch(`${gameState.apiUrl}/api/auth/logout`, { method: 'POST' });
         } catch {
             // Ignore - clear local state regardless
         }
@@ -619,7 +619,7 @@ async function startNewGame() {
 
     let response;
     try {
-        response = await authFetch(`${gameState.apiUrl}/api/v1/games`, {
+        response = await authFetch(`${gameState.apiUrl}/api/games`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(requestBody)
@@ -771,7 +771,7 @@ async function handleHumanMove(from, to) {
     const toEl = document.querySelector(`[data-square="${to}"]`);
 
     try {
-        const response = await authFetch(`${gameState.apiUrl}/api/v1/games/${gameState.gameId}/moves`, {
+        const response = await authFetch(`${gameState.apiUrl}/api/games/${gameState.gameId}/moves`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ move })
@@ -808,7 +808,7 @@ async function handleHumanMove(from, to) {
 async function triggerComputerMove() {
     lockBoard();
     try {
-        const response = await authFetch(`${gameState.apiUrl}/api/v1/games/${gameState.gameId}/moves`, {
+        const response = await authFetch(`${gameState.apiUrl}/api/games/${gameState.gameId}/moves`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ move: 'cccc' })
@@ -849,7 +849,7 @@ async function pollOnce() {
 
     try {
         const response = await authFetch(
-            `${gameState.apiUrl}/api/v1/games/${gameState.gameId}?wait=true&moveCount=${moveCount}`,
+            `${gameState.apiUrl}/api/games/${gameState.gameId}?wait=true&moveCount=${moveCount}`,
             { signal: gameState.pollController.signal }
         );
 
@@ -908,7 +908,7 @@ async function undoMoves() {
     }
 
     try {
-        const response = await authFetch(`${gameState.apiUrl}/api/v1/games/${gameState.gameId}/undo`, {
+        const response = await authFetch(`${gameState.apiUrl}/api/games/${gameState.gameId}/undo`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ count: 2 })

internal/server/webserver/chess-client-web/style.css

@@ -511,20 +511,28 @@ main {
     background: var(--host-surface);
     border: 1px solid var(--tokyo-border);
     border-radius: 12px;
-    padding: 2rem;
+    padding: 1.5rem 2rem;          /* was 2rem */
     width: 90%;
     max-width: 400px;
     color: var(--tokyo-fg);
+    /* Last resort only. The spacing below is sized so the tallest modal
+       (New Game, ~425px) clears the 30rem embed on lixen.com without this ever
+       engaging — it exists for odd zoom levels and very short windows. The
+       overlay is fixed to the IFRAME viewport, so without it the modal clips
+       instead of scrolling the page. */
+    max-height: calc(100% - 2rem);
+    overflow-y: auto;
+    overscroll-behavior: contain;
 }
 
 .modal h2 {
-    margin-bottom: 1.5rem;
+    margin-bottom: 1rem;
     color: var(--host-royal);
     text-align: center;
 }
 
 .form-group {
-    margin-bottom: 1.5rem;
+    margin-bottom: 1rem;
 }
 
 .form-group label {
@@ -592,7 +600,7 @@ input[type="range"]::-webkit-slider-thumb {
     display: flex;
     justify-content: center;
     gap: 1rem;
-    margin-top: 2rem;
+    margin-top: 1.5rem;
 }
 
 /* Auth Tabs */
@@ -761,7 +769,13 @@ input[type="range"]:disabled {
         flex-shrink: 0;
     }
 
+    /* Board edge = the smaller of the width-derived size and the height that is
+       actually left. Reserve = info-panel 200 + main gap 8 + .container padding
+       32 + .outer-container padding 16 = 256, plus 16 slack. A short frame now
+       shrinks the board instead of scrolling; overflow-y stays as last resort. */
     .game-area {
+        --board-pad:  clamp(16px, 2.04vw, 20px);
+        --board-edge: max(280px, min(clamp(360px, 45vw, 440px), calc(100vh - 272px)));
         min-width: auto;
         height: auto;
         display: flex;
@@ -770,9 +784,9 @@ input[type="range"]:disabled {
     }
 
     .board-container {
-        width: clamp(360px, 45vw, 440px);
-        height: clamp(360px, 45vw, 440px);
-        padding: clamp(16px, 2.04vw, 20px);
+        width:  var(--board-edge);
+        height: var(--board-edge);
+        padding: var(--board-pad);
         display: flex;
         align-items: center;
         justify-content: center;
@@ -781,8 +795,8 @@ input[type="range"]:disabled {
     }
 
     .board-wrapper {
-        width: clamp(328px, 41vw, 400px);
-        height: clamp(328px, 41vw, 400px);
+        width:  calc(var(--board-edge) - 2 * var(--board-pad));
+        height: calc(var(--board-edge) - 2 * var(--board-pad));
         position: relative;
         margin: 0;
     }
@@ -882,15 +896,12 @@ input[type="range"]:disabled {
     body { min-width: 0; overflow-x: hidden; }
     .outer-container { width: 100%; min-width: 0; }
     .container { width: calc(100% - 16px); min-width: 0; }
-    .board-container {
-        width: min(92vw, 440px);
-        height: min(92vw, 440px);
-        padding: 12px;
-    }
-    .board-wrapper {
-        width: calc(min(92vw, 440px) - 24px);
-        height: calc(min(92vw, 440px) - 24px);
+
+    .game-area {
+        --board-pad:  12px;
+        --board-edge: max(240px, min(min(92vw, 440px), calc(100vh - 272px)));
     }
+
     .info-panel {
         width: min(92vw, 440px);
         min-width: 0;