zeroed-some/dougk / 5fa8df1

+    face: null,

+    clothing: null

+

+      case 'clothing_body':

+        // Remove existing clothing

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        // Add new clothing

+        if (outfit.meshFactory) {

+          accessories.clothing = outfit.meshFactory(storedGradientMap)

+          // Clothing is positioned relative to body origin

+          group.add(accessories.clothing)

+        }

+        break

+

+      case 'clothing_body':

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        break

+    head: null,

+    clothing: null

+

+      case 'clothing_body':

+        // Remove existing clothing

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        // Add new clothing

+        if (outfit.meshFactory) {

+          accessories.clothing = outfit.meshFactory(storedGradientMap)

+          // Clothing is positioned relative to body origin

+          group.add(accessories.clothing)

+        }

+        break

+

+      case 'clothing_body':

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        break

+    head: null,

+    clothing: null

+

+      case 'clothing_body':

+        // Remove existing clothing

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        // Add new clothing

+        if (outfit.meshFactory) {

+          accessories.clothing = outfit.meshFactory(storedGradientMap)

+          // Clothing is positioned relative to body origin

+          group.add(accessories.clothing)

+        }

+        break

+

+      case 'clothing_body':

+        if (accessories.clothing) {

+          group.remove(accessories.clothing)

+          accessories.clothing = null

+        }

+        break

+  ACCESSORY_HELD: 'accessory_held',

+  CLOTHING_BODY: 'clothing_body'  // Actual rendered clothing meshes

+  // === DOUG CLOTHING - Actual rendered garments ===

+

+  // Simple tier - basic clothing

+  doug_tee_red: {

+    id: 'doug_tee_red',

+    name: 'Red T-Shirt',

+    character: CHARACTERS.DOUG,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 35,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const fabricMat = new THREE.MeshToonMaterial({ color: 0xcc3333, gradientMap })

+

+      // Main shirt body - wraps around duck torso

+      const torsoGeom = new THREE.SphereGeometry(0.44, 10, 8)

+      torsoGeom.scale(1.35, 0.72, 0.88)

+      const torso = new THREE.Mesh(torsoGeom, fabricMat)

+      torso.position.set(0, 0.28, 0)

+      group.add(torso)

+

+      // Collar (V-neck)

+      const collarMat = new THREE.MeshToonMaterial({ color: 0xaa2222, gradientMap })

+      const collarGeom = new THREE.TorusGeometry(0.12, 0.025, 4, 8, Math.PI)

+      const collar = new THREE.Mesh(collarGeom, collarMat)

+      collar.position.set(0.35, 0.42, 0)

+      collar.rotation.z = -Math.PI / 2

+      collar.rotation.y = Math.PI / 2

+      group.add(collar)

+

+      // Short sleeves

+      const sleeveGeom = new THREE.CylinderGeometry(0.08, 0.1, 0.12, 6)

+      const leftSleeve = new THREE.Mesh(sleeveGeom, fabricMat)

+      leftSleeve.position.set(0.05, 0.32, 0.36)

+      leftSleeve.rotation.x = Math.PI / 2

+      leftSleeve.rotation.z = 0.3

+      group.add(leftSleeve)

+

+      const rightSleeve = new THREE.Mesh(sleeveGeom, fabricMat)

+      rightSleeve.position.set(0.05, 0.32, -0.36)

+      rightSleeve.rotation.x = -Math.PI / 2

+      rightSleeve.rotation.z = 0.3

+      group.add(rightSleeve)

+

+      return group

+    }

+  },

+

