blacktrigram 0.7.2

package/lib/components/screens/combat/components/effects/EarthHealingEffect3D.d.ts

@@ -0,0 +1,88 @@
+/**
+ * EarthHealingEffect3D - Healing visual effects for Gon (Earth) trigram supportive techniques
+ *
+ * Visualizes earth's nurturing and supportive philosophy through root-like energy.
+ * Roots grow from ground upward, representing the earth's life-giving power.
+ * Green growth energy particles rise with warm earth glow.
+ *
+ * PERFORMANCE OPTIMIZATION:
+ * - Uses instanced particles for efficient rendering
+ * - Object pooling for temporary Vector3 calculations during particle generation
+ * - Particle positions/velocities stored as number arrays to avoid Vector3 leaks
+ * - Target: 10+ concurrent effects at 60fps
+ * - Memory: <15KB per component
+ *
+ * Features:
+ * - Root-like energy tendrils growing upward
+ * - Warm earth glow (brown/orange) with green growth energy
+ * - Healing particles rising to target
+ * - Intensity scales with heal amount (1-6 HP)
+ * - Animation duration: 1-2 seconds
+ *
+ * Philosophy:
+ * "대지는 모든 것을 품고 키운다" - The earth embraces and nurtures all
+ *
+ * @module components/combat/EarthHealingEffect3D
+ * @category Combat Effects
+ * @korean 대지치유효과3D
+ */
+import React from "react";
+/**
+ * Earth healing effect data
+ */
+export interface EarthHealingEffect {
+    /** Unique identifier */
+    readonly id: string;
+    /** Origin position in 3D world space (character position) */
+    readonly position: [number, number, number];
+    /** Heal amount (1-6 HP scale) */
+    readonly healAmount: number;
+    /** Timestamp when effect was created */
+    readonly startTime: number;
+}
+/**
+ * Props for EarthHealingEffect3D component
+ */
+export interface EarthHealingEffect3DProps {
+    /** Active earth healing effects to render */
+    readonly effects: readonly EarthHealingEffect[];
+    /** Whether to enable earth healing effects */
+    readonly enabled?: boolean;
+    /** Mobile device mode (reduced particle count) */
+    readonly isMobile?: boolean;
+    /** Callback when effect completes */
+    readonly onEffectComplete?: (effectId: string) => void;
+}
+/**
+ * EarthHealingEffect3D Component
+ *
+ * Renders earth healing effects for supportive techniques.
+ * Root-like energy rises from ground with warm earth glow and green growth particles.
+ *
+ * @example
+ * ```tsx
+ * const [healingEffects, setHealingEffects] = useState<EarthHealingEffect[]>([]);
+ *
+ * // On healing technique
+ * const handleHealing = (position: [number, number, number], healAmount: number) => {
+ *   setHealingEffects([...healingEffects, {
+ *     id: generateId(),
+ *     position,
+ *     healAmount,
+ *     startTime: Date.now(),
+ *   }]);
+ * };
+ *
+ * <EarthHealingEffect3D
+ *   effects={healingEffects}
+ *   enabled={visualEffects.earthHealing}
+ *   isMobile={isMobile}
+ *   onEffectComplete={(id) => {
+ *     setHealingEffects(prev => prev.filter(e => e.id !== id));
+ *   }}
+ * />
+ * ```
+ */
+export declare const EarthHealingEffect3D: React.FC<EarthHealingEffect3DProps>;
+export default EarthHealingEffect3D;
+//# sourceMappingURL=EarthHealingEffect3D.d.ts.map

package/lib/components/screens/combat/components/effects/EarthHealingEffect3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EarthHealingEffect3D.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screens/combat/components/effects/EarthHealingEffect3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAIH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAK1D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,wCAAwC;IACxC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAChD,8CAA8C;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,qCAAqC;IACrC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAsJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuJpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/screens/combat/components/effects/ImpactSparks3D.d.ts

