diff --git a/client/index.html b/client/index.html
index cc6d6ca..a495c52 100755
--- a/client/index.html
+++ b/client/index.html
@@ -2,21 +2,21 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-  <link rel="icon" href="%VITE_API_BASE%/favicon.ico" />
+  <link rel="icon" href="%VITE_basePath%/favicon.ico" />
 
-  <base href="%VITE_API_BASE%"/>
+  <base href="%VITE_basePath%"/>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Play Peddlers of Ketran!"
     />
-  <link rel="apple-touch-icon" href="%VITE_API_BASE%/logo192.png" />
+  <link rel="apple-touch-icon" href="%VITE_basePath%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-  <link rel="manifest" href="%VITE_API_BASE%/manifest.json" />
+  <link rel="manifest" href="%VITE_basePath%/manifest.json" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/client/public/assets/gfx/borders-1.6.jpg b/client/public/assets/gfx/borders-1.6.jpg
deleted file mode 100644
index b57e043..0000000
Binary files a/client/public/assets/gfx/borders-1.6.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-1.6.png b/client/public/assets/gfx/borders-1.6.png
deleted file mode 100644
index bdd2c19..0000000
Binary files a/client/public/assets/gfx/borders-1.6.png and /dev/null differ
diff --git a/client/public/assets/gfx/borders-2.1.jpg b/client/public/assets/gfx/borders-2.1.jpg
deleted file mode 100644
index 5611bff..0000000
Binary files a/client/public/assets/gfx/borders-2.1.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-2.1.png b/client/public/assets/gfx/borders-2.1.png
deleted file mode 100644
index 082ebf2..0000000
Binary files a/client/public/assets/gfx/borders-2.1.png and /dev/null differ
diff --git a/client/public/assets/gfx/borders-3.2.jpg b/client/public/assets/gfx/borders-3.2.jpg
deleted file mode 100644
index 35bdba3..0000000
Binary files a/client/public/assets/gfx/borders-3.2.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-3.2.png b/client/public/assets/gfx/borders-3.2.png
deleted file mode 100644
index 8964319..0000000
Binary files a/client/public/assets/gfx/borders-3.2.png and /dev/null differ
diff --git a/client/public/assets/gfx/borders-4.3.jpg b/client/public/assets/gfx/borders-4.3.jpg
deleted file mode 100644
index c58bde3..0000000
Binary files a/client/public/assets/gfx/borders-4.3.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-4.3.png b/client/public/assets/gfx/borders-4.3.png
deleted file mode 100644
index eb173ea..0000000
Binary files a/client/public/assets/gfx/borders-4.3.png and /dev/null differ
diff --git a/client/public/assets/gfx/borders-5.4.jpg b/client/public/assets/gfx/borders-5.4.jpg
deleted file mode 100644
index 96d9b58..0000000
Binary files a/client/public/assets/gfx/borders-5.4.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-5.4.png b/client/public/assets/gfx/borders-5.4.png
deleted file mode 100644
index 473ebd8..0000000
Binary files a/client/public/assets/gfx/borders-5.4.png and /dev/null differ
diff --git a/client/public/assets/gfx/borders-6.5.jpg b/client/public/assets/gfx/borders-6.5.jpg
deleted file mode 100644
index 8691f4e..0000000
Binary files a/client/public/assets/gfx/borders-6.5.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/borders-6.5.png b/client/public/assets/gfx/borders-6.5.png
deleted file mode 100644
index 0ccc95d..0000000
Binary files a/client/public/assets/gfx/borders-6.5.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-1.png b/client/public/assets/gfx/card-army-1.png
deleted file mode 100644
index dd0b238..0000000
Binary files a/client/public/assets/gfx/card-army-1.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-10.png b/client/public/assets/gfx/card-army-10.png
deleted file mode 100644
index aaaa93f..0000000
Binary files a/client/public/assets/gfx/card-army-10.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-11.png b/client/public/assets/gfx/card-army-11.png
deleted file mode 100644
index b398be1..0000000
Binary files a/client/public/assets/gfx/card-army-11.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-12.png b/client/public/assets/gfx/card-army-12.png
deleted file mode 100644
index badc54b..0000000
Binary files a/client/public/assets/gfx/card-army-12.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-13.png b/client/public/assets/gfx/card-army-13.png
deleted file mode 100644
index 5606b37..0000000
Binary files a/client/public/assets/gfx/card-army-13.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-14.png b/client/public/assets/gfx/card-army-14.png
deleted file mode 100644
index a998d09..0000000
Binary files a/client/public/assets/gfx/card-army-14.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-2.png b/client/public/assets/gfx/card-army-2.png
deleted file mode 100644
index b8ec43c..0000000
Binary files a/client/public/assets/gfx/card-army-2.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-3.png b/client/public/assets/gfx/card-army-3.png
deleted file mode 100644
index b203cb8..0000000
Binary files a/client/public/assets/gfx/card-army-3.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-4.png b/client/public/assets/gfx/card-army-4.png
deleted file mode 100644
index 75394ea..0000000
Binary files a/client/public/assets/gfx/card-army-4.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-5.png b/client/public/assets/gfx/card-army-5.png
deleted file mode 100644
index 61bbfc2..0000000
Binary files a/client/public/assets/gfx/card-army-5.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-6.png b/client/public/assets/gfx/card-army-6.png
deleted file mode 100644
index 8ef1525..0000000
Binary files a/client/public/assets/gfx/card-army-6.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-7.png b/client/public/assets/gfx/card-army-7.png
deleted file mode 100644
index 1456318..0000000
Binary files a/client/public/assets/gfx/card-army-7.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-8.png b/client/public/assets/gfx/card-army-8.png
deleted file mode 100644
index f3e8c5d..0000000
Binary files a/client/public/assets/gfx/card-army-8.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-army-9.png b/client/public/assets/gfx/card-army-9.png
deleted file mode 100644
index 3cad2a6..0000000
Binary files a/client/public/assets/gfx/card-army-9.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-brick.png b/client/public/assets/gfx/card-brick.png
deleted file mode 100644
index 5c9d9b6..0000000
Binary files a/client/public/assets/gfx/card-brick.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-sheep.png b/client/public/assets/gfx/card-sheep.png
deleted file mode 100644
index 51d545c..0000000
Binary files a/client/public/assets/gfx/card-sheep.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-stone.png b/client/public/assets/gfx/card-stone.png
deleted file mode 100644
index c5a2ad3..0000000
Binary files a/client/public/assets/gfx/card-stone.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-vp-library.png b/client/public/assets/gfx/card-vp-library.png
deleted file mode 100644
index 90f1413..0000000
Binary files a/client/public/assets/gfx/card-vp-library.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-vp-market.png b/client/public/assets/gfx/card-vp-market.png
deleted file mode 100644
index a549d31..0000000
Binary files a/client/public/assets/gfx/card-vp-market.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-vp-palace.png b/client/public/assets/gfx/card-vp-palace.png
deleted file mode 100644
index 3d04cf8..0000000
Binary files a/client/public/assets/gfx/card-vp-palace.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-vp-university.png b/client/public/assets/gfx/card-vp-university.png
deleted file mode 100644
index a5dafae..0000000
Binary files a/client/public/assets/gfx/card-vp-university.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-wheat.png b/client/public/assets/gfx/card-wheat.png
deleted file mode 100644
index ebcc63c..0000000
Binary files a/client/public/assets/gfx/card-wheat.png and /dev/null differ
diff --git a/client/public/assets/gfx/card-wood.png b/client/public/assets/gfx/card-wood.png
deleted file mode 100644
index d6129ba..0000000
Binary files a/client/public/assets/gfx/card-wood.png and /dev/null differ
diff --git a/client/public/assets/gfx/pieces-blue.jpg b/client/public/assets/gfx/pieces-blue.jpg
deleted file mode 100644
index ff27d85..0000000
Binary files a/client/public/assets/gfx/pieces-blue.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/pieces-orange.jpg b/client/public/assets/gfx/pieces-orange.jpg
deleted file mode 100644
index 50447c8..0000000
Binary files a/client/public/assets/gfx/pieces-orange.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/pieces-red.jpg b/client/public/assets/gfx/pieces-red.jpg
deleted file mode 100644
index 34082ad..0000000
Binary files a/client/public/assets/gfx/pieces-red.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/pieces-white.jpg b/client/public/assets/gfx/pieces-white.jpg
deleted file mode 100644
index 0a836ad..0000000
Binary files a/client/public/assets/gfx/pieces-white.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/pieces.jpg b/client/public/assets/gfx/pieces.jpg
deleted file mode 100644
index bdef886..0000000
Binary files a/client/public/assets/gfx/pieces.jpg and /dev/null differ
diff --git a/client/public/assets/gfx/pip-numbers.png b/client/public/assets/gfx/pip-numbers.png
deleted file mode 100644
index 4c6b11c..0000000
Binary files a/client/public/assets/gfx/pip-numbers.png and /dev/null differ
diff --git a/client/public/assets/gfx/pip-ships.png b/client/public/assets/gfx/pip-ships.png
deleted file mode 100644
index 44ec8e2..0000000
Binary files a/client/public/assets/gfx/pip-ships.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-blue.png b/client/public/assets/gfx/placard-blue.png
deleted file mode 100644
index 4143a83..0000000
Binary files a/client/public/assets/gfx/placard-blue.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-largest-army.png b/client/public/assets/gfx/placard-largest-army.png
deleted file mode 100644
index 2f3be5f..0000000
Binary files a/client/public/assets/gfx/placard-largest-army.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-longest-road.png b/client/public/assets/gfx/placard-longest-road.png
deleted file mode 100644
index 2c3f783..0000000
Binary files a/client/public/assets/gfx/placard-longest-road.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-orange.png b/client/public/assets/gfx/placard-orange.png
deleted file mode 100644
index 47427c2..0000000
Binary files a/client/public/assets/gfx/placard-orange.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-red.png b/client/public/assets/gfx/placard-red.png
deleted file mode 100644
index 256832a..0000000
Binary files a/client/public/assets/gfx/placard-red.png and /dev/null differ
diff --git a/client/public/assets/gfx/placard-white.png b/client/public/assets/gfx/placard-white.png
deleted file mode 100644
index dd051ec..0000000
Binary files a/client/public/assets/gfx/placard-white.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-brick.png b/client/public/assets/gfx/tiles-brick.png
deleted file mode 100644
index 0e6c1dd..0000000
Binary files a/client/public/assets/gfx/tiles-brick.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-desert.png b/client/public/assets/gfx/tiles-desert.png
deleted file mode 100644
index f0f3204..0000000
Binary files a/client/public/assets/gfx/tiles-desert.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-sheep.png b/client/public/assets/gfx/tiles-sheep.png
deleted file mode 100644
index 62864df..0000000
Binary files a/client/public/assets/gfx/tiles-sheep.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-stone.png b/client/public/assets/gfx/tiles-stone.png
deleted file mode 100644
index d951b2a..0000000
Binary files a/client/public/assets/gfx/tiles-stone.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-wheat.png b/client/public/assets/gfx/tiles-wheat.png
deleted file mode 100644
index 1568797..0000000
Binary files a/client/public/assets/gfx/tiles-wheat.png and /dev/null differ
diff --git a/client/public/assets/gfx/tiles-wood.png b/client/public/assets/gfx/tiles-wood.png
deleted file mode 100644
index 2956be9..0000000
Binary files a/client/public/assets/gfx/tiles-wood.png and /dev/null differ
diff --git a/client/public/assets/gfx/birds.png b/client/public/gfx/birds.png
similarity index 100%
rename from client/public/assets/gfx/birds.png
rename to client/public/gfx/birds.png
diff --git a/client/public/gfx/borders-1.6.jpg b/client/public/gfx/borders-1.6.jpg
new file mode 100644
index 0000000..cb2e377
Binary files /dev/null and b/client/public/gfx/borders-1.6.jpg differ
diff --git a/client/public/gfx/borders-1.6.png b/client/public/gfx/borders-1.6.png
new file mode 100644
index 0000000..a64d5d4
Binary files /dev/null and b/client/public/gfx/borders-1.6.png differ
diff --git a/client/public/gfx/borders-2.1.jpg b/client/public/gfx/borders-2.1.jpg
new file mode 100644
index 0000000..1a7c380
Binary files /dev/null and b/client/public/gfx/borders-2.1.jpg differ
diff --git a/client/public/gfx/borders-2.1.png b/client/public/gfx/borders-2.1.png
new file mode 100644
index 0000000..840bc74
Binary files /dev/null and b/client/public/gfx/borders-2.1.png differ
diff --git a/client/public/gfx/borders-3.2.jpg b/client/public/gfx/borders-3.2.jpg
new file mode 100644
index 0000000..2176672
Binary files /dev/null and b/client/public/gfx/borders-3.2.jpg differ
diff --git a/client/public/gfx/borders-3.2.png b/client/public/gfx/borders-3.2.png
new file mode 100644
index 0000000..8a969d2
Binary files /dev/null and b/client/public/gfx/borders-3.2.png differ
diff --git a/client/public/gfx/borders-4.3.jpg b/client/public/gfx/borders-4.3.jpg
new file mode 100644
index 0000000..0003707
Binary files /dev/null and b/client/public/gfx/borders-4.3.jpg differ
diff --git a/client/public/gfx/borders-4.3.png b/client/public/gfx/borders-4.3.png
new file mode 100644
index 0000000..4f94e3c
Binary files /dev/null and b/client/public/gfx/borders-4.3.png differ
diff --git a/client/public/gfx/borders-5.4.jpg b/client/public/gfx/borders-5.4.jpg
new file mode 100644
index 0000000..fde9bfb
Binary files /dev/null and b/client/public/gfx/borders-5.4.jpg differ
diff --git a/client/public/gfx/borders-5.4.png b/client/public/gfx/borders-5.4.png
new file mode 100644
index 0000000..fdfefd3
Binary files /dev/null and b/client/public/gfx/borders-5.4.png differ
diff --git a/client/public/gfx/borders-6.5.jpg b/client/public/gfx/borders-6.5.jpg
new file mode 100644
index 0000000..6ccbfed
Binary files /dev/null and b/client/public/gfx/borders-6.5.jpg differ
diff --git a/client/public/gfx/borders-6.5.png b/client/public/gfx/borders-6.5.png
new file mode 100644
index 0000000..31d1110
Binary files /dev/null and b/client/public/gfx/borders-6.5.png differ
diff --git a/client/public/gfx/card-army-1.png b/client/public/gfx/card-army-1.png
new file mode 100644
index 0000000..e31b395
Binary files /dev/null and b/client/public/gfx/card-army-1.png differ
diff --git a/client/public/gfx/card-army-10.png b/client/public/gfx/card-army-10.png
new file mode 100644
index 0000000..c9b4d79
Binary files /dev/null and b/client/public/gfx/card-army-10.png differ
diff --git a/client/public/gfx/card-army-11.png b/client/public/gfx/card-army-11.png
new file mode 100644
index 0000000..f473c34
Binary files /dev/null and b/client/public/gfx/card-army-11.png differ
diff --git a/client/public/gfx/card-army-12.png b/client/public/gfx/card-army-12.png
new file mode 100644
index 0000000..8bc21f0
Binary files /dev/null and b/client/public/gfx/card-army-12.png differ
diff --git a/client/public/gfx/card-army-13.png b/client/public/gfx/card-army-13.png
new file mode 100644
index 0000000..4eb68f7
Binary files /dev/null and b/client/public/gfx/card-army-13.png differ
diff --git a/client/public/gfx/card-army-14.png b/client/public/gfx/card-army-14.png
new file mode 100644
index 0000000..f9f4db8
Binary files /dev/null and b/client/public/gfx/card-army-14.png differ
diff --git a/client/public/gfx/card-army-2.png b/client/public/gfx/card-army-2.png
new file mode 100644
index 0000000..075477a
Binary files /dev/null and b/client/public/gfx/card-army-2.png differ
diff --git a/client/public/gfx/card-army-3.png b/client/public/gfx/card-army-3.png
new file mode 100644
index 0000000..1ae04c8
Binary files /dev/null and b/client/public/gfx/card-army-3.png differ
diff --git a/client/public/gfx/card-army-4.png b/client/public/gfx/card-army-4.png
new file mode 100644
index 0000000..1980779
Binary files /dev/null and b/client/public/gfx/card-army-4.png differ
diff --git a/client/public/gfx/card-army-5.png b/client/public/gfx/card-army-5.png
new file mode 100644
index 0000000..0d5b099
Binary files /dev/null and b/client/public/gfx/card-army-5.png differ
diff --git a/client/public/gfx/card-army-6.png b/client/public/gfx/card-army-6.png
new file mode 100644
index 0000000..ce5bd5c
Binary files /dev/null and b/client/public/gfx/card-army-6.png differ
diff --git a/client/public/gfx/card-army-7.png b/client/public/gfx/card-army-7.png
new file mode 100644
index 0000000..0421ae5
Binary files /dev/null and b/client/public/gfx/card-army-7.png differ
diff --git a/client/public/gfx/card-army-8.png b/client/public/gfx/card-army-8.png
new file mode 100644
index 0000000..a85e233
Binary files /dev/null and b/client/public/gfx/card-army-8.png differ
diff --git a/client/public/gfx/card-army-9.png b/client/public/gfx/card-army-9.png
new file mode 100644
index 0000000..e2a262f
Binary files /dev/null and b/client/public/gfx/card-army-9.png differ
diff --git a/client/public/gfx/card-brick.png b/client/public/gfx/card-brick.png
new file mode 100644
index 0000000..a32ac09
Binary files /dev/null and b/client/public/gfx/card-brick.png differ
diff --git a/client/public/gfx/card-monopoly.png b/client/public/gfx/card-monopoly.png
new file mode 100644
index 0000000..76bfec3
Binary files /dev/null and b/client/public/gfx/card-monopoly.png differ
diff --git a/client/public/assets/gfx/card-progress-back.png b/client/public/gfx/card-progress-back.png
similarity index 100%
rename from client/public/assets/gfx/card-progress-back.png
rename to client/public/gfx/card-progress-back.png
diff --git a/client/public/assets/gfx/card-progress-monopoly.png b/client/public/gfx/card-progress-monopoly.png
similarity index 100%
rename from client/public/assets/gfx/card-progress-monopoly.png
rename to client/public/gfx/card-progress-monopoly.png
diff --git a/client/public/assets/gfx/card-progress-road-1.png b/client/public/gfx/card-progress-road-1.png
similarity index 100%
rename from client/public/assets/gfx/card-progress-road-1.png
rename to client/public/gfx/card-progress-road-1.png
diff --git a/client/public/assets/gfx/card-progress-road-2.png b/client/public/gfx/card-progress-road-2.png
similarity index 100%
rename from client/public/assets/gfx/card-progress-road-2.png
rename to client/public/gfx/card-progress-road-2.png
diff --git a/client/public/assets/gfx/card-progress-year-of-plenty.png b/client/public/gfx/card-progress-year-of-plenty.png
similarity index 100%
rename from client/public/assets/gfx/card-progress-year-of-plenty.png
rename to client/public/gfx/card-progress-year-of-plenty.png
diff --git a/client/public/assets/gfx/card-resource-back.png b/client/public/gfx/card-resource-back.png
similarity index 100%
rename from client/public/assets/gfx/card-resource-back.png
rename to client/public/gfx/card-resource-back.png
diff --git a/client/public/gfx/card-road-1.png b/client/public/gfx/card-road-1.png
new file mode 100644
index 0000000..edf4fa8
Binary files /dev/null and b/client/public/gfx/card-road-1.png differ
diff --git a/client/public/gfx/card-road-2.png b/client/public/gfx/card-road-2.png
new file mode 100644
index 0000000..6ab8f17
Binary files /dev/null and b/client/public/gfx/card-road-2.png differ
diff --git a/client/public/gfx/card-sheep.png b/client/public/gfx/card-sheep.png
new file mode 100644
index 0000000..652618e
Binary files /dev/null and b/client/public/gfx/card-sheep.png differ
diff --git a/client/public/gfx/card-stone.png b/client/public/gfx/card-stone.png
new file mode 100644
index 0000000..53f8d91
Binary files /dev/null and b/client/public/gfx/card-stone.png differ
diff --git a/client/public/gfx/card-vp-library.png b/client/public/gfx/card-vp-library.png
new file mode 100644
index 0000000..1af2088
Binary files /dev/null and b/client/public/gfx/card-vp-library.png differ
diff --git a/client/public/gfx/card-vp-market.png b/client/public/gfx/card-vp-market.png
new file mode 100644
index 0000000..05a78f7
Binary files /dev/null and b/client/public/gfx/card-vp-market.png differ
diff --git a/client/public/gfx/card-vp-palace.png b/client/public/gfx/card-vp-palace.png
new file mode 100644
index 0000000..042e93d
Binary files /dev/null and b/client/public/gfx/card-vp-palace.png differ
diff --git a/client/public/gfx/card-vp-university.png b/client/public/gfx/card-vp-university.png
new file mode 100644
index 0000000..ec2fe32
Binary files /dev/null and b/client/public/gfx/card-vp-university.png differ
diff --git a/client/public/gfx/card-wheat.png b/client/public/gfx/card-wheat.png
new file mode 100644
index 0000000..e20d4c4
Binary files /dev/null and b/client/public/gfx/card-wheat.png differ
diff --git a/client/public/gfx/card-wood.png b/client/public/gfx/card-wood.png
new file mode 100644
index 0000000..315b035
Binary files /dev/null and b/client/public/gfx/card-wood.png differ
diff --git a/client/public/gfx/pieces-blue.jpg b/client/public/gfx/pieces-blue.jpg
new file mode 100644
index 0000000..833a9a7
Binary files /dev/null and b/client/public/gfx/pieces-blue.jpg differ
diff --git a/client/public/gfx/pieces-orange.jpg b/client/public/gfx/pieces-orange.jpg
new file mode 100644
index 0000000..cbc917f
Binary files /dev/null and b/client/public/gfx/pieces-orange.jpg differ
diff --git a/client/public/gfx/pieces-red.jpg b/client/public/gfx/pieces-red.jpg
new file mode 100644
index 0000000..8ab9386
Binary files /dev/null and b/client/public/gfx/pieces-red.jpg differ
diff --git a/client/public/gfx/pieces-white.jpg b/client/public/gfx/pieces-white.jpg
new file mode 100644
index 0000000..62b6045
Binary files /dev/null and b/client/public/gfx/pieces-white.jpg differ
diff --git a/client/public/gfx/pieces.jpg b/client/public/gfx/pieces.jpg
new file mode 100644
index 0000000..729d38c
Binary files /dev/null and b/client/public/gfx/pieces.jpg differ
diff --git a/client/public/gfx/pip-numbers.png b/client/public/gfx/pip-numbers.png
new file mode 100644
index 0000000..1e77843
Binary files /dev/null and b/client/public/gfx/pip-numbers.png differ
diff --git a/client/public/gfx/pip-ships.png b/client/public/gfx/pip-ships.png
new file mode 100644
index 0000000..59d270f
Binary files /dev/null and b/client/public/gfx/pip-ships.png differ
diff --git a/client/public/gfx/placard-blue.png b/client/public/gfx/placard-blue.png
new file mode 100644
index 0000000..25b7b07
Binary files /dev/null and b/client/public/gfx/placard-blue.png differ
diff --git a/client/public/gfx/placard-largest-army.png b/client/public/gfx/placard-largest-army.png
new file mode 100644
index 0000000..2dcf62f
Binary files /dev/null and b/client/public/gfx/placard-largest-army.png differ
diff --git a/client/public/gfx/placard-longest-road.png b/client/public/gfx/placard-longest-road.png
new file mode 100644
index 0000000..d2e3789
Binary files /dev/null and b/client/public/gfx/placard-longest-road.png differ
diff --git a/client/public/assets/gfx/placard-longest-turn.png b/client/public/gfx/placard-longest-turn.png
similarity index 100%
rename from client/public/assets/gfx/placard-longest-turn.png
rename to client/public/gfx/placard-longest-turn.png
diff --git a/client/public/assets/gfx/placard-most-developed.png b/client/public/gfx/placard-most-developed.png
similarity index 100%
rename from client/public/assets/gfx/placard-most-developed.png
rename to client/public/gfx/placard-most-developed.png
diff --git a/client/public/gfx/placard-orange.png b/client/public/gfx/placard-orange.png
new file mode 100644
index 0000000..0c8079f
Binary files /dev/null and b/client/public/gfx/placard-orange.png differ
diff --git a/client/public/assets/gfx/placard-port-of-call.png b/client/public/gfx/placard-port-of-call.png
similarity index 100%
rename from client/public/assets/gfx/placard-port-of-call.png
rename to client/public/gfx/placard-port-of-call.png
diff --git a/client/public/gfx/placard-red.png b/client/public/gfx/placard-red.png
new file mode 100644
index 0000000..845d12a
Binary files /dev/null and b/client/public/gfx/placard-red.png differ
diff --git a/client/public/gfx/placard-white.png b/client/public/gfx/placard-white.png
new file mode 100644
index 0000000..16f2d4a
Binary files /dev/null and b/client/public/gfx/placard-white.png differ
diff --git a/client/public/assets/gfx/sheep.png b/client/public/gfx/sheep.png
similarity index 100%
rename from client/public/assets/gfx/sheep.png
rename to client/public/gfx/sheep.png
diff --git a/client/public/gfx/tabletop.png b/client/public/gfx/tabletop.png
new file mode 100644
index 0000000..ab168d4
Binary files /dev/null and b/client/public/gfx/tabletop.png differ
diff --git a/client/public/gfx/tiles-brick.png b/client/public/gfx/tiles-brick.png
new file mode 100644
index 0000000..e3922ac
Binary files /dev/null and b/client/public/gfx/tiles-brick.png differ
diff --git a/client/public/gfx/tiles-desert.png b/client/public/gfx/tiles-desert.png
new file mode 100644
index 0000000..e1ed070
Binary files /dev/null and b/client/public/gfx/tiles-desert.png differ
diff --git a/client/public/assets/gfx/tiles-jungle.png b/client/public/gfx/tiles-jungle.png
similarity index 100%
rename from client/public/assets/gfx/tiles-jungle.png
rename to client/public/gfx/tiles-jungle.png
diff --git a/client/public/gfx/tiles-sheep.png b/client/public/gfx/tiles-sheep.png
new file mode 100644
index 0000000..e0b20dc
Binary files /dev/null and b/client/public/gfx/tiles-sheep.png differ
diff --git a/client/public/gfx/tiles-stone.png b/client/public/gfx/tiles-stone.png
new file mode 100644
index 0000000..d56e739
Binary files /dev/null and b/client/public/gfx/tiles-stone.png differ
diff --git a/client/public/assets/gfx/tiles-volcano.png b/client/public/gfx/tiles-volcano.png
similarity index 100%
rename from client/public/assets/gfx/tiles-volcano.png
rename to client/public/gfx/tiles-volcano.png
diff --git a/client/public/gfx/tiles-wheat.png b/client/public/gfx/tiles-wheat.png
new file mode 100644
index 0000000..58f1ce6
Binary files /dev/null and b/client/public/gfx/tiles-wheat.png differ
diff --git a/client/public/gfx/tiles-wood.png b/client/public/gfx/tiles-wood.png
new file mode 100644
index 0000000..517dd76
Binary files /dev/null and b/client/public/gfx/tiles-wood.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 5823bde..20e5b93 100755
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -28,6 +28,7 @@ import { assetsPath } from "./Common";
 import "./App.css";
 import equal from "fast-deep-equal";
 import { Box } from "@mui/material";