+  doug_sailor_shirt: {

+    id: 'doug_sailor_shirt',

+    name: 'Sailor Stripes',

+    character: CHARACTERS.DOUG,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 55,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+      const blueMat = new THREE.MeshToonMaterial({ color: 0x1e3a5f, gradientMap })

+

+      // Main shirt body

+      const torsoGeom = new THREE.SphereGeometry(0.44, 10, 8)

+      torsoGeom.scale(1.35, 0.72, 0.88)

+      const torso = new THREE.Mesh(torsoGeom, whiteMat)

+      torso.position.set(0, 0.28, 0)

+      group.add(torso)

+

+      // Horizontal stripes (rings around body)

+      for (let i = 0; i < 4; i++) {

+        const stripeGeom = new THREE.TorusGeometry(0.38 - i * 0.02, 0.02, 4, 16)

+        const stripe = new THREE.Mesh(stripeGeom, blueMat)

+        stripe.position.set(-0.05 + i * 0.12, 0.18 + i * 0.06, 0)

+        stripe.rotation.y = Math.PI / 2

+        stripe.rotation.z = 0.1

+        group.add(stripe)

+      }

+

+      // Sailor collar (big square back collar)

+      const collarGeom = new THREE.BoxGeometry(0.35, 0.02, 0.4)

+      const collar = new THREE.Mesh(collarGeom, blueMat)

+      collar.position.set(-0.15, 0.48, 0)

+      group.add(collar)

+

+      // Collar flaps hanging down back

+      const flapGeom = new THREE.BoxGeometry(0.18, 0.2, 0.02)

+      const leftFlap = new THREE.Mesh(flapGeom, blueMat)

+      leftFlap.position.set(-0.2, 0.38, 0.18)

+      leftFlap.rotation.x = 0.2

+      group.add(leftFlap)

+

+      const rightFlap = new THREE.Mesh(flapGeom, blueMat)

+      rightFlap.position.set(-0.2, 0.38, -0.18)

+      rightFlap.rotation.x = -0.2

+      group.add(rightFlap)

+

+      // Red neckerchief

+      const tieMat = new THREE.MeshToonMaterial({ color: 0xcc2222, gradientMap })

+      const tieGeom = new THREE.ConeGeometry(0.06, 0.15, 4)

+      const tie = new THREE.Mesh(tieGeom, tieMat)

+      tie.position.set(0.32, 0.32, 0)

+      tie.rotation.z = Math.PI

+      group.add(tie)

+

+      return group

+    }

+  },

+

+  doug_cozy_sweater: {

+    id: 'doug_cozy_sweater',

+    name: 'Cozy Sweater',

+    character: CHARACTERS.DOUG,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 70,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const woolMat = new THREE.MeshToonMaterial({ color: 0x8b4513, gradientMap })

+      const trimMat = new THREE.MeshToonMaterial({ color: 0xdaa520, gradientMap })

+

+      // Chunky sweater body

+      const torsoGeom = new THREE.SphereGeometry(0.46, 10, 8)

+      torsoGeom.scale(1.38, 0.75, 0.92)

+      const torso = new THREE.Mesh(torsoGeom, woolMat)

+      torso.position.set(0, 0.28, 0)

+      group.add(torso)

+

+      // Ribbed collar (turtleneck)

+      const collarGeom = new THREE.CylinderGeometry(0.14, 0.16, 0.1, 8)

+      const collar = new THREE.Mesh(collarGeom, woolMat)

+      collar.position.set(0.38, 0.52, 0)

+      collar.rotation.z = -0.1

+      group.add(collar)

+

+      // Cable knit pattern (raised lines)

+      for (let i = 0; i < 3; i++) {

+        const cableGeom = new THREE.CylinderGeometry(0.015, 0.015, 0.5, 4)

+        const cable = new THREE.Mesh(cableGeom, trimMat)

+        cable.position.set(0.1, 0.28, -0.25 + i * 0.25)

+        cable.rotation.x = Math.PI / 2

+        cable.rotation.z = 0.2

+        group.add(cable)

+      }

+

+      // Long sleeves

+      const sleeveGeom = new THREE.CylinderGeometry(0.09, 0.11, 0.2, 6)

+      const leftSleeve = new THREE.Mesh(sleeveGeom, woolMat)

+      leftSleeve.position.set(-0.05, 0.30, 0.38)

+      leftSleeve.rotation.x = Math.PI / 2

+      leftSleeve.rotation.z = 0.4

+      group.add(leftSleeve)

+

+      const rightSleeve = new THREE.Mesh(sleeveGeom, woolMat)

+      rightSleeve.position.set(-0.05, 0.30, -0.38)

+      rightSleeve.rotation.x = -Math.PI / 2

+      rightSleeve.rotation.z = 0.4

+      group.add(rightSleeve)

+

+      // Bottom ribbing

+      const ribGeom = new THREE.TorusGeometry(0.42, 0.03, 4, 16)

+      const rib = new THREE.Mesh(ribGeom, trimMat)

+      rib.position.set(-0.1, 0.08, 0)

+      rib.rotation.y = Math.PI / 2

+      group.add(rib)

+

+      return group

+    }

+  },

+