@@ -0,0 +1,91 @@
+/**
+ * ImpactSparks3D - High-energy spark particle effects for critical hits
+ *
+ * Creates radial burst of golden/cyan spark particles that explode outward
+ * from impact points. Uses additive blending for glowing Korean cyberpunk aesthetic.
+ *
+ * PERFORMANCE OPTIMIZATION (Object Pooling):
+ * - Reduced allocations from ~50-100 per effect to 2 pooled objects
+ * - Pooling strategy:
+ *   1. Temporary Vector3 objects for calculation use pool
+ *   2. Owned objects (particle positions, velocities) are cloned from pooled objects
+ *   3. All pooled objects released after particle generation
+ * - Estimated reduction:
+ *   - Normal hits: 50 Vector3 * 2 = 100 allocations → 2 pooled objects
+ *   - Critical hits: 100 Vector3 * 2 = 200 allocations → 2 pooled objects
+ *
+ * Features:
+ * - Radial explosion pattern
+ * - Additive blending for glow effect
+ * - Korean gold/cyan color theming
+ * - Gravity-based physics
+ * - Critical hit intensity scaling
+ * - Mobile performance optimization
+ *
+ * @module components/combat/ImpactSparks3D
+ * @category Combat Effects
+ * @korean 충격불꽃3D
+ */
+import React from "react";
+/**
+ * Impact spark effect data
+ */
+export interface ImpactSparkEffect {
+    /** Unique identifier */
+    readonly id: string;
+    /** Impact position in 3D world space */
+    readonly position: [number, number, number];
+    /** Whether this is a critical hit (more particles, gold color) */
+    readonly isCritical: boolean;
+    /** Timestamp when effect was created */
+    readonly startTime: number;
+    /** Optional intensity multiplier (0.0 to 1.0) */
+    readonly intensity?: number;
+}
+/**
+ * Props for ImpactSparks3D component
+ */
+export interface ImpactSparks3DProps {
+    /** Active spark effects to render */
+    readonly effects: readonly ImpactSparkEffect[];
+    /** Whether to enable spark effects */
+    readonly enabled?: boolean;
+    /** Mobile device mode (reduced particle count) */
+    readonly isMobile?: boolean;
+    /** Callback when effect completes */
+    readonly onEffectComplete?: (effectId: string) => void;
+}
+/**
+ * ImpactSparks3D Component
+ *
+ * Renders high-energy spark effects for combat impacts using radial particle bursts.
+ * Critical hits use Korean gold color with more particles for enhanced visual feedback.
+ *
+ * @example
+ * ```tsx
+ * const [sparkEffects, setSparkEffects] = useState<ImpactSparkEffect[]>([]);
+ *
+ * // On critical hit
+ * const handleCriticalHit = (position: [number, number, number]) => {
+ *   setSparkEffects([...sparkEffects, {
+ *     id: generateId(),
+ *     position,
+ *     isCritical: true,
+ *     intensity: 1.0,
+ *     startTime: Date.now(),
+ *   }]);
+ * };
+ *
+ * <ImpactSparks3D
+ *   effects={sparkEffects}
+ *   enabled={true}
+ *   isMobile={isMobile}
+ *   onEffectComplete={(id) => {
+ *     setSparkEffects(prev => prev.filter(e => e.id !== id));
+ *   }}
+ * />
+ * ```
+ */
+export declare const ImpactSparks3D: React.FC<ImpactSparks3DProps>;
+export default ImpactSparks3D;
+//# sourceMappingURL=ImpactSparks3D.d.ts.map

package/lib/components/screens/combat/components/effects/ImpactSparks3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpactSparks3D.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screens/combat/components/effects/ImpactSparks3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAIH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAK1D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,kEAAkE;IAClE,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,iDAAiD;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,QAAQ,CAAC,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC/C,sCAAsC;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,qCAAqC;IACrC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AA4GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmMxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/screens/combat/components/effects/InternalDamage3D.d.ts

@@ -0,0 +1,67 @@
+/**
+ * InternalDamage3D - Deep red organ pulses for Korean martial arts organ strikes
+ *
+ * Priority #4: Internal Damage Visualization
+ * - Deep red organ pulses (liver, kidney, spleen, stomach, heart)
+ * - Tissue deformation ripples
+ * - Penetration depth visualization
+ * - Critical organ damage feedback
+ *
+ * PERFORMANCE OPTIMIZATION (Object Pooling):
+ * - Reduced allocations from ~120+ per effect to 2 pooled objects
+ * - Pooling strategy:
+ *   1. Temporary Color objects for particle initialization use pool
+ *   2. Colors are copied to Float32Array (no ownership needed)
+ *   3. All pooled objects released after particle system creation
+ * - Estimated reduction:
+ *   - Pulse particles: 60 Color allocations → 1 pooled object
+ *   - Ripple particles: 30 Color allocations → 1 pooled object
+ *   - Total: ~90 Color allocations per effect → 2 pooled objects
+ *
+ * Korean martial arts context (내장 공격 - Internal organ strikes):
+ * - 간격 (Liver strike) - Right side body blow
+ * - 신장격 (Kidney strike) - Lower back strike
+ * - 비장격 (Spleen strike) - Left side body blow
+ * - 명치격 (Solar plexus) - Stomach strike
+ * - 심장격 (Heart strike) - Chest strike (critical)
+ */
+import React from 'react';
+/**
+ * Organ types for Korean martial arts internal strikes
+ */
+export type OrganType = 'liver' | 'kidney' | 'spleen' | 'stomach' | 'heart';
+/**
+ * Penetration depth levels for organ damage
+ */
+export type PenetrationDepth = 'surface' | 'shallow' | 'deep' | 'critical';
+/**
+ * Individual internal damage effect
+ */
+export interface InternalDamageEffect {
+    readonly id: string;
+    readonly position: [number, number, number];
+    readonly organType: OrganType;
+    readonly penetrationDepth: PenetrationDepth;
+    readonly startTime: number;
+}
+/**
+ * Props for InternalDamage3D component
+ */
+export interface InternalDamage3DProps {
+    readonly effects: readonly InternalDamageEffect[];
+    readonly enabled?: boolean;
+    readonly isMobile?: boolean;
+    readonly onEffectComplete?: (id: string) => void;
+}
+/**
+ * InternalDamage3D - Visualizes internal organ damage with deep red pulses
+ *
+ * Features:
+ * - Expanding sphere pulses from organ impacts
+ * - Tissue deformation ripples
+ * - Penetration depth-based sizing
+ * - Korean martial arts organ strike feedback
+ * - Mobile optimization (50% particles)
+ */
+export declare const InternalDamage3D: React.FC<InternalDamage3DProps>;
+//# sourceMappingURL=InternalDamage3D.d.ts.map