+import { Session } from "./MediaControl";
 
 type AudioEffect = HTMLAudioElement & { hasPlayed?: boolean };
 const audioEffects: Record<string, AudioEffect | undefined> = {};
@@ -44,7 +45,11 @@ const loadAudio = (src: string) => {
   return audio;
 };
 
-const Table: React.FC = () => {
+interface TableProps {
+  session: Session;
+};
+
+const Table: React.FC<TableProps> = ({ session }) => {
   const params = useParams();
   const navigate = useNavigate();
   const [gameId, setGameId] = useState<string | undefined>(params.gameId ? (params.gameId as string) : undefined);
@@ -82,7 +87,7 @@ const Table: React.FC = () => {
   const protocol = loc.protocol === "https:" ? "wss" : "ws";
   const socketUrl = gameId ? `${protocol}://${loc.host}${base}/api/v1/games/ws/${gameId}` : null;
 
-  const { sendJsonMessage, lastJsonMessage, readyState, getWebSocket } = useWebSocket(socketUrl, {
+  const { sendJsonMessage, lastJsonMessage, readyState, getWebSocket } = useWebSocket(socketUrl || 'ws://dummy', {
     shouldReconnect: (closeEvent) => true,
     reconnectInterval: 5000,
     onOpen: () => {
@@ -103,7 +108,9 @@ const Table: React.FC = () => {
       setError(error);
       setGlobal(Object.assign({}, global, { ws: undefined }));
     },
-  });
+  }, !!socketUrl);
+
+  console.log("readyState:", readyState, "socketUrl:", socketUrl, "ws instance:", getWebSocket());
 
   const sendUpdate = (update: unknown) => {
     sendJsonMessage(update);
@@ -181,11 +188,11 @@ const Table: React.FC = () => {
   }, [lastJsonMessage]);
 
   const globalValue = useMemo(() => ({
-    ws: getWebSocket(),
+    ws: readyState === ReadyState.OPEN ? getWebSocket() : null,
     name,
     gameId,
     sendJsonMessage,
-  }), [getWebSocket, name, gameId, sendJsonMessage]);
+  }), [readyState, name, gameId, sendJsonMessage]);
 
   useEffect(() => {
     setGlobal(globalValue);
@@ -430,7 +437,12 @@ const Table: React.FC = () => {
               />
             </Paper>
           )}
-          {name !== "" && <PlayerList />}
+          {name !== "" && (
+            <PlayerList
+              socketUrl={socketUrl}
+              session={session}
+            />
+          )}
           {/* Trade is an untyped JS component; assert its type to avoid `any` */}
           {(() => {
             const TradeComponent = Trade as unknown as React.ComponentType<{
@@ -468,11 +480,13 @@ const App: React.FC = () => {
   console.log("App component rendered");
   const [playerId, setPlayerId] = useState<string | undefined>(undefined);
   const [error, setError] = useState<string | undefined>(undefined);
+  const [session, setSession] = useState<Session | null>(null);
 
   useEffect(() => {
     if (playerId) {
       return;
     }
+    console.log("API base used by client:", base);
     window
       .fetch(`${base}/api/v1/games/`, {
         method: "GET",
@@ -482,18 +496,32 @@ const App: React.FC = () => {
           "Content-Type": "application/json",
         },
       })
-      .then((res) => {
+      .then(async (res) => {
         console.log("GET fetch response status:", res.status);
         if (res.status >= 400) {
           const error =
             `Unable to connect to Ketr Ketran game server! ` + `Try refreshing your browser in a few seconds.`;
           setError(error);
+          return null;
+        }
+        // Be defensive: only call res.json() when the response looks like JSON
+        const ct = res.headers.get("content-type") || "";
+        if (ct.indexOf("application/json") !== -1) {
+          try {
+            const data = await res.json();
+            console.log("GET fetch response data:", data);
+            setPlayerId(data.player);
+          } catch (e) {
+            console.error("GET fetch JSON parse error:", e);
+            const text = await res.text();
+            console.error("GET fetch response text:", text);
+            setError("Server returned unexpected content. See console for details.");
+          }
+        } else {
+          const text = await res.text();
+          console.error("GET fetch expected JSON but got:", text.slice(0, 200));
+          setError("Server returned unexpected content. See console for details.");
         }
-        return res.json();
-      })
-      .then((data) => {
-        console.log("GET fetch response data:", data);
-        setPlayerId(data.player);
       })
       .catch((error) => {
         console.error("GET fetch error:", error);
@@ -513,8 +541,8 @@ const App: React.FC = () => {
       }}
     >
       <Routes>
-        <Route element={<Table />} path="/" />
-        <Route element={<Table />} path="/:gameId" />
+        <Route element={<Table session={session} />} path="/" />
+        <Route element={<Table session={session} />} path="/:gameId" />
       </Routes>
     </Router>
   );
diff --git a/client/src/Board.tsx b/client/src/Board.tsx
index 9e7ea61..89f2c34 100644
--- a/client/src/Board.tsx
+++ b/client/src/Board.tsx
@@ -142,8 +142,6 @@ const Board: React.FC<BoardProps> = ({ animations }) => {
     []
   );
 
-  console.log(`board - ws`, ws);
-
   const onWsMessage = (event) => {
     if (ws && ws !== event.target) {
       console.error(`Disconnect occur?`);
diff --git a/client/src/Common.ts b/client/src/Common.ts
index 546f7d9..3f4333c 100644
--- a/client/src/Common.ts
+++ b/client/src/Common.ts
@@ -15,11 +15,41 @@ function debounce<T extends (...args: any[]) => void>(fn: T, ms: number): T {
 // the client running in a container to talk to the server by docker service
 // name (e.g. http://peddlers-of-ketran:8930) while still working when run on
 // the host where PUBLIC_URL may be appropriate.
-const envApiBase = import.meta.env.VITE_API_BASE;
+//
+// Defensive handling: some env consumers or docker-compose YAML authors may
+// accidentally include literal quotes when setting env vars (for example,
+// `VITE_API_BASE=""`). That results in the string `""` being present at
+// runtime and ends up URL-encoded as `%22%22` in fetches. Normalize here so
+// an accidental quoted-empty value becomes an empty string.
+const rawEnvApiBase = import.meta.env.VITE_API_BASE;
+let envApiBase = typeof rawEnvApiBase === 'string' ? rawEnvApiBase.trim() : '';
+
+// If someone set the literal value '""' or "''", treat it as empty.
+if (envApiBase === '""' || envApiBase === "''") {
+  envApiBase = '';
+}
+
+// Remove surrounding single or double quotes if present.
+if ((envApiBase.startsWith('"') && envApiBase.endsWith('"')) ||
+    (envApiBase.startsWith("'") && envApiBase.endsWith("'"))) {
+  envApiBase = envApiBase.slice(1, -1);
+}
+
 const publicBase = import.meta.env.BASE_URL || '';
 
-const base = envApiBase || publicBase;
-const assetsPath = `${publicBase}/assets`;
+// Normalize base: treat '/' as empty, and strip any trailing slash so
+// constructing `${base}/api/...` never produces a protocol-relative
+// URL like `//api/...` which the browser resolves to `https://api/...`.
+let baseCandidate = envApiBase || publicBase || '';
+if (baseCandidate === '/') {
+  baseCandidate = '';
+}
+// Remove trailing slash if present (but keep leading slash for path bases).
+if (baseCandidate.length > 1 && baseCandidate.endsWith('/')) {
+  baseCandidate = baseCandidate.replace(/\/+$/, '');
+}
+const base = baseCandidate;
+const assetsPath = `${base}`;
 const gamesPath = `${base}`;
 
 export { base, debounce, assetsPath, gamesPath };
\ No newline at end of file
diff --git a/client/src/MediaControl.tsx b/client/src/MediaControl.tsx
index 3183a11..c2c32de 100644
--- a/client/src/MediaControl.tsx
+++ b/client/src/MediaControl.tsx
@@ -17,7 +17,7 @@ const debug = true;
 // When true, do not send host candidates to the signaling server. Keeps TURN relays preferred.
 const FILTER_HOST_CANDIDATES = false; // Temporarily disabled to test direct connections
 
-type Session = {
+export type Session = {
   session_id: string;
   peer_name: string;
   has_media?: boolean; // Whether this user provides audio/video streams
@@ -1130,12 +1130,13 @@ const MediaAgent = (props: MediaAgentProps) => {
 
   // Join lobby when media is ready
   useEffect(() => {
+    if (!session) return;
     if (media && joinStatus.status === "Not joined" && readyState === ReadyState.OPEN) {
       console.log(`media-agent - Initiating media join for ${session.name}`);
       setJoinStatus({ status: "Joining" });
       sendJsonMessage({ type: "join", data: {} });
     }
-  }, [media, joinStatus.status, sendJsonMessage, readyState, session.name]);
+  }, [media, joinStatus.status, sendJsonMessage, readyState, session]);
 
   // Update local peer in peers list
   useEffect(() => {
@@ -1189,6 +1190,7 @@ const MediaAgent = (props: MediaAgentProps) => {
     console.log(`media-agent - Requesting access to local audio/video`);
     const attempt = { get_audio: true, get_video: true };
     let media = null;
+    if (!session) { return new MediaStream(); }
 
     // Try to get user media with fallback
     while (attempt.get_audio || attempt.get_video) {
@@ -1269,7 +1271,7 @@ const MediaAgent = (props: MediaAgentProps) => {
       hasRealVideo,
     });
     return finalMedia;
-  }, [session.name]);
+  }, [session]);
 
   // Initialize media once
   useEffect(() => {
@@ -1397,7 +1399,7 @@ const MediaControl: React.FC<MediaControlProps> = ({
       console.log(
         `media-agent - isValid effect:${peer?.peer_name} - No valid media`,
         peer?.dead,
-        peer.attributes?.srcObject
+        peer?.attributes?.srcObject
       );
       setIsValid(false);
       return;
@@ -1468,7 +1470,7 @@ const MediaControl: React.FC<MediaControlProps> = ({
         track.removeEventListener("ended", handleTrackStateChange);
       });
     };
-  }, [peer, peer.attributes?.srcObject, peer.connection]);
+  }, [peer]);
 
   useEffect(() => {
     if (!peer || peer.dead || !peer.attributes?.srcObject) {
diff --git a/client/src/PlayerList.tsx b/client/src/PlayerList.tsx
index 0abe8fa..fbe3ffe 100644
--- a/client/src/PlayerList.tsx
+++ b/client/src/PlayerList.tsx
@@ -4,13 +4,18 @@ import List from "@mui/material/List";
 
 import "./PlayerList.css";
 import { PlayerColor } from "./PlayerColor";
-import { MediaAgent, MediaControl } from "./MediaControl";
+import { MediaAgent, MediaControl, Session } from "./MediaControl";
 
 import { GlobalContext } from "./GlobalContext";
 
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-non-null-assertion */
 
-const PlayerList: React.FC = () => {
+interface PlayerListProps {
+  socketUrl: string;
+  session: Session;
+}
+
+const PlayerList: React.FC<PlayerListProps> = ({ socketUrl, session }) => {
   const { ws, name, sendJsonMessage } = useContext(GlobalContext);
   const [players, setPlayers] = useState<{ [key: string]: any }>({});
   const [unselected, setUneslected] = useState<string[]>([]);
@@ -172,7 +177,7 @@ const PlayerList: React.FC = () => {
 
   return (
     <Paper className={`PlayerList ${videoClass}`}>
-      <MediaAgent setPeers={setPeers} />
+      <MediaAgent {...{socketUrl, setPeers, peers, session}} />
       <List className="PlayerSelector">{playerElements}</List>
       {unselected && unselected.length !== 0 && (
         <div className="Unselected">
diff --git a/client/src/setupProxy.js b/client/src/setupProxy.js
index e1c108f..46d9745 100644
--- a/client/src/setupProxy.js
+++ b/client/src/setupProxy.js
@@ -7,7 +7,7 @@ module.exports = function(app) {
   app.use(createProxyMiddleware(
     `${base}/api/v1/games/ws`, {
       ws: true,
-      target: 'http://peddlers-server:8930',
+      target: 'ws://peddlers-server:8930',
       changeOrigin: true,
       pathRewrite: { [`^${base}`]: '' },
   }));
diff --git a/client/vite.config.js b/client/vite.config.js
index e4f6387..671e1ae 100644
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -27,23 +27,33 @@ export default defineConfig({
   },
   server: {
     host: process.env.HOST || '0.0.0.0',
-    port: Number(process.env.PORT) || 3000,
+    port: Number(process.env.PORT) || 3001,
     https: httpsOption,
     proxy: {
+      // Support requests that already include the basePath (/ketr.ketran/api)
+      // and requests that use the shorter /api path. Both should be forwarded
+      // to the backend server which serves the API under /ketr.ketran/api.
       '/ketr.ketran/api': {
         target: 'http://peddlers-server:8930',
         changeOrigin: true,
         ws: true,
-        // rewrite: (path) => path.replace(/^\/ketr.ketran/, '')
+        secure: false
+      },
+      '/api': {
+        target: 'http://peddlers-server:8930',
+        changeOrigin: true,
+        ws: true,
+        secure: false,
+        rewrite: (path) => `/ketr.ketran${path}`
       }
     },
-    // HMR options: allow overriding host/port/protocol from env so external
-    // browsers (accessing via a different hostname) can connect to the dev
-    // server's websocket. See https://vite.dev/config/server-options.html#server-hmr
+    // HMR options: advertise the external hostname and port so browsers
+    // accessing via `battle-linux.ketrenos.com` can connect to the websocket.
+    // The certs mounted into the container must be trusted by the browser.
     hmr: {
-      port: process.env.VITE_HMR_PORT || 3001,
-      host: process.env.VITE_HMR_HOST || 'localhost',
-      protocol: process.env.VITE_HMR_PROTOCOL || 'ws'
-    }
+      host: process.env.VITE_HMR_HOST || 'battle-linux.ketrenos.com',
+      port: Number(process.env.VITE_HMR_PORT) || 3001,
+      protocol: process.env.VITE_HMR_PROTOCOL || 'wss'
+    },
   }
 });
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
index dbdd5ac..2a1a377 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -46,14 +46,14 @@ services:
       - ./client:/client:rw
       - ./certs:/certs:ro
     ports:
-      - 3001:3000
+      - 3001:3001
+      - 3003:3003
     environment:
+      - VITE_API_BASE=
       - BROWSER=none
       - HTTPS=true
       - HOST=0.0.0.0
-      - WDS_SOCKET_HOST=0.0.0.0
-      - WDS_SOCKET_PORT=0
-      - VITE_API_BASE=/ketr.ketran
+      - PUBLIC_URL=/ketr.ketran
       # Provide paths to TLS key/cert inside the container so Vite can present
       # a certificate for the external hostname (e.g. battle-linux.ketrenos.com).
       - VITE_HTTPS_KEY=/certs/battle.key
diff --git a/server/routes/games.js b/server/routes/games.js
index 16d17b2..57a3426 100755
--- a/server/routes/games.js
+++ b/server/routes/games.js
@@ -4801,6 +4801,8 @@ router.get("/", (req, res/*, next*/) => {
 
   console.log(`[${playerId.substring(0, 8)}]: Browser hand-shake achieved.`);
 
+  // Mark this response as coming from the backend API to aid debugging
+  res.setHeader('X-Backend', 'games');
   return res.status(200).send({ player: playerId });
 });
 
diff --git a/server/src/app.ts b/server/src/app.ts
index 91e19f5..1ae08ff 100644
--- a/server/src/app.ts
+++ b/server/src/app.ts
@@ -52,22 +52,14 @@ if (config.has("admin")) {
   app.set("admin", admin);
 }
 
+app.use(`${basePath}api/v1/games`, require("../routes/games"));
+
 /* Allow loading of the app w/out being logged in */
 app.use(basePath, index);
 
 /* /games loads the default index */
 app.use(basePath + "games", index);
 
-app.use(function(err: any, req: Request, res: Response, next: NextFunction) {
-  console.error(err.message);
-  res.status(err.status || 500).json({
-    message: err.message,
-    error: {}
-  });
-});
-
-app.use(`${basePath}api/v1/games`, require("../routes/games"));
-
 /* Declare the "catch all" index route last; the final route is a 404 dynamic router */
 app.use(basePath, index);
 
