@minicode-dev/chat 0.1.14 → 0.1.16

package/dist/chunks/TanksLiveGameCard-DXgd1J2Y.js

@@ -0,0 +1,1274 @@
+import { C as e, D as t, E as n, O as r, S as i, T as a, a as o, b as s, v as c, w as l, x as u, y as d } from "./games-D_9SiSBT.js";
+import { n as f, o as p, s as ee } from "./createPeerLink-DBVs_yvQ.js";
+import { t as m } from "./ChatContext-D5rqvt5D.js";
+import { o as h } from "./connect4Sounds-3a6h7gUC.js";
+import { n as g, r as _, t as v } from "./tanks-live-BRhYW4MG.js";
+import { c as y } from "./RacingLiveGameCard-_wvhDRlG.js";
+import { a as te, c as ne, i as b, n as re, o as x, r as ie, s as S, t as C } from "./tanksSounds-tYPzje61.js";
+import { memo as w, useContext as T, useEffect as E, useRef as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { AlertTriangle as M, CheckCircle2 as ae, Link2 as N, Loader2 as oe, Settings2 as P } from "lucide-react";
+// src/games/tanks-live/net/createLiveMatch.js
+var se = Object.freeze({
+	respawnMs: 3e3,
+	shieldMs: 2e3
+}), ce = (e) => typeof e == "number" && Number.isFinite(e), le = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function F({ game: o, selfId: m, isHost: h = String(m) === String(o.hostId), signaling: g, onChange: _ = () => {}, peerFactory: v = f, iceServers: y, iceTransportPolicy: te, RTCPeerConnectionImpl: ne } = {}) {
+	m = String(m);
+	let b = [String(o.hostId), String(o.guestId)];
+	if (!b.includes(m) || b[0] === b[1]) throw Error("Invalid live match players");
+	let re = (y || []).some((e) => [e.urls].flat().some((e) => /^turns?:/i.test(String(e)))), x = b.find((e) => e !== m), ie = o.liveConfig ?? null, S = !ie, C = S ? u() : c(ie.mapId, ie.seed);
+	if (!S && C.hash !== ie.mapHash) throw Error("El mapa no coincide con la invitación");
+	let w = S ? 1 : ie.lives;
+	if (![
+		1,
+		3,
+		5
+	].includes(w)) throw Error("Vidas inválidas");
+	let T = (C.destructibles || []).map((e) => ({
+		id: e.id,
+		hp: e.hp
+	})), E = (e, t) => {
+		let n = i(e, t), r = C.spawns?.[t];
+		return r && Object.assign(n, {
+			x: r.x,
+			z: r.z,
+			yaw: r.yaw,
+			turretYaw: r.yaw
+		}), n;
+	}, D = (e) => (C.destructibles || []).find((t) => t.id === e), O = b.map(E), k = [], A = [], j = {}, M = 0, ae = 0, N = 0, oe = 0, P = [w, w], F = [0, 0], I = [null, null], L = "connecting", R = null, z = !1, B = {
+		phase: "idle",
+		rtt: null,
+		route: null
+	}, ue = !1, V = !1, H = null, U = [], W = null, G = null, de = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Set(), fe = /* @__PURE__ */ new Set(), q = () => O.find((e) => e.id === m), pe = () => O.find((e) => e.id === x), me = () => {
+		z || _({
+			status: L,
+			winner: R,
+			net: B
+		});
+	}, J = (e) => {
+		A.push(e), A.length > 200 && A.shift();
+	}, Y = (e) => $.sendEvent({
+		...e,
+		g: o.gameId,
+		r: N
+	}), X = (e) => {
+		K.add(e), K.size > 2048 && K.delete(K.values().next().value);
+	}, Z = (e) => Math.max(0, Math.round(F[e] - M)), he = () => ({
+		k: "snapshot",
+		hp: O.map((e) => e.hp),
+		status: L,
+		winner: R,
+		reason: H,
+		...S ? {} : {
+			lives: [...P],
+			shield: [0, 1].map(Z),
+			destructibles: (C.destructibles || []).map((e) => ({
+				id: e.id,
+				hp: e.hp
+			}))
+		}
+	});
+	function ge() {
+		(C.destructibles || []).forEach((e, t) => {
+			e.hp = T[t].hp, e.alive = !0;
+		});
+	}
+	function _e(e) {
+		let t = E(b[e], e);
+		Object.assign(O[e], {
+			x: t.x,
+			z: t.z,
+			yaw: t.yaw,
+			turretYaw: t.turretYaw,
+			speed: 0,
+			hp: 100,
+			alive: !0
+		}), I[e] = null, F[e] = M + se.shieldMs, b[e] === x && (U = [], G = null, W = null), J({
+			k: "respawn",
+			target: b[e],
+			x: t.x,
+			z: t.z,
+			shield: se.shieldMs
+		});
+	}
+	function ve(e, t) {
+		P[e] = t, J({
+			k: "life_lost",
+			target: b[e],
+			lives: [...P]
+		}), t === 1 && w > 1 && J({
+			k: "last_life",
+			target: b[e]
+		}), I[e] = t > 0 ? M + se.respawnMs : null;
+	}
+	function Q(e, t) {
+		S ? P[e] = 0 : (ve(e, Math.max(0, P[e] - 1)), Y({
+			k: "life_lost",
+			target: b[e],
+			lives: [...P]
+		}));
+		let n = {
+			k: "destroyed",
+			target: b[e]
+		};
+		if (Y(n), J(n), P[e] === 0 && L === "playing") {
+			let n = t === b[e] ? b[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 = b.indexOf(t);
+			e < 0 || !O[e].alive || F[e] > M || (O[e].hp = Math.max(0, O[e].hp - r), O[e].alive = O[e].hp > 0, O[e].alive || n.push(e));
+		}
+		return () => n.forEach((e) => Q(e, t));
+	}
+	function be() {
+		O = b.map(E), k = [], P = [w, w], F = [0, 0], I = [null, null], ge(), U = [], W = null, G = null, de.clear(), K.clear(), fe.clear(), V = !1, H = null, R = null, L = B.phase === "connected" ? "playing" : "connecting", J({ k: "rematch" }), me();
+	}
+	function xe(e, t = !1) {
+		(L !== "over" || t && R !== e) && (L = "over", R = e, k = [], $.clearManualTurn?.(), J({
+			k: "over",
+			winner: R
+		}), me());
+	}
+	function Se(e, t, n) {
+		if (L !== "playing" || !le(t.id) || K.has(t.id)) return !1;
+		let r = O.find((t) => t.id === e);
+		if (!r?.alive || M - (de.get(e) ?? -Infinity) < d.reloadMs - 20 || ![
+			t.x,
+			t.z,
+			t.yaw
+		].every(ce) || Math.hypot(t.x - (e === x && G ? G.x : r.x), t.z - (e === x && G ? G.z : r.z)) > 6) return !1;
+		X(t.id), de.set(e, M);
+		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 k.push(i), J(i), n && Y({
+			...t,
+			k: "fire"
+		}), !0;
+	}
+	function Ce(e) {
+		if (z || L !== "playing" || e?.g !== o.gameId || e.r !== N || !Array.isArray(e.p) || e.p.length !== 5 || !e.p.every(ce)) return;
+		let [t, n, i, a, s] = e.p;
+		if (!pe().alive || !r(t, n, {
+			...C,
+			destructibles: []
+		}) || Math.abs(s) > d.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
+		let c = W === null ? .1 : Math.max(0, (M - W) / 1e3), l = G || pe();
+		if (Math.hypot(t - l.x, n - l.z) > d.speed * c + 3) return;
+		let u = {
+			...pe(),
+			x: t,
+			z: n,
+			yaw: i,
+			turretYaw: a,
+			speed: s
+		};
+		G = u, W = M, U.push({
+			time: M,
+			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 <= w), Ee = (e) => Te(e.lives) && Array.isArray(e.shield) && e.shield.length === 2 && e.shield.every((e) => Number.isInteger(e) && e >= 0 && e <= se.shieldMs) && Array.isArray(e.destructibles) && e.destructibles.length === T.length && e.destructibles.every((e, t) => e && we(e, ["id", "hp"]) && e.id === T[t].id && Number.isInteger(e.hp) && e.hp >= 0 && e.hp <= T[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(e) {
+		if (z || !e || e.g !== o.gameId || !Number.isInteger(e.r)) return;
+		if (e.k === "round" && !h && L === "over" && fe.has(m) && e.r === N + 1) {
+			N = e.r, be();
+			return;
+		}
+		if (e.r !== N) return;
+		if (e.k === "sync" && h) {
+			Y(he());
+			return;
+		}
+		if (e.k === "snapshot" && !h && Array.isArray(e.hp) && e.hp.length === 2 && e.hp.every((e) => Number.isInteger(e) && e >= 0 && e <= 100)) {
+			if (!S && !Ee(e)) return;
+			let t = S ? P : e.lives, n = e.status === "playing" && e.winner === null && e.hp.every((e, n) => e > 0 || !S && t[n] > 0), r = e.status === "over" && b.includes(e.winner) && (e.hp[1 - b.indexOf(e.winner)] === 0 && t[1 - b.indexOf(e.winner)] === (S ? P[1 - b.indexOf(e.winner)] : 0) || e.reason === "resigned");
+			if (!n && !r) return;
+			S || (e.destructibles.forEach((e, t) => {
+				let n = C.destructibles[t];
+				n.hp = e.hp, n.alive = e.hp > 0;
+			}), O.forEach((t, n) => {
+				let r = t.hp === 0;
+				P[n] = e.lives[n], r && e.hp[n] > 0 && _e(n), F[n] = e.shield[n] ? M + e.shield[n] : 0, e.hp[n] === 0 && P[n] > 0 && I[n] === null && (I[n] = M + se.respawnMs);
+			})), O.forEach((t, n) => {
+				t.hp = e.hp[n], t.alive = t.hp > 0;
+			}), r && (V = !1, H = e.reason, xe(e.winner, !0));
+			return;
+		}
+		if (e.k === "resign") {
+			H = "resigned", xe(m, h), h && Y(he());
+			return;
+		}
+		if (e.k === "rematch" && L === "over") {
+			fe.add(x), ke();
+			return;
+		}
+		if (L !== "playing" || (e.k === "fire" && Se(x, e, !1), !h && e.k === "hit" && le(e.id) && !K.has(`hit:${e.id}`) && b.includes(e.target) && Array.isArray(e.hp) && e.hp.length === 2 && e.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= O[t].hp) && [e.x, e.z].every(ce) && (X(`hit:${e.id}`), O.forEach((t, n) => {
+			t.hp = e.hp[n], t.alive = t.hp > 0;
+		}), k = k.filter((t) => t.id !== e.id), J(e)), !h && e.k === "destroyed" && b.includes(e.target) && !K.has(`destroyed:${e.target}:${P[b.indexOf(e.target)]}`) && O.find((t) => t.id === e.target).hp === 0 && (X(`destroyed:${e.target}:${P[b.indexOf(e.target)]}`), J(e)), !h && e.k === "over" && b.includes(e.winner) && O.find((t) => t.id !== e.winner).hp === 0 && (S || P[1 - b.indexOf(e.winner)] === 0) && xe(e.winner), h || S)) return;
+		let t = b.indexOf(e.target);
+		if (e.k === "life_lost" && t >= 0 && O[t].hp === 0 && Te(e.lives) && e.lives[t] === P[t] - 1 && e.lives[1 - t] === P[1 - t] && ve(t, e.lives[t]), e.k === "respawn" && t >= 0 && O[t].hp === 0 && P[t] > 0 && we(e, [
+			"k",
+			"target",
+			"g",
+			"r"
+		]) && _e(t), e.k === "destructible_hit" && le(e.id) && !K.has(`dh:${e.id}`) && we(e, [
+			"k",
+			"id",
+			"target",
+			"hp",
+			"x",
+			"z",
+			"g",
+			"r"
+		]) && [e.x, e.z].every(ce)) {
+			let t = D(e.target);
+			if (!n(t) || !Number.isInteger(e.hp) || e.hp < 0 || e.hp >= t.hp) return;
+			X(`dh:${e.id}`), t.hp = e.hp, t.alive = e.hp > 0, k = k.filter((t) => t.id !== e.id), De(t, e.id, e.x, e.z);
+		}
+		if (e.k === "barrel_explode" && we(e, [
+			"k",
+			"target",
+			"chained",
+			"hp",
+			"g",
+			"r"
+		]) && !K.has(`be:${e.target}`)) {
+			let t = D(e.target), r = e.chained === null ? null : D(e.chained);
+			if (t?.kind !== "barrel" || n(t) || e.chained !== null && (r?.kind !== "barrel" || !n(r) || r === t) || !Array.isArray(e.hp) || e.hp.length !== 2 || !e.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= O[t].hp)) return;
+			X(`be:${e.target}`), r && (r.hp = 0, r.alive = !1), O.forEach((t, n) => {
+				t.hp = e.hp[n], t.alive = t.hp > 0;
+			}), J({
+				k: "barrel_explode",
+				id: t.id,
+				x: t.x,
+				z: t.z,
+				chained: r ? {
+					id: r.id,
+					x: r.x,
+					z: r.z
+				} : null,
+				hp: [...e.hp]
+			});
+		}
+	}
+	let $ = v({
+		configurationAuthority: h,
+		signaling: g && {
+			send(e) {
+				let t = p(e);
+				if (!t) return Promise.reject(/* @__PURE__ */ Error("Invalid live signal"));
+				let n = ee({
+					...t,
+					liveGame: o.gameId
+				});
+				return n ? g.send(n) : Promise.reject(/* @__PURE__ */ Error("Live signal too large"));
+			},
+			subscribe(e) {
+				return g.subscribe((t) => {
+					p(t?.text)?.liveGame === o.gameId && e(t);
+				});
+			}
+		},
+		selfId: m,
+		peerId: x,
+		roomId: o.roomId,
+		iceServers: y,
+		iceTransportPolicy: te,
+		RTCPeerConnectionImpl: ne,
+		onMove: Ce,
+		onEvent: Oe,
+		onChange(e) {
+			let t = B.phase;
+			if (B = e, e.phase === "connected") {
+				let e = ue;
+				ue = !0, L !== "over" && (L = "playing"), t !== "connected" && queueMicrotask(() => {
+					z || (V && Y({ k: "resign" }), h && e ? Y(he()) : h || Y({ k: "sync" }));
+				});
+			} else L !== "over" && (L = ue ? "disconnected" : "connecting");
+			me();
+		}
+	});
+	function ke() {
+		h && fe.size === 2 && (N++, Y({ k: "round" }), be());
+	}
+	return h ? $.connect() : $.setListening(!0), {
+		setInput(e) {
+			j = { ...e };
+		},
+		step(n) {
+			if (z) return;
+			let r = Math.max(0, Math.min(Number(n) || 0, 100));
+			if (M += r, L !== "playing") return;
+			let i = r / 1e3;
+			for (let e = 0; e < 2; e++) F[e] && M >= F[e] && (F[e] = 0, J({
+				k: "shield_end",
+				target: b[e]
+			})), h && I[e] !== null && M >= I[e] && P[e] > 0 && (_e(e), Y({
+				k: "respawn",
+				target: b[e]
+			}));
+			let c = M - 100;
+			for (; U.length > 1 && U[1].time <= c;) U.shift();
+			if (U.length) {
+				let e = U[0], t = U[1] || e, n = a(e.pose, t.pose, t.time === e.time ? 1 : (c - e.time) / (t.time - e.time));
+				for (let e of [
+					"x",
+					"z",
+					"yaw",
+					"turretYaw",
+					"speed"
+				]) pe()[e] = n[e];
+			}
+			for (let e = i; e > 0; e -= .016) t(q(), j, Math.min(e, .016), C);
+			j.fire && Se(m, {
+				id: `${m}:${N}:${++oe}`,
+				x: q().x,
+				z: q().z,
+				yaw: q().turretYaw,
+				t: M
+			}, !0);
+			let u = B.rtt > 250 || B.move?.lossPct > 15 ? 10 : B.rtt > 100 ? 15 : 20;
+			if (M >= ae) {
+				ae = M + 1e3 / u;
+				let e = q();
+				$.sendMove({
+					g: o.gameId,
+					r: N,
+					p: [
+						e.x,
+						e.z,
+						e.yaw,
+						e.turretYaw,
+						e.speed
+					],
+					t: M
+				});
+			}
+			k = k.filter((t) => {
+				let n = s(t, i, C, O);
+				if (!n) return !0;
+				if (h && n.target && L === "playing" && F[b.indexOf(n.target)] > M) J({
+					k: "impact",
+					kind: "shield",
+					target: n.target,
+					x: t.x,
+					z: t.z
+				});
+				else if (h && n.target && L === "playing") {
+					let e = O.find((e) => e.id === n.target);
+					e.hp = Math.max(0, e.hp - d.damage), e.alive = e.hp > 0;
+					let r = {
+						k: "hit",
+						id: t.id,
+						target: e.id,
+						dmg: d.damage,
+						hp: O.map((e) => e.hp),
+						x: t.x,
+						z: t.z
+					};
+					Y(r), J(r), e.alive || Q(b.indexOf(e.id), t.owner);
+				} else if (h && n.kind === "destructible" && L === "playing") {
+					let r = D(n.id), i = e(C, n.id, 1);
+					if (Y({
+						k: "destructible_hit",
+						id: t.id,
+						target: n.id,
+						hp: i.hp,
+						x: t.x,
+						z: t.z
+					}), De(r, t.id, t.x, t.z), i.destroyed && r.kind === "barrel") {
+						let e = l(C, r.id, O), n = ye(e.hits, t.owner), i = {
+							k: "barrel_explode",
+							target: r.id,
+							chained: e.chained?.id ?? null,
+							hp: O.map((e) => e.hp)
+						};
+						Y(i), J({
+							k: "barrel_explode",
+							id: r.id,
+							x: r.x,
+							z: r.z,
+							chained: e.chained,
+							hp: [...i.hp]
+						}), n();
+					}
+				} else J({
+					k: "impact",
+					kind: n.kind,
+					x: t.x,
+					z: t.z
+				}), n.shape === "rect" && J({
+					k: "wall_hit",
+					id: n.id,
+					kind: n.obstacleKind,
+					x: t.x,
+					z: t.z
+				});
+				return !1;
+			});
+		},
+		getRender() {
+			let e = {
+				arena: C,
+				map: C,
+				maxLives: w,
+				lives: [...P],
+				shield: [0, 1].map(Z),
+				respawn: I.map((e) => e === null ? null : Math.max(0, Math.round(e - M))),
+				destructibles: (C.destructibles || []).map((e) => ({
+					id: e.id,
+					kind: e.kind,
+					x: e.x,
+					z: e.z,
+					r: e.r,
+					hp: e.hp,
+					alive: n(e)
+				})),
+				tanks: O.map((e) => ({
+					...e,
+					self: e.id === m,
+					reload: Math.min(1, (M - (de.get(e.id) ?? -Infinity)) / d.reloadMs)
+				})),
+				shells: k.map((e) => ({ ...e })),
+				events: A,
+				status: L,
+				winner: R,
+				net: {
+					...B,
+					turnConfigured: B.turnConfigured ?? re
+				}
+			};
+			return A = [], e;
+		},
+		configureTurn(e, t) {
+			return z || L === "over" ? Promise.reject(/* @__PURE__ */ Error("La partida ya terminó.")) : $.configureTurn(e, t);
+		},
+		reconnect() {
+			!z && L !== "over" && ($.requestReconnect ? $.requestReconnect() : $.connect());
+		},
+		rematch() {
+			!z && L === "over" && (fe.add(m), Y({ k: "rematch" }), ke());
+		},
+		resign() {
+			!z && L !== "over" && (V = !0, H = "resigned", Y({ k: "resign" }), xe(x));
+		},
+		destroy() {
+			z || (z = !0, $.destroy(), k = [], U = [], A = []);
+		}
+	};
+}
+var I = 180 / Math.PI, L = (e, t) => Number.isFinite(e) ? e : t;
+function R(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 z({
+		minX: n.minX,
+		minZ: n.minZ,
+		maxX: n.maxX,
+		maxZ: n.maxZ
+	});
+	let r = L(t.width, L(t.size, 120)), i = L(t.depth, L(t.height, L(t.size, r)));
+	return z(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 z(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 B(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
+		x: e.x,
+		z: e.z,
+		r: L(e.r, L(e.radius, 1.5)),
+		kind: e.kind === "tree" ? "tree" : "rock"
+	}));
+}
+var ue = (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 (ue(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: L(e.w, 2),
+		d: L(e.d, 2),
+		rot: L(e.rot, 0),
+		kind: e.kind || "wall"
+	} : {
+		id: e.id,
+		shape: "circle",
+		x: e.x,
+		z: e.z,
+		r: L(e.r, L(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: L(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 = ue(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 = R(t), a = me(t) ? t : null, o = a ? be[a.id] : {
+		bg: "#152519",
+		ground: "#526348"
+	}, s = a ? Y(t) : B(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__ */ y({ default: () => je }), Te = (e, t) => {
+	o.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__ */ A("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__ */ A("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 = T(m)?.config?.webrtc, s = o((t) => t.games[e]), c = D(i);
+	c.current = i;
+	let l = D(null), u = D(null), d = D(null), f = D({
+		throttle: 0,
+		steer: 0,
+		fire: !1
+	}), [p, ee] = O(null), [y, w] = O(""), [se, ce] = O(!1), [le, I] = O("loading"), [L, R] = O(!1), [z, B] = O(0), V = p?.net?.phase === "connected";
+	E(() => {
+		if (!s || s.status !== "active" || V) {
+			B(0);
+			return;
+		}
+		let e = Date.now(), t = setInterval(() => B(Date.now() - e), 1e3);
+		return () => clearInterval(t);
+	}, [
+		e,
+		s?.status,
+		V
+	]), E(() => {
+		R(!1);
+	}, [e, s?.status]), E(() => {
+		i ? (Ee(f.current), S()) : d.current?.resize();
+	}, [i]);
+	let H = ["active", "won"].includes(s?.status), [W, G] = O(null);
+	if (E(() => {
+		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" && ce(!0);
+			}
+		}, r = () => {
+			e || (t = Ce(l.current, n), d.current = t, I("2d"));
+		};
+		return se ? r() : import("./createLiveScene-jrzyQogh.js").then(({ createLiveScene: i }) => {
+			if (!e) try {
+				t = i(l.current, n), d.current = t, I("3d");
+			} catch {
+				r();
+			}
+		}).catch(r), () => {
+			e = !0, t?.dispose(), d.current === t && (d.current = null);
+		};
+	}, [
+		H,
+		W,
+		se
+	]), E(() => {
+		if (!H || s.status !== "active" || !l.current) return;
+		let n = !1, r = 0, i = performance.now(), p = 0, m = null, h = de(), g = /* @__PURE__ */ new Set();
+		x();
+		let _;
+		try {
+			let n = o.getState().createLiveSignaling(e);
+			_ = F({
+				iceServers: a?.iceServers,
+				iceTransportPolicy: a?.iceTransportPolicy,
+				game: s,
+				selfId: String(t),
+				isHost: String(s.hostId) === String(t),
+				signaling: n
+			}), u.current = _;
+		} catch (e) {
+			w(e.message || "No se pudo iniciar WebRTC");
+			return;
+		}
+		G(Oe(_.getRender()));
+		let v = null, y = !1;
+		function C() {
+			g.clear(), Ee(f.current), S();
+		}
+		function T(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 E = (e) => T(e, !0), D = (e) => T(e, !1), O = l.current;
+		O.addEventListener("keydown", E), O.addEventListener("keyup", D), O.addEventListener("blur", C);
+		let k = () => {
+			document.hidden && C();
+		};
+		document.addEventListener("visibilitychange", k), re({ type: "engine_start" }, e);
+		function A(t) {
+			if (n) return;
+			let a = Math.min(80, t - i);
+			i = t;
+			let s = c.current || document.hidden;
+			_.setInput(s ? {
+				throttle: 0,
+				steer: 0,
+				fire: !1
+			} : f.current), _.step(a);
+			let l = _.getRender();
+			if (s || d.current?.render(l, a), s && (g.clear(), h.reset(), S(), y = !1), !s) for (let e of l.events || []) for (let t of K(e)) re(t, e.id);
+			if (!s) for (let e of l.events || []) for (let t of ye(e, l)) b(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) && (ue(e) === "life_lost" && (v = t + (Number.isFinite(e.respawnMs) ? e.respawnMs : De)), ue(e) === "respawn" && (v = null));
+			}
+			u?.alive !== !1 && v != null && t >= v && (v = null);
+			let x = !s && l.status === "playing" && u?.alive !== !1 && _e(l, u) > 0;
+			x !== y && (y = x, x ? te("shield_loop") : ne("shield_loop"));
+			let C = u ? l.tanks.indexOf(u) : -1, w = Number.isFinite(l.respawn?.[C]) ? l.respawn[C] : v != null && l.status === "playing" ? Math.max(0, v - t) : 0;
+			if (!s) for (let e of h.update(U(l.tanks), a)) re(e);
+			let T = fe(l);
+			T && !m && (v = null, ee({
+				...l,
+				respawnIn: 0
+			}), m = T, s || ie(m, e), o.getState().liveFinish?.(e, l.winner)), t - p > 100 && (p = t, ee({
+				...l,
+				respawnIn: w
+			})), r = requestAnimationFrame(A);
+		}
+		return r = requestAnimationFrame(A), () => {
+			n = !0, cancelAnimationFrame(r), C(), _.destroy(), u.current = null, O.removeEventListener("keydown", E), O.removeEventListener("keyup", D), O.removeEventListener("blur", C), document.removeEventListener("visibilitychange", k);
+		};
+	}, [
+		H,
+		e,
+		t
+	]), !s) return null;
+	let q = String(t) === String(s.guestId), Y = p?.status === "over" || s.status === "won", X = p?.net, Z = X?.manualTurn, he = [
+		"waiting_peer",
+		"sharing",
+		"applying"
+	].includes(Z?.status), Q = !V && (z >= 12e3 || X?.phase === "failed" || X?.ice === "failed" || Z?.status === "failed" || !!y), 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__ */ j("section", {
+		className: `chat-game-card tl-card${H ? " tl-card--active" : ""}`,
+		"aria-label": "Tanques LIVE 3D",
+		children: [
+			/* @__PURE__ */ j("header", {
+				className: "tl-header",
+				children: [/* @__PURE__ */ A("strong", { children: "Tanques LIVE 3D" }), /* @__PURE__ */ j("div", {
+					className: "tl-header-actions",
+					children: [
+						/* @__PURE__ */ A(h, { manager: C() }),
+						n && /* @__PURE__ */ A("button", {
+							onClick: n,
+							"aria-label": "Minimizar",
+							children: "−"
+						}),
+						r && /* @__PURE__ */ A("button", {
+							onClick: r,
+							"aria-label": "Ocultar",
+							children: "×"
+						})
+					]
+				})]
+			}),
+			s.status === "invited" && /* @__PURE__ */ j("div", {
+				className: "tl-invite",
+				children: [
+					/* @__PURE__ */ A("span", {
+						className: "tl-invite-icon",
+						"aria-hidden": "true",
+						children: "🪖"
+					}),
+					/* @__PURE__ */ A("strong", { children: q ? "¿Listo para combatir?" : "Invitación enviada" }),
+					/* @__PURE__ */ A("p", { children: q ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }),
+					q && /* @__PURE__ */ j("div", {
+						className: "tl-invite-actions",
+						children: [/* @__PURE__ */ A("button", {
+							className: "tl-button-primary",
+							onClick: () => Te(e, "game_accept"),
+							children: "Aceptar combate"
+						}), /* @__PURE__ */ A("button", {
+							onClick: () => Te(e, "game_decline"),
+							children: "Rechazar"
+						})]
+					})
+				]
+			}),
+			H && !Y && /* @__PURE__ */ j("div", {
+				className: `tl-connection tl-connection--${V ? "connected" : Q ? "problem" : "pending"}`,
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "tl-connection-heading",
+						children: [
+							V ? /* @__PURE__ */ A(ae, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : Q ? /* @__PURE__ */ A(M, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : /* @__PURE__ */ A(oe, {
+								size: 18,
+								className: "tl-connection-spinner",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("strong", { children: Q ? "Problemas de conexión" : ke(X, !1) }), Q && /* @__PURE__ */ A("p", { children: "No pudimos establecer una conexión con el otro jugador. Puedes configurar una conexión alternativa para continuar." })] }),
+							Ae && /* @__PURE__ */ A("span", {
+								className: "tl-route-badge",
+								children: Ae
+							})
+						]
+					}),
+					!V && /* @__PURE__ */ A("p", {
+						className: "tl-connection-message",
+						role: "status",
+						children: Q ? ke(X, z >= 12e3) : g(X)
+					}),
+					Z?.status === "synchronized" && /* @__PURE__ */ A("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__ */ A("p", {
+						className: "tl-connection-expired",
+						role: "status",
+						children: "La validez indicada para las credenciales terminó. Introduce una configuración nueva si necesitas reconectar."
+					}),
+					/* @__PURE__ */ j("div", {
+						className: "tl-connection-actions",
+						children: [/* @__PURE__ */ j("button", {
+							type: "button",
+							className: Q ? "tl-button-primary" : "",
+							onClick: () => R(!0),
+							children: [/* @__PURE__ */ A(P, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Configurar conexión alternativa"]
+						}), !V && /* @__PURE__ */ j("button", {
+							type: "button",
+							disabled: he,
+							onClick: () => u.current?.reconnect(),
+							children: [/* @__PURE__ */ A(N, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Reintentar conexión"]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ A(_, {
+				open: L && H && !Y,
+				onClose: () => R(!1),
+				onApply: je,
+				manualTurn: Z
+			}),
+			(H || p) && /* @__PURE__ */ j(k, { children: [
+				/* @__PURE__ */ j("div", {
+					className: "tl-hud",
+					children: [
+						(p?.tanks || []).map((e) => /* @__PURE__ */ j("span", { children: [
+							e.self ? "Tú" : "Rival",
+							" ",
+							/* @__PURE__ */ A("meter", {
+								min: "0",
+								max: "100",
+								value: e.hp,
+								"aria-label": e.self ? "Tu vida" : "Vida del rival"
+							}),
+							" ",
+							e.hp,
+							" HP",
+							Se && /* @__PURE__ */ A($, {
+								lives: ge(p, e),
+								max: xe,
+								label: e.self ? "Tus vidas" : "Vidas del rival"
+							}),
+							_e(p, e) > 0 && e.alive !== !1 && /* @__PURE__ */ A("span", {
+								className: "tl-shield-badge",
+								title: "Escudo activo",
+								children: "🛡️"
+							})
+						] }, e.id)),
+						be && /* @__PURE__ */ j("span", {
+							className: "tl-map",
+							children: [
+								pe[be.id],
+								" ",
+								J(be)
+							]
+						}),
+						/* @__PURE__ */ j("span", {
+							role: "status",
+							children: [
+								V ? Ae || "Conectado" : ke(X, z >= 12e3),
+								" ",
+								Number.isFinite(X?.rtt) ? `· ${Math.round(X.rtt)} ms` : ""
+							]
+						})
+					]
+				}),
+				we > 0 && !Y && /* @__PURE__ */ j("div", {
+					className: "tl-respawn",
+					role: "status",
+					children: [
+						"Reapareces en ",
+						we,
+						" s…"
+					]
+				}),
+				/* @__PURE__ */ A("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__ */ j("div", {
+					className: "tl-controls",
+					children: [
+						/* @__PURE__ */ A("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__ */ j("div", {
+							className: "tl-drive",
+							"aria-label": "Controles de conducción",
+							children: [
+								/* @__PURE__ */ A("button", {
+									"aria-label": "Avanzar",
+									...Ne("throttle", 1),
+									children: "▲"
+								}),
+								/* @__PURE__ */ A("button", {
+									"aria-label": "Girar izquierda",
+									...Ne("steer", -1),
+									children: "◀"
+								}),
+								/* @__PURE__ */ A("button", {
+									"aria-label": "Retroceder",
+									...Ne("throttle", -1),
+									children: "▼"
+								}),
+								/* @__PURE__ */ A("button", {
+									"aria-label": "Girar derecha",
+									...Ne("steer", 1),
+									children: "▶"
+								})
+							]
+						}),
+						/* @__PURE__ */ A("button", {
+							className: "tl-fire",
+							...Ne("fire", !0),
+							children: "Disparar"
+						})
+					]
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "tl-reload",
+					children: /* @__PURE__ */ j("label", { children: [
+						"Recarga ",
+						/* @__PURE__ */ A("progress", {
+							max: "1",
+							value: U(p?.tanks)?.reload ?? 1
+						}),
+						" ",
+						(U(p?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+					] })
+				}),
+				/* @__PURE__ */ A("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
+				/* @__PURE__ */ A("button", {
+					onClick: () => ce((e) => !e),
+					children: le === "2d" ? "Probar 3D" : "Vista 2D"
+				})
+			] }),
+			Y && /* @__PURE__ */ j("p", {
+				role: "status",
+				children: [
+					String(p?.winner ?? s.winnerId) === String(t) ? "¡Victoria!" : "Fin del combate",
+					" ",
+					/* @__PURE__ */ A("button", {
+						onClick: () => {
+							Promise.resolve(o.getState().liveRematch?.(e)).catch(() => {});
+						},
+						children: "Revancha"
+					}),
+					be && /* @__PURE__ */ A("button", {
+						onClick: () => {
+							Promise.resolve(o.getState().liveRematch?.(e, { newMap: !0 })).catch(() => {});
+						},
+						children: "Revancha en otro mapa 🎲"
+					})
+				]
+			}),
+			H && /* @__PURE__ */ j("details", {
+				className: "tl-diagnostics",
+				children: [/* @__PURE__ */ A("summary", { children: "Diagnóstico de conexión" }), /* @__PURE__ */ A("pre", { children: JSON.stringify(v(p?.net), null, 2) })]
+			}),
+			H && !Y && /* @__PURE__ */ A("button", {
+				onClick: () => u.current?.resign(),
+				children: "Rendirse"
+			}),
+			s.pending && /* @__PURE__ */ A("p", {
+				role: "status",
+				children: "Enviando…"
+			}),
+			s.pendingEvent && s.error && /* @__PURE__ */ A("button", {
+				onClick: () => {
+					o.getState().retry(e).catch(() => {});
+				},
+				children: "Reintentar envío"
+			}),
+			y && /* @__PURE__ */ A("p", {
+				role: "alert",
+				children: y
+			}),
+			s.error && /* @__PURE__ */ A("p", {
+				role: "alert",
+				children: s.error
+			}),
+			!["closed", "declined"].includes(s.status) && /* @__PURE__ */ A("footer", {
+				className: "tl-footer",
+				children: /* @__PURE__ */ A("button", {
+					onClick: () => Te(e, "game_end"),
+					children: "Cerrar partida"
+				})
+			})
+		]
+	});
+}
+var je = w(Ae);
+export { W as a, X as c, V as d, je as default, H as f, B as i, Y as l, I as n, ue as o, G as p, R as r, me as s, we as t, _e as u };
+
+//# sourceMappingURL=TanksLiveGameCard-DXgd1J2Y.js.map