package/lib/components/screens/combat/components/effects/InternalDamage3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDamage3D.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screens/combat/components/effects/InternalDamage3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAK1D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAuCD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwU5D,CAAC"}

package/lib/components/screens/combat/components/effects/InternalDamage3D.js

@@ -0,0 +1,261 @@
+import { ThreeObjectPools } from "../../../../../utils/threeObjectPool.js";
+import React, { useEffect, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+//#region src/components/screens/combat/components/effects/InternalDamage3D.tsx
+/**
+* InternalDamage3D - Deep red organ pulses for Korean martial arts organ strikes
+*
+* Priority #4: Internal Damage Visualization
+* - Deep red organ pulses (liver, kidney, spleen, stomach, heart)
+* - Tissue deformation ripples
+* - Penetration depth visualization
+* - Critical organ damage feedback
+*
+* PERFORMANCE OPTIMIZATION (Object Pooling):
+* - Reduced allocations from ~120+ per effect to 2 pooled objects
+* - Pooling strategy:
+*   1. Temporary Color objects for particle initialization use pool
+*   2. Colors are copied to Float32Array (no ownership needed)
+*   3. All pooled objects released after particle system creation
+* - Estimated reduction:
+*   - Pulse particles: 60 Color allocations → 1 pooled object
+*   - Ripple particles: 30 Color allocations → 1 pooled object
+*   - Total: ~90 Color allocations per effect → 2 pooled objects
+*
+* Korean martial arts context (내장 공격 - Internal organ strikes):
+* - 간격 (Liver strike) - Right side body blow
+* - 신장격 (Kidney strike) - Lower back strike
+* - 비장격 (Spleen strike) - Left side body blow
+* - 명치격 (Solar plexus) - Stomach strike
+* - 심장격 (Heart strike) - Chest strike (critical)
+*/
+var INTERNAL_DAMAGE_CONSTANTS = {
+	PULSE_SPEED: 2.5,
+	PULSE_LIFETIME: 1.5,
+	RIPPLE_LIFETIME: .8,
+	MAX_RADIUS: {
+		surface: .4,
+		shallow: .7,
+		deep: 1,
+		critical: 1.2
+	},
+	INTENSITY: {
+		surface: .5,
+		shallow: .8,
+		deep: 1.2,
+		critical: 1.5
+	},
+	PULSE_PARTICLES: 60,
+	RIPPLE_PARTICLES: 30,
+	ORGAN_COLOR: 9109504,
+	RIPPLE_COLOR: 14423100,
+	EMISSIVE_INTENSITY: .8
+};
+/**
+* InternalDamage3D - Visualizes internal organ damage with deep red pulses
+*
+* Features:
+* - Expanding sphere pulses from organ impacts
+* - Tissue deformation ripples
+* - Penetration depth-based sizing
+* - Korean martial arts organ strike feedback
+* - Mobile optimization (50% particles)
+*/
+var InternalDamage3D = ({ effects, enabled = true, isMobile = false, onEffectComplete }) => {
+	const [effectInstances, setEffectInstances] = React.useState(/* @__PURE__ */ new Map());
+	const particleCounts = useMemo(() => {
+		return {
+			pulseCount: isMobile ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES * .5) : INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES,
+			rippleCount: isMobile ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES * .5) : INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES
+		};
+	}, [isMobile]);
+	const createPulseParticles = useMemo(() => (effect) => {
+		const { pulseCount } = particleCounts;
+		const geometry = new THREE.BufferGeometry();
+		const positions = new Float32Array(pulseCount * 3);
+		const colors = new Float32Array(pulseCount * 3);
+		const sizes = new Float32Array(pulseCount);
+		const tempColor = ThreeObjectPools.color.acquire();
+		try {
+			tempColor.set(INTERNAL_DAMAGE_CONSTANTS.ORGAN_COLOR);
+			for (let i = 0; i < pulseCount; i++) {
+				positions[i * 3] = 0;
+				positions[i * 3 + 1] = 0;
+				positions[i * 3 + 2] = 0;
+				colors[i * 3] = tempColor.r;
+				colors[i * 3 + 1] = tempColor.g;
+				colors[i * 3 + 2] = tempColor.b;
+				sizes[i] = .03 * INTERNAL_DAMAGE_CONSTANTS.INTENSITY[effect.penetrationDepth];
+			}
+		} finally {
+			ThreeObjectPools.color.release(tempColor);
+		}
+		geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3));
+		geometry.setAttribute("color", new THREE.BufferAttribute(colors, 3));
+		geometry.setAttribute("size", new THREE.BufferAttribute(sizes, 1));
+		const material = new THREE.PointsMaterial({
+			size: .05,
+			vertexColors: true,
+			transparent: true,
+			opacity: 1,
+			blending: THREE.AdditiveBlending,
+			depthWrite: false,
+			sizeAttenuation: true
+		});
+		const points = new THREE.Points(geometry, material);
+		points.position.set(...effect.position);
+		geometry.sphereData = { positions: positions.slice() };
+		for (let i = 0; i < pulseCount; i++) {
+			const phi = Math.acos(1 - 2 * (i + .5) / pulseCount);
+			const theta = Math.PI * (1 + Math.sqrt(5)) * i;
+			geometry.sphereData[`phi_${i}`] = phi;
+			geometry.sphereData[`theta_${i}`] = theta;
+		}
+		return points;
+	}, [particleCounts]);
+	const createRippleParticles = useMemo(() => (effect) => {
+		const { rippleCount } = particleCounts;
+		const geometry = new THREE.BufferGeometry();
+		const positions = new Float32Array(rippleCount * 3);
+		const colors = new Float32Array(rippleCount * 3);
+		const sizes = new Float32Array(rippleCount);
+		const tempColor = ThreeObjectPools.color.acquire();
+		try {
+			tempColor.set(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_COLOR);
+			for (let i = 0; i < rippleCount; i++) {
+				const angle = i / rippleCount * Math.PI * 2;
+				positions[i * 3] = 0;
+				positions[i * 3 + 1] = 0;
+				positions[i * 3 + 2] = 0;
+				colors[i * 3] = tempColor.r;
+				colors[i * 3 + 1] = tempColor.g;
+				colors[i * 3 + 2] = tempColor.b;
+				sizes[i] = .02;
+				geometry[`angle_${i}`] = angle;
+			}
+		} finally {
+			ThreeObjectPools.color.release(tempColor);
+		}
+		geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3));
+		geometry.setAttribute("color", new THREE.BufferAttribute(colors, 3));
+		geometry.setAttribute("size", new THREE.BufferAttribute(sizes, 1));
+		const material = new THREE.PointsMaterial({
+			size: .03,
+			vertexColors: true,
+			transparent: true,
+			opacity: 1,
+			blending: THREE.NormalBlending,
+			depthWrite: false,
+			sizeAttenuation: true
+		});
+		const points = new THREE.Points(geometry, material);
+		points.position.set(...effect.position);
+		return points;
+	}, [particleCounts]);
+	useEffect(() => {
+		if (!enabled) return;
+		setEffectInstances((prev) => {
+			const updated = new Map(prev);
+			effects.forEach((effect) => {
+				if (!updated.has(effect.id)) {
+					const pulseParticles = createPulseParticles(effect);
+					const rippleParticles = createRippleParticles(effect);
+					updated.set(effect.id, {
+						pulseParticles,
+						rippleParticles,
+						startTime: effect.startTime,
+						effect
+					});
+				}
+			});
+			const currentIds = new Set(effects.map((e) => e.id));
+			Array.from(updated.keys()).forEach((id) => {
+				if (!currentIds.has(id)) {
+					const instance = updated.get(id);
+					if (instance) {
+						instance.pulseParticles.geometry.dispose();
+						instance.pulseParticles.material.dispose();
+						instance.rippleParticles.geometry.dispose();
+						instance.rippleParticles.material.dispose();
+					}
+					updated.delete(id);
+				}
+			});
+			return updated;
+		});
+	}, [
+		effects,
+		enabled,
+		createPulseParticles,
+		createRippleParticles
+	]);
+	const effectInstancesRef = useRef(effectInstances);
+	useEffect(() => {
+		effectInstancesRef.current = effectInstances;
+	}, [effectInstances]);
+	useEffect(() => {
+		return () => {
+			effectInstancesRef.current.forEach((instance) => {
+				instance.pulseParticles.geometry.dispose();
+				instance.pulseParticles.material.dispose();
+				instance.rippleParticles.geometry.dispose();
+				instance.rippleParticles.material.dispose();
+			});
+		};
+	}, []);
+	useFrame(() => {
+		if (!enabled || effectInstances.size === 0) return;
+		const now = Date.now();
+		const completedIds = [];
+		effectInstances.forEach((instance, id) => {
+			const elapsed = (now - instance.startTime) / 1e3;
+			const { effect } = instance;
+			const pulseProgress = Math.min(elapsed / INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME, 1);
+			if (pulseProgress < 1) {
+				const pulseGeometry = instance.pulseParticles.geometry;
+				const pulsePositions = pulseGeometry.attributes.position.array;
+				const maxRadius = INTERNAL_DAMAGE_CONSTANTS.MAX_RADIUS[effect.penetrationDepth];
+				const { pulseCount } = particleCounts;
+				const sphereData = pulseGeometry.sphereData;
+				for (let i = 0; i < pulseCount; i++) {
+					const phi = sphereData[`phi_${i}`];
+					const theta = sphereData[`theta_${i}`];
+					const radius = maxRadius * pulseProgress;
+					pulsePositions[i * 3] = radius * Math.sin(phi) * Math.cos(theta);
+					pulsePositions[i * 3 + 1] = radius * Math.sin(phi) * Math.sin(theta);
+					pulsePositions[i * 3 + 2] = radius * Math.cos(phi);
+				}
+				pulseGeometry.attributes.position.needsUpdate = true;
+				const material = instance.pulseParticles.material;
+				material.opacity = 1 - pulseProgress * .7;
+			}
+			const rippleProgress = Math.min(elapsed / INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME, 1);
+			if (rippleProgress < 1) {
+				const rippleGeometry = instance.rippleParticles.geometry;
+				const ripplePositions = rippleGeometry.attributes.position.array;
+				const { rippleCount } = particleCounts;
+				const rippleRadius = .6 * rippleProgress;
+				for (let i = 0; i < rippleCount; i++) {
+					const angle = rippleGeometry[`angle_${i}`];
+					ripplePositions[i * 3] = rippleRadius * Math.cos(angle);
+					ripplePositions[i * 3 + 1] = 0;
+					ripplePositions[i * 3 + 2] = rippleRadius * Math.sin(angle);
+				}
+				rippleGeometry.attributes.position.needsUpdate = true;
+				const material = instance.rippleParticles.material;
+				material.opacity = 1 - rippleProgress;
+			}
+			if (elapsed >= INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME && elapsed >= INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME) completedIds.push(id);
+		});
+		completedIds.forEach((id) => {
+			onEffectComplete?.(id);
+		});
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: Array.from(effectInstances.values()).map((instance) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx("primitive", { object: instance.pulseParticles }), /* @__PURE__ */ jsx("primitive", { object: instance.rippleParticles })] }, instance.effect.id)) });
+};
+//#endregion
+export { InternalDamage3D };
+
+//# sourceMappingURL=InternalDamage3D.js.map