+  doug_captain_jacket: {

+    id: 'doug_captain_jacket',

+    name: "Captain's Jacket",

+    character: CHARACTERS.DOUG,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 95,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const navyMat = new THREE.MeshToonMaterial({ color: 0x1a1a3a, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+

+      // Jacket body

+      const torsoGeom = new THREE.SphereGeometry(0.45, 10, 8)

+      torsoGeom.scale(1.4, 0.76, 0.9)

+      const torso = new THREE.Mesh(torsoGeom, navyMat)

+      torso.position.set(0, 0.28, 0)

+      group.add(torso)

+

+      // Jacket front panels (double-breasted)

+      const panelGeom = new THREE.BoxGeometry(0.08, 0.35, 0.25)

+      const leftPanel = new THREE.Mesh(panelGeom, navyMat)

+      leftPanel.position.set(0.38, 0.28, 0.12)

+      group.add(leftPanel)

+

+      const rightPanel = new THREE.Mesh(panelGeom, navyMat)

+      rightPanel.position.set(0.38, 0.28, -0.12)

+      group.add(rightPanel)

+

+      // Gold buttons (double row)

+      const buttonGeom = new THREE.SphereGeometry(0.025, 6, 4)

+      const buttonPositions = [

+        { x: 0.42, y: 0.38, z: 0.08 }, { x: 0.42, y: 0.28, z: 0.08 }, { x: 0.42, y: 0.18, z: 0.08 },

+        { x: 0.42, y: 0.38, z: -0.08 }, { x: 0.42, y: 0.28, z: -0.08 }, { x: 0.42, y: 0.18, z: -0.08 }

+      ]

+      for (const pos of buttonPositions) {

+        const button = new THREE.Mesh(buttonGeom, goldMat)

+        button.position.set(pos.x, pos.y, pos.z)

+        group.add(button)

+      }

+

+      // Epaulettes (shoulder boards)

+      const epauletteGeom = new THREE.BoxGeometry(0.08, 0.02, 0.12)

+      const leftEpaulette = new THREE.Mesh(epauletteGeom, goldMat)

+      leftEpaulette.position.set(0.1, 0.45, 0.32)

+      group.add(leftEpaulette)

+

+      const rightEpaulette = new THREE.Mesh(epauletteGeom, goldMat)

+      rightEpaulette.position.set(0.1, 0.45, -0.32)

+      group.add(rightEpaulette)

+

+      // High collar

+      const collarGeom = new THREE.CylinderGeometry(0.13, 0.15, 0.08, 8, 1, true)

+      const collar = new THREE.Mesh(collarGeom, navyMat)

+      collar.position.set(0.36, 0.50, 0)

+      collar.rotation.z = -0.1

+      group.add(collar)

+

+      // Gold collar trim

+      const collarTrimGeom = new THREE.TorusGeometry(0.14, 0.012, 4, 12)

+      const collarTrim = new THREE.Mesh(collarTrimGeom, goldMat)

+      collarTrim.position.set(0.36, 0.54, 0)

+      collarTrim.rotation.x = Math.PI / 2

+      collarTrim.rotation.z = -0.1

+      group.add(collarTrim)

+

+      // Sleeves with gold cuff trim

+      const sleeveGeom = new THREE.CylinderGeometry(0.09, 0.1, 0.18, 6)

+      const leftSleeve = new THREE.Mesh(sleeveGeom, navyMat)

+      leftSleeve.position.set(-0.02, 0.30, 0.38)

+      leftSleeve.rotation.x = Math.PI / 2

+      leftSleeve.rotation.z = 0.35

+      group.add(leftSleeve)

+

+      const rightSleeve = new THREE.Mesh(sleeveGeom, navyMat)

+      rightSleeve.position.set(-0.02, 0.30, -0.38)

+      rightSleeve.rotation.x = -Math.PI / 2

+      rightSleeve.rotation.z = 0.35

+      group.add(rightSleeve)

+

+      // Gold cuff rings

+      const cuffGeom = new THREE.TorusGeometry(0.095, 0.015, 4, 8)

+      const leftCuff = new THREE.Mesh(cuffGeom, goldMat)

+      leftCuff.position.set(-0.08, 0.26, 0.44)

+      leftCuff.rotation.y = Math.PI / 2 + 0.35

+      group.add(leftCuff)

+

+      const rightCuff = new THREE.Mesh(cuffGeom, goldMat)

+      rightCuff.position.set(-0.08, 0.26, -0.44)

+      rightCuff.rotation.y = Math.PI / 2 - 0.35

+      group.add(rightCuff)

+

+      return group

+    }

+  },

+

+  doug_pirate_captain: {

+    id: 'doug_pirate_captain',

+    name: 'Pirate Captain',

+    character: CHARACTERS.DOUG,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 150,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const coatMat = new THREE.MeshToonMaterial({ color: 0x8b0000, gradientMap })

+      const blackMat = new THREE.MeshToonMaterial({ color: 0x1a1a1a, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xf5f5dc, gradientMap })

+      const beltMat = new THREE.MeshToonMaterial({ color: 0x4a3020, gradientMap })

+

+      // Inner white shirt (ruffle front)

+      const shirtGeom = new THREE.SphereGeometry(0.42, 10, 8)

+      shirtGeom.scale(1.3, 0.7, 0.85)

+      const shirt = new THREE.Mesh(shirtGeom, whiteMat)

+      shirt.position.set(0, 0.28, 0)

+      group.add(shirt)

+

+      // Ruffle details on shirt front

+      for (let i = 0; i < 4; i++) {

+        const ruffleGeom = new THREE.TorusGeometry(0.06 - i * 0.008, 0.015, 4, 8, Math.PI)

+        const ruffle = new THREE.Mesh(ruffleGeom, whiteMat)

+        ruffle.position.set(0.36, 0.35 - i * 0.06, 0)

+        ruffle.rotation.y = Math.PI / 2

+        ruffle.rotation.z = -Math.PI / 2

+        group.add(ruffle)

+      }

+

+      // Long pirate coat (open front)

+      const coatLeftGeom = new THREE.BoxGeometry(0.1, 0.45, 0.35)

+      const coatLeft = new THREE.Mesh(coatLeftGeom, coatMat)

+      coatLeft.position.set(0.15, 0.22, 0.25)

+      coatLeft.rotation.y = 0.15

+      group.add(coatLeft)

+

+      const coatRightGeom = new THREE.BoxGeometry(0.1, 0.45, 0.35)

+      const coatRight = new THREE.Mesh(coatRightGeom, coatMat)

+      coatRight.position.set(0.15, 0.22, -0.25)

+      coatRight.rotation.y = -0.15

+      group.add(coatRight)

+

+      // Coat back

+      const coatBackGeom = new THREE.BoxGeometry(0.08, 0.5, 0.55)

+      const coatBack = new THREE.Mesh(coatBackGeom, coatMat)

+      coatBack.position.set(-0.25, 0.25, 0)

+      group.add(coatBack)

+

+      // Coat tails (flowing behind)

+      const tailGeom = new THREE.BoxGeometry(0.06, 0.25, 0.2)

+      const leftTail = new THREE.Mesh(tailGeom, coatMat)

+      leftTail.position.set(-0.35, 0.08, 0.15)

+      leftTail.rotation.x = 0.2

+      leftTail.rotation.z = 0.1

+      group.add(leftTail)

+

+      const rightTail = new THREE.Mesh(tailGeom, coatMat)

+      rightTail.position.set(-0.35, 0.08, -0.15)

+      rightTail.rotation.x = -0.2

+      rightTail.rotation.z = 0.1

+      group.add(rightTail)

+

+      // Gold trim on coat edges

+      const trimGeom = new THREE.BoxGeometry(0.02, 0.4, 0.02)

+      const trimPositions = [

+        { x: 0.22, y: 0.22, z: 0.42 }, { x: 0.22, y: 0.22, z: -0.42 },

+        { x: 0.22, y: 0.22, z: 0.08 }, { x: 0.22, y: 0.22, z: -0.08 }

+      ]

+      for (const pos of trimPositions) {

+        const trim = new THREE.Mesh(trimGeom, goldMat)

+        trim.position.set(pos.x, pos.y, pos.z)

+        group.add(trim)

+      }

+

+      // Wide leather belt

+      const beltGeom = new THREE.TorusGeometry(0.4, 0.035, 4, 16)

+      const belt = new THREE.Mesh(beltGeom, beltMat)

+      belt.position.set(0, 0.15, 0)

+      belt.rotation.y = Math.PI / 2

+      belt.rotation.z = 0.05

+      group.add(belt)

+

+      // Belt buckle (skull shape simplified)

+      const buckleGeom = new THREE.BoxGeometry(0.08, 0.08, 0.03)

+      const buckle = new THREE.Mesh(buckleGeom, goldMat)

+      buckle.position.set(0.38, 0.15, 0)

+      group.add(buckle)

+

+      // Skull detail on buckle

+      const skullGeom = new THREE.SphereGeometry(0.025, 6, 4)

+      const skull = new THREE.Mesh(skullGeom, whiteMat)

+      skull.position.set(0.40, 0.15, 0)

+      group.add(skull)

+

+      // Diagonal bandolier strap

+      const strapGeom = new THREE.BoxGeometry(0.5, 0.04, 0.03)

+      const strap = new THREE.Mesh(strapGeom, beltMat)

+      strap.position.set(0.05, 0.32, 0)

+      strap.rotation.z = 0.6

+      group.add(strap)

+

+      // Coat sleeves

+      const sleeveGeom = new THREE.CylinderGeometry(0.1, 0.11, 0.22, 6)

+      const leftSleeve = new THREE.Mesh(sleeveGeom, coatMat)

+      leftSleeve.position.set(-0.05, 0.30, 0.4)

+      leftSleeve.rotation.x = Math.PI / 2

+      leftSleeve.rotation.z = 0.4

+      group.add(leftSleeve)

+

+      const rightSleeve = new THREE.Mesh(sleeveGeom, coatMat)

+      rightSleeve.position.set(-0.05, 0.30, -0.4)

+      rightSleeve.rotation.x = -Math.PI / 2

+      rightSleeve.rotation.z = 0.4

+      group.add(rightSleeve)

+

+      // Sleeve cuff ruffles

+      const cuffGeom = new THREE.TorusGeometry(0.1, 0.02, 4, 8)

+      const leftCuff = new THREE.Mesh(cuffGeom, whiteMat)

+      leftCuff.position.set(-0.12, 0.26, 0.48)

+      leftCuff.rotation.y = Math.PI / 2 + 0.4

+      group.add(leftCuff)

+

+      const rightCuff = new THREE.Mesh(cuffGeom, whiteMat)

+      rightCuff.position.set(-0.12, 0.26, -0.48)

+      rightCuff.rotation.y = Math.PI / 2 - 0.4

+      group.add(rightCuff)

+

+      // Gold buttons on coat

+      const buttonGeom = new THREE.SphereGeometry(0.02, 6, 4)

+      for (let i = 0; i < 3; i++) {

+        const leftBtn = new THREE.Mesh(buttonGeom, goldMat)

+        leftBtn.position.set(0.2, 0.35 - i * 0.08, 0.1)

+        group.add(leftBtn)

+

+        const rightBtn = new THREE.Mesh(buttonGeom, goldMat)

+        rightBtn.position.set(0.2, 0.35 - i * 0.08, -0.1)

+        group.add(rightBtn)

+      }

+

+      return group

+    }

+  },

