@minicode-dev/chat 0.1.11 → 0.1.12

package/dist/chunks/TanksLiveGameCard-DGsnMD3j.js

@@ -0,0 +1,1225 @@
+import { d as e, o as t } from "./connect4Sounds-Cv0q31VW.js";
+import { n, o as r, r as i, s as a } from "./createPeerLink-DBVs_yvQ.js";
+import { t as o } from "./ChatContext-DjIEifGY.js";
+import { a as s, i as c, n as l, r as u, t as d } from "./tanksSounds-CUNDIOal.js";
+import { memo as f, useContext as p, useEffect as m, useId as h, useRef as g, useState as _ } from "react";
+import { AlertTriangle as v, CheckCircle2 as y, Link2 as b, Loader2 as x, Settings2 as S, ShieldCheck as C, X as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+// \0rolldown/runtime.js
+var O = Object.defineProperty, k = (e, t) => {
+	let n = {};
+	for (var r in e) O(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || O(n, Symbol.toStringTag, { value: "Module" }), n;
+}, A = "{\n  \"iceServers\": [{\n    \"urls\": [\"turn:turn.cloudflare.com:3478?transport=udp\"],\n    \"username\": \"usuario-temporal\",\n    \"credential\": \"credencial-temporal\"\n  }]\n}";
+function j({ open: e, onClose: t, onApply: n, manualTurn: r }) {
+	let a = g(null), o = g(0), s = h(), c = h(), l = h(), [u, d] = _(""), [f, p] = _(""), [v, S] = _(!1), [T, O] = _(""), [k, j] = _(!1), [M, N] = _(!1);
+	m(() => {
+		let t = a.current;
+		if (!e) {
+			o.current += 1, d(""), p(""), S(!1), O(""), j(!1), N(!1), t?.open && t.close();
+			return;
+		}
+		let n = document.activeElement;
+		return t.showModal(), () => {
+			o.current += 1, t.open && t.close(), n instanceof HTMLElement && n.isConnected && n.focus({ preventScroll: !0 });
+		};
+	}, [e]);
+	let P = async (e) => {
+		if (e.preventDefault(), k || !u.trim()) return;
+		O("");
+		let t = {
+			iceTransportPolicy: v ? "relay" : "all",
+			...f.trim() ? { ttlSeconds: Number(f) } : {}
+		};
+		try {
+			i(u, t);
+		} catch (e) {
+			O(e.message);
+			return;
+		}
+		let r = ++o.current;
+		j(!0), N(!1);
+		try {
+			if (await n(u, t), r !== o.current) return;
+			d(""), p(""), N(!0);
+		} catch (e) {
+			r === o.current && O(e.message || "No se pudo compartir la configuración. Inténtalo de nuevo.");
+		} finally {
+			r === o.current && j(!1);
+		}
+	}, F = r?.status === "applying" ? "Aplicando configuración en ambos jugadores…" : r?.status === "waiting_peer" ? "Esperando al otro jugador para compartir la configuración…" : "Sincronizando con el otro jugador…";
+	return /* @__PURE__ */ D("dialog", {
+		ref: a,
+		className: "tl-turn-dialog",
+		"aria-labelledby": s,
+		"aria-describedby": c,
+		onCancel: (e) => {
+			e.preventDefault(), t();
+		},
+		onClick: (e) => {
+			if (e.target === e.currentTarget) {
+				let n = e.currentTarget.getBoundingClientRect();
+				(e.clientX < n.left || e.clientX > n.right || e.clientY < n.top || e.clientY > n.bottom) && t();
+			}
+		},
+		children: [/* @__PURE__ */ D("header", {
+			className: "tl-turn-dialog__header",
+			children: [
+				/* @__PURE__ */ E("span", {
+					className: "tl-turn-dialog__icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ E(b, { size: 22 })
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h2", {
+					id: s,
+					children: "Configurar conexión alternativa"
+				}), /* @__PURE__ */ E("p", { children: "Se comparte con el otro jugador." })] }),
+				/* @__PURE__ */ E("button", {
+					type: "button",
+					className: "tl-turn-dialog__close",
+					"aria-label": "Cerrar configuración de conexión",
+					onClick: t,
+					children: /* @__PURE__ */ E(w, { size: 18 })
+				})
+			]
+		}), /* @__PURE__ */ D("form", {
+			onSubmit: P,
+			children: [/* @__PURE__ */ D("div", {
+				className: "tl-turn-dialog__body",
+				children: [
+					/* @__PURE__ */ E("p", {
+						id: c,
+						children: "Pega el JSON de credenciales temporales de Cloudflare TURN. Se compartirá con el otro jugador para buscar una conexión alternativa."
+					}),
+					/* @__PURE__ */ D("label", {
+						className: "tl-turn-dialog__field",
+						children: ["Configuración JSON", /* @__PURE__ */ E("textarea", {
+							autoFocus: !0,
+							value: u,
+							onChange: (e) => {
+								d(e.target.value), O(""), N(!1);
+							},
+							placeholder: A,
+							maxLength: 6e3,
+							rows: 7,
+							required: !M,
+							readOnly: k,
+							autoComplete: "off",
+							autoCorrect: "off",
+							autoCapitalize: "off",
+							spellCheck: !1,
+							"aria-invalid": !!T,
+							"aria-describedby": T ? l : void 0
+						})]
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "tl-turn-dialog__privacy",
+						children: [/* @__PURE__ */ E(C, {
+							size: 16,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ E("span", { children: "Solo credenciales temporales. No pegues tu API Token ni secretos permanentes." })]
+					}),
+					/* @__PURE__ */ D("label", {
+						className: "tl-turn-dialog__field",
+						children: [
+							"Validez restante en segundos ",
+							/* @__PURE__ */ E("span", {
+								className: "tl-turn-dialog__optional",
+								children: "Opcional"
+							}),
+							/* @__PURE__ */ E("input", {
+								type: "number",
+								min: "1",
+								max: "172800",
+								step: "1",
+								inputMode: "numeric",
+								value: f,
+								onChange: (e) => {
+									p(e.target.value), O("");
+								},
+								disabled: k,
+								placeholder: "Ej. 3600"
+							}),
+							/* @__PURE__ */ E("small", { children: "Déjalo vacío si no conoces la caducidad. Si dejan de funcionar, pega credenciales nuevas." })
+						]
+					}),
+					/* @__PURE__ */ D("label", {
+						className: "tl-turn-dialog__debug",
+						children: [/* @__PURE__ */ E("input", {
+							type: "checkbox",
+							checked: v,
+							onChange: (e) => S(e.target.checked),
+							disabled: k
+						}), /* @__PURE__ */ D("span", { children: [/* @__PURE__ */ E("strong", { children: "Forzar relay para diagnóstico" }), /* @__PURE__ */ E("small", { children: "Normalmente se permite P2P. Actívalo solo para comprobar TURN." })] })]
+					}),
+					k && /* @__PURE__ */ D("p", {
+						className: "tl-turn-dialog__feedback",
+						role: "status",
+						children: [/* @__PURE__ */ E(x, {
+							size: 16,
+							className: "tl-connection-spinner",
+							"aria-hidden": "true"
+						}), F]
+					}),
+					M && /* @__PURE__ */ D("p", {
+						className: "tl-turn-dialog__feedback tl-turn-dialog__feedback--success",
+						role: "status",
+						children: [/* @__PURE__ */ E(y, {
+							size: 17,
+							"aria-hidden": "true"
+						}), "Configuración compartida y aplicada en ambos jugadores. La ruta utilizada se mostrará al conectar."]
+					}),
+					T && /* @__PURE__ */ E("p", {
+						id: l,
+						className: "tl-turn-dialog__error",
+						role: "alert",
+						children: T
+					})
+				]
+			}), /* @__PURE__ */ D("footer", {
+				className: "tl-turn-dialog__footer",
+				children: [/* @__PURE__ */ E("button", {
+					type: "button",
+					onClick: t,
+					children: M ? "Listo" : "Cancelar"
+				}), /* @__PURE__ */ D("button", {
+					type: "submit",
+					className: "tl-turn-dialog__apply",
+					disabled: k || !u.trim(),
+					children: [k ? /* @__PURE__ */ E(x, {
+						size: 16,
+						className: "tl-connection-spinner",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ E(b, {
+						size: 16,
+						"aria-hidden": "true"
+					}), "Aplicar y reconectar"]
+				})]
+			})]
+		})]
+	});
+}
+// src/games/tanks-live/net/connectionDiagnostics.js
+var M = (e) => typeof e == "string" && /^[a-z_]+$/.test(e) ? e : e ? "connection_error" : null;
+function N(e = {}) {
+	let t = e.route, n = e.candidates ?? {}, r = e.manualTurn ?? {};
+	return {
+		phase: e.phase ?? "idle",
+		ice: e.ice ?? "new",
+		connection: e.connection ?? "new",
+		signalingState: e.signalingState ?? "stable",
+		gathering: e.gathering ?? "new",
+		signaling: {
+			sent: e.signals?.sent ?? 0,
+			received: e.signals?.received ?? 0,
+			sendFailures: e.signals?.sendFailures ?? 0,
+			ignored: e.signals?.ignored ?? 0,
+			invalid: e.signals?.invalid ?? 0,
+			retransmits: e.signals?.retransmits ?? 0,
+			duplicates: e.signals?.duplicates ?? 0,
+			tooLarge: e.signals?.tooLarge ?? 0
+		},
+		turnConfigured: !!e.turnConfigured,
+		configuration: {
+			status: r.status ?? "idle",
+			shared: !!r.shared,
+			received: !!r.received,
+			expiresAt: r.expiresAt ?? null,
+			expired: r.expiresAt != null && r.expiresAt <= Date.now()
+		},
+		route: t?.label ?? null,
+		selectedPair: t ? {
+			relay: !!t.relay,
+			localType: t.local ?? null,
+			remoteType: t.remote ?? null,
+			protocol: t.protocol ?? null,
+			relayProtocol: t.relayProtocol ?? null
+		} : null,
+		candidates: {
+			local: n.local ?? 0,
+			remote: n.remote ?? 0,
+			accepted: n.accepted ?? 0,
+			rejected: n.rejected ?? 0,
+			localRelay: n.localRelay ?? 0,
+			remoteRelay: n.remoteRelay ?? 0
+		},
+		iceErrors: (e.iceErrors ?? []).slice(-10).map((e) => ({
+			code: Number(e.code) || 0,
+			stage: e.stage === "gathering" ? "gathering" : "remote_candidate"
+		})),
+		reconnects: e.reconnects ?? 0,
+		restarts: e.restarts ?? 0,
+		rttMs: e.rtt ?? e.statsRtt ?? null,
+		connectionTimeMs: e.elapsedMs ?? 0,
+		channels: {
+			move: e.channels?.move ?? "closed",
+			events: e.channels?.events ?? "closed"
+		},
+		movesSent: e.move?.sent ?? 0,
+		movesReceived: e.move?.received ?? 0,
+		error: M(e.error)
+	};
+}
+function P(e = {}) {
+	return e.phase === "connected" ? "" : e.manualTurn?.status === "applying" ? "Aplicando la configuración de conexión alternativa." : e.manualTurn?.status === "sharing" ? "Sincronizando la configuración con el otro jugador." : e.manualTurn?.status === "waiting_peer" ? "Esperando al otro jugador para compartir la configuración." : e.error === "turn_credentials_expired" || e.manualTurn?.expiresAt != null && e.manualTurn.expiresAt <= Date.now() ? "La validez indicada de TURN terminó. Pega credenciales temporales nuevas para reconectar." : e.signals?.sendFailures ? "No se pudieron enviar señales por el chat. Revisa la conexión WebSocket y reintenta." : e.ice === "checking" || e.ice === "failed" ? e.turnConfigured ? "WebRTC aún no encuentra una ruta entre los jugadores. Puedes revisar o renovar la configuración TURN." : "WebRTC aún no encuentra una ruta entre los jugadores. Algunas redes necesitan un servidor TURN; puedes configurar una conexión alternativa." : e.phase === "listening" ? "Esperando la conexión del rival. Ambos deben mantener abierta la partida y usar la misma versión del chat." : e.phase === "failed" ? "No se pudo conectar. Revisa el diagnóstico de ambos jugadores y reintenta." : "Intercambiando señales de conexión por el chat. El combate empieza cuando conecta WebRTC.";
+}
+// src/games/tanks-live/logic/simulation.js
+var F = Object.freeze({
+	speed: 16,
+	reverse: 9,
+	turn: 1.8,
+	acceleration: 28,
+	radius: 2,
+	reloadMs: 1500,
+	shellSpeed: 60,
+	damage: 25
+}), I = (e, t, n) => Math.max(t, Math.min(n, e)), L = (e, t) => Math.atan2(Math.sin(t - e), Math.cos(t - e));
+function ee() {
+	return {
+		size: 120,
+		bounds: {
+			minX: 0,
+			maxX: 120,
+			minZ: 0,
+			maxZ: 120
+		},
+		obstacles: [
+			[
+				42,
+				35,
+				4
+			],
+			[
+				78,
+				85,
+				4
+			],
+			[
+				60,
+				30,
+				3
+			],
+			[
+				60,
+				90,
+				3
+			],
+			[
+				35,
+				65,
+				3
+			],
+			[
+				85,
+				55,
+				3
+			],
+			[
+				60,
+				60,
+				5
+			]
+		].map(([e, t, n], r) => ({
+			x: e,
+			z: t,
+			r: n,
+			kind: r % 2 ? "tree" : "rock"
+		}))
+	};
+}
+function te(e, t) {
+	return {
+		id: String(e),
+		x: t ? 102 : 18,
+		z: 60,
+		yaw: t ? Math.PI : 0,
+		turretYaw: t ? Math.PI : 0,
+		speed: 0,
+		hp: 100,
+		alive: !0,
+		color: t ? "#d7463f" : "#54a34a"
+	};
+}
+function R(e, t, n, r = F.radius) {
+	let i = n.bounds;
+	return e >= i.minX + r && e <= i.maxX - r && t >= i.minZ + r && t <= i.maxZ - r && !n.obstacles.some((n) => Math.hypot(e - n.x, t - n.z) < n.r + r);
+}
+function ne(e, t, n, r) {
+	if (!e.alive) return;
+	let i = I(Number(t.throttle) || 0, -1, 1), a = I(Number(t.steer) || 0, -1, 1), o = i * (i < 0 ? F.reverse : F.speed);
+	e.speed += I(o - e.speed, -F.acceleration * n, F.acceleration * n), e.yaw += a * F.turn * n, Number.isFinite(t.turretYaw) && (e.turretYaw = t.turretYaw);
+	let s = e.x + Math.cos(e.yaw) * e.speed * n, c = e.z + Math.sin(e.yaw) * e.speed * n;
+	R(s, e.z, r) ? e.x = s : e.speed = 0, R(e.x, c, r) ? e.z = c : e.speed = 0;
+}
+function z(e, t, n, r, i, a, o) {
+	let s = n - e, c = r - t, l = s * s + c * c, u = l ? I(((i - e) * s + (a - t) * c) / l, 0, 1) : 0;
+	return Math.hypot(e + s * u - i, t + c * u - a) <= o ? u : null;
+}
+function re(e, t, n, r) {
+	let i = e.x + Math.cos(e.yaw) * F.shellSpeed * t, a = e.z + Math.sin(e.yaw) * F.shellSpeed * t, o = null;
+	for (let t of n.obstacles) {
+		let n = z(e.x, e.z, i, a, t.x, t.z, t.r);
+		n !== null && (!o || n < o.t) && (o = {
+			t: n,
+			kind: "obstacle"
+		});
+	}
+	for (let t of r) {
+		if (!t.alive || t.id === e.owner) continue;
+		let n = z(e.x, e.z, i, a, t.x, t.z, F.radius);
+		n !== null && (!o || n < o.t) && (o = {
+			t: n,
+			kind: "tank",
+			target: t.id
+		});
+	}
+	return o ? (e.x += (i - e.x) * o.t, e.z += (a - e.z) * o.t, o) : (e.x = i, e.z = a, e.age += t, !R(i, a, {
+		...n,
+		obstacles: []
+	}, 0) || e.age > 3 ? { kind: "terrain" } : null);
+}
+function ie(e, t, n) {
+	let r = I(n, 0, 1);
+	return {
+		...t,
+		x: e.x + (t.x - e.x) * r,
+		z: e.z + (t.z - e.z) * r,
+		yaw: e.yaw + L(e.yaw, t.yaw) * r,
+		turretYaw: e.turretYaw + L(e.turretYaw, t.turretYaw) * r
+	};
+}
+// src/games/tanks-live/net/createLiveMatch.js
+var B = (e) => typeof e == "number" && Number.isFinite(e), ae = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function oe({ game: e, selfId: t, isHost: i = String(t) === String(e.hostId), signaling: o, onChange: s = () => {}, peerFactory: c = n, iceServers: l, iceTransportPolicy: u, RTCPeerConnectionImpl: d } = {}) {
+	t = String(t);
+	let f = [String(e.hostId), String(e.guestId)];
+	if (!f.includes(t) || f[0] === f[1]) throw Error("Invalid live match players");
+	let p = (l || []).some((e) => [e.urls].flat().some((e) => /^turns?:/i.test(String(e)))), m = f.find((e) => e !== t), h = ee(), g = f.map(te), _ = [], v = [], y = {}, b = 0, x = 0, S = 0, C = 0, w = "connecting", T = null, E = !1, D = {
+		phase: "idle",
+		rtt: null,
+		route: null
+	}, O = !1, k = !1, A = null, j = [], M = null, N = null, P = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set(), z = () => g.find((e) => e.id === t), oe = () => g.find((e) => e.id === m), V = () => {
+		E || s({
+			status: w,
+			winner: T,
+			net: D
+		});
+	}, H = (e) => {
+		v.push(e), v.length > 200 && v.shift();
+	}, U = (t) => X.sendEvent({
+		...t,
+		g: e.gameId,
+		r: S
+	}), W = (e) => {
+		I.add(e), I.size > 2048 && I.delete(I.values().next().value);
+	}, G = () => ({
+		k: "snapshot",
+		hp: g.map((e) => e.hp),
+		status: w,
+		winner: T,
+		reason: A
+	});
+	function K() {
+		g = f.map(te), _ = [], j = [], M = null, N = null, P.clear(), I.clear(), L.clear(), k = !1, A = null, T = null, w = D.phase === "connected" ? "playing" : "connecting", H({ k: "rematch" }), V();
+	}
+	function q(e, t = !1) {
+		(w !== "over" || t && T !== e) && (w = "over", T = e, _ = [], X.clearManualTurn?.(), H({
+			k: "over",
+			winner: T
+		}), V());
+	}
+	function J(e, t, n) {
+		if (w !== "playing" || !ae(t.id) || I.has(t.id)) return !1;
+		let r = g.find((t) => t.id === e);
+		if (!r?.alive || b - (P.get(e) ?? -Infinity) < F.reloadMs - 20 || ![
+			t.x,
+			t.z,
+			t.yaw
+		].every(B) || Math.hypot(t.x - (e === m && N ? N.x : r.x), t.z - (e === m && N ? N.z : r.z)) > 6) return !1;
+		W(t.id), P.set(e, b);
+		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 _.push(i), H(i), n && U({
+			...t,
+			k: "fire"
+		}), !0;
+	}
+	function Y(t) {
+		if (E || w !== "playing" || t?.g !== e.gameId || t.r !== S || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(B)) return;
+		let [n, r, i, a, o] = t.p;
+		if (!R(n, r, h) || Math.abs(o) > F.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
+		let s = M === null ? .1 : Math.max(0, (b - M) / 1e3), c = N || oe();
+		if (Math.hypot(n - c.x, r - c.z) > F.speed * s + 3) return;
+		let l = {
+			...oe(),
+			x: n,
+			z: r,
+			yaw: i,
+			turretYaw: a,
+			speed: o
+		};
+		N = l, M = b, j.push({
+			time: b,
+			pose: l
+		}), j.length > 30 && j.shift();
+	}
+	function se(n) {
+		if (!E && n && n.g === e.gameId && Number.isInteger(n.r)) {
+			if (n.k === "round" && !i && w === "over" && L.has(t) && n.r === S + 1) S = n.r, K();
+			else if (n.r === S) {
+				if (n.k === "sync" && i) U(G());
+				else if (n.k === "snapshot" && !i && Array.isArray(n.hp) && n.hp.length === 2 && n.hp.every((e) => Number.isInteger(e) && e >= 0 && e <= 100)) {
+					let e = n.status === "playing" && n.winner === null && n.hp.every((e) => e > 0), t = n.status === "over" && f.includes(n.winner) && (n.hp[1 - f.indexOf(n.winner)] === 0 || n.reason === "resigned");
+					if (!e && !t) return;
+					g.forEach((e, t) => {
+						e.hp = n.hp[t], e.alive = e.hp > 0;
+					}), t && (k = !1, A = n.reason, q(n.winner, !0));
+				} else n.k === "resign" ? (A = "resigned", q(t, i), i && U(G())) : n.k === "rematch" && w === "over" ? (L.add(m), ce()) : w === "playing" && (n.k === "fire" && J(m, n, !1), !i && n.k === "hit" && ae(n.id) && !I.has(`hit:${n.id}`) && f.includes(n.target) && Array.isArray(n.hp) && n.hp.length === 2 && n.hp.every((e, t) => Number.isInteger(e) && e >= 0 && e <= g[t].hp) && [n.x, n.z].every(B) && (W(`hit:${n.id}`), g.forEach((e, t) => {
+					e.hp = n.hp[t], e.alive = e.hp > 0;
+				}), _ = _.filter((e) => e.id !== n.id), H(n)), !i && n.k === "destroyed" && f.includes(n.target) && !I.has(`destroyed:${n.target}`) && g.find((e) => e.id === n.target).hp === 0 && (W(`destroyed:${n.target}`), H(n)), !i && n.k === "over" && f.includes(n.winner) && g.find((e) => e.id !== n.winner).hp === 0 && q(n.winner));
+			}
+		}
+	}
+	let X = c({
+		configurationAuthority: i,
+		signaling: o && {
+			send(t) {
+				let n = r(t);
+				if (!n) return Promise.reject(/* @__PURE__ */ Error("Invalid live signal"));
+				let i = a({
+					...n,
+					liveGame: e.gameId
+				});
+				return i ? o.send(i) : Promise.reject(/* @__PURE__ */ Error("Live signal too large"));
+			},
+			subscribe(t) {
+				return o.subscribe((n) => {
+					r(n?.text)?.liveGame === e.gameId && t(n);
+				});
+			}
+		},
+		selfId: t,
+		peerId: m,
+		roomId: e.roomId,
+		iceServers: l,
+		iceTransportPolicy: u,
+		RTCPeerConnectionImpl: d,
+		onMove: Y,
+		onEvent: se,
+		onChange(e) {
+			let t = D.phase;
+			if (D = e, e.phase === "connected") {
+				let e = O;
+				O = !0, w !== "over" && (w = "playing"), t !== "connected" && queueMicrotask(() => {
+					E || (k && U({ k: "resign" }), i && e ? U(G()) : i || U({ k: "sync" }));
+				});
+			} else w !== "over" && (w = O ? "disconnected" : "connecting");
+			V();
+		}
+	});
+	function ce() {
+		i && L.size === 2 && (S++, U({ k: "round" }), K());
+	}
+	return i ? X.connect() : X.setListening(!0), {
+		setInput(e) {
+			y = { ...e };
+		},
+		step(n) {
+			if (E) return;
+			let r = Math.max(0, Math.min(Number(n) || 0, 100));
+			if (b += r, w !== "playing") return;
+			let a = r / 1e3, o = b - 100;
+			for (; j.length > 1 && j[1].time <= o;) j.shift();
+			if (j.length) {
+				let e = j[0], t = j[1] || e, n = ie(e.pose, t.pose, t.time === e.time ? 1 : (o - e.time) / (t.time - e.time));
+				for (let e of [
+					"x",
+					"z",
+					"yaw",
+					"turretYaw",
+					"speed"
+				]) oe()[e] = n[e];
+			}
+			for (let e = a; e > 0; e -= .016) ne(z(), y, Math.min(e, .016), h);
+			y.fire && J(t, {
+				id: `${t}:${S}:${++C}`,
+				x: z().x,
+				z: z().z,
+				yaw: z().turretYaw,
+				t: b
+			}, !0);
+			let s = D.rtt > 250 || D.move?.lossPct > 15 ? 10 : D.rtt > 100 ? 15 : 20;
+			if (b >= x) {
+				x = b + 1e3 / s;
+				let t = z();
+				X.sendMove({
+					g: e.gameId,
+					r: S,
+					p: [
+						t.x,
+						t.z,
+						t.yaw,
+						t.turretYaw,
+						t.speed
+					],
+					t: b
+				});
+			}
+			_ = _.filter((e) => {
+				let t = re(e, a, h, g);
+				if (!t) return !0;
+				if (i && t.target && w === "playing") {
+					let n = g.find((e) => e.id === t.target);
+					n.hp = Math.max(0, n.hp - F.damage), n.alive = n.hp > 0;
+					let r = {
+						k: "hit",
+						id: e.id,
+						target: n.id,
+						dmg: F.damage,
+						hp: g.map((e) => e.hp),
+						x: e.x,
+						z: e.z
+					};
+					if (U(r), H(r), !n.alive) {
+						let t = {
+							k: "destroyed",
+							target: n.id
+						};
+						U(t), H(t), U({
+							k: "over",
+							winner: e.owner
+						}), q(e.owner);
+					}
+				} else H({
+					k: "impact",
+					kind: t.kind,
+					x: e.x,
+					z: e.z
+				});
+				return !1;
+			});
+		},
+		getRender() {
+			let e = {
+				arena: h,
+				tanks: g.map((e) => ({
+					...e,
+					self: e.id === t,
+					reload: Math.min(1, (b - (P.get(e.id) ?? -Infinity)) / F.reloadMs)
+				})),
+				shells: _.map((e) => ({ ...e })),
+				events: v,
+				status: w,
+				winner: T,
+				net: {
+					...D,
+					turnConfigured: D.turnConfigured ?? p
+				}
+			};
+			return v = [], e;
+		},
+		configureTurn(e, t) {
+			return E || w === "over" ? Promise.reject(/* @__PURE__ */ Error("La partida ya terminó.")) : X.configureTurn(e, t);
+		},
+		reconnect() {
+			!E && w !== "over" && (X.requestReconnect ? X.requestReconnect() : X.connect());
+		},
+		rematch() {
+			!E && w === "over" && (L.add(t), U({ k: "rematch" }), ce());
+		},
+		resign() {
+			!E && w !== "over" && (k = !0, A = "resigned", U({ k: "resign" }), q(m));
+		},
+		destroy() {
+			E || (E = !0, X.destroy(), _ = [], j = [], v = []);
+		}
+	};
+}
+var V = 180 / Math.PI, H = (e, t) => Number.isFinite(e) ? e : t;
+function U(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 W({
+		minX: n.minX,
+		minZ: n.minZ,
+		maxX: n.maxX,
+		maxZ: n.maxZ
+	});
+	let r = H(t.width, H(t.size, 120)), i = H(t.depth, H(t.height, H(t.size, r)));
+	return W(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 W(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 G(e) {
+	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
+		x: e.x,
+		z: e.z,
+		r: H(e.r, H(e.radius, 1.5)),
+		kind: e.kind === "tree" ? "tree" : "rock"
+	}));
+}
+var K = (e) => e ? e.k ?? e.type ?? null : null;
+function q(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 J = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, Y = (e) => (e || []).find((e) => e.self) || null, se = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), X = (e) => {
+	let t = e % (Math.PI * 2);
+	return t > Math.PI && (t -= Math.PI * 2), t < -Math.PI && (t += Math.PI * 2), t;
+};
+function ce({ 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(X((c.yaw ?? 0) - r.yaw)) / d, m = Math.abs(X((c.turretYaw ?? 0) - (c.yaw ?? 0) - r.rel)) / d, h = f > e || p > t;
+				o = h ? 0 : o + l, h && !i ? (i = !0, u.push({ type: "move_start" })) : !h && i && o >= n && (i = !1, u.push({ type: "move_end" }));
+				let g = m > t;
+				s = g ? 0 : s + l, g && !a ? (a = !0, u.push({ type: "turret_start" })) : !g && a && s >= n && (a = !1, u.push({ type: "turret_end" }));
+			}
+			return r = {
+				x: c.x,
+				z: c.z,
+				yaw: c.yaw ?? 0,
+				rel: X((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 le(e) {
+	switch (K(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 ue(e) {
+	if (!e || e.status !== "over") return null;
+	let t = Y(e.tanks);
+	return !t || e.winner == null ? null : String(e.winner) === String(t.id) ? "victory" : "defeat";
+}
+// src/games/tanks-live/scene/createLiveScene2d.js
+function de(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 = U(t), a = 1, o = 1, s = 1, c = 0, l = 0;
+	function u() {
+		a = Math.max(1, e.clientWidth), o = Math.max(1, e.clientHeight);
+		let t = Math.min(window.devicePixelRatio || 1, 2);
+		n.width = a * t, n.height = o * t, r.setTransform(t, 0, 0, t, 0, 0), s = Math.min(a / i.width, o / i.depth), c = (a - i.width * s) / 2, l = (o - i.depth * s) / 2;
+	}
+	u();
+	let d = typeof ResizeObserver == "function" ? new ResizeObserver(u) : null;
+	return d?.observe(e), {
+		kind: "2d",
+		resize: u,
+		screenToGround(e, t) {
+			return {
+				x: ((e + 1) * a / 2 - c) / s + i.minX,
+				z: ((1 - t) * o / 2 - l) / s + i.minZ
+			};
+		},
+		render(e) {
+			r.fillStyle = "#152519", r.fillRect(0, 0, a, o), r.save(), r.translate(c, l), r.scale(s, s), r.translate(-i.minX, -i.minZ), r.fillStyle = "#526348", r.fillRect(i.minX, i.minZ, i.width, i.depth);
+			for (let e of G(t)) r.fillStyle = e.kind === "tree" ? "#24472d" : "#929285", r.beginPath(), r.arc(e.x, e.z, e.r, 0, Math.PI * 2), r.fill();
+			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(), 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() {
+			d?.disconnect(), n.remove();
+		}
+	};
+}
+// src/games/tanks-live/TanksLiveGameCard.jsx
+var fe = /* @__PURE__ */ k({ default: () => Q }), pe = (t, n) => {
+	e.getState().act(t, n).catch(() => {});
+}, Z = (e) => {
+	e.throttle = 0, e.steer = 0, e.fire = !1;
+};
+function me(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 he({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: a, suspended: f = !1 }) {
+	let h = p(o)?.config?.webrtc, C = e((e) => e.games[n]), w = g(f);
+	w.current = f;
+	let O = g(null), k = g(null), A = g(null), M = g({
+		throttle: 0,
+		steer: 0,
+		fire: !1
+	}), [F, I] = _(null), [L, ee] = _(""), [te, R] = _(!1), [ne, z] = _("loading"), [re, ie] = _(!1), [B, ae] = _(0), V = F?.net?.phase === "connected";
+	m(() => {
+		if (!C || C.status !== "active" || V) {
+			ae(0);
+			return;
+		}
+		let e = Date.now(), t = setInterval(() => ae(Date.now() - e), 1e3);
+		return () => clearInterval(t);
+	}, [
+		n,
+		C?.status,
+		V
+	]), m(() => {
+		ie(!1);
+	}, [n, C?.status]), m(() => {
+		f ? (Z(M.current), s()) : A.current?.resize();
+	}, [f]);
+	let H = ["active", "won"].includes(C?.status), [U, W] = _(null);
+	if (m(() => {
+		if (!H || !U || !O.current) return;
+		let e = !1, t = null, n = {
+			arena: U,
+			lowPower: matchMedia("(pointer: coarse)").matches,
+			reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches,
+			onEvent: (e) => {
+				e.type === "context_lost" && R(!0);
+			}
+		}, r = () => {
+			e || (t = de(O.current, n), A.current = t, z("2d"));
+		};
+		return te ? r() : import("./createLiveScene-BqI7qV4n.js").then(({ createLiveScene: i }) => {
+			if (!e) try {
+				t = i(O.current, n), A.current = t, z("3d");
+			} catch {
+				r();
+			}
+		}).catch(r), () => {
+			e = !0, t?.dispose(), A.current === t && (A.current = null);
+		};
+	}, [
+		H,
+		U,
+		te
+	]), m(() => {
+		if (!H || C.status !== "active" || !O.current) return;
+		let t = !1, i = 0, a = performance.now(), o = 0, d = null, f = ce(), p = /* @__PURE__ */ new Set();
+		c();
+		let m;
+		try {
+			let t = e.getState().createLiveSignaling(n);
+			m = oe({
+				iceServers: h?.iceServers,
+				iceTransportPolicy: h?.iceTransportPolicy,
+				game: C,
+				selfId: String(r),
+				isHost: String(C.hostId) === String(r),
+				signaling: t
+			}), k.current = m;
+		} catch (e) {
+			ee(e.message || "No se pudo iniciar WebRTC");
+			return;
+		}
+		W(m.getRender().arena);
+		function g() {
+			p.clear(), Z(M.current), s();
+		}
+		function _(e, t) {
+			/^(INPUT|TEXTAREA|SELECT)$/.test(e.target?.tagName) || [
+				"KeyW",
+				"KeyA",
+				"KeyS",
+				"KeyD",
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"Space"
+			].includes(e.code) && (e.preventDefault(), t ? p.add(e.code) : p.delete(e.code), M.current.throttle = Number(p.has("KeyW") || p.has("ArrowUp")) - Number(p.has("KeyS") || p.has("ArrowDown")), M.current.steer = Number(p.has("KeyD") || p.has("ArrowRight")) - Number(p.has("KeyA") || p.has("ArrowLeft")), M.current.fire = p.has("Space"));
+		}
+		let v = (e) => _(e, !0), y = (e) => _(e, !1), b = O.current;
+		b.addEventListener("keydown", v), b.addEventListener("keyup", y), b.addEventListener("blur", g);
+		let x = () => {
+			document.hidden && g();
+		};
+		document.addEventListener("visibilitychange", x), l({ type: "engine_start" }, n);
+		function S(r) {
+			if (t) return;
+			let c = Math.min(80, r - a);
+			a = r;
+			let h = w.current || document.hidden;
+			m.setInput(h ? {
+				throttle: 0,
+				steer: 0,
+				fire: !1
+			} : M.current), m.step(c);
+			let g = m.getRender();
+			if (h || A.current?.render(g, c), h && (p.clear(), f.reset(), s()), !h) for (let e of g.events || []) for (let t of le(e)) l(t, e.id);
+			if (!h) for (let e of f.update(Y(g.tanks), c)) l(e);
+			let _ = ue(g);
+			_ && !d && (I(g), d = _, h || u(d, n), e.getState().liveFinish?.(n, g.winner)), r - o > 100 && (o = r, I(g)), i = requestAnimationFrame(S);
+		}
+		return i = requestAnimationFrame(S), () => {
+			t = !0, cancelAnimationFrame(i), g(), m.destroy(), k.current = null, b.removeEventListener("keydown", v), b.removeEventListener("keyup", y), b.removeEventListener("blur", g), document.removeEventListener("visibilitychange", x);
+		};
+	}, [
+		H,
+		n,
+		r
+	]), !C) return null;
+	let G = String(r) === String(C.guestId), K = F?.status === "over" || C.status === "won", q = F?.net, J = q?.manualTurn, se = [
+		"waiting_peer",
+		"sharing",
+		"applying"
+	].includes(J?.status), X = !V && (B >= 12e3 || q?.phase === "failed" || q?.ice === "failed" || J?.status === "failed" || !!L), fe = V ? q?.route?.relay === !0 ? "TURN Relay" : q?.route?.relay === !1 ? "P2P" : null : null, he = async (e, t) => {
+		if (!k.current?.configureTurn) throw Error("La partida aún no está preparada. Espera un momento y vuelve a intentarlo.");
+		await k.current.configureTurn(e, t);
+	};
+	function Q(e) {
+		let t = O.current?.getBoundingClientRect(), n = Y(F?.tanks);
+		if (!t || !n) return;
+		let r = A.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
+		r && (M.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
+	}
+	let $ = (e, t) => ({
+		onPointerDown: (n) => {
+			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), M.current[e] = t;
+		},
+		onPointerUp: () => {
+			M.current[e] = e !== "fire" && 0;
+		},
+		onPointerCancel: () => {
+			M.current[e] = e !== "fire" && 0;
+		},
+		onLostPointerCapture: () => {
+			M.current[e] = e !== "fire" && 0;
+		}
+	});
+	return /* @__PURE__ */ D("section", {
+		className: `chat-game-card tl-card${H ? " tl-card--active" : ""}`,
+		"aria-label": "Tanques LIVE 3D",
+		children: [
+			/* @__PURE__ */ D("header", {
+				className: "tl-header",
+				children: [/* @__PURE__ */ E("strong", { children: "Tanques LIVE 3D" }), /* @__PURE__ */ D("div", {
+					className: "tl-header-actions",
+					children: [
+						/* @__PURE__ */ E(t, { manager: d() }),
+						i && /* @__PURE__ */ E("button", {
+							onClick: i,
+							"aria-label": "Minimizar",
+							children: "−"
+						}),
+						a && /* @__PURE__ */ E("button", {
+							onClick: a,
+							"aria-label": "Ocultar",
+							children: "×"
+						})
+					]
+				})]
+			}),
+			C.status === "invited" && /* @__PURE__ */ D("div", {
+				className: "tl-invite",
+				children: [
+					/* @__PURE__ */ E("span", {
+						className: "tl-invite-icon",
+						"aria-hidden": "true",
+						children: "🪖"
+					}),
+					/* @__PURE__ */ E("strong", { children: G ? "¿Listo para combatir?" : "Invitación enviada" }),
+					/* @__PURE__ */ E("p", { children: G ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }),
+					G && /* @__PURE__ */ D("div", {
+						className: "tl-invite-actions",
+						children: [/* @__PURE__ */ E("button", {
+							className: "tl-button-primary",
+							onClick: () => pe(n, "game_accept"),
+							children: "Aceptar combate"
+						}), /* @__PURE__ */ E("button", {
+							onClick: () => pe(n, "game_decline"),
+							children: "Rechazar"
+						})]
+					})
+				]
+			}),
+			H && !K && /* @__PURE__ */ D("div", {
+				className: `tl-connection tl-connection--${V ? "connected" : X ? "problem" : "pending"}`,
+				children: [
+					/* @__PURE__ */ D("div", {
+						className: "tl-connection-heading",
+						children: [
+							V ? /* @__PURE__ */ E(y, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : X ? /* @__PURE__ */ E(v, {
+								size: 18,
+								"aria-hidden": "true"
+							}) : /* @__PURE__ */ E(x, {
+								size: 18,
+								className: "tl-connection-spinner",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("strong", { children: X ? "Problemas de conexión" : me(q, !1) }), X && /* @__PURE__ */ E("p", { children: "No pudimos establecer una conexión con el otro jugador. Puedes configurar una conexión alternativa para continuar." })] }),
+							fe && /* @__PURE__ */ E("span", {
+								className: "tl-route-badge",
+								children: fe
+							})
+						]
+					}),
+					!V && /* @__PURE__ */ E("p", {
+						className: "tl-connection-message",
+						role: "status",
+						children: X ? me(q, B >= 12e3) : P(q)
+					}),
+					J?.status === "synchronized" && /* @__PURE__ */ E("p", {
+						className: "tl-connection-shared",
+						role: "status",
+						children: J.received ? "Configuración recibida del otro jugador y aplicada en ambos." : "Configuración compartida y aplicada en ambos jugadores."
+					}),
+					J?.expiresAt != null && J.expiresAt <= Date.now() && /* @__PURE__ */ E("p", {
+						className: "tl-connection-expired",
+						role: "status",
+						children: "La validez indicada para las credenciales terminó. Introduce una configuración nueva si necesitas reconectar."
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "tl-connection-actions",
+						children: [/* @__PURE__ */ D("button", {
+							type: "button",
+							className: X ? "tl-button-primary" : "",
+							onClick: () => ie(!0),
+							children: [/* @__PURE__ */ E(S, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Configurar conexión alternativa"]
+						}), !V && /* @__PURE__ */ D("button", {
+							type: "button",
+							disabled: se,
+							onClick: () => k.current?.reconnect(),
+							children: [/* @__PURE__ */ E(b, {
+								size: 15,
+								"aria-hidden": "true"
+							}), "Reintentar conexión"]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ E(j, {
+				open: re && H && !K,
+				onClose: () => ie(!1),
+				onApply: he,
+				manualTurn: J
+			}),
+			(H || F) && /* @__PURE__ */ D(T, { children: [
+				/* @__PURE__ */ D("div", {
+					className: "tl-hud",
+					children: [(F?.tanks || []).map((e) => /* @__PURE__ */ D("span", { children: [
+						e.self ? "Tú" : "Rival",
+						" ",
+						/* @__PURE__ */ E("meter", {
+							min: "0",
+							max: "100",
+							value: e.hp,
+							"aria-label": e.self ? "Tu vida" : "Vida del rival"
+						}),
+						" ",
+						e.hp,
+						" HP"
+					] }, e.id)), /* @__PURE__ */ D("span", {
+						role: "status",
+						children: [
+							V ? fe || "Conectado" : me(q, B >= 12e3),
+							" ",
+							Number.isFinite(q?.rtt) ? `· ${Math.round(q.rtt)} ms` : ""
+						]
+					})]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "tl-stage",
+					ref: O,
+					tabIndex: 0,
+					"aria-label": "Arena. WASD o flechas para conducir, ratón para apuntar, clic o espacio para disparar",
+					onPointerMove: Q,
+					onPointerDown: (e) => {
+						Q(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), Q(e), M.current.fire = !0);
+					},
+					onPointerUp: () => {
+						M.current.fire = !1;
+					},
+					onPointerCancel: () => {
+						Z(M.current);
+					},
+					onLostPointerCapture: () => {
+						M.current.fire = !1;
+					}
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "tl-controls",
+					children: [
+						/* @__PURE__ */ E("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();
+								M.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), M.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();
+								M.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), M.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+							},
+							onPointerUp: () => Z(M.current),
+							onPointerCancel: () => Z(M.current),
+							onLostPointerCapture: () => Z(M.current),
+							children: "✥"
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "tl-drive",
+							"aria-label": "Controles de conducción",
+							children: [
+								/* @__PURE__ */ E("button", {
+									"aria-label": "Avanzar",
+									...$("throttle", 1),
+									children: "▲"
+								}),
+								/* @__PURE__ */ E("button", {
+									"aria-label": "Girar izquierda",
+									...$("steer", -1),
+									children: "◀"
+								}),
+								/* @__PURE__ */ E("button", {
+									"aria-label": "Retroceder",
+									...$("throttle", -1),
+									children: "▼"
+								}),
+								/* @__PURE__ */ E("button", {
+									"aria-label": "Girar derecha",
+									...$("steer", 1),
+									children: "▶"
+								})
+							]
+						}),
+						/* @__PURE__ */ E("button", {
+							className: "tl-fire",
+							...$("fire", !0),
+							children: "Disparar"
+						})
+					]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "tl-reload",
+					children: /* @__PURE__ */ D("label", { children: [
+						"Recarga ",
+						/* @__PURE__ */ E("progress", {
+							max: "1",
+							value: Y(F?.tanks)?.reload ?? 1
+						}),
+						" ",
+						(Y(F?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+					] })
+				}),
+				/* @__PURE__ */ E("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
+				/* @__PURE__ */ E("button", {
+					onClick: () => R((e) => !e),
+					children: ne === "2d" ? "Probar 3D" : "Vista 2D"
+				})
+			] }),
+			K && /* @__PURE__ */ D("p", {
+				role: "status",
+				children: [
+					String(F?.winner ?? C.winnerId) === String(r) ? "¡Victoria!" : "Fin del combate",
+					" ",
+					/* @__PURE__ */ E("button", {
+						onClick: () => {
+							Promise.resolve(e.getState().liveRematch?.(n)).catch(() => {});
+						},
+						children: "Revancha"
+					})
+				]
+			}),
+			H && /* @__PURE__ */ D("details", {
+				className: "tl-diagnostics",
+				children: [/* @__PURE__ */ E("summary", { children: "Diagnóstico de conexión" }), /* @__PURE__ */ E("pre", { children: JSON.stringify(N(F?.net), null, 2) })]
+			}),
+			H && !K && /* @__PURE__ */ E("button", {
+				onClick: () => k.current?.resign(),
+				children: "Rendirse"
+			}),
+			C.pending && /* @__PURE__ */ E("p", {
+				role: "status",
+				children: "Enviando…"
+			}),
+			C.pendingEvent && C.error && /* @__PURE__ */ E("button", {
+				onClick: () => {
+					e.getState().retry(n).catch(() => {});
+				},
+				children: "Reintentar envío"
+			}),
+			L && /* @__PURE__ */ E("p", {
+				role: "alert",
+				children: L
+			}),
+			C.error && /* @__PURE__ */ E("p", {
+				role: "alert",
+				children: C.error
+			}),
+			!["closed", "declined"].includes(C.status) && /* @__PURE__ */ E("footer", {
+				className: "tl-footer",
+				children: /* @__PURE__ */ E("button", {
+					onClick: () => pe(n, "game_end"),
+					children: "Cerrar partida"
+				})
+			})
+		]
+	});
+}
+var Q = f(he);
+export { se as a, J as c, Q as default, G as i, X as l, V as n, K as o, U as r, q as s, fe as t };
+
+//# sourceMappingURL=TanksLiveGameCard-DGsnMD3j.js.map