package/lib/components/screens/combat/components/effects/InternalDamage3D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDamage3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/InternalDamage3D.tsx"],"sourcesContent":["/**\n * InternalDamage3D - Deep red organ pulses for Korean martial arts organ strikes\n *\n * Priority #4: Internal Damage Visualization\n * - Deep red organ pulses (liver, kidney, spleen, stomach, heart)\n * - Tissue deformation ripples\n * - Penetration depth visualization\n * - Critical organ damage feedback\n *\n * PERFORMANCE OPTIMIZATION (Object Pooling):\n * - Reduced allocations from ~120+ per effect to 2 pooled objects\n * - Pooling strategy:\n *   1. Temporary Color objects for particle initialization use pool\n *   2. Colors are copied to Float32Array (no ownership needed)\n *   3. All pooled objects released after particle system creation\n * - Estimated reduction:\n *   - Pulse particles: 60 Color allocations → 1 pooled object\n *   - Ripple particles: 30 Color allocations → 1 pooled object\n *   - Total: ~90 Color allocations per effect → 2 pooled objects\n *\n * Korean martial arts context (내장 공격 - Internal organ strikes):\n * - 간격 (Liver strike) - Right side body blow\n * - 신장격 (Kidney strike) - Lower back strike\n * - 비장격 (Spleen strike) - Left side body blow\n * - 명치격 (Solar plexus) - Stomach strike\n * - 심장격 (Heart strike) - Chest strike (critical)\n */\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport * as THREE from 'three';\nimport { ThreeObjectPools } from '../../../../../utils/threeObjectPool';\n\n/**\n * Organ types for Korean martial arts internal strikes\n */\nexport type OrganType = 'liver' | 'kidney' | 'spleen' | 'stomach' | 'heart';\n\n/**\n * Penetration depth levels for organ damage\n */\nexport type PenetrationDepth = 'surface' | 'shallow' | 'deep' | 'critical';\n\n/**\n * Individual internal damage effect\n */\nexport interface InternalDamageEffect {\n  readonly id: string;\n  readonly position: [number, number, number];\n  readonly organType: OrganType;\n  readonly penetrationDepth: PenetrationDepth;\n  readonly startTime: number;\n}\n\n/**\n * Props for InternalDamage3D component\n */\nexport interface InternalDamage3DProps {\n  readonly effects: readonly InternalDamageEffect[];\n  readonly enabled?: boolean;\n  readonly isMobile?: boolean;\n  readonly onEffectComplete?: (id: string) => void;\n}\n\n// Physics constants for organ damage pulses\nconst INTERNAL_DAMAGE_CONSTANTS = {\n  // Pulse expansion speeds\n  PULSE_SPEED: 2.5, // m/s expansion rate\n  \n  // Lifetimes\n  PULSE_LIFETIME: 1.5, // seconds for pulse to complete\n  RIPPLE_LIFETIME: 0.8, // seconds for tissue ripple\n  \n  // Max radii by penetration depth\n  MAX_RADIUS: {\n    surface: 0.4,\n    shallow: 0.7,\n    deep: 1.0,\n    critical: 1.2,\n  },\n  \n  // Intensity multipliers\n  INTENSITY: {\n    surface: 0.5,\n    shallow: 0.8,\n    deep: 1.2,\n    critical: 1.5,\n  },\n  \n  // Particle counts (desktop)\n  PULSE_PARTICLES: 60,\n  RIPPLE_PARTICLES: 30,\n  \n  // Colors\n  ORGAN_COLOR: 0x8b0000, // Dark red for organs\n  RIPPLE_COLOR: 0xdc143c, // Crimson for tissue ripples\n  \n  // Emissive intensity\n  EMISSIVE_INTENSITY: 0.8,\n} as const;\n\n/**\n * InternalDamage3D - Visualizes internal organ damage with deep red pulses\n *\n * Features:\n * - Expanding sphere pulses from organ impacts\n * - Tissue deformation ripples\n * - Penetration depth-based sizing\n * - Korean martial arts organ strike feedback\n * - Mobile optimization (50% particles)\n */\nexport const InternalDamage3D: React.FC<InternalDamage3DProps> = ({\n  effects,\n  enabled = true,\n  isMobile = false,\n  onEffectComplete,\n}) => {\n  // Track active effect instances\n  const [effectInstances, setEffectInstances] = React.useState<\n    Map<\n      string,\n      {\n        pulseParticles: THREE.Points;\n        rippleParticles: THREE.Points;\n        startTime: number;\n        effect: InternalDamageEffect;\n      }\n    >\n  >(new Map());\n\n  // Calculate particle counts based on mobile optimization\n  const particleCounts = useMemo(() => {\n    const pulseCount = isMobile\n      ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES * 0.5)\n      : INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES;\n    const rippleCount = isMobile\n      ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES * 0.5)\n      : INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES;\n    return { pulseCount, rippleCount };\n  }, [isMobile]);\n\n  // Create particle system for organ pulse\n  const createPulseParticles = useMemo(\n    () => (effect: InternalDamageEffect) => {\n      const { pulseCount } = particleCounts;\n      const geometry = new THREE.BufferGeometry();\n      const positions = new Float32Array(pulseCount * 3);\n      const colors = new Float32Array(pulseCount * 3);\n      const sizes = new Float32Array(pulseCount);\n\n      // Pooled color for calculations - PERFORMANCE: Eliminates pulseCount Color allocations\n      const tempColor = ThreeObjectPools.color.acquire();\n\n      try {\n        // Set color once from pool\n        tempColor.set(INTERNAL_DAMAGE_CONSTANTS.ORGAN_COLOR);\n\n        // Create sphere distribution\n        for (let i = 0; i < pulseCount; i++) {\n          // Fibonacci sphere distribution for phi/theta calculations\n          // (values calculated but not stored in positions yet - used later for expansion)\n\n          positions[i * 3] = 0;\n          positions[i * 3 + 1] = 0;\n          positions[i * 3 + 2] = 0;\n\n          // Dark red color (reuse pooled color)\n          colors[i * 3] = tempColor.r;\n          colors[i * 3 + 1] = tempColor.g;\n          colors[i * 3 + 2] = tempColor.b;\n\n          // Size based on penetration depth\n          const baseSize = 0.03;\n          const depthMultiplier =\n            INTERNAL_DAMAGE_CONSTANTS.INTENSITY[effect.penetrationDepth];\n          sizes[i] = baseSize * depthMultiplier;\n        }\n      } finally {\n        // Release pooled color back to pool\n        ThreeObjectPools.color.release(tempColor);\n      }\n\n      geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n      geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n      geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n      const material = new THREE.PointsMaterial({\n        size: 0.05,\n        vertexColors: true,\n        transparent: true,\n        opacity: 1.0,\n        blending: THREE.AdditiveBlending,\n        depthWrite: false,\n        sizeAttenuation: true,\n      });\n\n      const points = new THREE.Points(geometry, material);\n      points.position.set(...effect.position);\n\n      // Store phi/theta for sphere expansion\n      (geometry as THREE.BufferGeometry & { sphereData: Record<string, number | Float32Array> }).sphereData = { positions: positions.slice() };\n      for (let i = 0; i < pulseCount; i++) {\n        const phi = Math.acos(1 - 2 * (i + 0.5) / pulseCount);\n        const theta = Math.PI * (1 + Math.sqrt(5)) * i;\n        (geometry as THREE.BufferGeometry & { sphereData: Record<string, number | Float32Array> }).sphereData[`phi_${i}`] = phi;\n        (geometry as THREE.BufferGeometry & { sphereData: Record<string, number | Float32Array> }).sphereData[`theta_${i}`] = theta;\n      }\n\n      return points;\n    },\n    [particleCounts]\n  );\n\n  // Create particle system for tissue ripples\n  const createRippleParticles = useMemo(\n    () => (effect: InternalDamageEffect) => {\n      const { rippleCount } = particleCounts;\n      const geometry = new THREE.BufferGeometry();\n      const positions = new Float32Array(rippleCount * 3);\n      const colors = new Float32Array(rippleCount * 3);\n      const sizes = new Float32Array(rippleCount);\n\n      // Pooled color for calculations - PERFORMANCE: Eliminates rippleCount Color allocations\n      const tempColor = ThreeObjectPools.color.acquire();\n\n      try {\n        // Set color once from pool\n        tempColor.set(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_COLOR);\n\n        // Create ring distribution\n        for (let i = 0; i < rippleCount; i++) {\n          const angle = (i / rippleCount) * Math.PI * 2;\n          positions[i * 3] = 0;\n          positions[i * 3 + 1] = 0;\n          positions[i * 3 + 2] = 0;\n\n          // Crimson color for ripples (reuse pooled color)\n          colors[i * 3] = tempColor.r;\n          colors[i * 3 + 1] = tempColor.g;\n          colors[i * 3 + 2] = tempColor.b;\n\n          sizes[i] = 0.02;\n\n          // Store angle for ring expansion\n          (geometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`] = angle;\n        }\n      } finally {\n        // Release pooled color back to pool\n        ThreeObjectPools.color.release(tempColor);\n      }\n\n      geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n      geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n      geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n      const material = new THREE.PointsMaterial({\n        size: 0.03,\n        vertexColors: true,\n        transparent: true,\n        opacity: 1.0,\n        blending: THREE.NormalBlending,\n        depthWrite: false,\n        sizeAttenuation: true,\n      });\n\n      const points = new THREE.Points(geometry, material);\n      points.position.set(...effect.position);\n\n      return points;\n    },\n    [particleCounts]\n  );\n\n  // Update effect instances when effects prop changes\n  useEffect(() => {\n    if (!enabled) return;\n\n    setEffectInstances((prev) => {\n      const updated = new Map(prev);\n\n      // Add new effects\n      effects.forEach((effect) => {\n        if (!updated.has(effect.id)) {\n          const pulseParticles = createPulseParticles(effect);\n          const rippleParticles = createRippleParticles(effect);\n          updated.set(effect.id, {\n            pulseParticles,\n            rippleParticles,\n            startTime: effect.startTime,\n            effect,\n          });\n        }\n      });\n\n      // Remove completed effects\n      const currentIds = new Set(effects.map((e) => e.id));\n      Array.from(updated.keys()).forEach((id) => {\n        if (!currentIds.has(id)) {\n          const instance = updated.get(id);\n          if (instance) {\n            instance.pulseParticles.geometry.dispose();\n            (instance.pulseParticles.material as THREE.Material).dispose();\n            instance.rippleParticles.geometry.dispose();\n            (instance.rippleParticles.material as THREE.Material).dispose();\n          }\n          updated.delete(id);\n        }\n      });\n\n      return updated;\n    });\n  }, [effects, enabled, createPulseParticles, createRippleParticles]);\n\n  // 자원 정리 | Resource cleanup - Dispose all particle systems on unmount\n  // Using a ref to track instances to avoid stale closure issues\n  const effectInstancesRef = useRef<Map<\n    string,\n    {\n      pulseParticles: THREE.Points;\n      rippleParticles: THREE.Points;\n      startTime: number;\n      effect: InternalDamageEffect;\n    }\n  >>(effectInstances);\n  useEffect(() => {\n    effectInstancesRef.current = effectInstances;\n  }, [effectInstances]);\n\n  useEffect(() => {\n    return () => {\n      effectInstancesRef.current.forEach((instance: {\n        pulseParticles: THREE.Points;\n        rippleParticles: THREE.Points;\n        startTime: number;\n        effect: InternalDamageEffect;\n      }) => {\n        instance.pulseParticles.geometry.dispose();\n        (instance.pulseParticles.material as THREE.Material).dispose();\n        instance.rippleParticles.geometry.dispose();\n        (instance.rippleParticles.material as THREE.Material).dispose();\n      });\n    };\n  }, []); // Empty deps - cleanup on unmount only\n\n  // Animation loop\n  useFrame(() => {\n    if (!enabled || effectInstances.size === 0) return;\n\n    const now = Date.now();\n    const completedIds: string[] = [];\n\n    effectInstances.forEach((instance, id) => {\n      const elapsed = (now - instance.startTime) / 1000;\n      const { effect } = instance;\n\n      // Pulse animation\n      const pulseProgress = Math.min(\n        elapsed / INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME,\n        1.0\n      );\n      if (pulseProgress < 1.0) {\n      const pulseGeometry = instance.pulseParticles.geometry;\n        const pulsePositions = pulseGeometry.attributes.position\n          .array as Float32Array;\n        const maxRadius =\n          INTERNAL_DAMAGE_CONSTANTS.MAX_RADIUS[effect.penetrationDepth];\n\n        const { pulseCount } = particleCounts;\n        const sphereData = (pulseGeometry as THREE.BufferGeometry & { sphereData: Record<string, number | Float32Array> }).sphereData;\n        for (let i = 0; i < pulseCount; i++) {\n          const phi = sphereData[`phi_${i}`] as number;\n          const theta = sphereData[`theta_${i}`] as number;\n          const radius = maxRadius * pulseProgress;\n\n          pulsePositions[i * 3] = radius * Math.sin(phi) * Math.cos(theta);\n          pulsePositions[i * 3 + 1] = radius * Math.sin(phi) * Math.sin(theta);\n          pulsePositions[i * 3 + 2] = radius * Math.cos(phi);\n        }\n\n        pulseGeometry.attributes.position.needsUpdate = true;\n\n        // Fade opacity\n        const material = instance.pulseParticles.material as THREE.PointsMaterial;\n        material.opacity = 1.0 - pulseProgress * 0.7;\n      }\n\n      // Ripple animation\n      const rippleProgress = Math.min(\n        elapsed / INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME,\n        1.0\n      );\n      if (rippleProgress < 1.0) {\n        const rippleGeometry = instance.rippleParticles.geometry;\n        const ripplePositions = rippleGeometry.attributes.position\n          .array as Float32Array;\n\n        const { rippleCount } = particleCounts;\n        const rippleRadius = 0.6 * rippleProgress;\n        for (let i = 0; i < rippleCount; i++) {\n          const angle = (rippleGeometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`];\n          ripplePositions[i * 3] = rippleRadius * Math.cos(angle);\n          ripplePositions[i * 3 + 1] = 0;\n          ripplePositions[i * 3 + 2] = rippleRadius * Math.sin(angle);\n        }\n\n        rippleGeometry.attributes.position.needsUpdate = true;\n\n        // Fade opacity\n        const material = instance.rippleParticles\n          .material as THREE.PointsMaterial;\n        material.opacity = 1.0 - rippleProgress;\n      }\n\n      // Check completion\n      if (\n        elapsed >= INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME &&\n        elapsed >= INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME\n      ) {\n        completedIds.push(id);\n      }\n    });\n\n    // Notify completed effects\n    completedIds.forEach((id) => {\n      onEffectComplete?.(id);\n    });\n  });\n\n  // Render all active particle systems\n  return (\n    <>\n      {Array.from(effectInstances.values()).map((instance) => (\n        <React.Fragment key={instance.effect.id}>\n          <primitive object={instance.pulseParticles} />\n          <primitive object={instance.rippleParticles} />\n        </React.Fragment>\n      ))}\n    </>\n  );\n};\n"],"mappings":"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"}