+

+  // === DONNY CLOTHING - Narwhal garments ===

+

+  donny_sailor_vest: {

+    id: 'donny_sailor_vest',

+    name: 'Sailor Vest',

+    character: CHARACTERS.DONNY,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 45,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+      const blueMat = new THREE.MeshToonMaterial({ color: 0x1e3a5f, gradientMap })

+

+      // Vest body - fits narwhal's torpedo shape

+      const vestGeom = new THREE.CylinderGeometry(0.38, 0.42, 0.6, 10)

+      const vest = new THREE.Mesh(vestGeom, whiteMat)

+      vest.position.set(0, 0.15, 0)

+      vest.rotation.x = Math.PI / 2

+      group.add(vest)

+

+      // Blue stripes on vest

+      for (let i = 0; i < 3; i++) {

+        const stripeGeom = new THREE.TorusGeometry(0.39 + i * 0.01, 0.02, 4, 16)

+        const stripe = new THREE.Mesh(stripeGeom, blueMat)

+        stripe.position.set(0, -0.1 + i * 0.15, 0)

+        stripe.rotation.x = Math.PI / 2

+        group.add(stripe)

+      }

+

+      // Collar

+      const collarGeom = new THREE.TorusGeometry(0.36, 0.04, 4, 12, Math.PI)

+      const collar = new THREE.Mesh(collarGeom, blueMat)

+      collar.position.set(0, 0.42, 0.1)

+      collar.rotation.x = Math.PI / 2 + 0.3

+      group.add(collar)

+

+      return group

+    }

