@minicode-dev/chat 0.1.14 → 0.1.15

package/dist/chunks/TanksLiveGameCard-D_27Jomp.js

@@ -0,0 +1,1274 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { C as t, D as n, E as r, O as i, S as a, T as o, a as s, b as c, v as l, w as u, x as d, y as f } from "./games-Bl_8raG6.js";
+import { n as p, o as ee, s as m } from "./createPeerLink-DBVs_yvQ.js";
+import { t as h } from "./ChatContext-CVW58bzC.js";
+import { o as g } from "./connect4Sounds-BqEHULjv.js";
+import { n as _, r as v, t as te } from "./tanks-live-BcKmrhnV.js";
+import { a as ne, c as re, i as y, n as ie, o as b, r as ae, s as x, t as S } from "./tanksSounds-DTnidbiq.js";
+import { memo as C, useContext as w, useEffect as T, useRef as E, useState as D } from "react";
+import { AlertTriangle as O, CheckCircle2 as k, Link2 as oe, Loader2 as A, Settings2 as se } from "lucide-react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+// src/games/tanks-live/net/createLiveMatch.js
+var ce = Object.freeze({
+	respawnMs: 3e3,
+	shieldMs: 2e3
+}), le = (e) => typeof e == "number" && Number.isFinite(e), ue = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function P({ game: e, selfId: s, isHost: h = String(s) === String(e.hostId), signaling: g, onChange: _ = () => {}, peerFactory: v = p, iceServers: te, iceTransportPolicy: ne, RTCPeerConnectionImpl: re } = {}) {
+	s = String(s);
+	let y = [String(e.hostId), String(e.guestId)];
+	if (!y.includes(s) || y[0] === y[1]) throw Error("Invalid live match players");
+	let ie = (te || []).some((e) => [e.urls].flat().some((e) => /^turns?:/i.test(String(e)))), b = y.find((e) => e !== s), ae = e.liveConfig ?? null, x = !ae, S = x ? d() : l(ae.mapId, ae.seed);
+	if (!x && S.hash !== ae.mapHash) throw Error("El mapa no coincide con la invitación");
+	let C = x ? 1 : ae.lives;
+	if (![
+		1,
+		3,
+		5
+	].includes(C)) throw Error("Vidas inválidas");
+	let w = (S.destructibles || []).map((e) => ({
+		id: e.id,
+		hp: e.hp
+	})), T = (e, t) => {
+		let n = a(e, t), r = S.spawns?.[t];
+		return r && Object.assign(n, {
+			x: r.x,
+			z: r.z,
+			yaw: r.yaw,
+			turretYaw: r.yaw
+		}), n;
+	}, E = (e) => (S.destructibles || []).find((t) => t.id === e), D = y.map(T), O = [], k = [], oe = {}, A = 0, se = 0, j = 0, M = 0, N = [C, C], P = [0, 0], F = [null, null], I = "connecting", L = null, R = !1, z = {
+		phase: "idle",
+		rtt: null,
+		route: null
+	}, B = !1, V = !1, H = null, U = [], W = null, G = null, de = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Set(), fe = /* @__PURE__ */ new Set(), q = () => D.find((e) => e.id === s), pe = () => D.find((e) => e.id === b), me = () => {
+		R || _({
+			status: I,
+			winner: L,
+			net: z
+		});
+	}, J = (e) => {
+		k.push(e), k.length > 200 && k.shift();
+	}, Y = (t) => $.sendEvent({
+		...t,
+		g: e.gameId,
+		r: j
+	}), X = (e) => {
+		K.add(e), K.size > 2048 && K.delete(K.values().next().value);
+	}, Z = (e) => Math.max(0, Math.round(P[e] - A)), he = () => ({
+		k: "snapshot",
+		hp: D.map((e) => e.hp),
+		status: I,
+		winner: L,
+		reason: H,
+		...x ? {} : {
+			lives: [...N],
+			shield: [0, 1].map(Z),
+			destructibles: (S.destructibles || []).map((e) => ({
+				id: e.id,
+				hp: e.hp
+			}))
+		}
+	});
+	function ge() {
+		(S.destructibles || []).forEach((e, t) => {
+			e.hp = w[t].hp, e.alive = !0;
+		});
+	}
+	function _e(e) {
+		let t = T(y[e], e);
+		Object.assign(D[e], {
+			x: t.x,
+			z: t.z,
+			yaw: t.yaw,
+			turretYaw: t.turretYaw,
+			speed: 0,
+			hp: 100,
+			alive: !0
+		}), F[e] = null, P[e] = A + ce.shieldMs, y[e] === b && (U = [], G = null, W = null), J({
+			k: "respawn",
+			target: y[e],
+			x: t.x,
+			z: t.z,
+			shield: ce.shieldMs
+		});
+	}
+	function ve(e, t) {
+		N[e] = t, J({
+			k: "life_lost",
+			target: y[e],
+			lives: [...N]
+		}), t === 1 && C > 1 && J({
+			k: "last_life",
+			target: y[e]
+		}), F[e] = t > 0 ? A + ce.respawnMs : null;
+	}
+	function Q(e, t) {
+		x ? N[e] = 0 : (ve(e, Math.max(0, N[e] - 1)), Y({
+			k: "life_lost",
+			target: y[e],
+			lives: [...N]
+		}));
+		let n = {
+			k: "destroyed",
+			target: y[e]
+		};
+		if (Y(n), J(n), N[e] === 0 && I === "playing") {
+			let n = t === y[e] ? y[1 - e] : t;
+			Y({
+				k: "over",
+				winner: n
+			}), xe(n);
+		}
+	}
+	function ye(e, t) {
+		let n = [];
+		for (let { id: t, dmg: r } of e) {
+			let e = y.indexOf(t);
+			e < 0 || !D[e].alive || P[e] > A || (D[e].hp = Math.max(0, D[e].hp - r), D[e].alive = D[e].hp > 0, D[e].alive || n.push(e));
+		}
+		return () => n.forEach((e) => Q(e, t));
+	}
+	function be() {
+		D = y.map(T), O = [], N = [C, C], P = [0, 0], F = [null, null], ge(), U = [], W = null, G = null, de.clear(), K.clear(), fe.clear(), V = !1, H = null, L = null, I = z.phase === "connected" ? "playing" : "connecting", J({ k: "rematch" }), me();
+	}
+	function xe(e, t = !1) {
+		(I !== "over" || t && L !== e) && (I = "over", L = e, O = [], $.clearManualTurn?.(), J({
+			k: "over",
+			winner: L
+		}), me());
+	}
+	function Se(e, t, n) {
+		if (I !== "playing" || !ue(t.id) || K.has(t.id)) return !1;
+		let r = D.find((t) => t.id === e);
+		if (!r?.alive || A - (de.get(e) ?? -Infinity) < f.reloadMs - 20 || ![
+			t.x,
+			t.z,
+			t.yaw
+		].every(le) || Math.hypot(t.x - (e === b && G ? G.x : r.x), t.z - (e === b && G ? G.z : r.z)) > 6) return !1;
+		X(t.id), de.set(e, A);
+		let i = {
+			...t,
+			k: "fire",
+			owner: e,
+			x: t.x + Math.cos(t.yaw) * 2.8,
+			z: t.z + Math.sin(t.yaw) * 2.8,
+			y: 1.4,
+			age: 0
+		};
+		return O.push(i), J(i), n && Y({
+			...t,
+			k: "fire"
+		}), !0;
+	}
+	function Ce(t) {
+		if (R || I !== "playing" || t?.g !== e.gameId || t.r !== j || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(le)) return;
+		let [n, r, a, o, s] = t.p;
+		if (!pe().alive || !i(n, r, {
+			...S,
+			destructibles: []
+		}) || Math.abs(s) > f.speed + .1 || Math.abs(a) > 1e6 || Math.abs(o) > 1e6) return;
+		let c = W === null ? .1 : Math.max(0, (A - W) / 1e3), l = G || pe();
+		if (Math.hypot(n - l.x, r - l.z) > f.speed * c + 3) return;
+		let u = {
+			...pe(),
+			x: n,
+			z: r,
+			yaw: a,
+			turretYaw: o,
+			speed: s
+		};
+		G = u, W = A, U.push({
+			time: A,
+			pose: u
+		}), U.length > 30 && U.shift();
+	}
+	let we = (e, t) => Object.keys(e).every((e) => t.includes(e)), Te = (e) => Array.isArray(e) && e.length === 2 && e.every((e) => Number.isInteger(e) && e >= 0 && e <= C), Ee = (e) => Te(e.lives) && Array.isArray(e.shield) && e.shield.length === 2 && e.shield.every((e) => Number.isInteger(e) && e >= 0 && e <= ce.shieldMs) && Array.isArray(e.destructibles) && e.destructibles.length === w.length && e.destructibles.every((e, t) => e && we(e, ["id", "hp"]) && e.id === w[t].id && Number.isInteger(e.hp) && e.hp >= 0 && e.hp <= w[t].hp);
+	function De(e, t, n, r) {
+		J({
+			k: "destructible_hit",
+			id: t,
+			target: e.id,
+			kind: e.kind,
+			hp: e.hp,
+			x: n,
+			z: r
+		}), e.hp === 0 && e.kind === "crate" && J({
+			k: "crate_break",
+			id: e.id,
+			x: e.x,
+			z: e.z
+		});
+	}
+	function Oe(t) {
+		if (R || !t || t.g !== e.gameId || !Number.isInteger(t.r)) return;
+		if (t.k === "round" && !h && I === "over" && fe.has(s) && t.r === j + 1) {
+			j = t.r, be();
+			return;
+		}
+		if (t.r !== j) return;
+		if (t.k === "sync" && h) {
+			Y(he());
+			return;
+		}
+		if (t.k === "snapshot" && !h && Array.isArray(t.hp) && t.hp.length === 2 && t.hp.every((e) => Number.isInteger(e) && e >= 0 && e <= 100)) {
+			if (!x && !Ee(t)) return;
+			let e = x ? N : t.lives, n = t.status === "playing" && t.winner === null && t.hp.every((t, n) => t > 0 || !x && e[n] > 0), r = t.status === "over" && y.includes(t.winner) && (t.hp[1 - y.indexOf(t.winner)] === 0 && e[1 - y.indexOf(t.winner)] === (x ? N[1 - y.indexOf(t.winner)] : 0) || t.reason === "resigned");
+			if (!n && !r) return;
+			x || (t.destructibles.forEach((e, t) => {
+				let n = S.destructibles[t];
+				n.hp = e.hp, n.alive = e.hp > 0;
+			}), D.forEach((e, n) => {
+				let r = e.hp === 0;
+				N[n] = t.lives[n], r && t.hp[n] > 0 && _e(n), P[n] = t.shield[n] ? A + t.shield[n] : 0, t.hp[n] === 0 && N[n] > 0 && F[n] === null && (F[n] = A + ce.respawnMs);
+			})), D.forEach((e, n) => {
+				e.hp = t.hp[n], e.alive = e.hp > 0;
+			}), r && (V = !1, H = t.reason, xe(t.winner, !0));
+			return;
+		}
+		if (t.k === "resign") {
+			H = "resigned", xe(s, h), h && Y(he());
+			return;
+		}
+		if (t.k === "rematch" && I === "over") {
+			fe.add(b), ke();
+			return;
+		}
+		if (I !== "playing" || (t.k === "fire" && Se(b, t, !1), !h && t.k === "hit" && ue(t.id) && !K.has(`hit:${t.id}`) && y.includes(t.target) && Array.isArray(t.hp) && t.hp.length === 2 && t.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= D[t].hp) && [t.x, t.z].every(le) && (X(`hit:${t.id}`), D.forEach((e, n) => {
+			e.hp = t.hp[n], e.alive = e.hp > 0;
+		}), O = O.filter((e) => e.id !== t.id), J(t)), !h && t.k === "destroyed" && y.includes(t.target) && !K.has(`destroyed:${t.target}:${N[y.indexOf(t.target)]}`) && D.find((e) => e.id === t.target).hp === 0 && (X(`destroyed:${t.target}:${N[y.indexOf(t.target)]}`), J(t)), !h && t.k === "over" && y.includes(t.winner) && D.find((e) => e.id !== t.winner).hp === 0 && (x || N[1 - y.indexOf(t.winner)] === 0) && xe(t.winner), h || x)) return;
+		let n = y.indexOf(t.target);
+		if (t.k === "life_lost" && n >= 0 && D[n].hp === 0 && Te(t.lives) && t.lives[n] === N[n] - 1 && t.lives[1 - n] === N[1 - n] && ve(n, t.lives[n]), t.k === "respawn" && n >= 0 && D[n].hp === 0 && N[n] > 0 && we(t, [
+			"k",
+			"target",
+			"g",
+			"r"
+		]) && _e(n), t.k === "destructible_hit" && ue(t.id) && !K.has(`dh:${t.id}`) && we(t, [
+			"k",
+			"id",
+			"target",
+			"hp",
+			"x",
+			"z",
+			"g",
+			"r"
+		]) && [t.x, t.z].every(le)) {
+			let e = E(t.target);
+			if (!r(e) || !Number.isInteger(t.hp) || t.hp < 0 || t.hp >= e.hp) return;
+			X(`dh:${t.id}`), e.hp = t.hp, e.alive = t.hp > 0, O = O.filter((e) => e.id !== t.id), De(e, t.id, t.x, t.z);
+		}
+		if (t.k === "barrel_explode" && we(t, [
+			"k",
+			"target",
+			"chained",
+			"hp",
+			"g",
+			"r"
+		]) && !K.has(`be:${t.target}`)) {
+			let e = E(t.target), n = t.chained === null ? null : E(t.chained);
+			if (e?.kind !== "barrel" || r(e) || t.chained !== null && (n?.kind !== "barrel" || !r(n) || n === e) || !Array.isArray(t.hp) || t.hp.length !== 2 || !t.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= D[t].hp)) return;
+			X(`be:${t.target}`), n && (n.hp = 0, n.alive = !1), D.forEach((e, n) => {
+				e.hp = t.hp[n], e.alive = e.hp > 0;
+			}), J({
+				k: "barrel_explode",
+				id: e.id,
+				x: e.x,
+				z: e.z,
+				chained: n ? {
+					id: n.id,
+					x: n.x,
+					z: n.z
+				} : null,
+				hp: [...t.hp]
+			});
+		}
+	}
+	let $ = v({
+		configurationAuthority: h,
+		signaling: g && {
+			send(t) {
+				let n = ee(t);
+				if (!n) return Promise.reject(/* @__PURE__ */ Error("Invalid live signal"));
+				let r = m({
+					...n,
+					liveGame: e.gameId
+				});
+				return r ? g.send(r) : Promise.reject(/* @__PURE__ */ Error("Live signal too large"));
+			},
+			subscribe(t) {
+				return g.subscribe((n) => {
+					ee(n?.text)?.liveGame === e.gameId && t(n);
+				});
+			}
+		},
+		selfId: s,
+		peerId: b,
+		roomId: e.roomId,
+		iceServers: te,
+		iceTransportPolicy: ne,
+		RTCPeerConnectionImpl: re,
+		onMove: Ce,
+		onEvent: Oe,
+		onChange(e) {
+			let t = z.phase;
+			if (z = e, e.phase === "connected") {
+				let e = B;
+				B = !0, I !== "over" && (I = "playing"), t !== "connected" && queueMicrotask(() => {
+					R || (V && Y({ k: "resign" }), h && e ? Y(he()) : h || Y({ k: "sync" }));
+				});
+			} else I !== "over" && (I = B ? "disconnected" : "connecting");
+			me();
+		}
+	});
+	function ke() {
+		h && fe.size === 2 && (j++, Y({ k: "round" }), be());
+	}
+	return h ? $.connect() : $.setListening(!0), {
+		setInput(e) {
+			oe = { ...e };
+		},
+		step(r) {
+			if (R) return;
+			let i = Math.max(0, Math.min(Number(r) || 0, 100));
+			if (A += i, I !== "playing") return;
+			let a = i / 1e3;
+			for (let e = 0; e < 2; e++) P[e] && A >= P[e] && (P[e] = 0, J({
+				k: "shield_end",
+				target: y[e]
+			})), h && F[e] !== null && A >= F[e] && N[e] > 0 && (_e(e), Y({
+				k: "respawn",
+				target: y[e]
+			}));
+			let l = A - 100;
+			for (; U.length > 1 && U[1].time <= l;) U.shift();
+			if (U.length) {
+				let e = U[0], t = U[1] || e, n = o(e.pose, t.pose, t.time === e.time ? 1 : (l - e.time) / (t.time - e.time));
+				for (let e of [
+					"x",
+					"z",
+					"yaw",
+					"turretYaw",
+					"speed"
+				]) pe()[e] = n[e];
+			}
+			for (let e = a; e > 0; e -= .016) n(q(), oe, Math.min(e, .016), S);
+			oe.fire && Se(s, {
+				id: `${s}:${j}:${++M}`,
+				x: q().x,
+				z: q().z,
+				yaw: q().turretYaw,
+				t: A
+			}, !0);
+			let d = z.rtt > 250 || z.move?.lossPct > 15 ? 10 : z.rtt > 100 ? 15 : 20;
+			if (A >= se) {
+				se = A + 1e3 / d;
+				let t = q();
+				$.sendMove({
+					g: e.gameId,
+					r: j,
+					p: [
+						t.x,
+						t.z,
+						t.yaw,
+						t.turretYaw,
+						t.speed
+					],
+					t: A
+				});
+			}
+			O = O.filter((e) => {
+				let n = c(e, a, S, D);
+				if (!n) return !0;
+				if (h && n.target && I === "playing" && P[y.indexOf(n.target)] > A) J({
+					k: "impact",
+					kind: "shield",
+					target: n.target,
+					x: e.x,
+					z: e.z
+				});
+				else if (h && n.target && I === "playing") {
+					let t = D.find((e) => e.id === n.target);
+					t.hp = Math.max(0, t.hp - f.damage), t.alive = t.hp > 0;
+					let r = {
+						k: "hit",
+						id: e.id,
+						target: t.id,
+						dmg: f.damage,
+						hp: D.map((e) => e.hp),
+						x: e.x,
+						z: e.z
+					};
+					Y(r), J(r), t.alive || Q(y.indexOf(t.id), e.owner);
+				} else if (h && n.kind === "destructible" && I === "playing") {
+					let r = E(n.id), i = t(S, n.id, 1);
+					if (Y({
+						k: "destructible_hit",
+						id: e.id,
+						target: n.id,
+						hp: i.hp,
+						x: e.x,
+						z: e.z
+					}), De(r, e.id, e.x, e.z), i.destroyed && r.kind === "barrel") {
+						let t = u(S, r.id, D), n = ye(t.hits, e.owner), i = {
+							k: "barrel_explode",
+							target: r.id,
+							chained: t.chained?.id ?? null,
+							hp: D.map((e) => e.hp)
+						};
+						Y(i), J({
+							k: "barrel_explode",
+							id: r.id,
+							x: r.x,
+							z: r.z,
+							chained: t.chained,
+							hp: [...i.hp]
+						}), n();
+					}
+				} else J({
+					k: "impact",
+					kind: n.kind,
+					x: e.x,
+					z: e.z
+				}), n.shape === "rect" && J({
+					k: "wall_hit",
+					id: n.id,
+					kind: n.obstacleKind,
+					x: e.x,
+					z: e.z
+				});
+				return !1;
+			});
+		},
+		getRender() {
+			let e = {
+				arena: S,
+				map: S,
+				maxLives: C,
+				lives: [...N],
+				shield: [0, 1].map(Z),
+				respawn: F.map((e) => e === null ? null : Math.max(0, Math.round(e - A))),
+				destructibles: (S.destructibles || []).map((e) => ({
+					id: e.id,
+					kind: e.kind,
+					x: e.x,
+					z: e.z,
+					r: e.r,
+					hp: e.hp,
+					alive: r(e)
+				})),
+				tanks: D.map((e) => ({
+					...e,
+					self: e.id === s,
+					reload: Math.min(1, (A - (de.get(e.id) ?? -Infinity)) / f.reloadMs)
+				})),
+				shells: O.map((e) => ({ ...e })),
+				events: k,
+				status: I,
+				winner: L,
+				net: {
+					...z,
+					turnConfigured: z.turnConfigured ?? ie
+				}
+			};
+			return k = [], e;
+		},
+		configureTurn(e, t) {
+			return R || I === "over" ? Promise.reject(/* @__PURE__ */ Error("La partida ya terminó.")) : $.configureTurn(e, t);
+		},
+		reconnect() {
+			!R && I !== "over" && ($.requestReconnect ? $.requestReconnect() : $.connect());
+		},
+		rematch() {
+			!R && I === "over" && (fe.add(s), Y({ k: "rematch" }), ke());
+		},
+		resign() {
+			!R && I !== "over" && (V = !0, H = "resigned", Y({ k: "resign" }), xe(b));
+		},
+		destroy() {
+			R || (R = !0, $.destroy(), O = [], U = [], k = []);
+		}
+	};
+}
+var F = 180 / Math.PI, I = (e, t) => Number.isFinite(e) ? e : t;
+function L(e) {
+	let t = e || {}, n = t.bounds || t;
+	if (Number.isFinite(n.minX) && Number.isFinite(n.maxX) && Number.isFinite(n.minZ) && Number.isFinite(n.maxZ)) return R({
+		minX: n.minX,
+		minZ: n.minZ,
+		maxX: n.maxX,
+		maxZ: n.maxZ
+	});
+	let r = I(t.width, I(t.size, 120)), i = I(t.depth, I(t.height, I(t.size, r)));
+	return R(t.centered === !0 || t.origin === "center" ? {
+		minX: -r / 2,
+		minZ: -i / 2,
+		maxX: r / 2,
+		maxZ: i / 2
+	} : {
+		minX: 0,
+		minZ: 0,
+		maxX: r,
+		maxZ: i
+	});
+}
+function R(e) {
+	return {
+		...e,
+		width: e.maxX - e.minX,
+		depth: e.maxZ - e.minZ,
+		cx: (e.minX + e.maxX) / 2,
+		cz: (e.minZ + e.maxZ) / 2
+	};
+}
+function z(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
+		x: e.x,
+		z: e.z,
+		r: I(e.r, I(e.radius, 1.5)),
+		kind: e.kind === "tree" ? "tree" : "rock"
+	}));
+}
+var B = (e) => e ? e.k ?? e.type ?? null : null;
+function V(e, t) {
+	let n = t || [], r = e?.tank ?? e?.by ?? e?.owner ?? e?.from;
+	if (r != null) {
+		let e = n.find((e) => String(e.id) === String(r));
+		if (e) return e;
+	}
+	if (!Number.isFinite(e?.x) || !Number.isFinite(e?.z)) return null;
+	let i = null, a = Infinity;
+	for (let t of n) {
+		let n = (t.x - e.x) ** 2 + (t.z - e.z) ** 2;
+		n < a && (a = n, i = t);
+	}
+	return i;
+}
+var H = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, U = (e) => (e || []).find((e) => e.self) || null, W = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), G = (e) => {
+	let t = e % (Math.PI * 2);
+	return t > Math.PI && (t -= Math.PI * 2), t < -Math.PI && (t += Math.PI * 2), t;
+};
+function de({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
+	let r = null, i = !1, a = !1, o = 0, s = 0;
+	return {
+		update(c, l) {
+			let u = [];
+			if (!c || c.alive === !1) return i && u.push({ type: "move_end" }), a && u.push({ type: "turret_end" }), i = a = !1, r = null, u;
+			let d = Math.max(1, l) / 1e3;
+			if (r) {
+				let f = Math.hypot(c.x - r.x, c.z - r.z) / d, p = Math.abs(G((c.yaw ?? 0) - r.yaw)) / d, ee = Math.abs(G((c.turretYaw ?? 0) - (c.yaw ?? 0) - r.rel)) / d, m = f > e || p > t;
+				o = m ? 0 : o + l, m && !i ? (i = !0, u.push({ type: "move_start" })) : !m && i && o >= n && (i = !1, u.push({ type: "move_end" }));
+				let h = ee > t;
+				s = h ? 0 : s + l, h && !a ? (a = !0, u.push({ type: "turret_start" })) : !h && a && s >= n && (a = !1, u.push({ type: "turret_end" }));
+			}
+			return r = {
+				x: c.x,
+				z: c.z,
+				yaw: c.yaw ?? 0,
+				rel: G((c.turretYaw ?? 0) - (c.yaw ?? 0))
+			}, u;
+		},
+		reset() {
+			r = null, i = a = !1, o = s = 0;
+		},
+		get moving() {
+			return i;
+		},
+		get turning() {
+			return a;
+		}
+	};
+}
+function K(e) {
+	switch (B(e)) {
+		case "fire": return [{ type: "fire" }, { type: "projectile_start" }];
+		case "impact": return [{
+			type: "impact",
+			kind: e.kind === "obstacle" ? "obstacle" : "terrain"
+		}];
+		case "hit": return [{ type: "tank_hit" }];
+		case "destroyed": return [{ type: "destroyed" }];
+		default: return [];
+	}
+}
+function fe(e) {
+	if (!e || e.status !== "over") return null;
+	let t = U(e.tanks);
+	return !t || e.winner == null ? null : String(e.winner) === String(t.id) ? "victory" : "defeat";
+}
+var q = {
+	meadow: "Pradera",
+	forest: "Bosque",
+	desert: "Desierto",
+	ruins: "Ciudad en ruinas",
+	arctic: "Ártico"
+}, pe = {
+	meadow: "🌿",
+	forest: "🌲",
+	desert: "🏜️",
+	ruins: "🏚️",
+	arctic: "❄️"
+}, me = (e) => !!(e && typeof e.id == "string" && q[e.id]), J = (e) => me(e) ? q[e.id] : null;
+function Y(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => e.shape === "rect" ? {
+		id: e.id,
+		shape: "rect",
+		x: e.x,
+		z: e.z,
+		w: I(e.w, 2),
+		d: I(e.d, 2),
+		rot: I(e.rot, 0),
+		kind: e.kind || "wall"
+	} : {
+		id: e.id,
+		shape: "circle",
+		x: e.x,
+		z: e.z,
+		r: I(e.r, I(e.radius, 1.5)),
+		kind: e.kind || "rock"
+	});
+}
+function X(e) {
+	return (e?.destructibles || []).filter((e) => e?.id != null && Number.isFinite(e.x) && Number.isFinite(e.z)).map((e) => ({
+		id: String(e.id),
+		x: e.x,
+		z: e.z,
+		r: I(e.r, e.kind === "barrel" ? .9 : 1.2),
+		kind: e.kind === "barrel" ? "barrel" : "crate"
+	}));
+}
+function Z(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e?.destructibles || []) n && n.id != null && (n.alive === !1 || Number.isFinite(n.hp) && n.hp <= 0) && t.add(String(n.id));
+	return t;
+}
+var he = (e, t) => (e?.tanks || []).findIndex((e) => String(e.id) === String(t?.id));
+function ge(e, t) {
+	if (Number.isFinite(t?.lives)) return t.lives;
+	let n = he(e, t), r = Array.isArray(e?.lives) && n >= 0 ? e.lives[n] : void 0;
+	return Number.isFinite(r) ? r : null;
+}
+function _e(e, t) {
+	if (Number.isFinite(t?.shield)) return Math.max(0, t.shield);
+	if (t?.shield === !0) return 1;
+	let n = he(e, t), r = Array.isArray(e?.shield) && n >= 0 ? e.shield[n] : 0;
+	return Number.isFinite(r) ? Math.max(0, r) : +(r === !0);
+}
+function ve(e) {
+	let t = Number(e?.maxLives ?? e?.map?.lives ?? e?.arena?.lives);
+	if (Number.isFinite(t) && t > 0) return t;
+	let n = (e?.tanks || []).map((t) => ge(e, t)).filter(Number.isFinite);
+	return n.length ? Math.max(...n) : null;
+}
+var Q = /* @__PURE__ */ new Set([
+	"respawn",
+	"shield_end",
+	"last_life",
+	"health_pickup"
+]);
+function ye(e, t) {
+	let n = B(e), r = e?.target ?? e?.tank ?? e?.id, i = U(t?.tanks), a = i != null && r != null && String(r) === String(i.id);
+	switch (n) {
+		case "life_lost": return ["life_lost"];
+		case "crate_break": return ["crate_break"];
+		case "barrel_explode": return ["barrel_explode"];
+		case "wall_hit": return ["wall_hit"];
+		case "pickup":
+		case "health_pickup": return a || r == null ? ["health_pickup"] : [];
+		default: return Q.has(n) && (a || r == null) ? [n] : [];
+	}
+}
+// src/games/tanks-live/scene/createLiveScene2d.js
+var be = {
+	meadow: {
+		bg: "#152519",
+		ground: "#526348"
+	},
+	forest: {
+		bg: "#10200f",
+		ground: "#3f5a33"
+	},
+	desert: {
+		bg: "#3a2e1c",
+		ground: "#c9a86c"
+	},
+	ruins: {
+		bg: "#24221f",
+		ground: "#7a7266"
+	},
+	arctic: {
+		bg: "#2a3846",
+		ground: "#dfe9f2"
+	}
+}, xe = {
+	tree: "#24472d",
+	rock: "#929285",
+	log: "#6b4a2e",
+	ice: "#a9dcef",
+	wall: "#9a8f84",
+	house: "#a8927a",
+	car: "#6b4a35",
+	ice_block: "#bfe6f5",
+	low: "#a89468"
+}, Se = {
+	grass: "#4f7a34",
+	weed: "#5e6b33",
+	dry_grass: "#a8935a",
+	flower: "#e8d24a",
+	bush: "#2f5a27",
+	pebble: "#8d877e",
+	rubble: "#6e675e",
+	bones: "#ece2cc",
+	snow: "#ffffff",
+	ice_shard: "#a9dcef",
+	cactus: "#3f7a36"
+};
+function Ce(e, { arena: t } = {}) {
+	let n = document.createElement("canvas");
+	n.style.cssText = "width:100%;height:100%;display:block", e.appendChild(n);
+	let r = n.getContext("2d");
+	if (!r) throw n.remove(), Error("Canvas 2D unavailable");
+	let i = L(t), a = me(t) ? t : null, o = a ? be[a.id] : {
+		bg: "#152519",
+		ground: "#526348"
+	}, s = a ? Y(t) : z(t).map((e) => ({
+		...e,
+		shape: "circle"
+	})), c = a ? X(t) : [], l = a ? (t.decor || []).filter((e) => Se[e?.kind] && Number.isFinite(e.x) && Number.isFinite(e.z)) : [], u = 0, d = 1, f = 1, p = 1, ee = 0, m = 0;
+	function h() {
+		d = Math.max(1, e.clientWidth), f = Math.max(1, e.clientHeight);
+		let t = Math.min(window.devicePixelRatio || 1, 2);
+		n.width = d * t, n.height = f * t, r.setTransform(t, 0, 0, t, 0, 0), p = Math.min(d / i.width, f / i.depth), ee = (d - i.width * p) / 2, m = (f - i.depth * p) / 2;
+	}
+	h();
+	let g = typeof ResizeObserver == "function" ? new ResizeObserver(h) : null;
+	return g?.observe(e), {
+		kind: "2d",
+		resize: h,
+		screenToGround(e, t) {
+			return {
+				x: ((e + 1) * d / 2 - ee) / p + i.minX,
+				z: ((1 - t) * f / 2 - m) / p + i.minZ
+			};
+		},
+		render(e, t = 16) {
+			u += (Number(t) || 16) / 1e3, r.fillStyle = o.bg, r.fillRect(0, 0, d, f), r.save(), r.translate(ee, m), r.scale(p, p), r.translate(-i.minX, -i.minZ), r.fillStyle = o.ground, r.fillRect(i.minX, i.minZ, i.width, i.depth);
+			for (let e of l) r.fillStyle = Se[e.kind], r.beginPath(), r.arc(e.x, e.z, .35 * (Number(e.s) || 1), 0, Math.PI * 2), r.fill();
+			for (let e of s) r.fillStyle = xe[e.kind] || "#929285", e.shape === "rect" ? (r.save(), r.translate(e.x, e.z), r.rotate(e.rot), r.fillRect(-e.w / 2, -e.d / 2, e.w, e.d), e.kind === "low" && (r.strokeStyle = "#6f5f3c", r.lineWidth = .25, r.strokeRect(-e.w / 2, -e.d / 2, e.w, e.d)), r.restore()) : (r.beginPath(), r.arc(e.x, e.z, e.r, 0, Math.PI * 2), r.fill());
+			let n = Z(e);
+			for (let e of c) n.has(e.id) || (e.kind === "barrel" ? (r.fillStyle = "#c62d24", r.beginPath(), r.arc(e.x, e.z, e.r, 0, Math.PI * 2), r.fill(), r.strokeStyle = "#3a2a24", r.lineWidth = .25, r.stroke()) : (r.fillStyle = "#a7773f", r.fillRect(e.x - e.r * .8, e.z - e.r * .8, e.r * 1.6, e.r * 1.6), r.strokeStyle = "#5e3f1e", r.lineWidth = .2, r.strokeRect(e.x - e.r * .8, e.z - e.r * .8, e.r * 1.6, e.r * 1.6)));
+			for (let t of e.tanks || []) {
+				r.save(), r.translate(t.x, t.z), r.rotate(t.yaw), r.fillStyle = t.alive === !1 ? "#333" : t.color || "#73ce68", r.fillRect(-3, -1.8, 6, 3.6), r.restore(), r.save(), r.translate(t.x, t.z), r.rotate(t.turretYaw), r.strokeStyle = "#dce8cf", r.lineWidth = .8, r.beginPath(), r.moveTo(0, 0), r.lineTo(5, 0), r.stroke(), r.restore();
+				let n = t.alive === !1 ? 0 : _e(e, t);
+				n > 0 && (n > 500 || Math.floor(u * 8) % 2 == 0) && (r.fillStyle = "rgba(127,220,255,0.28)", r.strokeStyle = "#7fdcff", r.lineWidth = .35, r.beginPath(), r.arc(t.x, t.z, 4.6, 0, Math.PI * 2), r.fill(), r.stroke()), t.self && (r.strokeStyle = "#fff", r.lineWidth = .3, r.beginPath(), r.arc(t.x, t.z, 4, 0, Math.PI * 2), r.stroke());
+			}
+			r.fillStyle = "#ffe097";
+			for (let t of e.shells || []) r.beginPath(), r.arc(t.x, t.z, .7, 0, Math.PI * 2), r.fill();
+			r.restore();
+		},
+		dispose() {
+			g?.disconnect(), n.remove();
+		}
+	};
+}
+// src/games/tanks-live/TanksLiveGameCard.jsx
+var we = /* @__PURE__ */ e({ default: () => je }), Te = (e, t) => {
+	s.getState().act(e, t).catch(() => {});
+}, Ee = (e) => {
+	e.throttle = 0, e.steer = 0, e.fire = !1;
+}, De = 3e3, Oe = (e) => me(e?.map) ? e.map : e?.arena;
+function $({ lives: e, max: t, label: n }) {
+	if (!Number.isFinite(e)) return null;
+	let r = Math.max(e, t || e);
+	return /* @__PURE__ */ M("span", {
+		className: `tl-hearts${e === 1 && r > 1 ? " tl-hearts--last" : ""}`,
+		role: "img",
+		"aria-label": `${n}: ${e} ${e === 1 ? "vida" : "vidas"}`,
+		children: Array.from({ length: r }, (t, n) => /* @__PURE__ */ M("span", {
+			className: n < e ? "tl-heart" : "tl-heart tl-heart--lost",
+			"aria-hidden": "true",
+			children: n < e ? "❤️" : "🖤"
+		}, n))
+	});
+}
+function ke(e, t) {
+	let n = e?.manualTurn;
+	return n?.status === "applying" ? "Aplicando configuración…" : n?.status === "sharing" ? "Sincronizando con el otro jugador…" : n?.status === "waiting_peer" ? "Esperando al otro jugador para compartir la configuración…" : e?.phase === "connected" ? "¡Conexión establecida!" : n?.status === "failed" || e?.phase === "failed" || e?.ice === "failed" ? "No pudimos conectar. Puedes reintentar." : t ? "La conexión está tardando más de lo esperado" : e?.phase === "restarting" || e?.phase === "reconnecting" ? "Reconectando…" : e?.phase === "listening" ? "Esperando la conexión del otro jugador…" : e?.phase === "calling" ? "Buscando al otro jugador…" : e?.phase === "negotiating" ? "Buscando una conexión entre los jugadores…" : "Preparando partida…";
+}
+function Ae({ gameKey: e, currentUserId: t, onMinimize: n, onDismiss: r, suspended: i = !1 }) {
+	let a = w(h)?.config?.webrtc, o = s((t) => t.games[e]), c = E(i);
+	c.current = i;
+	let l = E(null), u = E(null), d = E(null), f = E({
+		throttle: 0,
+		steer: 0,
+		fire: !1
+	}), [p, ee] = D(null), [m, C] = D(""), [ce, le] = D(!1), [ue, F] = D("loading"), [I, L] = D(!1), [R, z] = D(0), V = p?.net?.phase === "connected";
+	T(() => {
+		if (!o || o.status !== "active" || V) {
+			z(0);
+			return;
+		}
+		let e = Date.now(), t = setInterval(() => z(Date.now() - e), 1e3);
+		return () => clearInterval(t);
+	}, [
+		e,
+		o?.status,
+		V
+	]), T(() => {
+		L(!1);
+	}, [e, o?.status]), T(() => {
+		i ? (Ee(f.current), x()) : d.current?.resize();
+	}, [i]);
+	let H = ["active", "won"].includes(o?.status), [W, G] = D(null);
+	if (T(() => {
+		if (!H || !W || !l.current) return;
+		let e = !1, t = null, n = {
+			arena: W,
+			lowPower: matchMedia("(pointer: coarse)").matches,
+			reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches,
+			onEvent: (e) => {
+				e.type === "context_lost" && le(!0);
+			}
+		}, r = () => {
+			e || (t = Ce(l.current, n), d.current = t, F("2d"));
+		};
+		return ce ? r() : import("./createLiveScene-MTGRv8rx.js").then(({ createLiveScene: i }) => {
+			if (!e) try {
+				t = i(l.current, n), d.current = t, F("3d");
+			} catch {
+				r();
+			}
+		}).catch(r), () => {
+			e = !0, t?.dispose(), d.current === t && (d.current = null);
+		};
+	}, [
+		H,
+		W,
+		ce
+	]), T(() => {
+		if (!H || o.status !== "active" || !l.current) return;
+		let n = !1, r = 0, i = performance.now(), p = 0, m = null, h = de(), g = /* @__PURE__ */ new Set();
+		b();
+		let _;
+		try {
+			let n = s.getState().createLiveSignaling(e);
+			_ = P({
+				iceServers: a?.iceServers,
+				iceTransportPolicy: a?.iceTransportPolicy,
+				game: o,
+				selfId: String(t),
+				isHost: String(o.hostId) === String(t),
+				signaling: n
+			}), u.current = _;
+		} catch (e) {
+			C(e.message || "No se pudo iniciar WebRTC");
+			return;
+		}
+		G(Oe(_.getRender()));
+		let v = null, te = !1;
+		function S() {
+			g.clear(), Ee(f.current), x();
+		}
+		function w(e, t) {
+			/^(INPUT|TEXTAREA|SELECT)$/.test(e.target?.tagName) || [
+				"KeyW",
+				"KeyA",
+				"KeyS",
+				"KeyD",
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"Space"
+			].includes(e.code) && (e.preventDefault(), t ? g.add(e.code) : g.delete(e.code), f.current.throttle = Number(g.has("KeyW") || g.has("ArrowUp")) - Number(g.has("KeyS") || g.has("ArrowDown")), f.current.steer = Number(g.has("KeyD") || g.has("ArrowRight")) - Number(g.has("KeyA") || g.has("ArrowLeft")), f.current.fire = g.has("Space"));
+		}
+		let T = (e) => w(e, !0), E = (e) => w(e, !1), D = l.current;
+		D.addEventListener("keydown", T), D.addEventListener("keyup", E), D.addEventListener("blur", S);
+		let O = () => {
+			document.hidden && S();
+		};
+		document.addEventListener("visibilitychange", O), ie({ type: "engine_start" }, e);
+		function k(t) {
+			if (n) return;
+			let a = Math.min(80, t - i);
+			i = t;
+			let o = c.current || document.hidden;
+			_.setInput(o ? {
+				throttle: 0,
+				steer: 0,
+				fire: !1
+			} : f.current), _.step(a);
+			let l = _.getRender();
+			if (o || d.current?.render(l, a), o && (g.clear(), h.reset(), x(), te = !1), !o) for (let e of l.events || []) for (let t of K(e)) ie(t, e.id);
+			if (!o) for (let e of l.events || []) for (let t of ye(e, l)) y(t);
+			let u = U(l.tanks);
+			for (let e of l.events || []) {
+				let n = e?.target ?? e?.tank;
+				u && n != null && String(n) === String(u.id) && (B(e) === "life_lost" && (v = t + (Number.isFinite(e.respawnMs) ? e.respawnMs : De)), B(e) === "respawn" && (v = null));
+			}
+			u?.alive !== !1 && v != null && t >= v && (v = null);
+			let b = !o && l.status === "playing" && u?.alive !== !1 && _e(l, u) > 0;
+			b !== te && (te = b, b ? ne("shield_loop") : re("shield_loop"));
+			let S = u ? l.tanks.indexOf(u) : -1, C = Number.isFinite(l.respawn?.[S]) ? l.respawn[S] : v != null && l.status === "playing" ? Math.max(0, v - t) : 0;
+			if (!o) for (let e of h.update(U(l.tanks), a)) ie(e);
+			let w = fe(l);
+			w && !m && (v = null, ee({
+				...l,
+				respawnIn: 0
+			}), m = w, o || ae(m, e), s.getState().liveFinish?.(e, l.winner)), t - p > 100 && (p = t, ee({
+				...l,
+				respawnIn: C
+			})), r = requestAnimationFrame(k);
+		}
+		return r = requestAnimationFrame(k), () => {
+			n = !0, cancelAnimationFrame(r), S(), _.destroy(), u.current = null, D.removeEventListener("keydown", T), D.removeEventListener("keyup", E), D.removeEventListener("blur", S), document.removeEventListener("visibilitychange", O);
+		};
+	}, [
+		H,
+		e,
+		t
+	]), !o) return null;
+	let q = String(t) === String(o.guestId), Y = p?.status === "over" || o.status === "won", X = p?.net, Z = X?.manualTurn, he = [
+		"waiting_peer",
+		"sharing",
+		"applying"
+	].includes(Z?.status), Q = !V && (R >= 12e3 || X?.phase === "failed" || X?.ice === "failed" || Z?.status === "failed" || !!m), be = me(W) ? W : null, xe = ve(p), Se = (p?.tanks || []).some((e) => Number.isFinite(ge(p, e))) && (be != null || xe > 1), we = Math.ceil((p?.respawnIn || 0) / 1e3), Ae = V ? X?.route?.relay === !0 ? "TURN Relay" : X?.route?.relay === !1 ? "P2P" : null : null, je = async (e, t) => {
+		if (!u.current?.configureTurn) throw Error("La partida aún no está preparada. Espera un momento y vuelve a intentarlo.");
+		await u.current.configureTurn(e, t);
+	};
+	function Me(e) {
+		let t = l.current?.getBoundingClientRect(), n = U(p?.tanks);
+		if (!t || !n) return;
+		let r = d.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
+		r && (f.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
+	}
+	let Ne = (e, t) => ({
+		onPointerDown: (n) => {
+			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), f.current[e] = t;
+		},
+		onPointerUp: () => {
+			f.current[e] = e !== "fire" && 0;
+		},
+		onPointerCancel: () => {
+			f.current[e] = e !== "fire" && 0;
+		},
+		onLostPointerCapture: () => {
+			f.current[e] = e !== "fire" && 0;
+		}
+	});
+	return /* @__PURE__ */ N("section", {
+		className: `chat-game-card tl-card${H ? " tl-card--active" : ""}`,
+		"aria-label": "Tanques LIVE 3D",
+		children: [
+			/* @__PURE__ */ N("header", {
+				className: "tl-header",
+				children: [/* @__PURE__ */ M("strong", { children: "Tanques LIVE 3D" }), /* @__PURE__ */ N("div", {
+					className: "tl-header-actions",
+					children: [
+						/* @__PURE__ */ M(g, { manager: S() }),
+						n && /* @__PURE__ */ M("button", {
+							onClick: n,
+							"aria-label": "Minimizar",
+							children: "−"
+						}),
+						r && /* @__PURE__ */ M("button", {
+							onClick: r,
+							"aria-label": "Ocultar",
+							children: "×"
+						})
+					]
+				})]
+			}),
+			o.status === "invited" && /* @__PURE__ */ N("div", {
+				className: "tl-invite",
+				children: [
+					/* @__PURE__ */ M("span", {
+						className: "tl-invite-icon",
+						"aria-hidden": "true",
+						children: "🪖"
+					}),
+					/* @__PURE__ */ M("strong", { children: q ? "¿Listo para combatir?" : "Invitación enviada" }),
+					/* @__PURE__ */ M("p", { children: q ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }),
+					q && /* @__PURE__ */ N("div", {
+						className: "tl-invite-actions",
+						children: [/* @__PURE__ */ M("button", {
+							className: "tl-button-primary",
+							onClick: () => Te(e, "game_accept"),
+							children: "Aceptar combate"
+						}), /* @__PURE__ */ M("button", {
+							onClick: () => Te(e, "game_decline"),
+							children: "Rechazar"
+						})]
+					})
+				]
+			}),
+			H && !Y && /* @__PURE__ */ N("div", {
+				className: `tl-connection tl-connection--${V ? "connected" : Q ? "problem" : "pending"}`,
+				children: [
+					/* @__PURE__ */ N("div", {
+						className: "tl-connection-heading",
+						children: [
+							V ? /* @__PURE__ */ M(k, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : Q ? /* @__PURE__ */ M(O, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : /* @__PURE__ */ M(A, {
+								size: 18,
+								className: "tl-connection-spinner",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("strong", { children: Q ? "Problemas de conexión" : ke(X, !1) }), Q && /* @__PURE__ */ M("p", { children: "No pudimos establecer una conexión con el otro jugador. Puedes configurar una conexión alternativa para continuar." })] }),
+							Ae && /* @__PURE__ */ M("span", {
+								className: "tl-route-badge",
+								children: Ae
+							})
+						]
+					}),
+					!V && /* @__PURE__ */ M("p", {
+						className: "tl-connection-message",
+						role: "status",
+						children: Q ? ke(X, R >= 12e3) : _(X)
+					}),
+					Z?.status === "synchronized" && /* @__PURE__ */ M("p", {
+						className: "tl-connection-shared",
+						role: "status",
+						children: Z.received ? "Configuración recibida del otro jugador y aplicada en ambos." : "Configuración compartida y aplicada en ambos jugadores."
+					}),
+					Z?.expiresAt != null && Z.expiresAt <= Date.now() && /* @__PURE__ */ M("p", {
+						className: "tl-connection-expired",
+						role: "status",
+						children: "La validez indicada para las credenciales terminó. Introduce una configuración nueva si necesitas reconectar."
+					}),
+					/* @__PURE__ */ N("div", {
+						className: "tl-connection-actions",
+						children: [/* @__PURE__ */ N("button", {
+							type: "button",
+							className: Q ? "tl-button-primary" : "",
+							onClick: () => L(!0),
+							children: [/* @__PURE__ */ M(se, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Configurar conexión alternativa"]
+						}), !V && /* @__PURE__ */ N("button", {
+							type: "button",
+							disabled: he,
+							onClick: () => u.current?.reconnect(),
+							children: [/* @__PURE__ */ M(oe, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Reintentar conexión"]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ M(v, {
+				open: I && H && !Y,
+				onClose: () => L(!1),
+				onApply: je,
+				manualTurn: Z
+			}),
+			(H || p) && /* @__PURE__ */ N(j, { children: [
+				/* @__PURE__ */ N("div", {
+					className: "tl-hud",
+					children: [
+						(p?.tanks || []).map((e) => /* @__PURE__ */ N("span", { children: [
+							e.self ? "Tú" : "Rival",
+							" ",
+							/* @__PURE__ */ M("meter", {
+								min: "0",
+								max: "100",
+								value: e.hp,
+								"aria-label": e.self ? "Tu vida" : "Vida del rival"
+							}),
+							" ",
+							e.hp,
+							" HP",
+							Se && /* @__PURE__ */ M($, {
+								lives: ge(p, e),
+								max: xe,
+								label: e.self ? "Tus vidas" : "Vidas del rival"
+							}),
+							_e(p, e) > 0 && e.alive !== !1 && /* @__PURE__ */ M("span", {
+								className: "tl-shield-badge",
+								title: "Escudo activo",
+								children: "🛡️"
+							})
+						] }, e.id)),
+						be && /* @__PURE__ */ N("span", {
+							className: "tl-map",
+							children: [
+								pe[be.id],
+								" ",
+								J(be)
+							]
+						}),
+						/* @__PURE__ */ N("span", {
+							role: "status",
+							children: [
+								V ? Ae || "Conectado" : ke(X, R >= 12e3),
+								" ",
+								Number.isFinite(X?.rtt) ? `· ${Math.round(X.rtt)} ms` : ""
+							]
+						})
+					]
+				}),
+				we > 0 && !Y && /* @__PURE__ */ N("div", {
+					className: "tl-respawn",
+					role: "status",
+					children: [
+						"Reapareces en ",
+						we,
+						" s…"
+					]
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "tl-stage",
+					ref: l,
+					tabIndex: 0,
+					"aria-label": "Arena. WASD o flechas para conducir, ratón para apuntar, clic o espacio para disparar",
+					onPointerMove: Me,
+					onPointerDown: (e) => {
+						Me(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), Me(e), f.current.fire = !0);
+					},
+					onPointerUp: () => {
+						f.current.fire = !1;
+					},
+					onPointerCancel: () => {
+						Ee(f.current);
+					},
+					onLostPointerCapture: () => {
+						f.current.fire = !1;
+					}
+				}),
+				/* @__PURE__ */ N("div", {
+					className: "tl-controls",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "tl-joystick",
+							role: "group",
+							"aria-label": "Joystick de conducción",
+							onPointerDown: (e) => {
+								e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId);
+								let t = e.currentTarget.getBoundingClientRect();
+								f.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), f.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerMove: (e) => {
+								if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
+								let t = e.currentTarget.getBoundingClientRect();
+								f.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), f.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerUp: () => Ee(f.current),
+							onPointerCancel: () => Ee(f.current),
+							onLostPointerCapture: () => Ee(f.current),
+							children: "✥"
+						}),
+						/* @__PURE__ */ N("div", {
+							className: "tl-drive",
+							"aria-label": "Controles de conducción",
+							children: [
+								/* @__PURE__ */ M("button", {
+									"aria-label": "Avanzar",
+									...Ne("throttle", 1),
+									children: "▲"
+								}),
+								/* @__PURE__ */ M("button", {
+									"aria-label": "Girar izquierda",
+									...Ne("steer", -1),
+									children: "◀"
+								}),
+								/* @__PURE__ */ M("button", {
+									"aria-label": "Retroceder",
+									...Ne("throttle", -1),
+									children: "▼"
+								}),
+								/* @__PURE__ */ M("button", {
+									"aria-label": "Girar derecha",
+									...Ne("steer", 1),
+									children: "▶"
+								})
+							]
+						}),
+						/* @__PURE__ */ M("button", {
+							className: "tl-fire",
+							...Ne("fire", !0),
+							children: "Disparar"
+						})
+					]
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "tl-reload",
+					children: /* @__PURE__ */ N("label", { children: [
+						"Recarga ",
+						/* @__PURE__ */ M("progress", {
+							max: "1",
+							value: U(p?.tanks)?.reload ?? 1
+						}),
+						" ",
+						(U(p?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+					] })
+				}),
+				/* @__PURE__ */ M("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
+				/* @__PURE__ */ M("button", {
+					onClick: () => le((e) => !e),
+					children: ue === "2d" ? "Probar 3D" : "Vista 2D"
+				})
+			] }),
+			Y && /* @__PURE__ */ N("p", {
+				role: "status",
+				children: [
+					String(p?.winner ?? o.winnerId) === String(t) ? "¡Victoria!" : "Fin del combate",
+					" ",
+					/* @__PURE__ */ M("button", {
+						onClick: () => {
+							Promise.resolve(s.getState().liveRematch?.(e)).catch(() => {});
+						},
+						children: "Revancha"
+					}),
+					be && /* @__PURE__ */ M("button", {
+						onClick: () => {
+							Promise.resolve(s.getState().liveRematch?.(e, { newMap: !0 })).catch(() => {});
+						},
+						children: "Revancha en otro mapa 🎲"
+					})
+				]
+			}),
+			H && /* @__PURE__ */ N("details", {
+				className: "tl-diagnostics",
+				children: [/* @__PURE__ */ M("summary", { children: "Diagnóstico de conexión" }), /* @__PURE__ */ M("pre", { children: JSON.stringify(te(p?.net), null, 2) })]
+			}),
+			H && !Y && /* @__PURE__ */ M("button", {
+				onClick: () => u.current?.resign(),
+				children: "Rendirse"
+			}),
+			o.pending && /* @__PURE__ */ M("p", {
+				role: "status",
+				children: "Enviando…"
+			}),
+			o.pendingEvent && o.error && /* @__PURE__ */ M("button", {
+				onClick: () => {
+					s.getState().retry(e).catch(() => {});
+				},
+				children: "Reintentar envío"
+			}),
+			m && /* @__PURE__ */ M("p", {
+				role: "alert",
+				children: m
+			}),
+			o.error && /* @__PURE__ */ M("p", {
+				role: "alert",
+				children: o.error
+			}),
+			!["closed", "declined"].includes(o.status) && /* @__PURE__ */ M("footer", {
+				className: "tl-footer",
+				children: /* @__PURE__ */ M("button", {
+					onClick: () => Te(e, "game_end"),
+					children: "Cerrar partida"
+				})
+			})
+		]
+	});
+}
+var je = C(Ae);
+export { W as a, X as c, V as d, je as default, H as f, z as i, Y as l, F as n, B as o, G as p, L as r, me as s, we as t, _e as u };
+
+//# sourceMappingURL=TanksLiveGameCard-D_27Jomp.js.map