package/lib/components/screens/combat/components/effects/LiPrecisionTargetingOverlay.d.ts

@@ -0,0 +1,45 @@
+/**
+ * LiPrecisionTargetingOverlay.tsx
+ *
+ * Targeting reticle and vital point display for Li (Fire) stance precision strikes.
+ * Shows available vital points, targeting accuracy, and precision feedback.
+ *
+ * Features:
+ * - Dynamic targeting reticle with crosshair
+ * - Vital points in range with distance indicators
+ * - Real-time accuracy meter
+ * - Korean cyberpunk aesthetic with neon glow effects
+ * - Bilingual text (Korean/English)
+ *
+ * Performance: Optimized for 60fps with minimal DOM updates
+ *
+ * @module components/screens/combat/components/effects/LiPrecisionTargetingOverlay
+ * @korean 리괘정밀조준오버레이
+ */
+import React from "react";
+/**
+ * Props for LiPrecisionTargetingOverlay component
+ */
+export interface LiPrecisionTargetingOverlayProps {
+    /** Whether the player is currently in Li stance */
+    readonly isLiStance: boolean;
+    /** Current targeting accuracy (0.0 to 1.0) */
+    readonly accuracy: number;
+    /** Player position for range calculation [x, y] */
+    readonly playerPosition: readonly [number, number];
+    /** Maximum targeting range in meters */
+    readonly maxRange?: number;
+    /** Currently selected/hovered vital point ID */
+    readonly selectedVitalPointId: string | null;
+    /** Callback when vital point is selected */
+    readonly onVitalPointSelect?: (vitalPointId: string) => void;
+    /** Whether on mobile device */
+    readonly isMobile: boolean;
+}
+/**
+ * LiPrecisionTargetingOverlay Component
+ *
+ * Displays targeting UI for Li stance precision strikes with vital point overlay
+ */
+export declare const LiPrecisionTargetingOverlay: React.FC<LiPrecisionTargetingOverlayProps>;
+//# sourceMappingURL=LiPrecisionTargetingOverlay.d.ts.map

package/lib/components/screens/combat/components/effects/LiPrecisionTargetingOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiPrecisionTargetingOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screens/combat/components/effects/LiPrecisionTargetingOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,mDAAmD;IACnD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,mDAAmD;IACnD,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,wCAAwC;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAwBD;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CA+RhF,CAAC"}