+  },

+

+  donny_admiral_coat: {

+    id: 'donny_admiral_coat',

+    name: 'Admiral Coat',

+    character: CHARACTERS.DONNY,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 100,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const navyMat = new THREE.MeshToonMaterial({ color: 0x1a1a3a, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+

+      // Main coat body

+      const coatGeom = new THREE.CylinderGeometry(0.4, 0.45, 0.7, 10)

+      const coat = new THREE.Mesh(coatGeom, navyMat)

+      coat.position.set(0, 0.12, 0)

+      coat.rotation.x = Math.PI / 2

+      group.add(coat)

+

+      // High collar

+      const collarGeom = new THREE.CylinderGeometry(0.38, 0.35, 0.12, 10, 1, true)

+      const collar = new THREE.Mesh(collarGeom, navyMat)

+      collar.position.set(0, 0.48, 0)

+      collar.rotation.x = Math.PI / 2

+      group.add(collar)

+

+      // Gold collar trim

+      const collarTrimGeom = new THREE.TorusGeometry(0.36, 0.015, 4, 12)

+      const collarTrim = new THREE.Mesh(collarTrimGeom, goldMat)

+      collarTrim.position.set(0, 0.54, 0)

+      collarTrim.rotation.x = Math.PI / 2

+      group.add(collarTrim)

+

+      // Epaulettes

+      const epGeom = new THREE.BoxGeometry(0.15, 0.03, 0.1)

+      const leftEp = new THREE.Mesh(epGeom, goldMat)

+      leftEp.position.set(0.35, 0.35, 0.2)

+      leftEp.rotation.z = 0.3

+      group.add(leftEp)

+

+      const rightEp = new THREE.Mesh(epGeom, goldMat)

+      rightEp.position.set(0.35, 0.35, -0.2)

+      rightEp.rotation.z = 0.3

+      group.add(rightEp)

+

+      // Gold buttons (row down front)

+      const buttonGeom = new THREE.SphereGeometry(0.025, 6, 4)

+      for (let i = 0; i < 4; i++) {

+        const button = new THREE.Mesh(buttonGeom, goldMat)

+        button.position.set(0.1 - i * 0.12, 0.42, 0)

+        group.add(button)

+      }

+

+      // Medals/decorations

+      const medalGeom = new THREE.CircleGeometry(0.04, 6)

+      const medal1 = new THREE.Mesh(medalGeom, goldMat)

+      medal1.position.set(0.25, 0.38, 0.15)

+      medal1.rotation.y = -0.5

+      group.add(medal1)

+

+      const medal2 = new THREE.Mesh(medalGeom, goldMat)

+      medal2.position.set(0.2, 0.38, 0.12)

+      medal2.rotation.y = -0.5

+      group.add(medal2)

+

+      return group

+    }

+  },

+

+  donny_pirate_vest: {

+    id: 'donny_pirate_vest',

+    name: 'Pirate Vest',

+    character: CHARACTERS.DONNY,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 130,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const redMat = new THREE.MeshToonMaterial({ color: 0x8b0000, gradientMap })

+      const blackMat = new THREE.MeshToonMaterial({ color: 0x1a1a1a, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+      const beltMat = new THREE.MeshToonMaterial({ color: 0x4a3020, gradientMap })

+      const whiteMat = new THREE.MeshToonMaterial({ color: 0xf5f5dc, gradientMap })

+

+      // Inner shirt

+      const shirtGeom = new THREE.CylinderGeometry(0.36, 0.4, 0.55, 10)

+      const shirt = new THREE.Mesh(shirtGeom, whiteMat)

+      shirt.position.set(0, 0.15, 0)

+      shirt.rotation.x = Math.PI / 2

+      group.add(shirt)

+

+      // Vest panels (open front)

+      const panelGeom = new THREE.BoxGeometry(0.4, 0.08, 0.25)

+      const leftPanel = new THREE.Mesh(panelGeom, redMat)

+      leftPanel.position.set(0.1, 0.3, 0.2)

+      leftPanel.rotation.z = 0.2

+      group.add(leftPanel)

+

+      const rightPanel = new THREE.Mesh(panelGeom, redMat)

+      rightPanel.position.set(0.1, 0.3, -0.2)

+      rightPanel.rotation.z = 0.2

+      group.add(rightPanel)

+

+      // Vest back

+      const backGeom = new THREE.BoxGeometry(0.5, 0.08, 0.35)

+      const back = new THREE.Mesh(backGeom, redMat)

+      back.position.set(-0.15, 0.2, 0)

+      group.add(back)

+

+      // Gold trim on vest

+      const trimGeom = new THREE.BoxGeometry(0.35, 0.02, 0.02)

+      const leftTrim = new THREE.Mesh(trimGeom, goldMat)

+      leftTrim.position.set(0.12, 0.32, 0.32)

+      leftTrim.rotation.z = 0.2

+      group.add(leftTrim)

+

+      const rightTrim = new THREE.Mesh(trimGeom, goldMat)

+      rightTrim.position.set(0.12, 0.32, -0.32)

+      rightTrim.rotation.z = 0.2

+      group.add(rightTrim)

+

+      // Wide belt with skull buckle

+      const beltGeom = new THREE.TorusGeometry(0.4, 0.05, 4, 16)

+      const belt = new THREE.Mesh(beltGeom, beltMat)

+      belt.position.set(0, -0.1, 0)

+      belt.rotation.x = Math.PI / 2

+      group.add(belt)

+

+      // Buckle

+      const buckleGeom = new THREE.BoxGeometry(0.1, 0.08, 0.04)

+      const buckle = new THREE.Mesh(buckleGeom, goldMat)

+      buckle.position.set(0.38, -0.1, 0)

+      group.add(buckle)

+

+      // Skull on buckle

+      const skullGeom = new THREE.SphereGeometry(0.03, 6, 4)

+      const skull = new THREE.Mesh(skullGeom, whiteMat)

+      skull.position.set(0.40, -0.1, 0)

+      group.add(skull)

+

+      // Bandolier strap

+      const strapGeom = new THREE.BoxGeometry(0.6, 0.04, 0.03)

+      const strap = new THREE.Mesh(strapGeom, beltMat)

+      strap.position.set(0, 0.2, 0)

+      strap.rotation.z = 0.5

+      strap.rotation.y = Math.PI / 2

+      group.add(strap)

+

+      return group

+    }

+  },

+

+      return group

+    }

+  },

