@minicode-dev/chat 0.1.5 → 0.1.7

package/dist/chunks/TanksGameCard-BEnXTz_J.js

@@ -0,0 +1,1705 @@
+import { A as e, C as t, D as n, E as r, O as i, T as a, a as o, h as s, j as c, k as l, m as u, o as d, s as f, t as p, v as m, w as h, y as g } from "./connect4Sounds-BDXQAvU1.js";
+import { i as _, o as v, t as y } from "./ChatContext-CUiEAMKK.js";
+import { t as b } from "./webglSupport-2WjPEPZ_.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 O, Crosshair as k, Flag as A, Layers as ee, RotateCcw as j, Swords as te, Video as ne, Wind as M, X as re } from "lucide-react";
+import { Fragment as ie, jsx as N, jsxs as P } from "react/jsx-runtime";
+// src/games/tanks/logic/selectors.js
+var ae = 2500;
+function F(e) {
+	let t = new Float32Array(e.length);
+	for (let n = 0; n < e.length; n += 1) t[n] = e[n] / c;
+	return t;
+}
+function oe(e) {
+	return {
+		x: e.x * ae / c,
+		z: e.z * ae / c
+	};
+}
+function I(t) {
+	let r = new Float32Array(t.heights.length);
+	for (let e = 0; e < r.length; e += 1) r[e] = t.heights[e] / c;
+	return {
+		size: e / c,
+		grid: 81,
+		heights: r,
+		obstacles: t.obstacles.map((e) => ({
+			id: e.id,
+			kind: e.kind,
+			x: e.x / c,
+			z: e.z / c,
+			y: e.y / c,
+			w: e.w / c,
+			d: e.d / c,
+			h: e.h / c
+		})),
+		decor: t.decor.map((e) => ({
+			id: e.id,
+			kind: e.kind,
+			x: e.x / c,
+			z: e.z / c,
+			scale: e.scale / 100
+		})),
+		tanks: t.tanks.map((e) => ({
+			id: e.id,
+			x: e.x / c,
+			y: e.y / c,
+			z: e.z / c,
+			hullYaw: e.hullYaw,
+			yaw: e.yaw,
+			pitch: e.pitch,
+			hp: e.hp,
+			fuel: e.fuel / c,
+			ammo: { ...e.ammo },
+			alive: e.hp > 0
+		})),
+		wind: oe(n(t.seed, t.ply)),
+		turnPlayerId: t.phase === "playing" ? t.players[t.turnIndex] : null
+	};
+}
+function se(e, t, { yaw: o, pitch: s, power: c, ammo: u, maxTicks: d = 600 } = {}) {
+	let f = e.players.indexOf(t);
+	return f >= 0 && [
+		[o, l.yaw],
+		[s, l.pitch],
+		[c, l.power]
+	].every(([e, [t, n]]) => Number.isInteger(e) && e >= t && e <= n) && typeof u == "string" && Object.hasOwn(i, u) ? F(r(a(e.tanks[f], {
+		yaw: o,
+		pitch: s,
+		power: c,
+		ammo: u
+	}), {
+		wind: n(e.seed, e.ply),
+		heights: e.heights,
+		tanks: e.tanks,
+		obstacles: e.obstacles,
+		maxTicks: d
+	}).samples) : /* @__PURE__ */ new Float32Array();
+}
+// src/games/tanks/view.js
+var ce = 20, le = Object.freeze(["green", "red"]);
+function ue(e) {
+	let t = I(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 L = (e) => ({
+	x: e.x / c,
+	y: e.y / c,
+	z: e.z / c
+});
+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(L),
+		yaw: n.input.yaw,
+		pitch: n.input.pitch,
+		ammo: n.input.ammo,
+		shots: n.shots.map((e) => ({
+			role: e.role,
+			startMs: e.startTick * ce,
+			samples: F(e.samples),
+			impact: {
+				...L(e.impact),
+				kind: e.impact.kind,
+				tankId: e.impact.tankId
+			},
+			radius: e.radius / c
+		})),
+		craters: n.craters.map((e) => ({
+			x: e.x / c,
+			z: e.z / c,
+			radius: e.radius / c,
+			depth: e.depth / c
+		})),
+		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: ue(e)
+	};
+}
+function fe(e, t, n) {
+	try {
+		return se(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 R = 60, z = 9, me = 120, B = Math.PI / 180, V = 7, H = 4.4, he = 100, U = {
+	green: {
+		hull: "#4f8a3c",
+		dark: "#2f5a24",
+		turret: "#6aa851"
+	},
+	red: {
+		hull: "#b8423a",
+		dark: "#7a2620",
+		turret: "#d45a4f"
+	}
+}, ge = {
+	hull: "#2b2a28",
+	dark: "#151413",
+	turret: "#3a3835"
+}, W = {
+	low: {
+		terrain: 2,
+		dpr: 1,
+		particles: .5
+	},
+	medium: {
+		terrain: 3,
+		dpr: 1.5,
+		particles: .75
+	},
+	high: {
+		terrain: 4,
+		dpr: 2,
+		particles: 1
+	}
+}, G = [
+	[0, [
+		52,
+		96,
+		48
+	]],
+	[.25, [
+		86,
+		130,
+		58
+	]],
+	[.5, [
+		128,
+		134,
+		72
+	]],
+	[.68, [
+		126,
+		100,
+		68
+	]],
+	[.85, [
+		128,
+		124,
+		118
+	]],
+	[1, [
+		190,
+		188,
+		182
+	]]
+], K = (e, t, n) => Math.min(n, Math.max(t, e)), q = (e, t = 0) => Number.isFinite(e) ? e : t, _e = (e) => e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
+function ve(e, t, n, { zoom: r = 1, cx: i, cz: a, pad: o = 8, origin: s = "corner" } = {}) {
+	let c = Math.max(1, q(n, 160)), l = c / 2, u = s === "corner" ? l : 0, d = Math.max(1, Math.min(e, t) - o * 2) / c * Math.max(1, q(r, 1)), f = (e, t) => t >= l ? u : K(q(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 J(e, t, n) {
+	return {
+		x: n.ox + e * n.scale,
+		y: n.oy + t * n.scale
+	};
+}
+function ye(e) {
+	return {
+		x: Math.cos(e * B),
+		z: Math.sin(e * B)
+	};
+}
+function Y(e) {
+	return e * B;
+}
+function be(e, t) {
+	let n = ((t - e) % 360 + 540) % 360 - 180;
+	return n === -180 ? 180 : n;
+}
+function xe(e, t, n) {
+	return e + be(e, t) * n;
+}
+function Se(e, t, n, r) {
+	if (!e || t < 2) return 0;
+	let i = K(q(n), 0, t - 1), a = K(q(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 q(d * (1 - l) + f * l);
+}
+function Ce(e, t = 1) {
+	let n = K(q(e), 0, 1), r = 1;
+	for (; r < G.length - 1 && G[r][0] < n;) r += 1;
+	let [i, a] = G[r - 1], [o, s] = G[r], c = o > i ? (n - i) / (o - i) : 0;
+	return a.map((e, n) => K(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 = q(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) => Se(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, x = Math.hypot(y, 1, b), S = K(.45 + .65 * ((-y * d[0] + d[1] - b * d[2]) / (x * f)), .35, 1.2), C = (h + g + _ + v - 4 * m) / u;
+		if (S *= 1 - K(C * .6, 0, .35), i > 0 && c > i) {
+			let e = Math.floor(m / i);
+			(e !== Math.floor(g / i) || e !== Math.floor(v / i)) && (S *= .88);
+		}
+		let [w, T, E] = Ce(c > .001 ? (m - o) / c : .3, S), D = (e * n + t) * 4;
+		a[D] = w, a[D + 1] = T, a[D + 2] = E, a[D + 3] = 255;
+	}
+	return a;
+}
+function Te(e) {
+	let t = K(q(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: q(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 = K(q(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 ? K((a - r[o - 1]) / l, 0, 1) : 1, d = l > 0 ? Math.atan2(c.z - s.z, c.x - s.x) / B : null;
+	return {
+		x: s.x + (c.x - s.x) * u,
+		y: q(s.y) + (q(c.y) - q(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 = K(q(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: q(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 X(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 = [], x = [], S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Set(), T = (e) => C.get(String(e)), E = /* @__PURE__ */ new Set(), D = 0, O = 0, k = 1, A = 0, ee = 0, j = !1, te = Promise.resolve(), ne = () => !!i?.hidden, M = (e, t) => {
+		try {
+			n?.({
+				type: e,
+				...t
+			});
+		} catch {}
+	}, re = () => W[u] || W.high, ie = () => {
+		let e = q(l?.size, 160);
+		if (d === "overview" || !l) return ve(D, O, e, { origin: r });
+		let t = T(l.activeId) || N(l.activeId);
+		return ve(D, O, e, {
+			origin: r,
+			zoom: 2,
+			cx: t?.x,
+			cz: t?.z
+		});
+	}, N = (e) => l?.tanks?.find((t) => String(t.id) === String(e)) || null, P = (e, t) => {
+		if (!l?.heights) return 0;
+		let n = q(l.size, 160), i = r === "corner" ? 0 : -n / 2, a = l.grid || Math.round(Math.sqrt(l.heights.length));
+		return Se(l.heights, a, (e - i) / n * (a - 1), (t - i) / n * (a - 1));
+	}, ae = () => E.size > 0 || g.length || _.length || v.length || y.length || b.length || !!(S && S.left > 0), F = () => {
+		A || j || ne() || !a?.requestAnimationFrame || (A = a.requestAnimationFrame(oe));
+	};
+	function oe(e) {
+		if (A = 0, j) return;
+		let t = ee ? K(e - ee, 0, 50) : 16;
+		ee = e, se(t), Z(), ae() && !ne() ? F() : ee = 0;
+	}
+	let I = (e, t) => new Promise((n) => {
+		j ? n() : (E.add({
+			elapsed: 0,
+			duration: Math.max(1, e / c),
+			step: t,
+			resolve: n
+		}), F());
+	});
+	function se(e) {
+		E.forEach((t) => {
+			t.elapsed += e;
+			let n = Math.min(1, t.elapsed / t.duration);
+			try {
+				t.step?.(n, e);
+			} catch {}
+			n >= 1 && (E.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 += q(r.x) * .25 * n, t.z += q(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), S?.left > 0 && (S.left -= e, S.next -= e, S.next <= 0 && !t)) {
+			S.next = 450;
+			let e = T(S.id) || N(S.id);
+			e && (_.push({
+				x: e.x,
+				z: e.z,
+				r0: 3,
+				r1: 14,
+				life: 900,
+				max: 900,
+				color: "255,214,90"
+			}), ce(e.x, e.z, 8, [
+				"#ffd65a",
+				"#ffffff",
+				"#7fd36b",
+				"#ff7a5c"
+			], 14));
+		}
+	}
+	function ce(e, t, n, r, i = 10) {
+		let a = Math.floor(R * re().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 le(e, t, n, r) {
+		let i = Math.max(2, q(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
+		}), ce(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 ue() {
+		let e = l?.heights;
+		if (!e || !i) return null;
+		let t = l.grid || Math.round(Math.sqrt(e.length)), n = re().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: q(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 L(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 de(e) {
+		(l.obstacles || []).forEach((t) => {
+			if (!Number.isFinite(t?.x) || !Number.isFinite(t?.z)) return;
+			let n = Math.max(2, q(t.w, 4) * e.scale), r = Math.max(2, q(t.d, 4) * e.scale), i = J(t.x, t.z, e), a = K(q(t.h, 3) * e.scale * .25, 1, 10);
+			s.fillStyle = "rgba(0,0,0,0.35)", L(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", L(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 fe(e) {
+		(l.decor || []).forEach((t) => {
+			if (!Number.isFinite(t?.x) || !Number.isFinite(t?.z)) return;
+			let n = J(t.x, t.z, e), r = q(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 pe(e) {
+		h.forEach((t) => {
+			let n = J(t.x, t.z, e), r = Math.max(2, q(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 B(e) {
+		if (!p || p.length < 2) return;
+		let t = 1, n = p.map((e) => {
+			let n = Math.max(0, e.y - P(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 = J(p[r - 1].x, p[r - 1].z, e), a = J(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 = J(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 G(e, t) {
+		if (!Number.isFinite(e?.x) || !Number.isFinite(e?.z)) return;
+		let n = T(e.id) || e, r = String(e.id) === String(l.activeId), i = w.has(String(e.id)) || e.alive === !1, a = l.tanks.indexOf(e), o = i ? ge : U[e.color] || (a === 1 ? U.red : U.green), c = r && f && !T(e.id) && Number.isFinite(f.yaw) ? f.yaw : q(n.yaw, q(n.hullYaw)), u = J(n.x, n.z, t), d = Math.max(14, V * t.scale), p = Math.max(9, H * 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([])), S && String(S.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(Y(q(n.hullYaw))), s.fillStyle = "rgba(0,0,0,0.35)", L(-d / 2 + 2, -p / 2 + 2, d, p, 3), s.fill(), s.fillStyle = o.dark, L(-d / 2, -p / 2, d, p, 3), s.fill(), s.fillStyle = o.hull, L(-d / 2 + 1, -p / 2 + p * .2, d - 2, p * .6, 2), s.fill(), s.restore(), s.rotate(Y(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 = q(e.maxHp, q(l.maxHp, he)) || he, h = K(q(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 Ce(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 = J(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 - P(r.x, r.z)), c = J(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 = K(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 = J(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 = J(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 = J(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 = J(t.x, t.z, e);
+			s.globalAlpha = K(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 = J(t.x, t.z, e);
+			s.globalAlpha = K(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 = q(e.x), n = q(e.z), r = Math.hypot(t, n), i = D - 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 = K(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 && D && O && !j) try {
+			if (s.setTransform(k, 0, 0, k, 0, 0), s.fillStyle = "#18211a", s.fillRect(0, 0, D, O), !l) return;
+			let e = ie(), t = J(e.minX, e.minZ, e), n = e.size * e.scale, r = ue();
+			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), pe(e), de(e), fe(e), B(e), (l.tanks || []).forEach((t) => G(t, e)), x.forEach((t) => Ce(e, t)), X(e), je();
+		} catch {}
+	}
+	async function Me(e) {
+		if (j || !e) return;
+		let n = e.tankId, r = N(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: q(a.y),
+			z: a.z,
+			hullYaw: q(r?.hullYaw),
+			yaw: q(r?.yaw, q(r?.hullYaw)),
+			pitch: q(r?.pitch)
+		};
+		if (C.set(String(n), o), i.length > 1 && De(i) > .05) {
+			let e = De(i), r = 0;
+			if (M("engine_start", { tankId: n }), await I(t ? 50 : 350), M("move_start", { tankId: n }), await I(K(e / z * 1e3, 400, 3500), (e, n) => {
+				let a = Ee(i, _e(e));
+				if (a && (a.heading != null && (o.yaw += be(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);
+					ce(a.x - e.x * 3, a.z - e.z * 3, 1, ["#8c7a5c"], 2);
+				}
+			}), M("move_end", { tankId: n }), j) return;
+		}
+		let s = q(e.yaw, o.yaw), c = Math.abs(be(o.yaw, s));
+		if (c > 1) {
+			let e = o.yaw;
+			if (M("turret_start", { tankId: n }), await I(K(c / me * 1e3, 200, 1500), (t) => {
+				o.yaw = xe(e, s, _e(t));
+			}), M("turret_end", { tankId: n }), j) return;
+		}
+		o.yaw = s, o.pitch = q(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 * V * .85,
+			z: o.z + f.z * V * .85
+		}, m = ke(e.shots).map((e) => ({
+			...e,
+			state: "waiting",
+			f: 0
+		})), g = (e) => {
+			e.state = "flying", e.bomblet || (M("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 && M("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 (M("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
+			}), ce(i.x, i.z, 4, ["#ffe9a8", "#cfcfcf"], 6);
+			else if (i.kind !== "out") {
+				if (le(i.x, i.z, t.radius, !1), i.kind === "tank" && i.tankId != null) {
+					M("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 = T(i.tankId) || N(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) <= q(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 I(e, (t) => {
+				let n = t * e;
+				m.forEach((e) => {
+					e.state === "waiting" && n >= e.startMs && g(e), e.state === "flying" && (e.f = K((n - e.startMs) / 40, 0, Math.max(0, e.count - 1)), n >= e.endMs && _(e));
+				}), x = m.filter((e) => e.state === "flying" && e.count >= 2).map((e) => ({
+					samples: e.shot.samples,
+					f: e.f
+				}));
+			}), x = [], j) return;
+		}
+		h.push(...d), Object.entries(l).forEach(([e, t]) => {
+			if (u.has(e) || !Number.isFinite(t) || t <= 0) return;
+			let n = T(e) || N(e);
+			n && b.push({
+				x: n.x,
+				z: n.z,
+				text: `-${Math.round(t)}`,
+				color: "#ff6b5a",
+				life: 1400,
+				max: 1400
+			});
+		});
+		let S = e.destroyed || [];
+		if (S.forEach((e) => {
+			let t = T(e) || N(e);
+			M("big_explosion", { tankId: e }), t && le(t.x, t.z, 6, !0), M("destroyed", { tankId: e }), w.add(String(e));
+		}), S.length) {
+			let e = 0;
+			await I(1600, (t, n) => {
+				e += n || 0, !(e < 140) && (e = 0, S.forEach((e) => {
+					let t = T(e) || N(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 I(500);
+		j || (e.world && Ne(e.world, !0), C.delete(String(n)), F(), 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) && w.delete(String(e.id));
+		}));
+	}
+	function Q() {
+		if (!o || j) return;
+		let t = e?.getBoundingClientRect?.() || {
+			width: e?.clientWidth || 0,
+			height: e?.clientHeight || 0
+		};
+		D = Math.max(0, Math.floor(t.width)), O = Math.max(0, Math.floor(t.height)), k = Math.min(re().dpr, a?.devicePixelRatio || 1), o.width = Math.max(1, Math.round(D * k)), o.height = Math.max(1, Math.round(O * k)), Z();
+	}
+	let Pe = () => {
+		ne() ? (A && a?.cancelAnimationFrame && a.cancelAnimationFrame(A), A = 0, ee = 0) : F();
+	};
+	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 = te.then(() => Me(e)).catch(() => {});
+			return te = t, t;
+		},
+		setCameraMode(e) {
+			d = e || "overview", Z();
+		},
+		setQuality(e) {
+			W[e] && e !== u && (u = e, Q());
+		},
+		celebrate(e) {
+			S = e == null ? null : {
+				id: e,
+				left: 3e3,
+				next: 0
+			}, S && F(), Z();
+		},
+		resize: Q,
+		dispose() {
+			if (!j) {
+				j = !0, A && a?.cancelAnimationFrame && a.cancelAnimationFrame(A), A = 0, E.forEach((e) => e.resolve()), E.clear(), Fe?.disconnect(), a?.removeEventListener("resize", Q), i?.removeEventListener("visibilitychange", Pe), g = [], _ = [], v = [], y = [], b = [], h = [], x = [], m = {
+					heights: null,
+					grid: 0,
+					factor: 0,
+					canvas: null
+				}, C.clear();
+				try {
+					o?.remove();
+				} catch {}
+				s = null;
+			}
+		}
+	};
+}
+// src/games/tanks/sound/cues.js
+var je = [
+	"engine_loop",
+	"tracks_loop",
+	"turret_loop"
+], Z = (e) => ({
+	name: e,
+	action: "play"
+}), Me = (e) => ({
+	name: e,
+	action: "loop_start"
+}), Ne = (e) => ({
+	name: e,
+	action: "loop_stop"
+}), Q = {
+	terrain: "terrain_impact",
+	obstacle: "terrain_impact",
+	ground: "terrain_impact"
+};
+function Pe(e) {
+	switch (typeof e == "string" ? e : e?.type) {
+		case "engine_start": return [Z("engine_start")];
+		case "move_start": return [Me("engine_loop"), Me("tracks_loop")];
+		case "move_end": return [Ne("tracks_loop"), Ne("engine_loop")];
+		case "turret_start": return [Me("turret_loop")];
+		case "turret_end": return [Ne("turret_loop")];
+		case "fire": return [Z("cannon_fire")];
+		case "projectile_start": return [Z("projectile_whistle")];
+		case "impact": {
+			let t = Q[e?.kind];
+			return t ? [Z(t)] : [];
+		}
+		case "tank_hit": return [Z("tank_hit")];
+		case "big_explosion": return [Z("big_explosion")];
+		case "destroyed": return [Z("tank_destroyed")];
+		default: return [];
+	}
+}
+function Fe(e) {
+	return e === "victory" || e === "defeat" ? [...je.map(Ne), Z(e)] : [];
+}
+// src/games/tanks/sound/tanksSounds.js
+var Ie = [
+	"engine_start",
+	"engine_loop",
+	"tracks_loop",
+	"turret_loop",
+	"cannon_fire",
+	"projectile_whistle",
+	"terrain_impact",
+	"tank_hit",
+	"big_explosion",
+	"tank_destroyed",
+	"victory",
+	"defeat",
+	"turn_start",
+	"your_turn",
+	"timer_warning"
+], Le = {
+	engine_start: .6,
+	engine_loop: .45,
+	tracks_loop: .5,
+	turret_loop: .5,
+	cannon_fire: .8,
+	projectile_whistle: .6,
+	terrain_impact: .85,
+	tank_hit: .85,
+	big_explosion: .9,
+	tank_destroyed: 1,
+	victory: .8,
+	defeat: .8,
+	turn_start: .35,
+	your_turn: .4,
+	timer_warning: .35
+}, Re = [
+	"engine_start",
+	"engine_loop",
+	"tracks_loop",
+	"turret_loop",
+	"cannon_fire",
+	"projectile_whistle",
+	"terrain_impact",
+	"tank_hit",
+	"big_explosion",
+	"tank_destroyed",
+	"victory",
+	"defeat"
+], ze = 120, Be = {
+	engine_loop: {
+		fadeIn: .5,
+		fadeOut: .35
+	},
+	tracks_loop: {
+		fadeIn: .12,
+		fadeOut: .2
+	},
+	turret_loop: {
+		fadeIn: .06,
+		fadeOut: .12
+	}
+}, Ve = .03, He = { tank_destroyed: {
+	name: "big_explosion",
+	ms: 1500
+} }, Ue = () => {
+	try {
+		return typeof Audio < "u" && new Audio().canPlayType("audio/ogg; codecs=\"vorbis\"") !== "";
+	} catch {
+		return !1;
+	}
+}, We = {}, Ge = (e, t) => `${e}.${String(t).replace(/^\./, "")}`, Ke = !1, qe = "ogg";
+function Je({ extension: e = "auto", available: t = Re, files: n } = {}) {
+	Ke = !0, qe = e === "auto" ? Ue() ? "ogg" : "mp3" : e, Ie.forEach((e) => {
+		t.includes(e) ? We[e] = Ge(e, qe) : delete We[e];
+	}), Object.entries(n || {}).forEach(([e, t]) => {
+		t ? We[e] = String(t) : delete We[e];
+	});
+}
+var $ = null;
+function Ye() {
+	return Ke || Je(), $ || ($ = o({
+		id: "tanks",
+		baseUrl: () => g("tanks"),
+		settingsFrom: p,
+		sounds: We,
+		levels: Le
+	})), $;
+}
+var Xe = () => typeof document < "u" && document.hidden, Ze = () => _() && !Xe(), Qe = /* @__PURE__ */ new Set(), $e = () => {
+	if (!$) return;
+	let e = Ze();
+	(/* @__PURE__ */ new Set([...je, ...Qe])).forEach((t) => {
+		e && Qe.has(t) ? $.startLoop(t, {
+			...Be[t],
+			trim: qe === "mp3" ? Ve : 0
+		}) : $.stopLoop(t);
+	});
+}, et = !1;
+function tt() {
+	Ye().preload(), !et && (et = !0, v($e), typeof document < "u" && document.addEventListener("visibilitychange", $e));
+}
+var nt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
+function it(e, t) {
+	rt.set(e, Math.max(rt.get(e) ?? 0, Date.now() + t));
+}
+function at(e, t) {
+	if (Ke || Je(), Date.now() < (rt.get(e) ?? 0)) return !1;
+	if (!Ze()) return t != null && Ye().markPlayed(e, t), !1;
+	let n = Date.now();
+	if (n - (nt.get(e) ?? 0) < ze) return !1;
+	let r = Ye().play(e, t == null ? void 0 : { key: t });
+	return r && (nt.set(e, n), He[e] && it(He[e].name, He[e].ms)), r;
+}
+function ot(e) {
+	Qe.add(e), Ye(), $e();
+}
+function st(e) {
+	Qe.delete(e), $?.stopLoop(e);
+}
+function ct() {
+	let e = [...je, ...Qe];
+	Qe.clear(), e.forEach((e) => $?.stopLoop(e));
+}
+var lt = (e, t) => e.forEach(({ name: e, action: n }) => {
+	n === "loop_start" ? ot(e) : n === "loop_stop" ? st(e) : at(e, t == null ? void 0 : `${t}:${e}`);
+});
+function ut(e, t) {
+	let n = e?.tankId == null ? "" : `:${e.tankId}`;
+	lt(Pe(e), t == null ? void 0 : `${t}${n}`);
+}
+function dt(e, t) {
+	lt(Fe(e), t);
+}
+// src/games/tanks/TanksGameCard.jsx
+var ft = 60, pt = 6e4, mt = {
+	standard: "Estándar",
+	heavy: "Pesada",
+	cluster: "Racimo"
+}, ht = (e, [t, n]) => Math.max(t, Math.min(n, Math.round(e))), gt = (e) => (Math.round(e) % 360 + 360) % 360, _t = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+function vt() {
+	let e = C(y)?.transport ?? null, t = S((t) => {
+		let n = e?.onStatus?.(t);
+		return typeof n == "function" ? n : () => {};
+	}, [e]), n = D(t, () => e?.getStatus?.() ?? null, () => null);
+	return m() === "connected" || n === "connected";
+}
+function yt(e, ...n) {
+	return Promise.resolve(t.getState()[e]?.(...n)).catch((e) => {
+		throw e;
+	});
+}
+function bt({ sync: e, connected: t, onResync: n, onAdoptOffer: r }) {
+	return e?.status === "requesting" ? /* @__PURE__ */ N("div", {
+		className: "chat-game-sync",
+		role: "status",
+		children: "Sincronizando partida…"
+	}) : /* @__PURE__ */ P("div", {
+		className: "chat-game-sync",
+		role: "alert",
+		children: [
+			e?.message && /* @__PURE__ */ N("span", { children: e.message }),
+			e?.status === "incompatible" && e.offer && /* @__PURE__ */ N("button", {
+				type: "button",
+				className: "chat-game-action chat-game-action--primary",
+				disabled: !t,
+				onClick: r,
+				children: "Usar estado del anfitrión"
+			}),
+			/* @__PURE__ */ N("button", {
+				type: "button",
+				className: "chat-game-action",
+				disabled: !t,
+				onClick: n,
+				children: "Reintentar sincronización"
+			})
+		]
+	});
+}
+function xt({ label: e, hp: t, color: n, active: r }) {
+	return /* @__PURE__ */ P("div", {
+		className: `tk-hp tk-hp--${n}${r ? " is-active" : ""}`,
+		children: [
+			/* @__PURE__ */ N("span", {
+				className: "tk-hp-label",
+				children: e
+			}),
+			/* @__PURE__ */ N("span", {
+				className: "tk-hp-track",
+				role: "meter",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": t,
+				"aria-label": `Vida de ${e}`,
+				children: /* @__PURE__ */ N("span", {
+					className: "tk-hp-fill",
+					style: { width: `${t}%` }
+				})
+			}),
+			/* @__PURE__ */ N("strong", { children: t })
+		]
+	});
+}
+function St(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: _t(),
+			onEvent: (e) => {
+				e?.type === "context_lost" ? c(!0) : l.current?.(e);
+			}
+		}, d = (e, t) => {
+			a = e, i.current = e, o(t);
+		}, f = () => {
+			try {
+				d(X(n, s), "2d");
+			} catch {
+				o("none");
+			}
+		};
+		return o("loading"), u || !b() ? f() : import("./createTankScene-BuliAxwR.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, ct();
+		};
+	}, [
+		e,
+		t,
+		u
+	]), {
+		sceneRef: i,
+		mode: a,
+		use2d: u,
+		setForced2d: c
+	};
+}
+function Ct({ game: e, currentUserId: t }) {
+	let n = e.logic?.tanks.map((e) => e.hp) ?? [100, 100];
+	return /* @__PURE__ */ P("section", {
+		className: "chat-game-card chat-game-card--history tk-card tk-card--history",
+		"aria-label": "Partida de Tanques de guerra",
+		children: [
+			/* @__PURE__ */ N("header", {
+				className: "chat-game-header",
+				children: /* @__PURE__ */ P("div", {
+					className: "chat-game-heading",
+					children: [/* @__PURE__ */ N("span", {
+						className: "chat-game-eyebrow",
+						children: "MINIJUEGOS · 2 JUGADORES"
+					}), /* @__PURE__ */ P("h3", { children: ["Tanques de guerra ", /* @__PURE__ */ N(te, {
+						size: 13,
+						"aria-hidden": "true"
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ N("p", {
+				className: "chat-game-status",
+				role: "status",
+				children: f(e, t)
+			}),
+			e.logic && /* @__PURE__ */ P("p", {
+				className: "tk-history-score",
+				children: [
+					"Verde ",
+					n[0],
+					" · Rojo ",
+					n[1],
+					" HP"
+				]
+			})
+		]
+	});
+}
+function wt({ game: e, gameKey: t, currentUserId: n, variant: r, onMinimize: a, onDismiss: o }) {
+	let c = vt(), p = T(null), [m, g] = E(!1), [_, v] = E(null), [y, b] = E(!1), [x, S] = E("overview"), [C, D] = E(""), [ae, F] = E(!1), [oe, I] = E(() => Date.now()), se = T("init"), ce = T(0), L = [
+		"active",
+		"won",
+		"draw",
+		"conflict",
+		"closed"
+	].includes(e.status) && !!e.logic, { sceneRef: R, mode: z, use2d: me } = St(p, L, m, (e) => ut(e, `${se.current}:${e.type}:${ce.current += 1}`)), B = String(n ?? e.ownId), V = e.logic?.players ?? [e.hostId, e.guestId], H = V.indexOf(B), he = s(B, e.guestId), U = H >= 0, ge = u(e), W = h(e) && !y, G = (e, ...t) => {
+		D(""), yt(e, ...t).catch((e) => D(e?.message || "No se pudo enviar."));
+	};
+	w(() => {
+		tt();
+	}, []);
+	let K = T({
+		eventId: void 0,
+		logic: null,
+		scene: null
+	}), q = T(Promise.resolve());
+	w(() => {
+		let t = R.current;
+		if (!t || !e.logic) return;
+		let n = K.current, r = e.lastAction?.eventId ?? null;
+		if (n.scene !== t) {
+			K.current = {
+				eventId: r,
+				logic: e.logic,
+				scene: t
+			}, t.setWorld(ue(e));
+			return;
+		}
+		if (n.logic === e.logic) return;
+		let i = n.logic, a = r !== n.eventId && e.lastAction?.entry?.[0] === 1;
+		K.current = {
+			eventId: r,
+			logic: e.logic,
+			scene: t
+		};
+		let o = a ? de(e, i) : null, s = ue(e);
+		q.current = q.current.then(async () => {
+			if (R.current === t) {
+				if (!o) t.setWorld(s);
+				else {
+					se.current = r, o.destroyed.length && it("big_explosion", 15e3), b(!0), S("overview");
+					try {
+						await t.playTurn(o);
+					} catch {
+						t.setWorld(s);
+					}
+					R.current === t && b(!1);
+				}
+			}
+		});
+	}, [
+		e,
+		z,
+		R
+	]);
+	let _e = T(ge);
+	w(() => {
+		!_e.current && ["won", "draw"].includes(e.status) && q.current.then(() => {
+			R.current?.celebrate?.(e.winnerId ?? null), U && dt(s(e.winnerId, B) ? "victory" : "defeat", `${e.gameId}:end`);
+		});
+	}, [
+		e.status,
+		e.winnerId,
+		e.gameId,
+		B,
+		U,
+		R
+	]), w(() => {
+		if (!h(e) || !e.logic) {
+			v(null);
+			return;
+		}
+		let t = e.logic.tanks[H], n = e.logic.tanks[1 - H];
+		v({
+			move: 0,
+			yaw: pe(t, n),
+			pitch: 45,
+			power: 60,
+			ammo: "standard"
+		});
+	}, [
+		e.ply,
+		e.status,
+		e.pendingEvent,
+		H
+	]), w(() => {
+		let t = R.current;
+		t && e.logic && (!_ || !W ? t.setPreview(null) : (t.setAim(_), t.setPreview(fe(e, B, _))));
+	}, [
+		_,
+		W,
+		z
+	]), w(() => {
+		R.current?.setCameraMode?.(x);
+	}, [
+		x,
+		z,
+		R
+	]);
+	let ve = T({
+		ply: -1,
+		at: 0
+	});
+	!y && e.status === "active" && ve.current.ply !== e.ply && (ve.current = {
+		ply: e.ply,
+		at: Date.now()
+	}), w(() => {
+		if (e.status !== "active" && e.status !== "invited") return;
+		let t = setInterval(() => I(Date.now()), 1e3);
+		return () => clearInterval(t);
+	}, [e.status]);
+	let J = Math.max(0, ft - Math.floor((oe - ve.current.at) / 1e3)), ye = T(-1);
+	w(() => {
+		!W || J > 0 || ye.current === e.ply || document.visibilityState !== "visible" || (ye.current = e.ply, G("tkSkip", t));
+	}, [
+		W,
+		J,
+		e.ply,
+		t
+	]);
+	let Y = (e) => v((t) => t && {
+		...t,
+		...e
+	}), be = () => {
+		W && _ && c && G("tkTurn", t, _);
+	}, xe = T(null), Se = (e) => {
+		W && _ && (xe.current = {
+			x: e.clientX,
+			y: e.clientY,
+			yaw: _.yaw,
+			pitch: _.pitch
+		}, e.currentTarget.setPointerCapture?.(e.pointerId));
+	}, Ce = (e) => {
+		if (!xe.current) return;
+		let t = xe.current;
+		Y({
+			yaw: gt(t.yaw - (e.clientX - t.x) * .4),
+			pitch: ht(t.pitch - (e.clientY - t.y) * .25, l.pitch)
+		});
+	}, we = () => {
+		xe.current = null;
+	}, Te = (e) => {
+		if (!W || !_) return;
+		let t = e.shiftKey ? 10 : 2, n = {
+			ArrowLeft: () => Y({ yaw: gt(_.yaw + t) }),
+			ArrowRight: () => Y({ yaw: gt(_.yaw - t) }),
+			ArrowUp: () => Y({ pitch: ht(_.pitch + 1, l.pitch) }),
+			ArrowDown: () => Y({ pitch: ht(_.pitch - 1, l.pitch) }),
+			"+": () => Y({ power: ht(_.power + 2, l.power) }),
+			"=": () => Y({ power: ht(_.power + 2, l.power) }),
+			"-": () => Y({ power: ht(_.power - 2, l.power) }),
+			Enter: be,
+			" ": be
+		}[e.key];
+		n && (e.preventDefault(), n());
+	}, Ee = V[1 - H] ?? (he ? e.hostId : e.guestId), De = () => G("invite", {
+		roomId: e.roomId,
+		opponentId: Ee,
+		gameType: "tanks",
+		firstPlayerId: e.firstPlayerId === e.hostId ? e.guestId : e.hostId,
+		rematchOf: e.gameId
+	}), Oe = !c && !ge ? "Sin conexión · esperando reconexión" : e.pending ? "Enviando…" : f(e, n), ke = e.logic?.tanks ?? [], Ae = ke[H], X = e.logic ? ue(e).wind : null, je = X ? Math.hypot(X.x, X.z) : 0, Z = X ? Math.round(Math.atan2(X.z, X.x) * 180 / Math.PI) : 0, Me = e.status === "invited" && !he && Date.now() - Date.parse(e.createdAt) > pt;
+	return /* @__PURE__ */ P("section", {
+		className: `chat-game-card tk-card${W ? " chat-game-card--my-turn" : ""}${r ? ` chat-game-card--${r}` : ""}`,
+		"aria-label": "Partida de Tanques de guerra",
+		children: [
+			/* @__PURE__ */ P("header", {
+				className: "chat-game-header",
+				children: [
+					/* @__PURE__ */ P("div", {
+						className: "chat-game-heading",
+						children: [/* @__PURE__ */ N("span", {
+							className: "chat-game-eyebrow",
+							children: "MINIJUEGOS · 2 JUGADORES"
+						}), /* @__PURE__ */ P("h3", { children: ["Tanques de guerra ", /* @__PURE__ */ N(te, {
+							size: 13,
+							"aria-hidden": "true"
+						})] })]
+					}),
+					r === "panel" && /* @__PURE__ */ N(d, { manager: Ye() }),
+					a && /* @__PURE__ */ N("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Minimizar tablero",
+						title: "Minimizar tablero",
+						onClick: a,
+						children: /* @__PURE__ */ N(O, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					U && !ge && /* @__PURE__ */ N("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Finalizar partida para ambos jugadores",
+						title: "Finalizar partida para ambos",
+						disabled: !c,
+						onClick: () => G("act", t, "game_end"),
+						children: /* @__PURE__ */ N(re, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					}),
+					o && /* @__PURE__ */ N("button", {
+						className: "chat-game-close",
+						type: "button",
+						"aria-label": "Cerrar tablero y volver al chat",
+						title: "Cerrar tablero",
+						onClick: o,
+						children: /* @__PURE__ */ N(re, {
+							size: 16,
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ N("p", {
+				className: "chat-game-status",
+				role: "status",
+				children: Oe
+			}),
+			e.status === "invited" && /* @__PURE__ */ P("div", {
+				className: "tk-invite",
+				children: [
+					/* @__PURE__ */ N("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." }),
+					he && /* @__PURE__ */ P("div", {
+						className: "chat-game-actions",
+						children: [/* @__PURE__ */ N("button", {
+							type: "button",
+							className: "chat-game-action chat-game-action--primary",
+							disabled: !c || e.pending,
+							onClick: () => G("act", t, "game_accept"),
+							children: "Aceptar duelo"
+						}), /* @__PURE__ */ N("button", {
+							type: "button",
+							className: "chat-game-action",
+							disabled: !c || e.pending,
+							onClick: () => G("act", t, "game_decline"),
+							children: "Rechazar"
+						})]
+					}),
+					Me && /* @__PURE__ */ N("p", {
+						className: "tk-hint",
+						children: "¿No responde? Tu contacto puede necesitar actualizar la app para jugar a Tanques."
+					})
+				]
+			}),
+			L && /* @__PURE__ */ P("div", {
+				className: "tk-stage-wrap",
+				children: [
+					/* @__PURE__ */ N("div", {
+						ref: p,
+						className: `tk-stage${W ? " 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: Se,
+						onPointerMove: Ce,
+						onPointerUp: we,
+						onPointerCancel: we,
+						onKeyDown: Te
+					}),
+					z === "loading" && /* @__PURE__ */ N("div", {
+						className: "tk-stage-note",
+						role: "status",
+						children: "Cargando campo de batalla…"
+					}),
+					z === "none" && /* @__PURE__ */ N("div", {
+						className: "tk-stage-note",
+						role: "alert",
+						children: "No se pudo dibujar el campo de batalla."
+					}),
+					/* @__PURE__ */ P("div", {
+						className: "tk-hud",
+						children: [
+							/* @__PURE__ */ N(xt, {
+								label: H === 0 ? "Tú" : "Verde",
+								hp: ke[0]?.hp ?? 100,
+								color: le[0],
+								active: e.turnId === V[0]
+							}),
+							/* @__PURE__ */ N(xt, {
+								label: H === 1 ? "Tú" : "Rojo",
+								hp: ke[1]?.hp ?? 100,
+								color: le[1],
+								active: e.turnId === V[1]
+							}),
+							/* @__PURE__ */ P("div", {
+								className: "tk-hud-meta",
+								children: [
+									X && /* @__PURE__ */ P("span", {
+										title: "Viento",
+										children: [
+											/* @__PURE__ */ N(M, {
+												size: 12,
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ N("i", {
+												className: "tk-wind-arrow",
+												style: { transform: `rotate(${Z}deg)` },
+												"aria-hidden": "true",
+												children: "➜"
+											}),
+											je.toFixed(1),
+											" m/s²"
+										]
+									}),
+									e.logic && /* @__PURE__ */ P("span", { children: [
+										"Disparo ",
+										Math.min(e.logic.shots + 1, e.logic.maxShots),
+										"/",
+										e.logic.maxShots
+									] }),
+									e.status === "active" && !y && /* @__PURE__ */ P("span", {
+										className: J <= 10 ? "tk-timer is-low" : "tk-timer",
+										children: [J, "s"]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ P("div", {
+						className: "tk-stage-tools",
+						children: [/* @__PURE__ */ P("button", {
+							type: "button",
+							className: "chat-game-action",
+							"aria-pressed": x === "aim",
+							onClick: () => S(x === "aim" ? "overview" : "aim"),
+							title: "Cambiar cámara",
+							children: [/* @__PURE__ */ N(ne, {
+								size: 14,
+								"aria-hidden": "true"
+							}), x === "aim" ? "Vista general" : "Cámara de apuntado"]
+						}), z !== "loading" && /* @__PURE__ */ P("button", {
+							type: "button",
+							className: "chat-game-action",
+							"aria-pressed": me,
+							onClick: () => g(!me),
+							title: "Cambiar vista",
+							children: [/* @__PURE__ */ N(ee, {
+								size: 14,
+								"aria-hidden": "true"
+							}), me ? "Vista 3D" : "Vista 2D"]
+						})]
+					})
+				]
+			}),
+			W && _ && Ae && /* @__PURE__ */ P("div", {
+				className: "tk-controls",
+				"aria-label": "Controles del disparo",
+				children: [
+					/* @__PURE__ */ P("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ P("span", { children: [
+							"Mover ",
+							/* @__PURE__ */ P("strong", { children: [(_.move * .5).toFixed(1), " m"] }),
+							" ",
+							/* @__PURE__ */ P("small", { children: [
+								"combustible ",
+								Math.floor(Ae.fuel / 1e5),
+								" m"
+							] })
+						] }), /* @__PURE__ */ N("input", {
+							type: "range",
+							min: l.move[0],
+							max: l.move[1],
+							value: _.move,
+							onChange: (e) => Y({ move: Number(e.target.value) }),
+							"aria-valuetext": `${(_.move * .5).toFixed(1)} metros`
+						})]
+					}),
+					/* @__PURE__ */ P("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ P("span", { children: ["Torreta ", /* @__PURE__ */ P("strong", { children: [_.yaw, "°"] })] }), /* @__PURE__ */ N("input", {
+							type: "range",
+							min: l.yaw[0],
+							max: l.yaw[1],
+							value: _.yaw,
+							onChange: (e) => Y({ yaw: Number(e.target.value) }),
+							"aria-valuetext": `${_.yaw} grados`
+						})]
+					}),
+					/* @__PURE__ */ P("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ P("span", { children: ["Elevación ", /* @__PURE__ */ P("strong", { children: [_.pitch, "°"] })] }), /* @__PURE__ */ N("input", {
+							type: "range",
+							min: l.pitch[0],
+							max: l.pitch[1],
+							value: _.pitch,
+							onChange: (e) => Y({ pitch: Number(e.target.value) }),
+							"aria-valuetext": `${_.pitch} grados`
+						})]
+					}),
+					/* @__PURE__ */ P("label", {
+						className: "tk-control",
+						children: [/* @__PURE__ */ P("span", { children: ["Potencia ", /* @__PURE__ */ N("strong", { children: _.power })] }), /* @__PURE__ */ N("input", {
+							type: "range",
+							min: l.power[0],
+							max: l.power[1],
+							value: _.power,
+							onChange: (e) => Y({ power: Number(e.target.value) }),
+							"aria-valuetext": `Potencia ${_.power}`
+						})]
+					}),
+					/* @__PURE__ */ N("div", {
+						className: "tk-ammo",
+						role: "radiogroup",
+						"aria-label": "Munición",
+						children: Object.keys(i).map((e) => {
+							let t = i[e].cost === 0 ? "∞" : Ae.ammo[e] ?? 0;
+							return /* @__PURE__ */ P("button", {
+								type: "button",
+								role: "radio",
+								"aria-checked": _.ammo === e,
+								disabled: t === 0,
+								className: `tk-ammo-item${_.ammo === e ? " is-selected" : ""}`,
+								onClick: () => Y({ ammo: e }),
+								children: [
+									mt[e],
+									" ",
+									/* @__PURE__ */ N("small", { children: t })
+								]
+							}, e);
+						})
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: "tk-fire",
+						disabled: !c || e.pending,
+						onClick: be,
+						children: [/* @__PURE__ */ N(k, {
+							size: 18,
+							"aria-hidden": "true"
+						}), "DISPARAR"]
+					})
+				]
+			}),
+			e.status === "conflict" && /* @__PURE__ */ P(ie, { children: [e.error && /* @__PURE__ */ N("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: e.error
+			}), /* @__PURE__ */ N(bt, {
+				sync: e.sync,
+				connected: c,
+				onResync: () => G("requestResync", t),
+				onAdoptOffer: () => G("adoptResyncOffer", t)
+			})] }),
+			e.status !== "conflict" && e.error && /* @__PURE__ */ N("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: e.error
+			}),
+			C && /* @__PURE__ */ N("p", {
+				className: "chat-game-error",
+				role: "alert",
+				children: C
+			}),
+			e.pendingEvent && !e.pending && /* @__PURE__ */ N("div", {
+				className: "chat-game-actions",
+				children: /* @__PURE__ */ N("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--primary",
+					disabled: !c,
+					onClick: () => G("retry", t),
+					children: "Reintentar envío"
+				})
+			}),
+			e.status === "active" && U && /* @__PURE__ */ N("div", {
+				className: "chat-game-actions tk-secondary",
+				children: ae ? /* @__PURE__ */ P(ie, { children: [/* @__PURE__ */ N("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--danger",
+					onClick: () => {
+						F(!1), G("tkResign", t);
+					},
+					children: "Confirmar rendición"
+				}), /* @__PURE__ */ N("button", {
+					type: "button",
+					className: "chat-game-action",
+					onClick: () => F(!1),
+					children: "Cancelar"
+				})] }) : /* @__PURE__ */ P("button", {
+					type: "button",
+					className: "chat-game-action",
+					disabled: !c || !!e.pendingEvent,
+					onClick: () => F(!0),
+					children: [/* @__PURE__ */ N(A, {
+						size: 14,
+						"aria-hidden": "true"
+					}), "Rendirse"]
+				})
+			}),
+			[
+				"won",
+				"draw",
+				"closed"
+			].includes(e.status) && U && /* @__PURE__ */ N("div", {
+				className: "chat-game-actions",
+				children: /* @__PURE__ */ P("button", {
+					type: "button",
+					className: "chat-game-action chat-game-action--primary",
+					disabled: !c,
+					onClick: De,
+					children: [/* @__PURE__ */ N(j, {
+						size: 14,
+						"aria-hidden": "true"
+					}), "Revancha"]
+				})
+			})
+		]
+	});
+}
+function Tt({ gameKey: e, currentUserId: n, variant: r = "panel", onMinimize: i, onDismiss: a }) {
+	let o = t((t) => t.games[e]);
+	return o ? r === "history" ? /* @__PURE__ */ N(Ct, {
+		game: o,
+		currentUserId: n
+	}) : /* @__PURE__ */ N(wt, {
+		game: o,
+		gameKey: e,
+		currentUserId: n,
+		variant: r,
+		onMinimize: i,
+		onDismiss: a
+	}) : null;
+}
+var Et = x(Tt);
+export { Et as default };
+
+//# sourceMappingURL=TanksGameCard-BEnXTz_J.js.map