diff --git a/src/routes/api/games/[id]/nudge-image/+server.ts b/src/routes/api/games/[id]/nudge-image/+server.ts
index 26a4f89..f7235b5 100644
--- a/src/routes/api/games/[id]/nudge-image/+server.ts
+++ b/src/routes/api/games/[id]/nudge-image/+server.ts
@@ -2,6 +2,7 @@ import { error } from '@sveltejs/kit';
 import type { RequestHandler } from './$types';
 import { ensureGameInDb } from '$lib/server/db';
 import { resolveDidToHandle, fetchUserProfile } from '$lib/atproto-client';
+import { generateBoardSvg } from '$lib/server/board-svg';
 import {
   renderPng,
   emojiSvgFragment,
@@ -31,6 +32,17 @@ export const GET: RequestHandler = async (event) => {
   const playerAvatarBase64 = playerProfile?.avatar ? await imageDataUrl(playerProfile.avatar) : null;
   const opponentAvatarBase64 = opponentProfile?.avatar ? await imageDataUrl(opponentProfile.avatar) : null;
 
+  // The board comes from the same walnut renderer as every other card. It
+  // is empty: a nudge is about the two players, not the position.
+  const boardSvg = generateBoardSvg(
+    game.board_size,
+    Array.from({ length: game.board_size }, () =>
+      Array.from({ length: game.board_size }, () => null)
+    ),
+    null,
+    { size: 300, padding: 30 }
+  );
+
   // Generate confrontational Go board image
   const svg = `
     <svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
@@ -39,10 +51,6 @@ export const GET: RequestHandler = async (event) => {
           <stop offset="0%" style="stop-color:#b8d8ff;stop-opacity:1" />
           <stop offset="100%" style="stop-color:#ffffff;stop-opacity:1" />
         </linearGradient>
-        <linearGradient id="boardGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-          <stop offset="0%" style="stop-color:#DEB887;stop-opacity:1" />
-          <stop offset="100%" style="stop-color:#C4A067;stop-opacity:1" />
-        </linearGradient>
         <filter id="angry-glow">
           <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
           <feMerge>
@@ -58,23 +66,8 @@ export const GET: RequestHandler = async (event) => {
       <!-- Sky gradient background -->
       <rect width="600" height="400" fill="url(#skyBg)"/>
 
-      <!-- Go Board -->
-      <rect x="150" y="50" width="300" height="300" rx="10" fill="url(#boardGradient)" stroke="#8B7355" stroke-width="2"/>
-
-      <!-- Grid lines -->
-      ${Array.from({ length: 9 }, (_, i) => {
-        const xPos = 150 + i * 37.5;
-        const yPos = 50 + i * 37.5;
-        return `<line x1="150" y1="${yPos}" x2="450" y2="${yPos}" stroke="#5C4830" stroke-width="1" opacity="0.7"/>
-                <line x1="${xPos}" y1="50" x2="${xPos}" y2="350" stroke="#5C4830" stroke-width="1" opacity="0.7"/>`;
-      }).join('')}
-
-      <!-- Star points -->
-      <circle cx="225" cy="125" r="3" fill="#5C4830" opacity="0.8"/>
-      <circle cx="375" cy="125" r="3" fill="#5C4830" opacity="0.8"/>
-      <circle cx="300" cy="200" r="3" fill="#5C4830" opacity="0.8"/>
-      <circle cx="225" cy="275" r="3" fill="#5C4830" opacity="0.8"/>
-      <circle cx="375" cy="275" r="3" fill="#5C4830" opacity="0.8"/>
+  <!-- Go Board: walnut, grid and stones from the shared renderer -->
+  <g transform="translate(150, 50)">${boardSvg}</g>
 
       <!-- Lightning bolt divider -->
       <path d="M 300 0 L 285 200 L 315 200 L 300 400" stroke="#ff6b6b" stroke-width="3" fill="none" opacity="0.6" filter="url(#angry-glow)"/>
diff --git a/src/routes/api/games/[id]/nudge/+server.ts b/src/routes/api/games/[id]/nudge/+server.ts
index d6cde42..c846e36 100644
--- a/src/routes/api/games/[id]/nudge/+server.ts
+++ b/src/routes/api/games/[id]/nudge/+server.ts
@@ -4,6 +4,7 @@ import { getSession, getAgent } from '$lib/server/auth';
 import { ensureGameInDb } from '$lib/server/db';
 import { resolveDidToHandle, fetchUserProfile } from '$lib/atproto-client';
 import { gameTitle } from '$lib/game-titles';
+import { generateBoardSvg } from '$lib/server/board-svg';
 import {
   renderPng,
   emojiSvgFragment,
@@ -57,6 +58,17 @@ export const POST: RequestHandler = async (event) => {
     const playerAvatarBase64 = playerProfile?.avatar ? await imageDataUrl(playerProfile.avatar) : null;
     const opponentAvatarBase64 = opponentProfile?.avatar ? await imageDataUrl(opponentProfile.avatar) : null;
 
+    // The board comes from the same walnut renderer as every other card. It
+    // is empty: a nudge is about the two players, not the position.
+    const boardSvg = generateBoardSvg(
+      game.board_size,
+      Array.from({ length: game.board_size }, () =>
+        Array.from({ length: game.board_size }, () => null)
+      ),
+      null,
+      { size: 300, padding: 30 }
+    );
+
     // Generate confrontational Go board image
     const svg = `
       <svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
@@ -65,10 +77,6 @@ export const POST: RequestHandler = async (event) => {
             <stop offset="0%" style="stop-color:#b8d8ff;stop-opacity:1" />
             <stop offset="100%" style="stop-color:#ffffff;stop-opacity:1" />
           </linearGradient>
-          <linearGradient id="boardGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-            <stop offset="0%" style="stop-color:#DEB887;stop-opacity:1" />
-            <stop offset="100%" style="stop-color:#C4A067;stop-opacity:1" />
-          </linearGradient>
           <filter id="angry-glow">
             <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
             <feMerge>
@@ -84,23 +92,8 @@ export const POST: RequestHandler = async (event) => {
         <!-- Sky gradient background -->
         <rect width="600" height="400" fill="url(#skyBg)"/>
 
-        <!-- Go Board -->
-        <rect x="150" y="50" width="300" height="300" rx="10" fill="url(#boardGradient)" stroke="#8B7355" stroke-width="2"/>
-
-        <!-- Grid lines -->
-        ${Array.from({ length: 9 }, (_, i) => {
-          const xPos = 150 + i * 37.5;
-          const yPos = 50 + i * 37.5;
-          return `<line x1="150" y1="${yPos}" x2="450" y2="${yPos}" stroke="#5C4830" stroke-width="1" opacity="0.7"/>
-                  <line x1="${xPos}" y1="50" x2="${xPos}" y2="350" stroke="#5C4830" stroke-width="1" opacity="0.7"/>`;
-        }).join('')}
-
-        <!-- Star points -->
-        <circle cx="225" cy="125" r="3" fill="#5C4830" opacity="0.8"/>
-        <circle cx="375" cy="125" r="3" fill="#5C4830" opacity="0.8"/>
-        <circle cx="300" cy="200" r="3" fill="#5C4830" opacity="0.8"/>
-        <circle cx="225" cy="275" r="3" fill="#5C4830" opacity="0.8"/>
-        <circle cx="375" cy="275" r="3" fill="#5C4830" opacity="0.8"/>
+    <!-- Go Board: walnut, grid and stones from the shared renderer -->
+    <g transform="translate(150, 50)">${boardSvg}</g>
 
         <!-- Lightning bolt divider -->
         <path d="M 300 0 L 285 200 L 315 200 L 300 400" stroke="#ff6b6b" stroke-width="3" fill="none" opacity="0.6" filter="url(#angry-glow)"/>