+

+  // === OLLIE CLOTHING - Octopus garments ===

+

+  ollie_bowtie: {

+    id: 'ollie_bowtie',

+    name: 'Fancy Bow Tie',

+    character: CHARACTERS.OLLIE,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 40,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const silkMat = new THREE.MeshToonMaterial({ color: 0x8b0000, gradientMap })

+      const knotMat = new THREE.MeshToonMaterial({ color: 0x660000, gradientMap })

+

+      // Bow tie wings

+      const wingGeom = new THREE.BoxGeometry(0.12, 0.06, 0.04)

+      const leftWing = new THREE.Mesh(wingGeom, silkMat)

+      leftWing.position.set(0, 0.65, 0.08)

+      leftWing.rotation.z = 0.2

+      group.add(leftWing)

+

+      const rightWing = new THREE.Mesh(wingGeom, silkMat)

+      rightWing.position.set(0, 0.65, -0.08)

+      rightWing.rotation.z = -0.2

+      group.add(rightWing)

+

+      // Center knot

+      const knotGeom = new THREE.SphereGeometry(0.03, 6, 4)

+      const knot = new THREE.Mesh(knotGeom, knotMat)

+      knot.position.set(0, 0.65, 0)

+      knot.scale.set(1, 1, 1.5)

+      group.add(knot)

+

+      // Small dangling ribbon ends

+      const ribbonGeom = new THREE.BoxGeometry(0.02, 0.08, 0.03)

+      const ribbon1 = new THREE.Mesh(ribbonGeom, silkMat)

+      ribbon1.position.set(0, 0.60, 0.02)

+      ribbon1.rotation.z = 0.1

+      group.add(ribbon1)

+

+      const ribbon2 = new THREE.Mesh(ribbonGeom, silkMat)

+      ribbon2.position.set(0, 0.60, -0.02)

+      ribbon2.rotation.z = -0.1

+      group.add(ribbon2)

+

+      return group

+    }

