@minicode-dev/chat 0.1.7 → 0.1.8

package/dist/chunks/TanksGameCard-D0n-lzTs.js

@@ -0,0 +1,1535 @@
+import { _ as e, d as t, f as n, g as r, h as i, m as a, o, p as s, v as c, y as l } from "./connect4Sounds-BN7d_TM2.js";
+import { t as u } from "./ChatContext-dty_KPDX.js";
+import { c as d, f, l as p, t as m } from "./gameStatus-Cu1Z8un9.js";
+import { t as h } from "./webglSupport-2WjPEPZ_.js";
+import { a as g, i as _, n as v, o as y, r as b, t as ee } from "./tanksSounds-C99OD2xD.js";
+import { memo as x, useCallback as S, useContext as C, useEffect as w, useRef as T, useState as E, useSyncExternalStore as D } from "react";
+import { ChevronDown as te, Crosshair as O, Flag as ne, Layers as k, RotateCcw as re, Swords as ie, Video as A, Wind as ae, X as oe } from "lucide-react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+// src/games/tanks/logic/selectors.js
+var P = 2500;
+function se(e) {
+	let t = new Float32Array(e.length);
+	for (let n = 0; n < e.length; n += 1) t[n] = e[n] / l;
+	return t;
+}
+function F(e) {
+	return {
+		x: e.x * P / l,
+		z: e.z * P / l
+	};
+}
+function ce(e) {
+	let t = new Float32Array(e.heights.length);
+	for (let n = 0; n < t.length; n += 1) t[n] = e.heights[n] / l;
+	return {
+		size: c / l,
+		grid: 81,
+		heights: t,
+		obstacles: e.obstacles.map((e) => ({
+			id: e.id,
+			kind: e.kind,
+			x: e.x / l,
+			z: e.z / l,
+			y: e.y / l,
+			w: e.w / l,
+			d: e.d / l,
+			h: e.h / l
+		})),
+		decor: e.decor.map((e) => ({
+			id: e.id,
+			kind: e.kind,
+			x: e.x / l,
+			z: e.z / l,
+			scale: e.scale / 100
+		})),
+		tanks: e.tanks.map((e) => ({
+			id: e.id,
+			x: e.x / l,
+			y: e.y / l,
+			z: e.z / l,
+			hullYaw: e.hullYaw,
+			yaw: e.yaw,
+			pitch: e.pitch,
+			hp: e.hp,
+			fuel: e.fuel / l,
+			ammo: { ...e.ammo },
+			alive: e.hp > 0
+		})),
+		wind: F(i(e.seed, e.ply)),
+		turnPlayerId: e.phase === "playing" ? e.players[e.turnIndex] : null
+	};
+}
+function I(t, n, { yaw: o, pitch: c, power: l, ammo: u, maxTicks: d = 600 } = {}) {
+	let f = t.players.indexOf(n);
+	return f >= 0 && [
+		[o, e.yaw],
+		[c, e.pitch],
+		[l, e.power]
+	].every(([e, [t, n]]) => Number.isInteger(e) && e >= t && e <= n) && typeof u == "string" && Object.hasOwn(r, u) ? se(a(s(t.tanks[f], {
+		yaw: o,
+		pitch: c,
+		power: l,
+		ammo: u
+	}), {
+		wind: i(t.seed, t.ply),
+		heights: t.heights,
+		tanks: t.tanks,
+		obstacles: t.obstacles,
+		maxTicks: d
+	}).samples) : /* @__PURE__ */ new Float32Array();
+}
+// src/games/tanks/view.js
+var L = 20, le = Object.freeze(["green", "red"]);
+function R(e) {
+	let t = ce(e.logic), n = e.logic.players;
+	return {
+		...t,
+		tanks: t.tanks.map((e) => ({
+			...e,
+			color: le[n.indexOf(e.id)] ?? "green"
+		})),
+		activeId: t.turnPlayerId
+	};
+}
+var ue = (e) => ({
+	x: e.x / l,
+	y: e.y / l,
+	z: e.z / l
+});
+function de(e, t) {
+	let n = e.logic?.lastTurn;
+	if (!n || n.type !== "turn") return null;
+	let r = t?.tanks ?? [];
+	return {
+		tankId: n.playerId,
+		movePath: n.movePath.map(ue),
+		yaw: n.input.yaw,
+		pitch: n.input.pitch,
+		ammo: n.input.ammo,
+		shots: n.shots.map((e) => ({
+			role: e.role,
+			startMs: e.startTick * L,
+			samples: se(e.samples),
+			impact: {
+				...ue(e.impact),
+				kind: e.impact.kind,
+				tankId: e.impact.tankId
+			},
+			radius: e.radius / l
+		})),
+		craters: n.craters.map((e) => ({
+			x: e.x / l,
+			z: e.z / l,
+			radius: e.radius / l,
+			depth: e.depth / l
+		})),
+		damage: { ...n.damage },
+		destroyed: e.logic.tanks.filter((e) => e.hp === 0 && (r.find((t) => t.id === e.id)?.hp ?? 1) > 0).map((e) => e.id),
+		world: R(e)
+	};
+}
+function fe(e, t, n) {
+	try {
+		return I(e.logic, t, n);
+	} catch {
+		return null;
+	}
+}
+function pe(e, t) {
+	return (Math.round(Math.atan2(t.z - e.z, t.x - e.x) * 180 / Math.PI) % 360 + 360) % 360;
+}
+var me = 60, he = 9, ge = 120, z = Math.PI / 180, B = 7, V = 4.4, _e = 100, H = {
+	green: {
+		hull: "#4f8a3c",
+		dark: "#2f5a24",
+		turret: "#6aa851"
+	},
+	red: {
+		hull: "#b8423a",
+		dark: "#7a2620",
+		turret: "#d45a4f"
+	}
+}, ve = {
+	hull: "#2b2a28",
+	dark: "#151413",
+	turret: "#3a3835"
+}, U = {
+	low: {
+		terrain: 2,
+		dpr: 1,
+		particles: .5
+	},
+	medium: {
+		terrain: 3,
+		dpr: 1.5,
+		particles: .75
+	},
+	high: {
+		terrain: 4,
+		dpr: 2,
+		particles: 1
+	}
+}, W = [
+	[0, [
+		52,
+		96,
+		48
+	]],
+	[.25, [
+		86,
+		130,
+		58
+	]],
+	[.5, [
+		128,
+		134,
+		72
+	]],
+	[.68, [
+		126,
+		100,
+		68
+	]],
+	[.85, [
+		128,
+		124,
+		118
+	]],
+	[1, [
+		190,
+		188,
+		182
+	]]
+], G = (e, t, n) => Math.min(n, Math.max(t, e)), K = (e, t = 0) => Number.isFinite(e) ? e : t, q = (e) => e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
+function J(e, t, n, { zoom: r = 1, cx: i, cz: a, pad: o = 8, origin: s = "corner" } = {}) {
+	let c = Math.max(1, K(n, 160)), l = c / 2, u = s === "corner" ? l : 0, d = Math.max(1, Math.min(e, t) - o * 2) / c * Math.max(1, K(r, 1)), f = (e, t) => t >= l ? u : G(K(e, u), u - l + t, u + l - t), p = f(i, e / 2 / d), m = f(a, t / 2 / d);
+	return {
+		scale: d,
+		ox: e / 2 - p * d,
+		oy: t / 2 - m * d,
+		size: c,
+		minX: u - l,
+		minZ: u - l
+	};
+}
+function Y(e, t, n) {
+	return {
+		x: n.ox + e * n.scale,
+		y: n.oy + t * n.scale
+	};
+}
+function ye(e) {
+	return {
+		x: Math.cos(e * z),
+		z: Math.sin(e * z)
+	};
+}
+function be(e) {
+	return e * z;
+}
+function xe(e, t) {
+	let n = ((t - e) % 360 + 540) % 360 - 180;
+	return n === -180 ? 180 : n;
+}
+function Se(e, t, n) {
+	return e + xe(e, t) * n;
+}
+function Ce(e, t, n, r) {
+	if (!e || t < 2) return 0;
+	let i = G(K(n), 0, t - 1), a = G(K(r), 0, t - 1), o = Math.min(t - 2, Math.floor(i)), s = Math.min(t - 2, Math.floor(a)), c = i - o, l = a - s, u = s * t + o, d = e[u] * (1 - c) + e[u + 1] * c, f = e[u + t] * (1 - c) + e[u + t + 1] * c;
+	return K(d * (1 - l) + f * l);
+}
+function X(e, t = 1) {
+	let n = G(K(e), 0, 1), r = 1;
+	for (; r < W.length - 1 && W[r][0] < n;) r += 1;
+	let [i, a] = W[r - 1], [o, s] = W[r], c = o > i ? (n - i) / (o - i) : 0;
+	return a.map((e, n) => G(Math.round((e + (s[n] - e) * c) * t), 0, 255));
+}
+function we(e, t, n, { size: r = 160, contourStep: i = 3 } = {}) {
+	let a = new Uint8ClampedArray(n * n * 4);
+	if (!e || t < 2 || n < 2) return a;
+	let o = Infinity, s = -Infinity;
+	for (let n = 0; n < t * t; n += 1) {
+		let t = K(e[n]);
+		t < o && (o = t), t > s && (s = t);
+	}
+	let c = s - o, l = (t - 1) / (n - 1), u = r / (t - 1), d = [
+		-.55,
+		.75,
+		-.55
+	], f = Math.hypot(...d), p = (n, r) => Ce(e, t, n, r);
+	for (let e = 0; e < n; e += 1) for (let t = 0; t < n; t += 1) {
+		let r = t * l, s = e * l, m = p(r, s), h = p(r - .5, s), g = p(r + .5, s), _ = p(r, s - .5), v = p(r, s + .5), y = (g - h) / u, b = (v - _) / u, ee = Math.hypot(y, 1, b), x = G(.45 + .65 * ((-y * d[0] + d[1] - b * d[2]) / (ee * f)), .35, 1.2), S = (h + g + _ + v - 4 * m) / u;
+		if (x *= 1 - G(S * .6, 0, .35), i > 0 && c > i) {
+			let e = Math.floor(m / i);
+			(e !== Math.floor(g / i) || e !== Math.floor(v / i)) && (x *= .88);
+		}
+		let [C, w, T] = X(c > .001 ? (m - o) / c : .3, x), E = (e * n + t) * 4;
+		a[E] = C, a[E + 1] = w, a[E + 2] = T, a[E + 3] = 255;
+	}
+	return a;
+}
+function Te(e) {
+	let t = G(K(e), 0, 1), [n, r, i] = t < .5 ? [
+		[
+			90,
+			200,
+			255
+		],
+		[
+			255,
+			214,
+			90
+		],
+		t * 2
+	] : [
+		[
+			255,
+			214,
+			90
+		],
+		[
+			255,
+			90,
+			60
+		],
+		(t - .5) * 2
+	], a = n.map((e, t) => Math.round(e + (r[t] - e) * i));
+	return `rgb(${a[0]},${a[1]},${a[2]})`;
+}
+function Ee(e, t) {
+	let n = (e || []).filter((e) => e && Number.isFinite(e.x) && Number.isFinite(e.z));
+	if (!n.length) return null;
+	if (n.length === 1) return {
+		x: n[0].x,
+		y: K(n[0].y),
+		z: n[0].z,
+		heading: null
+	};
+	let r = [0];
+	for (let e = 1; e < n.length; e += 1) r.push(r[e - 1] + Math.hypot(n[e].x - n[e - 1].x, n[e].z - n[e - 1].z));
+	let i = r[r.length - 1], a = G(K(t), 0, 1) * i, o = 1;
+	for (; o < n.length - 1 && r[o] < a;) o += 1;
+	let s = n[o - 1], c = n[o], l = r[o] - r[o - 1], u = l > 0 ? G((a - r[o - 1]) / l, 0, 1) : 1, d = l > 0 ? Math.atan2(c.z - s.z, c.x - s.x) / z : null;
+	return {
+		x: s.x + (c.x - s.x) * u,
+		y: K(s.y) + (K(c.y) - K(s.y)) * u,
+		z: s.z + (c.z - s.z) * u,
+		heading: d
+	};
+}
+function De(e) {
+	let t = 0;
+	for (let n = 1; n < (e?.length || 0); n += 1) t += Math.hypot(e[n].x - e[n - 1].x, e[n].z - e[n - 1].z);
+	return t;
+}
+function Oe(e, t) {
+	let n = Math.floor((e?.length || 0) / 3);
+	if (!n) return null;
+	let r = G(K(t), 0, n - 1), i = Math.min(n - 2, Math.floor(r));
+	if (i < 0) return {
+		x: e[0],
+		y: e[1],
+		z: e[2]
+	};
+	let a = r - i, o = i * 3;
+	return {
+		x: e[o] + (e[o + 3] - e[o]) * a,
+		y: e[o + 1] + (e[o + 4] - e[o + 1]) * a,
+		z: e[o + 2] + (e[o + 5] - e[o + 2]) * a
+	};
+}
+function ke(e, t = 380) {
+	let n = 0, r = !1;
+	return (e || []).map((e, i) => {
+		let a = e || {}, o = Math.floor((a.samples?.length || 0) / 3), s = Number.isFinite(a.startMs) ? Math.max(0, a.startMs) : i ? n + t : 0, c = s + Math.max(0, o - 1) * 40, l = r && s > 0;
+		return a.impact?.kind === "split" && (r = !0), n = Math.max(n, c), {
+			shot: a,
+			index: i,
+			count: o,
+			startMs: s,
+			endMs: c,
+			bomblet: l
+		};
+	});
+}
+function Ae(e) {
+	if (!e) return null;
+	if (Array.isArray(e)) return e.filter((e) => e && Number.isFinite(e.x) && Number.isFinite(e.z)).map((e) => ({
+		x: e.x,
+		y: K(e.y),
+		z: e.z
+	}));
+	if (typeof e.length == "number") {
+		let t = [];
+		for (let n = 0; n + 2 < e.length; n += 3) t.push({
+			x: e[n],
+			y: e[n + 1],
+			z: e[n + 2]
+		});
+		return t;
+	}
+	return null;
+}
+function je(e, { reducedMotion: t = !1, onEvent: n, origin: r = "corner" } = {}) {
+	let i = typeof document < "u" ? document : null, a = typeof window < "u" ? window : null, o = i ? i.createElement("canvas") : null, s = null;
+	if (o) {
+		o.className = "tanks-scene-2d", o.style.cssText = "display:block;width:100%;height:100%;touch-action:none";
+		try {
+			e?.appendChild(o), s = o.getContext("2d");
+		} catch {
+			s = null;
+		}
+	}
+	let c = t ? 2 : 1, l = null, u = "high", d = "overview", f = null, p = null, m = {
+		heights: null,
+		grid: 0,
+		factor: 0,
+		canvas: null
+	}, h = [], g = [], _ = [], v = [], y = [], b = [], ee = [], x = null, S = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set(), w = (e) => S.get(String(e)), T = /* @__PURE__ */ new Set(), E = 0, D = 0, te = 1, O = 0, ne = 0, k = !1, re = Promise.resolve(), ie = () => !!i?.hidden, A = (e, t) => {
+		try {
+			n?.({
+				type: e,
+				...t
+			});
+		} catch {}
+	}, ae = () => U[u] || U.high, oe = () => {
+		let e = K(l?.size, 160);
+		if (d === "overview" || !l) return J(E, D, e, { origin: r });
+		let t = w(l.activeId) || j(l.activeId);
+		return J(E, D, e, {
+			origin: r,
+			zoom: 2,
+			cx: t?.x,
+			cz: t?.z
+		});
+	}, j = (e) => l?.tanks?.find((t) => String(t.id) === String(e)) || null, M = (e, t) => {
+		if (!l?.heights) return 0;
+		let n = K(l.size, 160), i = r === "corner" ? 0 : -n / 2, a = l.grid || Math.round(Math.sqrt(l.heights.length));
+		return Ce(l.heights, a, (e - i) / n * (a - 1), (t - i) / n * (a - 1));
+	}, N = () => T.size > 0 || g.length || _.length || v.length || y.length || b.length || !!(x && x.left > 0), P = () => {
+		O || k || ie() || !a?.requestAnimationFrame || (O = a.requestAnimationFrame(se));
+	};
+	function se(e) {
+		if (O = 0, k) return;
+		let t = ne ? G(e - ne, 0, 50) : 16;
+		ne = e, ce(t), Z(), N() && !ie() ? P() : ne = 0;
+	}
+	let F = (e, t) => new Promise((n) => {
+		k ? n() : (T.add({
+			elapsed: 0,
+			duration: Math.max(1, e / c),
+			step: t,
+			resolve: n
+		}), P());
+	});
+	function ce(e) {
+		T.forEach((t) => {
+			t.elapsed += e;
+			let n = Math.min(1, t.elapsed / t.duration);
+			try {
+				t.step?.(n, e);
+			} catch {}
+			n >= 1 && (T.delete(t), t.resolve());
+		});
+		let n = e / 1e3, r = l?.wind || {};
+		if (g = g.filter((t) => (t.life -= e, t.x += t.vx * n, t.z += t.vz * n, t.vx *= .94, t.vz *= .94, t.life > 0)), y = y.filter((t) => (t.life -= e, t.x += K(r.x) * .25 * n, t.z += K(r.z) * .25 * n, t.r += 1.2 * n, t.life > 0)), _ = _.filter((t) => (t.life -= e) > 0), v = v.filter((t) => (t.life -= e) > 0), b = b.filter((t) => (t.life -= e) > 0), x?.left > 0 && (x.left -= e, x.next -= e, x.next <= 0 && !t)) {
+			x.next = 450;
+			let e = w(x.id) || j(x.id);
+			e && (_.push({
+				x: e.x,
+				z: e.z,
+				r0: 3,
+				r1: 14,
+				life: 900,
+				max: 900,
+				color: "255,214,90"
+			}), I(e.x, e.z, 8, [
+				"#ffd65a",
+				"#ffffff",
+				"#7fd36b",
+				"#ff7a5c"
+			], 14));
+		}
+	}
+	function I(e, t, n, r, i = 10) {
+		let a = Math.floor(me * ae().particles) - g.length;
+		for (let o = 0; o < Math.min(n, a); o += 1) {
+			let n = Math.random() * Math.PI * 2, a = i * (.4 + Math.random() * .8), s = 500 + Math.random() * 600;
+			g.push({
+				x: e,
+				z: t,
+				vx: Math.cos(n) * a,
+				vz: Math.sin(n) * a,
+				life: s,
+				max: s,
+				color: r[o % r.length],
+				size: .5 + Math.random() * .8
+			});
+		}
+	}
+	function L(e, t, n, r) {
+		let i = Math.max(2, K(n, 4));
+		_.push({
+			x: e,
+			z: t,
+			r0: i * .2,
+			r1: i * (r ? 1.8 : 1.2),
+			life: 700,
+			max: 700,
+			color: "255,190,90"
+		}), r && _.push({
+			x: e,
+			z: t,
+			r0: i * .5,
+			r1: i * 2.6,
+			life: 1100,
+			max: 1100,
+			color: "255,120,60"
+		}), v.push({
+			x: e,
+			z: t,
+			r: i * (r ? 1.6 : 1),
+			life: 220,
+			max: 220
+		}), I(e, t, r ? 30 : 16, [
+			"#ffd27a",
+			"#ff8a3c",
+			"#6b5a48",
+			"#3b332c"
+		], r ? 22 : 14);
+		for (let n = 0; n < (r ? 6 : 3); n += 1) {
+			let n = 1200 + Math.random() * 800;
+			y.push({
+				x: e + (Math.random() - .5) * i,
+				z: t + (Math.random() - .5) * i,
+				r: i * .4,
+				life: n,
+				max: n
+			});
+		}
+	}
+	function le() {
+		let e = l?.heights;
+		if (!e || !i) return null;
+		let t = l.grid || Math.round(Math.sqrt(e.length)), n = ae().terrain;
+		if (m.canvas && m.heights === e && m.grid === t && m.factor === n) return m.canvas;
+		let r = Math.min(400, (t - 1) * n + 1), a = we(e, t, r, { size: K(l.size, 160) }), o = m.canvas && m.canvas.width === r ? m.canvas : i.createElement("canvas");
+		o.width = r, o.height = r;
+		let s = o.getContext("2d");
+		if (!s) return null;
+		let c = s.createImageData(r, r);
+		return c.data.set(a), s.putImageData(c, 0, 0), m = {
+			heights: e,
+			grid: t,
+			factor: n,
+			canvas: o
+		}, o;
+	}
+	function R(e, t, n, r, i) {
+		let a = Math.min(i, n / 2, r / 2);
+		s.beginPath(), s.moveTo(e + a, t), s.arcTo(e + n, t, e + n, t + r, a), s.arcTo(e + n, t + r, e, t + r, a), s.arcTo(e, t + r, e, t, a), s.arcTo(e, t, e + n, t, a), s.closePath();
+	}
+	function ue(e) {
+		(l.obstacles || []).forEach((t) => {
+			if (!Number.isFinite(t?.x) || !Number.isFinite(t?.z)) return;
+			let n = Math.max(2, K(t.w, 4) * e.scale), r = Math.max(2, K(t.d, 4) * e.scale), i = Y(t.x, t.z, e), a = G(K(t.h, 3) * e.scale * .25, 1, 10);
+			s.fillStyle = "rgba(0,0,0,0.35)", R(i.x - n / 2 + a, i.y - r / 2 + a, n, r, 3), s.fill(), s.fillStyle = t.kind === "wall" ? "#8d8a82" : t.kind === "crate" ? "#8a6a3e" : "#9a958a", R(i.x - n / 2, i.y - r / 2, n, r, 3), s.fill(), s.strokeStyle = "rgba(0,0,0,0.45)", s.lineWidth = 1, s.stroke();
+		});
+	}
+	function de(e) {
+		(l.decor || []).forEach((t) => {
+			if (!Number.isFinite(t?.x) || !Number.isFinite(t?.z)) return;
+			let n = Y(t.x, t.z, e), r = K(t.scale, 1);
+			if (t.kind === "tree") {
+				let t = Math.max(2, 1.6 * r * e.scale);
+				s.fillStyle = "rgba(0,0,0,0.3)", s.beginPath(), s.arc(n.x + t * .35, n.y + t * .35, t, 0, Math.PI * 2), s.fill(), s.fillStyle = "#2f6b2a", s.beginPath(), s.arc(n.x, n.y, t, 0, Math.PI * 2), s.fill(), s.fillStyle = "rgba(140,200,110,0.35)", s.beginPath(), s.arc(n.x - t * .3, n.y - t * .3, t * .45, 0, Math.PI * 2), s.fill();
+			} else {
+				let t = Math.max(1.5, .8 * r * e.scale);
+				s.fillStyle = "#7c7a74", s.beginPath(), s.arc(n.x, n.y, t, 0, Math.PI * 2), s.fill();
+			}
+		});
+	}
+	function fe(e) {
+		h.forEach((t) => {
+			let n = Y(t.x, t.z, e), r = Math.max(2, K(t.radius, 3) * e.scale), i = s.createRadialGradient(n.x, n.y, 0, n.x, n.y, r);
+			i.addColorStop(0, "rgba(25,20,15,0.6)"), i.addColorStop(.7, "rgba(45,35,25,0.35)"), i.addColorStop(1, "rgba(45,35,25,0)"), s.fillStyle = i, s.beginPath(), s.arc(n.x, n.y, r, 0, Math.PI * 2), s.fill();
+		});
+	}
+	function pe(e) {
+		if (!p || p.length < 2) return;
+		let t = 1, n = p.map((e) => {
+			let n = Math.max(0, e.y - M(e.x, e.z));
+			return t = Math.max(t, n), n;
+		});
+		s.save(), s.setLineDash([5, 4]), s.lineWidth = 2, s.lineCap = "round";
+		for (let r = 1; r < p.length; r += 1) {
+			let i = Y(p[r - 1].x, p[r - 1].z, e), a = Y(p[r].x, p[r].z, e);
+			s.strokeStyle = Te(n[r] / t), s.beginPath(), s.moveTo(i.x, i.y), s.lineTo(a.x, a.y), s.stroke();
+		}
+		s.setLineDash([]);
+		let r = Y(p[p.length - 1].x, p[p.length - 1].z, e);
+		s.strokeStyle = "rgba(255,255,255,0.9)", s.lineWidth = 1.5, s.beginPath(), s.arc(r.x, r.y, 5, 0, Math.PI * 2), s.stroke(), s.beginPath(), s.moveTo(r.x - 8, r.y), s.lineTo(r.x + 8, r.y), s.moveTo(r.x, r.y - 8), s.lineTo(r.x, r.y + 8), s.stroke(), s.restore();
+	}
+	function z(e, t) {
+		if (!Number.isFinite(e?.x) || !Number.isFinite(e?.z)) return;
+		let n = w(e.id) || e, r = String(e.id) === String(l.activeId), i = C.has(String(e.id)) || e.alive === !1, a = l.tanks.indexOf(e), o = i ? ve : H[e.color] || (a === 1 ? H.red : H.green), c = r && f && !w(e.id) && Number.isFinite(f.yaw) ? f.yaw : K(n.yaw, K(n.hullYaw)), u = Y(n.x, n.z, t), d = Math.max(14, B * t.scale), p = Math.max(9, V * t.scale);
+		r && !i && (s.strokeStyle = "rgba(255,255,255,0.75)", s.setLineDash([3, 3]), s.lineWidth = 1.5, s.beginPath(), s.arc(u.x, u.y, d * .85, 0, Math.PI * 2), s.stroke(), s.setLineDash([])), x && String(x.id) === String(e.id) && (s.strokeStyle = "rgba(255,214,90,0.9)", s.lineWidth = 3, s.beginPath(), s.arc(u.x, u.y, d, 0, Math.PI * 2), s.stroke()), s.save(), s.translate(u.x, u.y), s.save(), s.rotate(be(K(n.hullYaw))), s.fillStyle = "rgba(0,0,0,0.35)", R(-d / 2 + 2, -p / 2 + 2, d, p, 3), s.fill(), s.fillStyle = o.dark, R(-d / 2, -p / 2, d, p, 3), s.fill(), s.fillStyle = o.hull, R(-d / 2 + 1, -p / 2 + p * .2, d - 2, p * .6, 2), s.fill(), s.restore(), s.rotate(be(c)), s.strokeStyle = o.dark, s.lineWidth = Math.max(2, p * .22), s.lineCap = "round", s.beginPath(), s.moveTo(0, 0), s.lineTo(d * .85, 0), s.stroke(), s.fillStyle = o.turret, s.beginPath(), s.arc(0, 0, p * .36, 0, Math.PI * 2), s.fill(), s.strokeStyle = "rgba(0,0,0,0.5)", s.lineWidth = 1, s.stroke(), s.restore();
+		let m = K(e.maxHp, K(l.maxHp, _e)) || _e, h = G(K(e.hp, m) / m, 0, 1), g = Math.max(24, d * 1.1), _ = u.y - d * .9 - 6;
+		s.fillStyle = "rgba(0,0,0,0.6)", s.fillRect(u.x - g / 2 - 1, _ - 1, g + 2, 6), s.fillStyle = i ? "#555" : h > .5 ? "#6bd35b" : h > .25 ? "#f2c14e" : "#f05a4f", s.fillRect(u.x - g / 2, _, g * h, 4);
+	}
+	function W(e, { samples: t, f: n }) {
+		let r = Oe(t, n);
+		if (!r) return;
+		let i = Math.max(0, Math.floor(n) - 18);
+		s.lineCap = "round";
+		let a = null;
+		for (let r = i; r <= Math.floor(n); r += 1) {
+			let n = Oe(t, r), o = Y(n.x, n.z, e);
+			a && (s.strokeStyle = `rgba(255,240,200,${(r - i) / 19 * .7})`, s.lineWidth = 1.5, s.beginPath(), s.moveTo(a.x, a.y), s.lineTo(o.x, o.y), s.stroke()), a = o;
+		}
+		let o = Math.max(0, r.y - M(r.x, r.z)), c = Y(r.x, r.z, e), l = Math.min(o * .35 * e.scale, 40);
+		s.fillStyle = "rgba(0,0,0,0.35)", s.beginPath(), s.ellipse(c.x + l, c.y + l, 3, 2, 0, 0, Math.PI * 2), s.fill(), a && (s.strokeStyle = "rgba(255,240,200,0.7)", s.beginPath(), s.moveTo(a.x, a.y), s.lineTo(c.x, c.y), s.stroke());
+		let u = G(2.5 + o * .06, 2.5, 7);
+		s.fillStyle = "#fff3c4", s.beginPath(), s.arc(c.x, c.y, u, 0, Math.PI * 2), s.fill(), s.strokeStyle = "#3a2a12", s.lineWidth = 1, s.stroke();
+	}
+	function X(e) {
+		v.forEach((t) => {
+			let n = Y(t.x, t.z, e), r = Math.max(4, t.r * e.scale), i = s.createRadialGradient(n.x, n.y, 0, n.x, n.y, r);
+			i.addColorStop(0, `rgba(255,250,220,${t.life / t.max})`), i.addColorStop(1, "rgba(255,160,60,0)"), s.fillStyle = i, s.beginPath(), s.arc(n.x, n.y, r, 0, Math.PI * 2), s.fill();
+		}), y.forEach((t) => {
+			let n = Y(t.x, t.z, e);
+			s.fillStyle = `rgba(60,58,55,${t.life / t.max * .45})`, s.beginPath(), s.arc(n.x, n.y, Math.max(2, t.r * e.scale), 0, Math.PI * 2), s.fill();
+		}), _.forEach((t) => {
+			let n = 1 - t.life / t.max, r = Y(t.x, t.z, e);
+			s.strokeStyle = `rgba(${t.color},${1 - n})`, s.lineWidth = 2 + (1 - n) * 2, s.beginPath(), s.arc(r.x, r.y, Math.max(1, (t.r0 + (t.r1 - t.r0) * n) * e.scale), 0, Math.PI * 2), s.stroke();
+		}), g.forEach((t) => {
+			let n = Y(t.x, t.z, e);
+			s.globalAlpha = G(t.life / t.max, 0, 1), s.fillStyle = t.color;
+			let r = Math.max(1.5, t.size * e.scale);
+			s.fillRect(n.x - r / 2, n.y - r / 2, r, r);
+		}), s.globalAlpha = 1, s.textAlign = "center", s.font = "bold 14px system-ui, sans-serif", b.forEach((t) => {
+			let n = 1 - t.life / t.max, r = Y(t.x, t.z, e);
+			s.globalAlpha = G(1.4 - n * 1.4, 0, 1), s.lineWidth = 3, s.strokeStyle = "rgba(0,0,0,0.7)", s.strokeText(t.text, r.x, r.y - 18 - n * 26), s.fillStyle = t.color, s.fillText(t.text, r.x, r.y - 18 - n * 26);
+		}), s.globalAlpha = 1;
+	}
+	function je() {
+		let e = l.wind || {}, t = K(e.x), n = K(e.z), r = Math.hypot(t, n), i = E - 34;
+		if (s.fillStyle = "rgba(0,0,0,0.45)", s.beginPath(), s.arc(i, 34, 24, 0, Math.PI * 2), s.fill(), s.strokeStyle = "#e8f1ff", s.fillStyle = "#e8f1ff", s.lineWidth = 2, r > .01) {
+			let e = G(6 + r * 2, 8, 18), a = t / r, o = n / r;
+			s.beginPath(), s.moveTo(i - a * e, 34 - o * e), s.lineTo(i + a * e, 34 + o * e), s.stroke(), s.beginPath(), s.moveTo(i + a * (e + 4), 34 + o * (e + 4)), s.lineTo(i + a * e - o * 5, 34 + o * e + a * 5), s.lineTo(i + a * e + o * 5, 34 + o * e - a * 5), s.closePath(), s.fill();
+		} else s.beginPath(), s.arc(i, 34, 3, 0, Math.PI * 2), s.fill();
+		if (s.font = "11px system-ui, sans-serif", s.textAlign = "center", s.fillText(`${r.toFixed(1)} m/s`, i, 72), f && (Number.isFinite(f.pitch) || Number.isFinite(f.power))) {
+			s.textAlign = "left";
+			let e = [];
+			Number.isFinite(f.pitch) && e.push(`${Math.round(f.pitch)}°`), Number.isFinite(f.power) && e.push(`${Math.round(f.power)}%`);
+			let t = e.join(" · ");
+			s.fillStyle = "rgba(0,0,0,0.45)", s.fillRect(8, 8, s.measureText(t).width + 12, 20), s.fillStyle = "#e8f1ff", s.fillText(t, 14, 22);
+		}
+	}
+	function Z() {
+		if (s && E && D && !k) try {
+			if (s.setTransform(te, 0, 0, te, 0, 0), s.fillStyle = "#18211a", s.fillRect(0, 0, E, D), !l) return;
+			let e = oe(), t = Y(e.minX, e.minZ, e), n = e.size * e.scale, r = le();
+			r ? (s.imageSmoothingEnabled = !0, s.drawImage(r, t.x, t.y, n, n)) : (s.fillStyle = "#4c7a3e", s.fillRect(t.x, t.y, n, n)), s.strokeStyle = "rgba(0,0,0,0.5)", s.lineWidth = 1, s.strokeRect(t.x, t.y, n, n), fe(e), ue(e), de(e), pe(e), (l.tanks || []).forEach((t) => z(t, e)), ee.forEach((t) => W(e, t)), X(e), je();
+		} catch {}
+	}
+	async function Me(e) {
+		if (k || !e) return;
+		let n = e.tankId, r = j(n), i = (e.movePath || []).filter((e) => e && Number.isFinite(e.x) && Number.isFinite(e.z)), a = r || i[0] || {
+			x: 0,
+			z: 0
+		}, o = {
+			x: a.x,
+			y: K(a.y),
+			z: a.z,
+			hullYaw: K(r?.hullYaw),
+			yaw: K(r?.yaw, K(r?.hullYaw)),
+			pitch: K(r?.pitch)
+		};
+		if (S.set(String(n), o), i.length > 1 && De(i) > .05) {
+			let e = De(i), r = 0;
+			if (A("engine_start", { tankId: n }), await F(t ? 50 : 350), A("move_start", { tankId: n }), await F(G(e / he * 1e3, 400, 3500), (e, n) => {
+				let a = Ee(i, q(e));
+				if (a && (a.heading != null && (o.yaw += xe(o.hullYaw, a.heading), o.hullYaw = a.heading), o.x = a.x, o.y = a.y, o.z = a.z, r += n || 0, r > 110 && !t)) {
+					r = 0;
+					let e = ye(o.hullYaw);
+					I(a.x - e.x * 3, a.z - e.z * 3, 1, ["#8c7a5c"], 2);
+				}
+			}), A("move_end", { tankId: n }), k) return;
+		}
+		let s = K(e.yaw, o.yaw), c = Math.abs(xe(o.yaw, s));
+		if (c > 1) {
+			let e = o.yaw;
+			if (A("turret_start", { tankId: n }), await F(G(c / ge * 1e3, 200, 1500), (t) => {
+				o.yaw = Se(e, s, q(t));
+			}), A("turret_end", { tankId: n }), k) return;
+		}
+		o.yaw = s, o.pitch = K(e.pitch, o.pitch);
+		let l = e.damage || {}, u = /* @__PURE__ */ new Set(), d = [...e.craters || []].filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)), f = ye(o.yaw), p = {
+			x: o.x + f.x * B * .85,
+			z: o.z + f.z * B * .85
+		}, m = ke(e.shots).map((e) => ({
+			...e,
+			state: "waiting",
+			f: 0
+		})), g = (e) => {
+			e.state = "flying", e.bomblet || (A("fire", {
+				tankId: n,
+				shot: e.index
+			}), v.push({
+				x: p.x,
+				z: p.z,
+				r: 2.5,
+				life: 160,
+				max: 160
+			}), y.push({
+				x: p.x,
+				z: p.z,
+				r: 1,
+				life: 900,
+				max: 900
+			}), e.count >= 2 && A("projectile_start", {
+				tankId: n,
+				shot: e.index
+			}));
+		}, _ = (e) => {
+			e.state = "done";
+			let { shot: t, index: n } = e, r = e.count ? Oe(t.samples, e.count - 1) : p, i = t.impact && Number.isFinite(t.impact.x) ? t.impact : {
+				...r,
+				kind: "terrain"
+			};
+			if (A("impact", {
+				kind: i.kind,
+				tankId: i.tankId,
+				shot: n
+			}), i.kind === "split") v.push({
+				x: i.x,
+				z: i.z,
+				r: 1.5,
+				life: 140,
+				max: 140
+			}), I(i.x, i.z, 4, ["#ffe9a8", "#cfcfcf"], 6);
+			else if (i.kind !== "out") {
+				if (L(i.x, i.z, t.radius, !1), i.kind === "tank" && i.tankId != null) {
+					A("tank_hit", {
+						tankId: i.tankId,
+						shot: n
+					});
+					let e = l[i.tankId];
+					if (Number.isFinite(e) && e > 0 && !u.has(String(i.tankId))) {
+						u.add(String(i.tankId));
+						let t = w(i.tankId) || j(i.tankId) || i;
+						b.push({
+							x: t.x,
+							z: t.z,
+							text: `-${Math.round(e)}`,
+							color: "#ff6b5a",
+							life: 1400,
+							max: 1400
+						});
+					}
+				}
+				for (let e = d.length - 1; e >= 0; --e) {
+					let t = d[e];
+					Math.hypot(t.x - i.x, t.z - i.z) <= K(t.radius, 3) + 1.5 && h.push(...d.splice(e, 1));
+				}
+			}
+		};
+		if (m.length) {
+			let e = Math.max(...m.map((e) => e.endMs)) + 380;
+			if (await F(e, (t) => {
+				let n = t * e;
+				m.forEach((e) => {
+					e.state === "waiting" && n >= e.startMs && g(e), e.state === "flying" && (e.f = G((n - e.startMs) / 40, 0, Math.max(0, e.count - 1)), n >= e.endMs && _(e));
+				}), ee = m.filter((e) => e.state === "flying" && e.count >= 2).map((e) => ({
+					samples: e.shot.samples,
+					f: e.f
+				}));
+			}), ee = [], k) return;
+		}
+		h.push(...d), Object.entries(l).forEach(([e, t]) => {
+			if (u.has(e) || !Number.isFinite(t) || t <= 0) return;
+			let n = w(e) || j(e);
+			n && b.push({
+				x: n.x,
+				z: n.z,
+				text: `-${Math.round(t)}`,
+				color: "#ff6b5a",
+				life: 1400,
+				max: 1400
+			});
+		});
+		let x = e.destroyed || [];
+		if (x.forEach((e) => {
+			let t = w(e) || j(e);
+			A("big_explosion", { tankId: e }), t && L(t.x, t.z, 6, !0), A("destroyed", { tankId: e }), C.add(String(e));
+		}), x.length) {
+			let e = 0;
+			await F(1600, (t, n) => {
+				e += n || 0, !(e < 140) && (e = 0, x.forEach((e) => {
+					let t = w(e) || j(e);
+					t && y.push({
+						x: t.x + (Math.random() - .5) * 2,
+						z: t.z + (Math.random() - .5) * 2,
+						r: 1.2,
+						life: 1600,
+						max: 1600
+					});
+				}));
+			});
+		} else await F(500);
+		k || (e.world && Ne(e.world, !0), S.delete(String(n)), P(), Z());
+	}
+	function Ne(e, t) {
+		e && (!t && l && e.heights !== l.heights && (h = []), l = e, (e.tanks || []).forEach((e) => {
+			e.alive !== !1 && !(Number(e.hp) <= 0) && C.delete(String(e.id));
+		}));
+	}
+	function Q() {
+		if (!o || k) return;
+		let t = e?.getBoundingClientRect?.() || {
+			width: e?.clientWidth || 0,
+			height: e?.clientHeight || 0
+		};
+		E = Math.max(0, Math.floor(t.width)), D = Math.max(0, Math.floor(t.height)), te = Math.min(ae().dpr, a?.devicePixelRatio || 1), o.width = Math.max(1, Math.round(E * te)), o.height = Math.max(1, Math.round(D * te)), Z();
+	}
+	let Pe = () => {
+		ie() ? (O && a?.cancelAnimationFrame && a.cancelAnimationFrame(O), O = 0, ne = 0) : P();
+	};
+	i?.addEventListener("visibilitychange", Pe);
+	let Fe = null;
+	return a?.ResizeObserver && e ? (Fe = new a.ResizeObserver(() => Q()), Fe.observe(e)) : a?.addEventListener("resize", Q), Q(), {
+		setWorld(e) {
+			Ne(e, !1), Z();
+		},
+		setAim(e) {
+			f = e ? {
+				yaw: e.yaw,
+				pitch: e.pitch,
+				power: e.power
+			} : null, Z();
+		},
+		setPreview(e) {
+			p = Ae(e), Z();
+		},
+		playTurn(e) {
+			let t = re.then(() => Me(e)).catch(() => {});
+			return re = t, t;
+		},
+		setCameraMode(e) {
+			d = e || "overview", Z();
+		},
+		setQuality(e) {
+			U[e] && e !== u && (u = e, Q());
+		},
+		celebrate(e) {
+			x = e == null ? null : {
+				id: e,
+				left: 3e3,
+				next: 0
+			}, x && P(), Z();
+		},
+		resize: Q,
+		dispose() {
+			if (!k) {
+				k = !0, O && a?.cancelAnimationFrame && a.cancelAnimationFrame(O), O = 0, T.forEach((e) => e.resolve()), T.clear(), Fe?.disconnect(), a?.removeEventListener("resize", Q), i?.removeEventListener("visibilitychange", Pe), g = [], _ = [], v = [], y = [], b = [], h = [], ee = [], m = {
+					heights: null,
+					grid: 0,
+					factor: 0,
+					canvas: null
+				}, S.clear();
+				try {
+					o?.remove();
+				} catch {}
+				s = null;
+			}
+		}
+	};
+}
+// src/games/tanks/TanksGameCard.jsx
+var Z = 60, Me = 6e4, Ne = {
+	standard: "Estándar",
+	heavy: "Pesada",
+	cluster: "Racimo"
+}, Q = (e, [t, n]) => Math.max(t, Math.min(n, Math.round(e))), Pe = (e) => (Math.round(e) % 360 + 360) % 360, Fe = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Ie() {
+	let e = C(u)?.transport ?? null, t = S((t) => {
+		let n = e?.onStatus?.(t);
+		return typeof n == "function" ? n : () => {};
+	}, [e]), n = D(t, () => e?.getStatus?.() ?? null, () => null);
+	return f() === "connected" || n === "connected";
+}
+function Le(e, ...n) {
+	return Promise.resolve(t.getState()[e]?.(...n)).catch((e) => {
+		throw e;
+	});
+}
+function Re({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
+	return e?.status === "requesting" ? /* @__PURE__ */ M("div", {
+		className: "chat-game-sync",
+		role: "status",
+		children: "Sincronizando partida…"
+	}) : /* @__PURE__ */ N("div", {
+		className: "chat-game-sync",
+		role: "alert",
+		children: [
+			e?.message && /* @__PURE__ */ M("span", { children: e.message }),
+			e?.status === "incompatible" && e.offer && /* @__PURE__ */ M("button", {
+				type: "button",
+				className: "chat-game-action chat-game-action--primary",
+				disabled: !t,
+				onClick: r,
+				children: "Usar estado del anfitrión"
+			}),
+			/* @__PURE__ */ M("button", {
+				type: "button",
+				className: "chat-game-action",
+				disabled: !t,
+				onClick: n,
+				children: "Reintentar sincronización"
+			})
+		]
+	});
+}
+function ze({ label: e, hp: t, color: n, active: r }) {
+	return /* @__PURE__ */ N("div", {
+		className: `tk-hp tk-hp--${n}${r ? " is-active" : ""}`,
+		children: [
+			/* @__PURE__ */ M("span", {
+				className: "tk-hp-label",
+				children: e
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "tk-hp-track",
+				role: "meter",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": t,
+				"aria-label": `Vida de ${e}`,
+				children: /* @__PURE__ */ M("span", {
+					className: "tk-hp-fill",
+					style: { width: `${t}%` }
+				})
+			}),
+			/* @__PURE__ */ M("strong", { children: t })
+		]
+	});
+}
+function Be(e, t, n, r) {
+	let i = T(null), [a, o] = E("loading"), [s, c] = E(!1), l = T(r);
+	l.current = r;
+	let u = n || s;
+	return w(() => {
+		let n = e.current;
+		if (!t || !n) return;
+		let r = !1, a = null, s = {
+			reducedMotion: Fe(),
+			onEvent: (e) => {
+				e?.type === "context_lost" ? c(!0) : l.current?.(e);
+			}
+		}, d = (e, t) => {
+			a = e, i.current = e, o(t);
+		}, f = () => {
+			try {
+				d(je(n, s), "2d");
+			} catch {
+				o("none");
+			}
+		};
+		return o("loading"), u || !h() ? f() : import("./createTankScene-CV7Brxmt.js").then(({ createTankScene: e }) => {
+			if (!r) try {
+				d(e(n, s), "3d");
+			} catch {
+				f();
+			}
+		}).catch(() => {
+			r || f();
+		}), () => {
+			r = !0;
+			try {
+				a?.dispose();
+			} catch {}
+			i.current = null, g();
+		};
+	}, [
+		e,
+		t,
+		u
+	]), {
+		sceneRef: i,
+		mode: a,
+		use2d: u,
+		setForced2d: c
+	};
+}
+function Ve({ game: e, currentUserId: t }) {
+	let n = e.logic?.tanks.map((e) => e.hp) ?? [100, 100];
+	return /* @__PURE__ */ N("section", {
+		className: "chat-game-card chat-game-card--history tk-card tk-card--history",
+		"aria-label": "Partida de Tanques de guerra",
+		children: [
+			/* @__PURE__ */ M("header", {
+				className: "chat-game-header",
+				children: /* @__PURE__ */ N("div", {
+					className: "chat-game-heading",
+					children: [/* @__PURE__ */ M("span", {
+						className: "chat-game-eyebrow",
+						children: "MINIJUEGOS · 2 JUGADORES"
+					}), /* @__PURE__ */ N("h3", { children: ["Tanques de guerra ", /* @__PURE__ */ M(ie, {
+						size: 13,
+						"aria-hidden": "true"
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ M("p", {
+				className: "chat-game-status",
+				role: "status",
+				children: m(e, t)
+			}),
+			e.logic && /* @__PURE__ */ N("p", {
+				className: "tk-history-score",
+				children: [
+					"Verde ",
+					n[0],
+					" · Rojo ",
+					n[1],
+					" HP"
+				]
+			})
+		]
+	});
+}
+function He({ game: t, gameKey: i, currentUserId: a, variant: s, onMinimize: c, onDismiss: l }) {
+	let u = Ie(), f = T(null), [h, g] = E(!1), [x, S] = E(null), [C, D] = E(!1), [P, se] = E("overview"), [F, ce] = E(""), [I, L] = E(!1), [ue, me] = E(() => Date.now()), he = T("init"), ge = T(0), z = [
+		"active",
+		"won",
+		"draw",
+		"conflict",
+		"closed"
+	].includes(t.status) && !!t.logic, { sceneRef: B, mode: V, use2d: _e } = Be(f, z, h, (e) => v(e, `${he.current}:${e.type}:${ge.current += 1}`)), H = String(a ?? t.ownId), ve = t.logic?.players ?? [t.hostId, t.guestId], U = ve.indexOf(H), W = p(H, t.guestId), G = U >= 0, K = d(t), q = n(t) && !C, J = (e, ...t) => {
+		ce(""), Le(e, ...t).catch((e) => ce(e?.message || "No se pudo enviar."));
+	};
+	w(() => {
+		_();
+	}, []);
+	let Y = T({
+		eventId: void 0,
+		logic: null,
+		scene: null
+	}), ye = T(Promise.resolve());
+	w(() => {
+		let e = B.current;
+		if (!e || !t.logic) return;
+		let n = Y.current, r = t.lastAction?.eventId ?? null;
+		if (n.scene !== e) {
+			Y.current = {
+				eventId: r,
+				logic: t.logic,
+				scene: e
+			}, e.setWorld(R(t));
+			return;
+		}
+		if (n.logic === t.logic) return;
+		let i = n.logic, a = r !== n.eventId && t.lastAction?.entry?.[0] === 1;
+		Y.current = {
+			eventId: r,
+			logic: t.logic,
+			scene: e
+		};
+		let o = a ? de(t, i) : null, s = R(t);
+		ye.current = ye.current.then(async () => {
+			if (B.current === e) {
+				if (!o) e.setWorld(s);
+				else {
+					he.current = r, o.destroyed.length && y("big_explosion", 15e3), D(!0), se("overview");
+					try {
+						await e.playTurn(o);
+					} catch {
+						e.setWorld(s);
+					}
+					B.current === e && D(!1);
+				}
+			}
+		});
+	}, [
+		t,
+		V,
+		B
+	]);
+	let be = T(K);
+	w(() => {
+		!be.current && ["won", "draw"].includes(t.status) && ye.current.then(() => {
+			B.current?.celebrate?.(t.winnerId ?? null), G && b(p(t.winnerId, H) ? "victory" : "defeat", `${t.gameId}:end`);
+		});
+	}, [
+		t.status,
+		t.winnerId,
+		t.gameId,
+		H,
+		G,
+		B
+	]), w(() => {
+		if (!n(t) || !t.logic) {
+			S(null);
+			return;
+		}
+		let e = t.logic.tanks[U], r = t.logic.tanks[1 - U];
+		S({
+			move: 0,
+			yaw: pe(e, r),
+			pitch: 45,
+			power: 60,
+			ammo: "standard"
+		});
+	}, [
+		t.ply,
+		t.status,
+		t.pendingEvent,
+		U
+	]), w(() => {
+		let e = B.current;
+		e && t.logic && (!x || !q ? e.setPreview(null) : (e.setAim(x), e.setPreview(fe(t, H, x))));
+	}, [
+		x,
+		q,
+		V
+	]), w(() => {
+		B.current?.setCameraMode?.(P);
+	}, [
+		P,
+		V,
+		B
+	]);
+	let xe = T({
+		ply: -1,
+		at: 0
+	});
+	!C && t.status === "active" && xe.current.ply !== t.ply && (xe.current = {
+		ply: t.ply,
+		at: Date.now()
+	}), w(() => {
+		if (t.status !== "active" && t.status !== "invited") return;
+		let e = setInterval(() => me(Date.now()), 1e3);
+		return () => clearInterval(e);
+	}, [t.status]);
+	let Se = Math.max(0, Z - Math.floor((ue - xe.current.at) / 1e3)), Ce = T(-1);
+	w(() => {
+		!q || Se > 0 || Ce.current === t.ply || document.visibilityState !== "visible" || (Ce.current = t.ply, J("tkSkip", i));
+	}, [
+		q,
+		Se,
+		t.ply,
+		i
+	]);
+	let X = (e) => S((t) => t && {
+		...t,
+		...e
+	}), we = () => {
+		q && x && u && J("tkTurn", i, x);
+	}, Te = T(null), Ee = (e) => {
+		q && x && (Te.current = {
+			x: e.clientX,
+			y: e.clientY,
+			yaw: x.yaw,
+			pitch: x.pitch
+		}, e.currentTarget.setPointerCapture?.(e.pointerId));
+	}, De = (t) => {
+		if (!Te.current) return;
+		let n = Te.current;
+		X({
+			yaw: Pe(n.yaw - (t.clientX - n.x) * .4),
+			pitch: Q(n.pitch - (t.clientY - n.y) * .25, e.pitch)
+		});
+	}, Oe = () => {
+		Te.current = null;
+	}, ke = (t) => {
+		if (!q || !x) return;
+		let n = t.shiftKey ? 10 : 2, r = {
+			ArrowLeft: () => X({ yaw: Pe(x.yaw + n) }),
+			ArrowRight: () => X({ yaw: Pe(x.yaw - n) }),
+			ArrowUp: () => X({ pitch: Q(x.pitch + 1, e.pitch) }),
+			ArrowDown: () => X({ pitch: Q(x.pitch - 1, e.pitch) }),
+			"+": () => X({ power: Q(x.power + 2, e.power) }),
+			"=": () => X({ power: Q(x.power + 2, e.power) }),
+			"-": () => X({ power: Q(x.power - 2, e.power) }),
+			Enter: we,
+			" ": we
+		}[t.key];
+		r && (t.preventDefault(), r());
+	}, Ae = ve[1 - U] ?? (W ? t.hostId : t.guestId), je = () => J("invite", {
+		roomId: t.roomId,
+		opponentId: Ae,
+		gameType: "tanks",
+		firstPlayerId: t.firstPlayerId === t.hostId ? t.guestId : t.hostId,
+		rematchOf: t.gameId
+	}), Fe = !u && !K ? "Sin conexión · esperando reconexión" : t.pending ? "Enviando…" : m(t, a), Ve = t.logic?.tanks ?? [], He = Ve[U], $ = t.logic ? R(t).wind : null, Ue = $ ? Math.hypot($.x, $.z) : 0, We = $ ? Math.round(Math.atan2($.z, $.x) * 180 / Math.PI) : 0, Ge = t.status === "invited" && !W && Date.now() - Date.parse(t.createdAt) > Me;
+	return /* @__PURE__ */ N("section", {
+		className: `chat-game-card tk-card${q ? " chat-game-card--my-turn" : ""}${s ? ` chat-game-card--${s}` : ""}`,
+		"aria-label": "Partida de Tanques de guerra",
+		children: [
+			/* @__PURE__ */ N("header", {
+				className: "chat-game-header",
+				children: [
+					/* @__PURE__ */ N("div", {
+						className: "chat-game-heading",
+						children: [/* @__PURE__ */ M("span", {
+							className: "chat-game-eyebrow",
+							children: "MINIJUEGOS · 2 JUGADORES"
+						}), /* @__PURE__ */ N("h3", { children: ["Tanques de guerra ", /* @__PURE__ */ M(ie, {
+							size: 13,
+							"aria-hidden": "true"
+						})] })]
+					}),
+					s === "panel" && /* @__PURE__ */ M(o, { manager: ee() }),
+					c && /* @__PURE__ */ M("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Minimizar tablero",
+						title: "Minimizar tablero",
+						onClick: c,
+						children: /* @__PURE__ */ M(te, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					G && !K && /* @__PURE__ */ M("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Finalizar partida para ambos jugadores",
+						title: "Finalizar partida para ambos",
+						disabled: !u,
+						onClick: () => J("act", i, "game_end"),
+						children: /* @__PURE__ */ M(oe, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					l && /* @__PURE__ */ M("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Cerrar tablero y volver al chat",
+						title: "Cerrar tablero",
+						onClick: l,
+						children: /* @__PURE__ */ M(oe, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ M("p", {
+				className: "chat-game-status",
+				role: "status",
+				children: Fe
+			}),
+			t.status === "invited" && /* @__PURE__ */ N("div", {
+				className: "tk-invite",
+				children: [
+					/* @__PURE__ */ M("p", { children: "Duelo de artillería por turnos: mueve tu tanque, apunta la torreta, elige la potencia y destruye al rival. 100 HP cada uno." }),
+					W && /* @__PURE__ */ N("div", {
+						className: "chat-game-actions",
+						children: [/* @__PURE__ */ M("button", {
+							type: "button",
+							className: "chat-game-action chat-game-action--primary",
+							disabled: !u || t.pending,
+							onClick: () => J("act", i, "game_accept"),
+							children: "Aceptar duelo"
+						}), /* @__PURE__ */ M("button", {
+							type: "button",
+							className: "chat-game-action",
+							disabled: !u || t.pending,
+							onClick: () => J("act", i, "game_decline"),
+							children: "Rechazar"
+						})]
+					}),
+					Ge && /* @__PURE__ */ M("p", {
+						className: "tk-hint",
+						children: "¿No responde? Tu contacto puede necesitar actualizar la app para jugar a Tanques."
+					})
+				]
+			}),
+			z && /* @__PURE__ */ N("div", {
+				className: "tk-stage-wrap",
+				children: [
+					/* @__PURE__ */ M("div", {
+						ref: f,
+						className: `tk-stage${q ? " is-aiming" : ""}`,
+						tabIndex: 0,
+						role: "application",
+						"aria-label": "Campo de batalla. Flechas para apuntar, más y menos para la potencia, Enter para disparar.",
+						onPointerDown: Ee,
+						onPointerMove: De,
+						onPointerUp: Oe,
+						onPointerCancel: Oe,
+						onKeyDown: ke
+					}),
+					V === "loading" && /* @__PURE__ */ M("div", {
+						className: "tk-stage-note",
+						role: "status",
+						children: "Cargando campo de batalla…"
+					}),
+					V === "none" && /* @__PURE__ */ M("div", {
+						className: "tk-stage-note",
+						role: "alert",
+						children: "No se pudo dibujar el campo de batalla."
+					}),
+					/* @__PURE__ */ N("div", {
+						className: "tk-hud",
+						children: [
+							/* @__PURE__ */ M(ze, {
+								label: U === 0 ? "Tú" : "Verde",
+								hp: Ve[0]?.hp ?? 100,
+								color: le[0],
+								active: t.turnId === ve[0]
+							}),
+							/* @__PURE__ */ M(ze, {
+								label: U === 1 ? "Tú" : "Rojo",
+								hp: Ve[1]?.hp ?? 100,
+								color: le[1],
+								active: t.turnId === ve[1]
+							}),
+							/* @__PURE__ */ N("div", {
+								className: "tk-hud-meta",
+								children: [
+									$ && /* @__PURE__ */ N("span", {
+										title: "Viento",
+										children: [
+											/* @__PURE__ */ M(ae, {
+												size: 12,
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ M("i", {
+												className: "tk-wind-arrow",
+												style: { transform: `rotate(${We}deg)` },
+												"aria-hidden": "true",
+												children: "➜"
+											}),
+											Ue.toFixed(1),
+											" m/s²"
+										]
+									}),
+									t.logic && /* @__PURE__ */ N("span", { children: [
+										"Disparo ",
+										Math.min(t.logic.shots + 1, t.logic.maxShots),
+										"/",
+										t.logic.maxShots
+									] }),
+									t.status === "active" && !C && /* @__PURE__ */ N("span", {
+										className: Se <= 10 ? "tk-timer is-low" : "tk-timer",
+										children: [Se, "s"]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ N("div", {
+						className: "tk-stage-tools",
+						children: [/* @__PURE__ */ N("button", {
+							type: "button",
+							className: "chat-game-action",
+							"aria-pressed": P === "aim",
+							onClick: () => se(P === "aim" ? "overview" : "aim"),
+							title: "Cambiar cámara",
+							children: [/* @__PURE__ */ M(A, {
+								size: 14,
+								"aria-hidden": "true"
+							}), P === "aim" ? "Vista general" : "Cámara de apuntado"]
+						}), V !== "loading" && /* @__PURE__ */ N("button", {
+							type: "button",
+							className: "chat-game-action",
+							"aria-pressed": _e,
+							onClick: () => g(!_e),
+							title: "Cambiar vista",
+							children: [/* @__PURE__ */ M(k, {
+								size: 14,
+								"aria-hidden": "true"
+							}), _e ? "Vista 3D" : "Vista 2D"]
+						})]
+					})
+				]
+			}),
+			q && x && He && /* @__PURE__ */ N("div", {
+				className: "tk-controls",
+				"aria-label": "Controles del disparo",
+				children: [
+					/* @__PURE__ */ N("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ N("span", { children: [
+							"Mover ",
+							/* @__PURE__ */ N("strong", { children: [(x.move * .5).toFixed(1), " m"] }),
+							" ",
+							/* @__PURE__ */ N("small", { children: [
+								"combustible ",
+								Math.floor(He.fuel / 1e5),
+								" m"
+							] })
+						] }), /* @__PURE__ */ M("input", {
+							type: "range",
+							min: e.move[0],
+							max: e.move[1],
+							value: x.move,
+							onChange: (e) => X({ move: Number(e.target.value) }),
+							"aria-valuetext": `${(x.move * .5).toFixed(1)} metros`
+						})]
+					}),
+					/* @__PURE__ */ N("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ N("span", { children: ["Torreta ", /* @__PURE__ */ N("strong", { children: [x.yaw, "°"] })] }), /* @__PURE__ */ M("input", {
+							type: "range",
+							min: e.yaw[0],
+							max: e.yaw[1],
+							value: x.yaw,
+							onChange: (e) => X({ yaw: Number(e.target.value) }),
+							"aria-valuetext": `${x.yaw} grados`
+						})]
+					}),
+					/* @__PURE__ */ N("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ N("span", { children: ["Elevación ", /* @__PURE__ */ N("strong", { children: [x.pitch, "°"] })] }), /* @__PURE__ */ M("input", {
+							type: "range",
+							min: e.pitch[0],
+							max: e.pitch[1],
+							value: x.pitch,
+							onChange: (e) => X({ pitch: Number(e.target.value) }),
+							"aria-valuetext": `${x.pitch} grados`
+						})]
+					}),
+					/* @__PURE__ */ N("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ N("span", { children: ["Potencia ", /* @__PURE__ */ M("strong", { children: x.power })] }), /* @__PURE__ */ M("input", {
+							type: "range",
+							min: e.power[0],
+							max: e.power[1],
+							value: x.power,
+							onChange: (e) => X({ power: Number(e.target.value) }),
+							"aria-valuetext": `Potencia ${x.power}`
+						})]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "tk-ammo",
+						role: "radiogroup",
+						"aria-label": "Munición",
+						children: Object.keys(r).map((e) => {
+							let t = r[e].cost === 0 ? "∞" : He.ammo[e] ?? 0;
+							return /* @__PURE__ */ N("button", {
+								type: "button",
+								role: "radio",
+								"aria-checked": x.ammo === e,
+								disabled: t === 0,
+								className: `tk-ammo-item${x.ammo === e ? " is-selected" : ""}`,
+								onClick: () => X({ ammo: e }),
+								children: [
+									Ne[e],
+									" ",
+									/* @__PURE__ */ M("small", { children: t })
+								]
+							}, e);
+						})
+					}),
+					/* @__PURE__ */ N("button", {
+						type: "button",
+						className: "tk-fire",
+						disabled: !u || t.pending,
+						onClick: we,
+						children: [/* @__PURE__ */ M(O, {
+							size: 18,
+							"aria-hidden": "true"
+						}), "DISPARAR"]
+					})
+				]
+			}),
+			t.status === "conflict" && /* @__PURE__ */ N(j, { children: [t.error && /* @__PURE__ */ M("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: t.error
+			}), /* @__PURE__ */ M(Re, {
+				sync: t.sync,
+				connected: u,
+				onResync: () => J("requestResync", i),
+				onAdoptOffer: () => J("adoptResyncOffer", i)
+			})] }),
+			t.status !== "conflict" && t.error && /* @__PURE__ */ M("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: t.error
+			}),
+			F && /* @__PURE__ */ M("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: F
+			}),
+			t.pendingEvent && !t.pending && /* @__PURE__ */ M("div", {
+				className: "chat-game-actions",
+				children: /* @__PURE__ */ M("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--primary",
+					disabled: !u,
+					onClick: () => J("retry", i),
+					children: "Reintentar envío"
+				})
+			}),
+			t.status === "active" && G && /* @__PURE__ */ M("div", {
+				className: "chat-game-actions tk-secondary",
+				children: I ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--danger",
+					onClick: () => {
+						L(!1), J("tkResign", i);
+					},
+					children: "Confirmar rendición"
+				}), /* @__PURE__ */ M("button", {
+					type: "button",
+					className: "chat-game-action",
+					onClick: () => L(!1),
+					children: "Cancelar"
+				})] }) : /* @__PURE__ */ N("button", {
+					type: "button",
+					className: "chat-game-action",
+					disabled: !u || !!t.pendingEvent,
+					onClick: () => L(!0),
+					children: [/* @__PURE__ */ M(ne, {
+						size: 14,
+						"aria-hidden": "true"
+					}), "Rendirse"]
+				})
+			}),
+			[
+				"won",
+				"draw",
+				"closed"
+			].includes(t.status) && G && /* @__PURE__ */ M("div", {
+				className: "chat-game-actions",
+				children: /* @__PURE__ */ N("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--primary",
+					disabled: !u,
+					onClick: je,
+					children: [/* @__PURE__ */ M(re, {
+						size: 14,
+						"aria-hidden": "true"
+					}), "Revancha"]
+				})
+			})
+		]
+	});
+}
+function $({ gameKey: e, currentUserId: n, variant: r = "panel", onMinimize: i, onDismiss: a }) {
+	let o = t((t) => t.games[e]);
+	return o ? r === "history" ? /* @__PURE__ */ M(Ve, {
+		game: o,
+		currentUserId: n
+	}) : /* @__PURE__ */ M(He, {
+		game: o,
+		gameKey: e,
+		currentUserId: n,
+		variant: r,
+		onMinimize: i,
+		onDismiss: a
+	}) : null;
+}
+var Ue = x($);
+export { Ue as default };
+
+//# sourceMappingURL=TanksGameCard-D0n-lzTs.js.map