diff --git a/docs/js/dealers.js b/docs/js/dealers.js
index 08d4393..27f51d1 100644
--- a/docs/js/dealers.js
+++ b/docs/js/dealers.js
@@ -27,7 +27,7 @@ export const DEALER_ROSTER = [
     id: "steve_harvey",
     name: "Steve Harvey",
     games: ["roulette", "horse_racing", "craps"],
-    sprite: "npc_gold",
+    sprite: "dealer_steve",
     tagline: "Survey says… bet responsibly!",
     quips: {
       greeting: [
@@ -82,7 +82,7 @@ export const DEALER_ROSTER = [
     id: "meryl_screech",
     name: "Dealer Meryl Screech",
     games: ["blackjack"],
-    sprite: "npc_green",
+    sprite: "dealer_meryl",
     tagline: "And the Oscar for Most Aggressive Double goes to… you.",
     quips: {
       greeting: [
@@ -116,7 +116,7 @@ export const DEALER_ROSTER = [
     id: "judi_bench",
     name: "Croupier Judi Bench",
     games: ["holdem"],
-    sprite: "npc_teal",
+    sprite: "dealer_judi",
     tagline: "Bond. James Bond. Blinds.",
     quips: {
       greeting: [
@@ -150,7 +150,7 @@ export const DEALER_ROSTER = [
     id: "jennifer_lawless",
     name: "Jennifer Lawless",
     games: ["blackjack", "holdem"],
-    sprite: "npc_pink",
+    sprite: "dealer_jennifer",
     tagline: "I tripped on the felt once. The shoe didn't even notice.",
     quips: {
       greeting: [
@@ -184,7 +184,7 @@ export const DEALER_ROSTER = [
     id: "sofia_volume",
     name: "Sofia Volume",
     games: ["roulette"],
-    sprite: "npc_red",
+    sprite: "dealer_sofia",
     tagline: "Dale, amigo — the wheel is feeling generous tonight!",
     quips: {
       greeting: [
@@ -218,7 +218,7 @@ export const DEALER_ROSTER = [
     id: "octavia_spectacular",
     name: "Octavia Spectacular",
     games: ["holdem", "blackjack"],
-    sprite: "npc_orange",
+    sprite: "dealer_octavia",
     tagline: "Honey, the house always wins — but you look good losing.",
     quips: {
       greeting: [
@@ -252,7 +252,7 @@ export const DEALER_ROSTER = [
     id: "nicole_widechart",
     name: "Nicole Widechart",
     games: ["blackjack", "roulette"],
-    sprite: "npc_silver",
+    sprite: "dealer_nicole",
     tagline: "The chips are whispering. I'm listening.",
     quips: {
       greeting: [
diff --git a/docs/rpg/GDD.md b/docs/rpg/GDD.md
index c69fce0..2027f0f 100644
--- a/docs/rpg/GDD.md
+++ b/docs/rpg/GDD.md
@@ -68,7 +68,8 @@ flowchart TB
 | Tile vocabulary | `js/systems/MapTiles.js` |
 | JSON → tile layers | `js/systems/MapLoader.js` |
 | Map/NPC/door accessors + procedural fallback | `js/systems/MapData.js` |
-| Procedural sprites and tiles | `js/systems/TextureFactory.js` |
+| Vendored tiles + procedural FX | `js/systems/EnvironmentTextures.js`, `js/systems/TextureFactory.js` |
+| Character / staff sprite sheets | `js/systems/CharacterSprites.js` |
 | Dialogue graph | `js/systems/DialogueManager.js` |
 | Encounter routing | `js/systems/EncounterBridge.js`, `js/systems/HostedEncounters.js` |
 | Mounting terminal screens | `js/systems/TerminalHostOverlay.js` |
diff --git a/docs/rpg/assets/characters/ATTRIBUTION.md b/docs/rpg/assets/characters/ATTRIBUTION.md
index e1d7148..e3fd3fe 100644
--- a/docs/rpg/assets/characters/ATTRIBUTION.md
+++ b/docs/rpg/assets/characters/ATTRIBUTION.md
@@ -4,18 +4,18 @@ All assets below are used under permissive open licenses in The Mandalay Bay pix
 
 ## Hero (player default)
 
-- **File:** `player_full_animation.png`, `player.png`
+- **File:** `player_full_animation.png`
 - **Author:** Fry
 - **Source:** https://opengameart.org/content/hero-character-sprite-sheet
 - **License:** CC0 1.0 (public domain)
 
 Top-down RPG hero with walk + idle animations (40×64 px frames).
 
-## Sora (staff / alternate NPC base)
+## Dealers and staff (unique sheets)
 
-- **Files:** `sora/*.png`
-- **Author:** Danilo Mattos
-- **Source:** https://opengameart.org/content/simple-animated-character
-- **License:** CC0 1.0 (public domain)
+- **Files:** `staff/*.png` (14 unique characters — 7 dealers + 7 staff palette keys)
+- **Author:** Jephed (Game Between The Lines)
+- **Source:** https://gamebetweenthelines.itch.io/top-down-pixel-art-characters
+- **License:** Free for commercial and non-commercial use (credit appreciated)
 
-Top-down character with 4-direction idle and walk cycles (64×64 px frames).
+Top-down characters with 4-direction idle and walk cycles (20×32 px frames on 64×128 sheets). Designed to match the casino tileset pack from the same author.
diff --git a/docs/rpg/assets/characters/player.png b/docs/rpg/assets/characters/player.png
deleted file mode 100644
index ed56b45..0000000
Binary files a/docs/rpg/assets/characters/player.png and /dev/null differ
diff --git a/docs/rpg/assets/characters/staff/dealer_jennifer.png b/docs/rpg/assets/characters/staff/dealer_jennifer.png
new file mode 100644
index 0000000..33f43d7
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_jennifer.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_judi.png b/docs/rpg/assets/characters/staff/dealer_judi.png
new file mode 100644
index 0000000..ad06223
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_judi.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_meryl.png b/docs/rpg/assets/characters/staff/dealer_meryl.png
new file mode 100644
index 0000000..f10b45c
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_meryl.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_nicole.png b/docs/rpg/assets/characters/staff/dealer_nicole.png
new file mode 100644
index 0000000..3977f05
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_nicole.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_octavia.png b/docs/rpg/assets/characters/staff/dealer_octavia.png
new file mode 100644
index 0000000..a77c044
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_octavia.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_sofia.png b/docs/rpg/assets/characters/staff/dealer_sofia.png
new file mode 100644
index 0000000..afd4618
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_sofia.png differ
diff --git a/docs/rpg/assets/characters/staff/dealer_steve.png b/docs/rpg/assets/characters/staff/dealer_steve.png
new file mode 100644
index 0000000..8cabf96
Binary files /dev/null and b/docs/rpg/assets/characters/staff/dealer_steve.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_gold.png b/docs/rpg/assets/characters/staff/npc_gold.png
new file mode 100644
index 0000000..c257e65
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_gold.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_green.png b/docs/rpg/assets/characters/staff/npc_green.png
new file mode 100644
index 0000000..29dc857
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_green.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_orange.png b/docs/rpg/assets/characters/staff/npc_orange.png
new file mode 100644
index 0000000..bd191e6
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_orange.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_pink.png b/docs/rpg/assets/characters/staff/npc_pink.png
new file mode 100644
index 0000000..1e1bd96
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_pink.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_red.png b/docs/rpg/assets/characters/staff/npc_red.png
new file mode 100644
index 0000000..6a30762
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_red.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_silver.png b/docs/rpg/assets/characters/staff/npc_silver.png
new file mode 100644
index 0000000..8d54ef2
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_silver.png differ
diff --git a/docs/rpg/assets/characters/staff/npc_teal.png b/docs/rpg/assets/characters/staff/npc_teal.png
new file mode 100644
index 0000000..bd16622
Binary files /dev/null and b/docs/rpg/assets/characters/staff/npc_teal.png differ
diff --git a/docs/rpg/assets/tiles/ATTRIBUTION.md b/docs/rpg/assets/tiles/ATTRIBUTION.md
new file mode 100644
index 0000000..f0eb38d
--- /dev/null
+++ b/docs/rpg/assets/tiles/ATTRIBUTION.md
@@ -0,0 +1,27 @@
+# Environment tile credits
+
+All assets below are used under permissive open licenses in The Mandalay Bay pixel RPG.
+
+## Casino tileset (props / decor / atlas)
+
+- **Files:** `casino_atlas.png`, `decor/slot.png`, `decor/slot_sheet.png`, `decor/screen.png`, `decor/screen_sheet.png`, `decor/bar.png`, `decor/plant.png`, `decor/glass.png`, `decor/rope.png`, and derived ground crops for stage/road/felt accents
+- **Author:** Jephed (Game Between The Lines)
+- **Source:** https://gamebetweenthelines.itch.io/2d-top-down-pixel-art-tileset-casino
+- **License:** Free for commercial and non-commercial use (credit requested)
+
+## Ornate interior floors (carpet, VIP, felt, lobby, path, trim, spa, wall, glass)
+
+- **Files:** `carpet*.png`, `vip*.png`, `felt*.png`, `lobby*.png`, `path*.png`, `trim*.png`, `spa*.png`, `wall*.png`, `stage*.png`, `glass*.png`
+- **Source pack:** [LPC] Floors — https://opengameart.org/content/lpc-floors
+- **License:** CC-BY-SA 4.0
+- **Credits:** See LPC floors CREDITS (bluecarrot16, Lanea Zimmerman (Sharm), William Thompson, Hyptosis, SpiderDave, Cougarmint, Stephen Challener (Redshrike), Bonsaiheldin, Tyler Olsen (Roots), Jetrel, jestan, The Open Surge team, Gaurav Munjal, Reemax, Silveira Neto, bleutailfly, Casper Nilsson, NaRNeRZz, Buch, keith karnage, Arthur Carvalho, Guilherme Vieira (n2liquid), Chris Hamons, and others listed in the pack)
+
+## Outdoor sand / water
+
+- **Files:** `sand*.png`, `water_f*.png`, `aqua*.png`
+- **Sand / terrain base:** Kenney RPG Base — https://kenney.nl/assets/rpg-base (CC0 1.0)
+- **Water tiles:** 16×16 Grass-Sand-Water TileSet — https://opengameart.org/content/grass-sand-water-tileset (see pack license / attribution on OGA)
+
+## Supplemental outdoor reference
+
+- Demetrius — 16×16 water/grass/sand — https://opengameart.org/content/16x16-tileset-water-grass-and-sand (CC0)
diff --git a/docs/rpg/assets/tiles/aqua.png b/docs/rpg/assets/tiles/aqua.png
new file mode 100644
index 0000000..3a70ab1
Binary files /dev/null and b/docs/rpg/assets/tiles/aqua.png differ
diff --git a/docs/rpg/assets/tiles/aqua_v1.png b/docs/rpg/assets/tiles/aqua_v1.png
new file mode 100644
index 0000000..14c7666
Binary files /dev/null and b/docs/rpg/assets/tiles/aqua_v1.png differ
diff --git a/docs/rpg/assets/tiles/aqua_v2.png b/docs/rpg/assets/tiles/aqua_v2.png
new file mode 100644
index 0000000..536f3dd
Binary files /dev/null and b/docs/rpg/assets/tiles/aqua_v2.png differ
diff --git a/docs/rpg/assets/tiles/bar.png b/docs/rpg/assets/tiles/bar.png
new file mode 100644
index 0000000..b13cb6e
Binary files /dev/null and b/docs/rpg/assets/tiles/bar.png differ
diff --git a/docs/rpg/assets/tiles/bar_v1.png b/docs/rpg/assets/tiles/bar_v1.png
new file mode 100644
index 0000000..b13cb6e
Binary files /dev/null and b/docs/rpg/assets/tiles/bar_v1.png differ
diff --git a/docs/rpg/assets/tiles/bar_v2.png b/docs/rpg/assets/tiles/bar_v2.png
new file mode 100644
index 0000000..b13cb6e
Binary files /dev/null and b/docs/rpg/assets/tiles/bar_v2.png differ
diff --git a/docs/rpg/assets/tiles/carpet.png b/docs/rpg/assets/tiles/carpet.png
new file mode 100644
index 0000000..b89f35f
Binary files /dev/null and b/docs/rpg/assets/tiles/carpet.png differ
diff --git a/docs/rpg/assets/tiles/carpet_v1.png b/docs/rpg/assets/tiles/carpet_v1.png
new file mode 100644
index 0000000..12c3551
Binary files /dev/null and b/docs/rpg/assets/tiles/carpet_v1.png differ
diff --git a/docs/rpg/assets/tiles/carpet_v2.png b/docs/rpg/assets/tiles/carpet_v2.png
new file mode 100644
index 0000000..235e8b4
Binary files /dev/null and b/docs/rpg/assets/tiles/carpet_v2.png differ
diff --git a/docs/rpg/assets/tiles/casino_atlas.png b/docs/rpg/assets/tiles/casino_atlas.png
new file mode 100644
index 0000000..acfffe2
Binary files /dev/null and b/docs/rpg/assets/tiles/casino_atlas.png differ
diff --git a/docs/rpg/assets/tiles/decor/bar.png b/docs/rpg/assets/tiles/decor/bar.png
new file mode 100644
index 0000000..b13cb6e
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/bar.png differ
diff --git a/docs/rpg/assets/tiles/decor/glass.png b/docs/rpg/assets/tiles/decor/glass.png
new file mode 100644
index 0000000..319e831
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/glass.png differ
diff --git a/docs/rpg/assets/tiles/decor/plant.png b/docs/rpg/assets/tiles/decor/plant.png
new file mode 100644
index 0000000..3e38b29
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/plant.png differ
diff --git a/docs/rpg/assets/tiles/decor/rope.png b/docs/rpg/assets/tiles/decor/rope.png
new file mode 100644
index 0000000..0c586ac
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/rope.png differ
diff --git a/docs/rpg/assets/tiles/decor/screen.png b/docs/rpg/assets/tiles/decor/screen.png
new file mode 100644
index 0000000..4fc85ac
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/screen.png differ
diff --git a/docs/rpg/assets/tiles/decor/screen_sheet.png b/docs/rpg/assets/tiles/decor/screen_sheet.png
new file mode 100644
index 0000000..bfe0a88
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/screen_sheet.png differ
diff --git a/docs/rpg/assets/tiles/decor/slot.png b/docs/rpg/assets/tiles/decor/slot.png
new file mode 100644
index 0000000..da5c79b
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/slot.png differ
diff --git a/docs/rpg/assets/tiles/decor/slot_sheet.png b/docs/rpg/assets/tiles/decor/slot_sheet.png
new file mode 100644
index 0000000..54dd4e4
Binary files /dev/null and b/docs/rpg/assets/tiles/decor/slot_sheet.png differ
diff --git a/docs/rpg/assets/tiles/felt.png b/docs/rpg/assets/tiles/felt.png
new file mode 100644
index 0000000..494f0b1
Binary files /dev/null and b/docs/rpg/assets/tiles/felt.png differ
diff --git a/docs/rpg/assets/tiles/felt_v1.png b/docs/rpg/assets/tiles/felt_v1.png
new file mode 100644
index 0000000..5e19361
Binary files /dev/null and b/docs/rpg/assets/tiles/felt_v1.png differ
diff --git a/docs/rpg/assets/tiles/felt_v2.png b/docs/rpg/assets/tiles/felt_v2.png
new file mode 100644
index 0000000..a220a66
Binary files /dev/null and b/docs/rpg/assets/tiles/felt_v2.png differ
diff --git a/docs/rpg/assets/tiles/glass.png b/docs/rpg/assets/tiles/glass.png
new file mode 100644
index 0000000..3aae475
Binary files /dev/null and b/docs/rpg/assets/tiles/glass.png differ
diff --git a/docs/rpg/assets/tiles/glass_v1.png b/docs/rpg/assets/tiles/glass_v1.png
new file mode 100644
index 0000000..6b64f4f
Binary files /dev/null and b/docs/rpg/assets/tiles/glass_v1.png differ
diff --git a/docs/rpg/assets/tiles/glass_v2.png b/docs/rpg/assets/tiles/glass_v2.png
new file mode 100644
index 0000000..aee3a4f
Binary files /dev/null and b/docs/rpg/assets/tiles/glass_v2.png differ
diff --git a/docs/rpg/assets/tiles/lobby.png b/docs/rpg/assets/tiles/lobby.png
new file mode 100644
index 0000000..f6df415
Binary files /dev/null and b/docs/rpg/assets/tiles/lobby.png differ
diff --git a/docs/rpg/assets/tiles/lobby_v1.png b/docs/rpg/assets/tiles/lobby_v1.png
new file mode 100644
index 0000000..a087971
Binary files /dev/null and b/docs/rpg/assets/tiles/lobby_v1.png differ
diff --git a/docs/rpg/assets/tiles/lobby_v2.png b/docs/rpg/assets/tiles/lobby_v2.png
new file mode 100644
index 0000000..68a95e7
Binary files /dev/null and b/docs/rpg/assets/tiles/lobby_v2.png differ
diff --git a/docs/rpg/assets/tiles/path.png b/docs/rpg/assets/tiles/path.png
new file mode 100644
index 0000000..0e5b975
Binary files /dev/null and b/docs/rpg/assets/tiles/path.png differ
diff --git a/docs/rpg/assets/tiles/path_v1.png b/docs/rpg/assets/tiles/path_v1.png
new file mode 100644
index 0000000..668a5ee
Binary files /dev/null and b/docs/rpg/assets/tiles/path_v1.png differ
diff --git a/docs/rpg/assets/tiles/path_v2.png b/docs/rpg/assets/tiles/path_v2.png
new file mode 100644
index 0000000..6d32980
Binary files /dev/null and b/docs/rpg/assets/tiles/path_v2.png differ
diff --git a/docs/rpg/assets/tiles/plant.png b/docs/rpg/assets/tiles/plant.png
new file mode 100644
index 0000000..d7f9097
Binary files /dev/null and b/docs/rpg/assets/tiles/plant.png differ
diff --git a/docs/rpg/assets/tiles/plant_v1.png b/docs/rpg/assets/tiles/plant_v1.png
new file mode 100644
index 0000000..d7f9097
Binary files /dev/null and b/docs/rpg/assets/tiles/plant_v1.png differ
diff --git a/docs/rpg/assets/tiles/plant_v2.png b/docs/rpg/assets/tiles/plant_v2.png
new file mode 100644
index 0000000..d7f9097
Binary files /dev/null and b/docs/rpg/assets/tiles/plant_v2.png differ
diff --git a/docs/rpg/assets/tiles/road.png b/docs/rpg/assets/tiles/road.png
new file mode 100644
index 0000000..0c586ac
Binary files /dev/null and b/docs/rpg/assets/tiles/road.png differ
diff --git a/docs/rpg/assets/tiles/road_v1.png b/docs/rpg/assets/tiles/road_v1.png
new file mode 100644
index 0000000..d9e7250
Binary files /dev/null and b/docs/rpg/assets/tiles/road_v1.png differ
diff --git a/docs/rpg/assets/tiles/road_v2.png b/docs/rpg/assets/tiles/road_v2.png
new file mode 100644
index 0000000..e81b765
Binary files /dev/null and b/docs/rpg/assets/tiles/road_v2.png differ
diff --git a/docs/rpg/assets/tiles/rope.png b/docs/rpg/assets/tiles/rope.png
new file mode 100644
index 0000000..0c586ac
Binary files /dev/null and b/docs/rpg/assets/tiles/rope.png differ
diff --git a/docs/rpg/assets/tiles/rope_v1.png b/docs/rpg/assets/tiles/rope_v1.png
new file mode 100644
index 0000000..0c586ac
Binary files /dev/null and b/docs/rpg/assets/tiles/rope_v1.png differ
diff --git a/docs/rpg/assets/tiles/rope_v2.png b/docs/rpg/assets/tiles/rope_v2.png
new file mode 100644
index 0000000..0c586ac
Binary files /dev/null and b/docs/rpg/assets/tiles/rope_v2.png differ
diff --git a/docs/rpg/assets/tiles/sand.png b/docs/rpg/assets/tiles/sand.png
new file mode 100644
index 0000000..0a6c1d1
Binary files /dev/null and b/docs/rpg/assets/tiles/sand.png differ
diff --git a/docs/rpg/assets/tiles/sand_v1.png b/docs/rpg/assets/tiles/sand_v1.png
new file mode 100644
index 0000000..970d61c
Binary files /dev/null and b/docs/rpg/assets/tiles/sand_v1.png differ
diff --git a/docs/rpg/assets/tiles/sand_v2.png b/docs/rpg/assets/tiles/sand_v2.png
new file mode 100644
index 0000000..5c2cbe6
Binary files /dev/null and b/docs/rpg/assets/tiles/sand_v2.png differ
diff --git a/docs/rpg/assets/tiles/screen.png b/docs/rpg/assets/tiles/screen.png
new file mode 100644
index 0000000..6e3cb09
Binary files /dev/null and b/docs/rpg/assets/tiles/screen.png differ
diff --git a/docs/rpg/assets/tiles/screen_v1.png b/docs/rpg/assets/tiles/screen_v1.png
new file mode 100644
index 0000000..6e3cb09
Binary files /dev/null and b/docs/rpg/assets/tiles/screen_v1.png differ
diff --git a/docs/rpg/assets/tiles/screen_v2.png b/docs/rpg/assets/tiles/screen_v2.png
new file mode 100644
index 0000000..6e3cb09
Binary files /dev/null and b/docs/rpg/assets/tiles/screen_v2.png differ
diff --git a/docs/rpg/assets/tiles/slot.png b/docs/rpg/assets/tiles/slot.png
new file mode 100644
index 0000000..c623f73
Binary files /dev/null and b/docs/rpg/assets/tiles/slot.png differ
diff --git a/docs/rpg/assets/tiles/slot_v1.png b/docs/rpg/assets/tiles/slot_v1.png
new file mode 100644
index 0000000..c623f73
Binary files /dev/null and b/docs/rpg/assets/tiles/slot_v1.png differ
diff --git a/docs/rpg/assets/tiles/slot_v2.png b/docs/rpg/assets/tiles/slot_v2.png
new file mode 100644
index 0000000..c623f73
Binary files /dev/null and b/docs/rpg/assets/tiles/slot_v2.png differ
diff --git a/docs/rpg/assets/tiles/spa.png b/docs/rpg/assets/tiles/spa.png
new file mode 100644
index 0000000..3aae475
Binary files /dev/null and b/docs/rpg/assets/tiles/spa.png differ
diff --git a/docs/rpg/assets/tiles/spa_v1.png b/docs/rpg/assets/tiles/spa_v1.png
new file mode 100644
index 0000000..6b64f4f
Binary files /dev/null and b/docs/rpg/assets/tiles/spa_v1.png differ
diff --git a/docs/rpg/assets/tiles/spa_v2.png b/docs/rpg/assets/tiles/spa_v2.png
new file mode 100644
index 0000000..aee3a4f
Binary files /dev/null and b/docs/rpg/assets/tiles/spa_v2.png differ
diff --git a/docs/rpg/assets/tiles/stage.png b/docs/rpg/assets/tiles/stage.png
new file mode 100644
index 0000000..58c1edc
Binary files /dev/null and b/docs/rpg/assets/tiles/stage.png differ
diff --git a/docs/rpg/assets/tiles/stage_v1.png b/docs/rpg/assets/tiles/stage_v1.png
new file mode 100644
index 0000000..cd95d41
Binary files /dev/null and b/docs/rpg/assets/tiles/stage_v1.png differ
diff --git a/docs/rpg/assets/tiles/stage_v2.png b/docs/rpg/assets/tiles/stage_v2.png
new file mode 100644
index 0000000..9d760ee
Binary files /dev/null and b/docs/rpg/assets/tiles/stage_v2.png differ
diff --git a/docs/rpg/assets/tiles/trim.png b/docs/rpg/assets/tiles/trim.png
new file mode 100644
index 0000000..8da3bc6
Binary files /dev/null and b/docs/rpg/assets/tiles/trim.png differ
diff --git a/docs/rpg/assets/tiles/trim_v1.png b/docs/rpg/assets/tiles/trim_v1.png
new file mode 100644
index 0000000..608a703
Binary files /dev/null and b/docs/rpg/assets/tiles/trim_v1.png differ
diff --git a/docs/rpg/assets/tiles/trim_v2.png b/docs/rpg/assets/tiles/trim_v2.png
new file mode 100644
index 0000000..135f818
Binary files /dev/null and b/docs/rpg/assets/tiles/trim_v2.png differ
diff --git a/docs/rpg/assets/tiles/vip.png b/docs/rpg/assets/tiles/vip.png
new file mode 100644
index 0000000..7a1a360
Binary files /dev/null and b/docs/rpg/assets/tiles/vip.png differ
diff --git a/docs/rpg/assets/tiles/vip_v1.png b/docs/rpg/assets/tiles/vip_v1.png
new file mode 100644
index 0000000..f880685
Binary files /dev/null and b/docs/rpg/assets/tiles/vip_v1.png differ
diff --git a/docs/rpg/assets/tiles/vip_v2.png b/docs/rpg/assets/tiles/vip_v2.png
new file mode 100644
index 0000000..3d4fcc1
Binary files /dev/null and b/docs/rpg/assets/tiles/vip_v2.png differ
diff --git a/docs/rpg/assets/tiles/void.png b/docs/rpg/assets/tiles/void.png
new file mode 100644
index 0000000..6e3cb09
Binary files /dev/null and b/docs/rpg/assets/tiles/void.png differ
diff --git a/docs/rpg/assets/tiles/wall.png b/docs/rpg/assets/tiles/wall.png
new file mode 100644
index 0000000..aee3a4f
Binary files /dev/null and b/docs/rpg/assets/tiles/wall.png differ
diff --git a/docs/rpg/assets/tiles/wall_v1.png b/docs/rpg/assets/tiles/wall_v1.png
new file mode 100644
index 0000000..6b64f4f
Binary files /dev/null and b/docs/rpg/assets/tiles/wall_v1.png differ
diff --git a/docs/rpg/assets/tiles/wall_v2.png b/docs/rpg/assets/tiles/wall_v2.png
new file mode 100644
index 0000000..3aae475
Binary files /dev/null and b/docs/rpg/assets/tiles/wall_v2.png differ
diff --git a/docs/rpg/assets/tiles/water_f0.png b/docs/rpg/assets/tiles/water_f0.png
new file mode 100644
index 0000000..85f099e
Binary files /dev/null and b/docs/rpg/assets/tiles/water_f0.png differ
diff --git a/docs/rpg/assets/tiles/water_f1.png b/docs/rpg/assets/tiles/water_f1.png
new file mode 100644
index 0000000..9c6d86d
Binary files /dev/null and b/docs/rpg/assets/tiles/water_f1.png differ
diff --git a/docs/rpg/assets/tiles/water_f2.png b/docs/rpg/assets/tiles/water_f2.png
new file mode 100644
index 0000000..a17eb44
Binary files /dev/null and b/docs/rpg/assets/tiles/water_f2.png differ
diff --git a/docs/rpg/index.html b/docs/rpg/index.html
index 45ee2e0..fec1a9c 100644
--- a/docs/rpg/index.html
+++ b/docs/rpg/index.html
@@ -13,7 +13,7 @@
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap" rel="stylesheet">
   <!-- Terminal styles come first so the RPG's pixel skin overrides them. -->
   <link rel="stylesheet" href="../css/casino.css">
-  <link rel="stylesheet" href="css/rpg.css?v=title-boot-1">
+  <link rel="stylesheet" href="css/rpg.css?v=env-sprites-1">
   <link rel="stylesheet" href="../css/intoxication-effects.css">
   <link rel="stylesheet" href="../css/rewards-phone.css">
   <script type="importmap">
@@ -48,7 +48,7 @@ <h1 class="title-intro-logo">The Mandalay Bay</h1>
       </div>
     </div>
   </div>
-  <script type="module" src="js/main.js?v=title-boot-1"></script>
+  <script type="module" src="js/main.js?v=env-sprites-1"></script>
   <script>
     // Surface module-load failures that would otherwise leave a blank title.
     window.addEventListener("error", (event) => {
diff --git a/docs/rpg/js/main.js b/docs/rpg/js/main.js
index 8625354..f7af57a 100644
--- a/docs/rpg/js/main.js
+++ b/docs/rpg/js/main.js
@@ -1,6 +1,6 @@
 import Phaser from "phaser";
-import { OverworldScene } from "./scenes/GameScenes.js?v=title-boot-1";
-import { TitleScreen, renderHud, renderTrainerCard } from "./scenes/TitleScreen.js?v=title-boot-1";
+import { OverworldScene } from "./scenes/GameScenes.js?v=env-sprites-1";
+import { TitleScreen, renderHud, renderTrainerCard } from "./scenes/TitleScreen.js?v=env-sprites-1";
 import { DialogueManager } from "./systems/DialogueManager.js";
 import { SaveAdapter } from "./systems/SaveAdapter.js";
 import { defaultAppearance } from "./systems/CharacterAppearance.js";
diff --git a/docs/rpg/js/scenes/GameScenes.js b/docs/rpg/js/scenes/GameScenes.js
index fab89de..89e8dcd 100644
--- a/docs/rpg/js/scenes/GameScenes.js
+++ b/docs/rpg/js/scenes/GameScenes.js
@@ -6,11 +6,12 @@ import {
   playerAnimKey,
   tileTextureKey,
   preloadCharacterAssets,
+  preloadEnvironmentAssets,
   cachePortraitImages,
   setupNpcSprite,
   applySpriteAppearance,
   resolvePlayerSprite,
-} from "../systems/TextureFactory.js?v=title-boot-1";
+} from "../systems/TextureFactory.js?v=env-sprites-1";
 import { normalizeAppearance } from "../systems/CharacterAppearance.js";
 import {
   TILE_SIZE, MAP_WIDTH, MAP_HEIGHT, buildMapLayersForId, getNpcsForMap,
@@ -93,6 +94,7 @@ export class OverworldScene extends Phaser.Scene {
   }
 
   preload() {
+    preloadEnvironmentAssets(this);
     preloadCharacterAssets(this);
   }
 
@@ -214,7 +216,8 @@ export class OverworldScene extends Phaser.Scene {
         "char_hero",
         0
       );
-      setupNpcSprite(this, sprite, npc.sprite);
+      const facing = npc.direction || "down";
+      setupNpcSprite(this, sprite, npc.sprite, facing);
       sprite.setDepth(10);
       sprite.setData("npc", npc);
       this.npcSprites.set(npc.id, sprite);
@@ -225,7 +228,7 @@ export class OverworldScene extends Phaser.Scene {
 
       if (npc.zone) {
         const dealer = this._dealerForZone(npc.zone);
-        setupNpcSprite(this, sprite, dealer.sprite);
+        setupNpcSprite(this, sprite, dealer.sprite, facing);
       }
     }
 
@@ -298,6 +301,8 @@ export class OverworldScene extends Phaser.Scene {
     this.cameras.main.setRoundPixels(true);
 
     this.facing = "down";
+    this._lastAnimFacing = null;
+    this._lastAnimMoving = null;
     this.canMove = true;
     this.nearbyNpc = null;
     this._lastDoorTile = null;
@@ -632,7 +637,13 @@ export class OverworldScene extends Phaser.Scene {
     const appearance = { appearance: this.playerAppearance };
     this.player.setFlipX(this.facing === "left");
     const key = playerAnimKey(appearance, this.facing, moving);
-    if (this.player.anims?.currentAnim?.key === key) return;
+    const facingChanged = this._lastAnimFacing !== this.facing;
+    const movingChanged = this._lastAnimMoving !== moving;
+    if (!facingChanged && !movingChanged && this.player.anims?.currentAnim?.key === key) {
+      return;
+    }
+    this._lastAnimFacing = this.facing;
+    this._lastAnimMoving = moving;
     if (this.anims.exists(key)) {
       this.player.anims.play(key, true);
     } else {
diff --git a/docs/rpg/js/systems/CharacterAppearance.js b/docs/rpg/js/systems/CharacterAppearance.js
index bd73542..cb793ae 100644
--- a/docs/rpg/js/systems/CharacterAppearance.js
+++ b/docs/rpg/js/systems/CharacterAppearance.js
@@ -39,12 +39,26 @@ export const NPC_PORTRAITS = {
   npc_red: { body: 0xf08088, mid: 0xc86068, shade: 0x984048, hair: 0x682830, skin: "tan" },
   npc_orange: { body: 0xffb060, mid: 0xd89048, shade: 0xa86830, hair: 0x784820, skin: "tan" },
   npc_silver: { body: 0xc0c8d8, mid: 0x9098a8, shade: 0x606878, hair: 0x404850, skin: "fair" },
+  // Dealer keys share palette slots for any CSS fallback; portraits use raster sheets.
+  dealer_steve: { body: 0xf0d050, mid: 0xc8a838, shade: 0x987820, hair: 0x685010, skin: "medium" },
+  dealer_meryl: { body: 0x50e8a0, mid: 0x38b878, shade: 0x288858, hair: 0x186040, skin: "medium" },
+  dealer_judi: { body: 0x48d8e8, mid: 0x30a8b8, shade: 0x208898, hair: 0x1a6070, skin: "fair" },
+  dealer_jennifer: { body: 0xd888f0, mid: 0xa868c0, shade: 0x7848a0, hair: 0x503070, skin: "fair" },
+  dealer_sofia: { body: 0xf08088, mid: 0xc86068, shade: 0x984048, hair: 0x682830, skin: "tan" },
+  dealer_octavia: { body: 0xffb060, mid: 0xd89048, shade: 0xa86830, hair: 0x784820, skin: "tan" },
+  dealer_nicole: { body: 0xc0c8d8, mid: 0x9098a8, shade: 0x606878, hair: 0x404850, skin: "fair" },
 };
 
 /** Map dialogue speaker names to portrait palette keys. */
 export const SPEAKER_PORTRAITS = {
   "Chip Chandler": "npc_gold",
-  "Steve Harvey": "npc_gold",
+  "Steve Harvey": "dealer_steve",
+  "Dealer Meryl Screech": "dealer_meryl",
+  "Croupier Judi Bench": "dealer_judi",
+  "Jennifer Lawless": "dealer_jennifer",
+  "Sofia Volume": "dealer_sofia",
+  "Octavia Spectacular": "dealer_octavia",
+  "Nicole Widechart": "dealer_nicole",
   "Betty": "npc_orange",
   "Barkeep Betty": "npc_orange",
   "Paula": "npc_pink",
@@ -111,7 +125,7 @@ export function resolvePalette(appearance) {
 
 export function resolveSpeakerPortrait(speaker) {
   const key = SPEAKER_PORTRAITS[speaker] ?? "npc_gold";
-  const palette = NPC_PORTRAITS[key];
+  const palette = NPC_PORTRAITS[key] ?? NPC_PORTRAITS.npc_gold;
   const skin = SKIN_TONES.find((s) => s.id === palette.skin) ?? SKIN_TONES[1];
   return {
     body: palette.body,
diff --git a/docs/rpg/js/systems/CharacterSprites.js b/docs/rpg/js/systems/CharacterSprites.js
index 006577a..7f062b4 100644
--- a/docs/rpg/js/systems/CharacterSprites.js
+++ b/docs/rpg/js/systems/CharacterSprites.js
@@ -1,6 +1,6 @@
 /**
- * CC0 top-down character sprites — Fry hero + Danilo Mattos Sora.
- * Replaces procedural chibi sprites with production pixel-art sheets.
+ * Character sprites — Fry hero (player) + Jephed staff/dealer sheets.
+ * See docs/rpg/assets/characters/ATTRIBUTION.md.
  */
 import {
   appearanceTextureBase,
@@ -22,23 +22,26 @@ const HERO = {
   scale: 0.75,
   originY: 0.82,
   rows: { walkDown: 0, walkRight: 1, walkUp: 2, idle: 3 },
-  walkCols: [0, 2, 4],
-  idleCols: { down: 0, up: 1, right: 3 },
+  // Full walk cycle from the sheet; left uses walkRight + flipX
+  walkCols: [0, 1, 2, 3, 4, 5],
+  // Sheet idle row: col0=down, col1=right, col2=up
+  idleCols: { down: 0, up: 2, right: 1 },
 };
 
-const SORA_SHEETS = {
-  walkDown: { key: "char_sora_walk_down", file: "sora/IdleDownWalking.png", frames: 4 },
-  walkUp: { key: "char_sora_walk_up", file: "sora/IdleUpWalking.png", frames: 4 },
-  walkRight: { key: "char_sora_walk_right", file: "sora/Walking_Right.png", frames: 4 },
-  idleDown: { key: "char_sora_idle_down", file: "sora/IdleDown.png", frames: 2 },
-  idleUp: { key: "char_sora_idle_up", file: "sora/IdleUp.png", frames: 2 },
-  idleRight: { key: "char_sora_idle_right", file: "sora/IdleLeft.png", frames: 8 },
+/** Jephed top-down staff sheets: 20×32 frames, 3×4 (down/left/right/up × walk/idle/walk). */
+const STAFF = {
+  frameWidth: 20,
+  frameHeight: 32,
+  columns: 3,
+  rows: 4,
+  scale: 1.5,
+  originY: 0.88,
+  // row: 0 down, 1 left, 2 right, 3 up
+  rowForDir: { down: 0, left: 1, right: 2, up: 3 },
+  idleCol: 1,
+  walkCols: [0, 1, 2],
 };
 
-const SORA_FRAME = 64;
-const SORA_SCALE = 0.5;
-const SORA_ORIGIN_Y = 0.85;
-
 const OUTFIT_TINT = {
   teal: 0xb8f0ff,
   gold: 0xffe8a0,
@@ -49,16 +52,32 @@ const OUTFIT_TINT = {
   coral: 0xffd0a0,
 };
 
-/** NPC sprite bases — hero (Fry) or sora with optional tint. */
-export const NPC_SPRITE_CONFIG = {
-  npc_gold: { base: "hero", tint: 0xfff0b0 },
-  npc_orange: { base: "hero", tint: 0xffcc88 },
-  npc_pink: { base: "hero", tint: 0xffb8e8 },
-  npc_red: { base: "hero", tint: 0xff9999 },
-  npc_silver: { base: "hero", tint: 0xd0d8e8 },
-  npc_teal: { base: "sora", tint: 0xffffff },
-  npc_green: { base: "sora", tint: 0x98ffcc },
-};
+/** Unique staff/dealer sheets under assets/characters/staff/. */
+const STAFF_SHEETS = [
+  "npc_gold",
+  "npc_orange",
+  "npc_pink",
+  "npc_red",
+  "npc_silver",
+  "npc_teal",
+  "npc_green",
+  "dealer_steve",
+  "dealer_meryl",
+  "dealer_judi",
+  "dealer_jennifer",
+  "dealer_sofia",
+  "dealer_octavia",
+  "dealer_nicole",
+];
+
+function staffKey(id) {
+  return `char_${id}`;
+}
+
+/** NPC sprite config — each key maps to a unique sheet (no tinted hero clones). */
+export const NPC_SPRITE_CONFIG = Object.fromEntries(
+  STAFF_SHEETS.map((id) => [id, { base: "staff", sheet: id, tint: 0xffffff }])
+);
 
 export function resolvePlayerSprite(appearance) {
   const a = normalizeAppearance({ appearance });
@@ -86,6 +105,10 @@ function heroFrameIndex(row, col) {
   return row * HERO.columns + col;
 }
 
+function staffFrameIndex(row, col) {
+  return row * STAFF.columns + col;
+}
+
 function getHeroFrameRect(dir, frame = 0, moving = false) {
   if (!moving) {
     const col = HERO.idleCols[dir === "left" ? "right" : dir] ?? 0;
@@ -106,23 +129,16 @@ function getHeroFrameRect(dir, frame = 0, moving = false) {
   };
 }
 
-function getSoraSheetKey(dir, moving) {
-  if (!moving) {
-    if (dir === "down") return SORA_SHEETS.idleDown.key;
-    if (dir === "up") return SORA_SHEETS.idleUp.key;
-    return SORA_SHEETS.idleRight.key;
-  }
-  if (dir === "down") return SORA_SHEETS.walkDown.key;
-  if (dir === "up") return SORA_SHEETS.walkUp.key;
-  return SORA_SHEETS.walkRight.key;
-}
-
-function getSoraFrameIndex(dir, frame, moving) {
-  if (!moving) {
-    if (dir === "right" || dir === "left") return 0;
-    return 0;
-  }
-  return frame % 4;
+function getStaffFrameRect(dir, frame = 0, moving = false) {
+  const facing = dir === "left" || dir === "right" || dir === "up" || dir === "down" ? dir : "down";
+  const row = STAFF.rowForDir[facing] ?? 0;
+  const col = moving ? STAFF.walkCols[frame % STAFF.walkCols.length] : STAFF.idleCol;
+  return {
+    x: col * STAFF.frameWidth,
+    y: row * STAFF.frameHeight,
+    w: STAFF.frameWidth,
+    h: STAFF.frameHeight,
+  };
 }
 
 export function preloadCharacterAssets(scene) {
@@ -131,10 +147,10 @@ export function preloadCharacterAssets(scene) {
     frameHeight: HERO.frameHeight,
   });
 
-  for (const sheet of Object.values(SORA_SHEETS)) {
-    scene.load.spritesheet(sheet.key, assetUrl(sheet.file), {
-      frameWidth: SORA_FRAME,
-      frameHeight: SORA_FRAME,
+  for (const id of STAFF_SHEETS) {
+    scene.load.spritesheet(staffKey(id), assetUrl(`staff/${id}.png`), {
+      frameWidth: STAFF.frameWidth,
+      frameHeight: STAFF.frameHeight,
     });
   }
 }
@@ -147,8 +163,8 @@ function rememberPortraitImage(key, scene) {
 
 export function cachePortraitImages(scene) {
   rememberPortraitImage(HERO.key, scene);
-  for (const sheet of Object.values(SORA_SHEETS)) {
-    rememberPortraitImage(sheet.key, scene);
+  for (const id of STAFF_SHEETS) {
+    rememberPortraitImage(staffKey(id), scene);
   }
 }
 
@@ -179,40 +195,40 @@ function createHeroAnims(scene, prefix) {
   }
 }
 
-function createSoraAnims(scene, prefix) {
+function createStaffAnims(scene, prefix, sheetId) {
   if (scene.anims.exists(`${prefix}_walk_down`)) return;
+  const key = staffKey(sheetId);
 
-  const dirs = [
-    { dir: "down", walk: SORA_SHEETS.walkDown, idle: SORA_SHEETS.idleDown },
-    { dir: "up", walk: SORA_SHEETS.walkUp, idle: SORA_SHEETS.idleUp },
-    { dir: "right", walk: SORA_SHEETS.walkRight, idle: SORA_SHEETS.idleRight },
-  ];
-
-  for (const { dir, walk, idle } of dirs) {
+  for (const dir of ["down", "up", "left", "right"]) {
+    const row = STAFF.rowForDir[dir];
+    const walkFrames = STAFF.walkCols.map((col) => ({
+      key,
+      frame: staffFrameIndex(row, col),
+    }));
     scene.anims.create({
       key: `${prefix}_walk_${dir}`,
-      frames: scene.anims.generateFrameNumbers(walk.key, { start: 0, end: walk.frames - 1 }),
-      frameRate: 10,
+      frames: walkFrames,
+      frameRate: 8,
       repeat: -1,
     });
     scene.anims.create({
       key: `${prefix}_idle_${dir}`,
-      frames: [{ key: idle.key, frame: 0 }],
+      frames: [{ key, frame: staffFrameIndex(row, STAFF.idleCol) }],
       frameRate: 1,
       repeat: 0,
     });
   }
 }
 
-function ensureAnims(scene, prefix, base) {
-  if (base === "sora") createSoraAnims(scene, prefix);
+function ensureAnims(scene, prefix, spec) {
+  if (spec.base === "staff") createStaffAnims(scene, prefix, spec.sheet);
   else createHeroAnims(scene, prefix);
 }
 
 export function applySpriteAppearance(sprite, spec) {
   const base = spec.base ?? "hero";
-  const scale = base === "sora" ? SORA_SCALE : HERO.scale;
-  const originY = base === "sora" ? SORA_ORIGIN_Y : HERO.originY;
+  const scale = base === "staff" ? STAFF.scale : HERO.scale;
+  const originY = base === "staff" ? STAFF.originY : HERO.originY;
   sprite.setScale(scale);
   sprite.setOrigin(0.5, originY);
   if (spec.tint && spec.tint !== 0xffffff) sprite.setTint(spec.tint);
@@ -221,19 +237,37 @@ export function applySpriteAppearance(sprite, spec) {
 
 export function ensurePlayerTextures(scene, appearance) {
   const spec = resolvePlayerSprite(appearance);
-  ensureAnims(scene, spec.prefix, spec.base);
+  ensureAnims(scene, spec.prefix, spec);
   return spec.prefix;
 }
 
-export function setupNpcSprite(scene, sprite, npcTextureKey) {
+/**
+ * @param {Phaser.Scene} scene
+ * @param {Phaser.GameObjects.Sprite} sprite
+ * @param {string} npcTextureKey
+ * @param {string} [facing]
+ */
+export function setupNpcSprite(scene, sprite, npcTextureKey, facing = "down") {
   const spec = resolveNpcSprite(npcTextureKey);
   const prefix = npcTextureKey;
-  ensureAnims(scene, prefix, spec.base);
-
-  const sheetKey = spec.base === "sora" ? SORA_SHEETS.idleDown.key : HERO.key;
-  const frame = spec.base === "sora" ? 0 : heroFrameIndex(HERO.rows.idle, HERO.idleCols.down);
-  sprite.setTexture(sheetKey, frame);
+  ensureAnims(scene, prefix, spec);
+
+  const dir = ["down", "up", "left", "right"].includes(facing) ? facing : "down";
+  if (spec.base === "staff") {
+    const key = staffKey(spec.sheet);
+    const row = STAFF.rowForDir[dir] ?? 0;
+    sprite.setTexture(key, staffFrameIndex(row, STAFF.idleCol));
+    sprite.setFlipX(false);
+  } else {
+    sprite.setTexture(HERO.key, heroFrameIndex(HERO.rows.idle, HERO.idleCols.down));
+    sprite.setFlipX(dir === "left");
+  }
   applySpriteAppearance(sprite, spec);
+
+  const idleKey = `${prefix}_idle_${dir === "left" && spec.base !== "staff" ? "right" : dir}`;
+  if (scene.anims.exists(idleKey)) {
+    sprite.anims.play(idleKey, true);
+  }
 }
 
 export function playerTextureKey(rpgOrArchetype, facing = "down") {
@@ -243,11 +277,6 @@ export function playerTextureKey(rpgOrArchetype, facing = "down") {
       : { archetype: rpgOrArchetype ?? "weekend_warrior" }
   );
   const dir = facing === "left" ? "right" : facing;
-  const rowKey = dir === "down" ? "walkDown" : dir === "up" ? "walkUp" : "walkRight";
-  if (spec.base === "sora") {
-    const idleKey = dir === "down" ? SORA_SHEETS.idleDown.key : dir === "up" ? SORA_SHEETS.idleUp.key : SORA_SHEETS.idleRight.key;
-    return { key: idleKey, frame: 0, flipX: facing === "left" };
-  }
   return {
     key: HERO.key,
     frame: heroFrameIndex(HERO.rows.idle, HERO.idleCols[dir] ?? 0),
@@ -261,6 +290,7 @@ export function playerAnimKey(rpgOrArchetype, facing, moving) {
       ? rpgOrArchetype
       : { archetype: rpgOrArchetype ?? "weekend_warrior" }
   );
+  // Hero sheet has no left column — remap + flip in the scene
   const dir = facing === "left" ? "right" : facing;
   const kind = moving ? "walk" : "idle";
   return `${spec.prefix}_${kind}_${dir}`;
@@ -270,20 +300,20 @@ export function playerAnimKey(rpgOrArchetype, facing, moving) {
 export function drawCharacterToCanvas(canvas, spec, dir = "down", frame = 0, pixelScale = 3) {
   const ctx = canvas.getContext("2d");
   const base = spec.base ?? "hero";
-  const facing = dir === "left" ? "right" : dir;
   let img;
   let rect;
+  let flip = false;
 
-  if (base === "sora") {
-    const sheetKey = getSoraSheetKey(facing, frame > 0);
-    img = portraitImages.get(sheetKey);
-    const fw = SORA_FRAME;
-    const fh = SORA_FRAME;
-    const idx = getSoraFrameIndex(facing, frame, frame > 0);
-    rect = { x: idx * fw, y: 0, w: fw, h: fh };
+  if (base === "staff") {
+    const sheetId = spec.sheet ?? "npc_gold";
+    img = portraitImages.get(staffKey(sheetId));
+    const facing = ["down", "up", "left", "right"].includes(dir) ? dir : "down";
+    rect = getStaffFrameRect(facing, frame, frame > 0);
   } else {
     img = portraitImages.get(HERO.key);
+    const facing = dir === "left" ? "right" : dir;
     rect = getHeroFrameRect(facing, frame, frame > 0);
+    flip = dir === "left";
   }
 
   if (!img || !rect) return;
@@ -293,7 +323,7 @@ export function drawCharacterToCanvas(canvas, spec, dir = "down", frame = 0, pix
   ctx.imageSmoothingEnabled = false;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-  if (dir === "left") {
+  if (flip) {
     ctx.translate(canvas.width, 0);
     ctx.scale(-1, 1);
   }
@@ -317,10 +347,10 @@ function bootPortraitCache() {
     const img = new Image();
     img.src = assetUrl(HERO.file);
     portraitImages.set(HERO.key, img);
-    for (const sheet of Object.values(SORA_SHEETS)) {
-      const soraImg = new Image();
-      soraImg.src = assetUrl(sheet.file);
-      portraitImages.set(sheet.key, soraImg);
+    for (const id of STAFF_SHEETS) {
+      const staffImg = new Image();
+      staffImg.src = assetUrl(`staff/${id}.png`);
+      portraitImages.set(staffKey(id), staffImg);
     }
   } catch (err) {
     console.warn("Character portrait cache warm-up failed", err);
diff --git a/docs/rpg/js/systems/EnvironmentTextures.js b/docs/rpg/js/systems/EnvironmentTextures.js
new file mode 100644
index 0000000..47d1f5f
--- /dev/null
+++ b/docs/rpg/js/systems/EnvironmentTextures.js
@@ -0,0 +1,120 @@
+/**
+ * Vendored online tilesets → Phaser texture keys matching the TILE enum.
+ * Ground/decor PNGs live under docs/rpg/assets/tiles/ (see ATTRIBUTION.md).
+ */
+import { TILE, TILE_SIZE } from "./MapTiles.js";
+
+const ASSET_ROOT = new URL("../../assets/tiles/", import.meta.url);
+const TILE_VARIANTS = 3;
+
+/** TILE id → base filename (without .png / _vN). */
+const TILE_FILES = {
+  [TILE.VOID]: "void",
+  [TILE.LOBBY]: "lobby",
+  [TILE.CARPET]: "carpet",
+  [TILE.FELT]: "felt",
+  [TILE.PLANT]: "plant",
+  [TILE.WATER]: "water_f0",
+  [TILE.WALL]: "wall",
+  [TILE.BAR]: "bar",
+  [TILE.SLOT]: "slot",
+  [TILE.SCREEN]: "screen",
+  [TILE.VIP]: "vip",
+  [TILE.AQUA]: "aqua",
+  [TILE.ROAD]: "road",
+  [TILE.SAND]: "sand",
+  [TILE.STAGE]: "stage",
+  [TILE.SPA]: "spa",
+  [TILE.GLASS]: "glass",
+  [TILE.ROPE]: "rope",
+  [TILE.PATH]: "path",
+  [TILE.TRIM]: "trim",
+};
+
+const DECOR_FILES = {
+  decor_bar: "decor/bar.png",
+  decor_plant: "decor/plant.png",
+  decor_slot: "decor/slot.png",
+  decor_screen: "decor/screen.png",
+  decor_glass: "decor/glass.png",
+  decor_rope: "decor/rope.png",
+};
+
+function assetUrl(rel) {
+  return new URL(rel, ASSET_ROOT).href;
+}
+
+function variantFile(base, variant) {
+  if (variant === 0) return `${base}.png`;
+  return `${base}_v${variant}.png`;
+}
+
+/** Stable texture key for a ground tile with positional variant. */
+export function tileTextureKey(tileId, x = 0, y = 0) {
+  const v = (x * 3 + y * 5 + tileId * 7) % TILE_VARIANTS;
+  return v === 0 ? `tile_${tileId}` : `tile_${tileId}_v${v}`;
+}
+
+export function preloadEnvironmentAssets(scene) {
+  for (const [id, base] of Object.entries(TILE_FILES)) {
+    const tileId = Number(id);
+    if (tileId === TILE.WATER) {
+      for (let frame = 0; frame < 3; frame++) {
+        scene.load.image(`tile_water_f${frame}`, assetUrl(`water_f${frame}.png`));
+      }
+      // Also alias tile_5 to first water frame for static lookups
+      scene.load.image(`tile_${TILE.WATER}`, assetUrl("water_f0.png"));
+      continue;
+    }
+    for (let v = 0; v < TILE_VARIANTS; v++) {
+      const key = v === 0 ? `tile_${tileId}` : `tile_${tileId}_v${v}`;
+      const file = variantFile(base, v);
+      scene.load.image(key, assetUrl(file));
+    }
+  }
+
+  for (const [key, file] of Object.entries(DECOR_FILES)) {
+    scene.load.image(key, assetUrl(file));
+  }
+}
+
+/**
+ * Ensure all expected keys exist after load. Missing variant files fall back
+ * to the base tile so maps never show missing textures.
+ */
+export function createEnvironmentTextures(scene) {
+  for (const [id] of Object.entries(TILE_FILES)) {
+    const tileId = Number(id);
+    if (tileId === TILE.WATER) {
+      for (let frame = 0; frame < 3; frame++) {
+        const key = `tile_water_f${frame}`;
+        if (!scene.textures.exists(key) && scene.textures.exists("tile_water_f0")) {
+          // leave as-is; water frames are independent images
+        }
+      }
+      continue;
+    }
+    const baseKey = `tile_${tileId}`;
+    for (let v = 1; v < TILE_VARIANTS; v++) {
+      const key = `tile_${tileId}_v${v}`;
+      if (!scene.textures.exists(key) && scene.textures.exists(baseKey)) {
+        // Phaser has no cheap clone; re-load base under variant key via canvas
+        const src = scene.textures.get(baseKey).getSourceImage();
+        if (src) {
+          scene.textures.addImage(key, src);
+        }
+      }
+    }
+  }
+
+  // Ensure aqua variants exist
+  if (scene.textures.exists("tile_11") && !scene.textures.exists("tile_11_v1")) {
+    const src = scene.textures.get("tile_11").getSourceImage();
+    if (src) {
+      scene.textures.addImage("tile_11_v1", src);
+      scene.textures.addImage("tile_11_v2", src);
+    }
+  }
+
+  void TILE_SIZE; // documented contract: PNGs are authored at TILE_SIZE
+}
diff --git a/docs/rpg/js/systems/TextureFactory.js b/docs/rpg/js/systems/TextureFactory.js
index 3ae02b9..a41d020 100644
--- a/docs/rpg/js/systems/TextureFactory.js
+++ b/docs/rpg/js/systems/TextureFactory.js
@@ -1,10 +1,15 @@
 import { ART_UNIT, TILE, TILE_SIZE } from "./MapTiles.js";
+import {
+  createEnvironmentTextures,
+} from "./EnvironmentTextures.js";
 
 /**
- * Production-grade procedural pixel textures — 16px art grid, 2× upscale.
- * Multi-variant floors, top-left lighting, casino-material palettes.
+ * Game textures: vendored online tiles for ground/decor, procedural FX/UI.
+ * Character sheets load via CharacterSprites; environment via EnvironmentTextures.
  */
 
+export { tileTextureKey, preloadEnvironmentAssets } from "./EnvironmentTextures.js";
+
 const SCALE = TILE_SIZE / ART_UNIT;
 const OUTLINE = 0x181828;
 const OUTLINE_SOFT = 0x303040;
@@ -128,13 +133,7 @@ function makeTex(scene, key, draw, w = TILE_SIZE, h = TILE_SIZE) {
   g.destroy();
 }
 
-/** Stable texture key for a ground tile with positional variant. */
-export function tileTextureKey(tileId, x = 0, y = 0) {
-  const v = (x * 3 + y * 5 + tileId * 7) % TILE_VARIANTS;
-  return v === 0 ? `tile_${tileId}` : `tile_${tileId}_v${v}`;
-}
-
-// ─── Ground tiles ──────────────────────────────────────────────────────────
+// ─── Legacy procedural drawers (kept for FX helpers / fallback reference) ──
 
 function drawLobbyTile(g, variant = 0) {
   const w = makeWriter(g);
@@ -713,25 +712,38 @@ function drawScreenDecor(g) {
 }
 
 export function createGameTextures(scene) {
+  // Ground + decor come from preloaded PNGs (EnvironmentTextures).
+  createEnvironmentTextures(scene);
+
+  // Fallback: if a tile key failed to load, generate procedural stand-in.
   for (const [id, drawer] of Object.entries(TILE_DRAWERS)) {
     const tileId = Number(id);
     for (let v = 0; v < TILE_VARIANTS; v++) {
       const key = v === 0 ? `tile_${tileId}` : `tile_${tileId}_v${v}`;
-      makeTex(scene, key, (g) => drawer(g, v));
+      if (!scene.textures.exists(key)) {
+        makeTex(scene, key, (g) => drawer(g, v));
+      }
     }
   }
-
-  // Animated water frames (used by GameScenes for pool/water tiles)
   for (let frame = 0; frame < 3; frame++) {
-    makeTex(scene, `tile_water_f${frame}`, (g) => drawWaterTile(g, 0, frame));
+    const key = `tile_water_f${frame}`;
+    if (!scene.textures.exists(key)) {
+      makeTex(scene, key, (g) => drawWaterTile(g, 0, frame));
+    }
+  }
+  const decorFallbacks = {
+    decor_bar: drawBarDecor,
+    decor_plant: drawPlantDecor,
+    decor_slot: drawSlotDecor,
+    decor_screen: drawScreenDecor,
+    decor_glass: drawGlassTile,
+    decor_rope: drawRopeTile,
+  };
+  for (const [key, draw] of Object.entries(decorFallbacks)) {
+    if (!scene.textures.exists(key)) makeTex(scene, key, draw);
   }
 
-  makeTex(scene, "decor_bar", drawBarDecor);
-  makeTex(scene, "decor_plant", drawPlantDecor);
-  makeTex(scene, "decor_slot", drawSlotDecor);
-  makeTex(scene, "decor_screen", drawScreenDecor);
-  makeTex(scene, "decor_glass", drawGlassTile);
-  makeTex(scene, "decor_rope", drawRopeTile);
+  // FX / UI remain procedural (small, theme-consistent).
   makeTex(scene, "sign_plaque", drawSignPlaque);
   makeTex(scene, "glow_gold", (g) => drawSoftGlow(g, 0xe8c547));
   makeTex(scene, "glow_cyan", (g) => drawSoftGlow(g, 0x39c5cf));
diff --git a/wiki/Pixel-RPG-Simulator.md b/wiki/Pixel-RPG-Simulator.md
index 64186e7..3373b59 100644
--- a/wiki/Pixel-RPG-Simulator.md
+++ b/wiki/Pixel-RPG-Simulator.md
@@ -357,13 +357,15 @@ erases pixel progress.
 | **SFX** | Footsteps by tile type, blackjack natural 21 shake, slot reel stops |
 | **Cabinet bezel** | CSS arcade frame around `#game-shell` |
 | **Konami code** | Secret room Easter egg |
-| **Procedural textures** | `TextureFactory.js` generates pixel art at runtime |
+| **Vendored tiles** | Online pixel tilesets under `assets/tiles/` (LPC floors, Jephed casino props, Kenney outdoor) loaded by `EnvironmentTextures.js` |
+| **Character sheets** | Fry hero + Jephed unique dealer/staff sheets under `assets/characters/` |
 
-### Art pipeline (future)
+### Art pipeline
 
-Layouts are already data (`js/data/maps/*.json`); the art is not. The remaining
-step is swapping `TextureFactory`'s runtime-generated tiles for an Aseprite
-tileset, which `MapLoader` can consume without changing a single map record.
+Layouts are data (`js/data/maps/*.json`). Ground and decor textures are vendored
+PNGs mapped to the existing `TILE` enum — map JSON did not need to change.
+FX icons (glows, interact marker) remain small procedural textures in
+`TextureFactory.js`.
 
 ---