+  },

+

+  ollie_dapper_vest: {

+    id: 'ollie_dapper_vest',

+    name: 'Dapper Vest',

+    character: CHARACTERS.OLLIE,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 75,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const vestMat = new THREE.MeshToonMaterial({ color: 0x4a4a4a, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+      const silkMat = new THREE.MeshToonMaterial({ color: 0x8b0000, gradientMap })

+

+      // Vest body - wraps around octopus mantle

+      const vestGeom = new THREE.SphereGeometry(0.42, 10, 8)

+      vestGeom.scale(1, 0.8, 1)

+      const vest = new THREE.Mesh(vestGeom, vestMat)

+      vest.position.set(0, 0.35, 0)

+      group.add(vest)

+

+      // Vest front opening (shows body)

+      const openingGeom = new THREE.PlaneGeometry(0.15, 0.4)

+      const openingMat = new THREE.MeshBasicMaterial({ color: 0xe07850, transparent: true, opacity: 0.3 })

+      const opening = new THREE.Mesh(openingGeom, openingMat)

+      opening.position.set(0.42, 0.35, 0)

+      opening.rotation.y = Math.PI / 2

+      group.add(opening)

+

+      // Lapels

+      const lapelGeom = new THREE.BoxGeometry(0.08, 0.2, 0.05)

+      const leftLapel = new THREE.Mesh(lapelGeom, silkMat)

+      leftLapel.position.set(0.4, 0.45, 0.1)

+      leftLapel.rotation.z = -0.2

+      leftLapel.rotation.y = 0.3

+      group.add(leftLapel)

+

+      const rightLapel = new THREE.Mesh(lapelGeom, silkMat)

+      rightLapel.position.set(0.4, 0.45, -0.1)

+      rightLapel.rotation.z = -0.2

+      rightLapel.rotation.y = -0.3

+      group.add(rightLapel)

+

+      // Gold buttons

+      const buttonGeom = new THREE.SphereGeometry(0.02, 6, 4)

+      for (let i = 0; i < 3; i++) {

+        const button = new THREE.Mesh(buttonGeom, goldMat)

+        button.position.set(0.42, 0.5 - i * 0.1, 0)

+        group.add(button)

+      }

+

+      // Watch chain

+      const chainGeom = new THREE.TorusGeometry(0.08, 0.008, 4, 8, Math.PI)

+      const chain = new THREE.Mesh(chainGeom, goldMat)

+      chain.position.set(0.35, 0.32, 0)

+      chain.rotation.y = Math.PI / 2

+      chain.rotation.x = Math.PI / 2

+      group.add(chain)

+

+      // Watch fob

+      const fobGeom = new THREE.SphereGeometry(0.02, 6, 4)

+      const fob = new THREE.Mesh(fobGeom, goldMat)

+      fob.position.set(0.35, 0.24, 0)

+      group.add(fob)

+

+      return group

+    }

+  },

+

+  ollie_gentleman_suit: {

+    id: 'ollie_gentleman_suit',

+    name: "Gentleman's Suit",

+    character: CHARACTERS.OLLIE,

+    type: OUTFIT_TYPES.CLOTHING_BODY,

+    price: 120,

+    meshFactory: (gradientMap) => {

+      const group = new THREE.Group()

+      const suitMat = new THREE.MeshToonMaterial({ color: 0x1a1a2e, gradientMap })

+      const shirtMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+      const tieMat = new THREE.MeshToonMaterial({ color: 0x4a0000, gradientMap })

+      const goldMat = new THREE.MeshToonMaterial({ color: 0xffd700, gradientMap })

+

+      // White shirt underneath

+      const shirtGeom = new THREE.SphereGeometry(0.38, 10, 8)

+      shirtGeom.scale(1, 0.78, 1)

+      const shirt = new THREE.Mesh(shirtGeom, shirtMat)

+      shirt.position.set(0, 0.35, 0)

+      group.add(shirt)

+

+      // Suit jacket

+      const jacketGeom = new THREE.SphereGeometry(0.44, 10, 8)

+      jacketGeom.scale(1, 0.82, 1)

+      const jacket = new THREE.Mesh(jacketGeom, suitMat)

+      jacket.position.set(0, 0.35, 0)

+      group.add(jacket)

+

+      // Jacket front cutaway (shows shirt and tie)

+      const cutawayGeom = new THREE.PlaneGeometry(0.2, 0.45)

+      const cutawayMat = new THREE.MeshBasicMaterial({ visible: false })

+      const cutaway = new THREE.Mesh(cutawayGeom, cutawayMat)

+      cutaway.position.set(0.45, 0.35, 0)

+      cutaway.rotation.y = Math.PI / 2

+      group.add(cutaway)

+

+      // Lapels

+      const lapelGeom = new THREE.BoxGeometry(0.12, 0.25, 0.04)

+      const leftLapel = new THREE.Mesh(lapelGeom, suitMat)

+      leftLapel.position.set(0.42, 0.48, 0.12)

+      leftLapel.rotation.z = -0.25

+      leftLapel.rotation.y = 0.4

+      group.add(leftLapel)

+

+      const rightLapel = new THREE.Mesh(lapelGeom, suitMat)

+      rightLapel.position.set(0.42, 0.48, -0.12)

+      rightLapel.rotation.z = -0.25

+      rightLapel.rotation.y = -0.4

+      group.add(rightLapel)

+

+      // Collar

+      const collarGeom = new THREE.BoxGeometry(0.06, 0.08, 0.05)

+      const leftCollar = new THREE.Mesh(collarGeom, shirtMat)

+      leftCollar.position.set(0.38, 0.62, 0.06)

+      leftCollar.rotation.z = -0.4

+      group.add(leftCollar)

+

+      const rightCollar = new THREE.Mesh(collarGeom, shirtMat)

+      rightCollar.position.set(0.38, 0.62, -0.06)

+      rightCollar.rotation.z = -0.4

+      group.add(rightCollar)

+

+      // Tie

+      const tieKnotGeom = new THREE.BoxGeometry(0.04, 0.04, 0.03)

+      const tieKnot = new THREE.Mesh(tieKnotGeom, tieMat)

+      tieKnot.position.set(0.40, 0.58, 0)

+      group.add(tieKnot)

+

+      const tieBodyGeom = new THREE.BoxGeometry(0.06, 0.25, 0.02)

+      const tieBody = new THREE.Mesh(tieBodyGeom, tieMat)

+      tieBody.position.set(0.42, 0.42, 0)

+      tieBody.rotation.z = -0.05

+      group.add(tieBody)

+

+      // Tie point

+      const tiePointGeom = new THREE.ConeGeometry(0.035, 0.06, 4)

+      const tiePoint = new THREE.Mesh(tiePointGeom, tieMat)

+      tiePoint.position.set(0.43, 0.28, 0)

+      tiePoint.rotation.z = Math.PI

+      group.add(tiePoint)

+

+      // Pocket square

+      const squareGeom = new THREE.BoxGeometry(0.04, 0.05, 0.02)

+      const squareMat = new THREE.MeshToonMaterial({ color: 0xffffff, gradientMap })

+      const square = new THREE.Mesh(squareGeom, squareMat)

+      square.position.set(0.4, 0.5, -0.2)

+      group.add(square)

+

+      // Buttons

+      const buttonGeom = new THREE.SphereGeometry(0.015, 6, 4)

+      const button1 = new THREE.Mesh(buttonGeom, goldMat)

+      button1.position.set(0.44, 0.35, 0.15)

+      group.add(button1)

+

+      const button2 = new THREE.Mesh(buttonGeom, goldMat)

+      button2.position.set(0.44, 0.35, -0.15)

+      group.add(button2)

+