@minicode-dev/chat 0.1.9 → 0.1.11

package/dist/chunks/{TanksLiveGameCard-BmNRXP66.js → TanksLiveGameCard-BNJqWt1z.js}

@@ -1,7 +1,7 @@
-import { d as e, o as t } from "./connect4Sounds-BN7d_TM2.js";
-import { a as n, n as r, o as i } from "./createPeerLink-qei05vpV.js";
-import { t as a } from "./ChatContext-dty_KPDX.js";
-import { a as o, i as s, n as c, r as l, t as u } from "./tanksSounds-C99OD2xD.js";
+import { d as e, o as t } from "./connect4Sounds-Cv0q31VW.js";
+import { a as n, n as r, o as i } from "./createPeerLink-CL7VZuHS.js";
+import { t as a } from "./ChatContext-DjIEifGY.js";
+import { a as o, i as s, n as c, r as l, t as u } from "./tanksSounds-CUNDIOal.js";
 import { memo as d, useContext as f, useEffect as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 // \0rolldown/runtime.js
@@ -12,7 +12,34 @@ var y = Object.defineProperty, b = (e, t) => {
 		enumerable: !0
 	});
 	return t || y(n, Symbol.toStringTag, { value: "Module" }), n;
-}, x = Object.freeze({
+};
+// src/games/tanks-live/net/connectionDiagnostics.js
+function x(e = {}) {
+	return {
+		phase: e.phase ?? "idle",
+		ice: e.ice ?? "new",
+		connection: e.connection ?? "new",
+		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
+		},
+		turnConfigured: !!e.turnConfigured,
+		route: e.route?.label ?? null,
+		movesSent: e.move?.sent ?? 0,
+		movesReceived: e.move?.received ?? 0,
+		error: e.error ? /^[a-z_]+$/.test(e.error) ? e.error : "negotiation_error" : null
+	};
+}
+function S(e = {}) {
+	return e.phase === "connected" ? "" : 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. Revisa el servicio TURN y la red." : "WebRTC aún no encuentra una ruta entre los jugadores. Algunas redes necesitan un servidor TURN; esta partida no tiene uno configurado." : 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 C = Object.freeze({
 	speed: 16,
 	reverse: 9,
 	turn: 1.8,
@@ -21,8 +48,8 @@ var y = Object.defineProperty, b = (e, t) => {
 	reloadMs: 1500,
 	shellSpeed: 60,
 	damage: 25
-}), S = (e, t, n) => Math.max(t, Math.min(n, e)), C = (e, t) => Math.atan2(Math.sin(t - e), Math.cos(t - e));
-function w() {
+}), w = (e, t, n) => Math.max(t, Math.min(n, e)), T = (e, t) => Math.atan2(Math.sin(t - e), Math.cos(t - e));
+function E() {
 	return {
 		size: 120,
 		bounds: {
@@ -75,7 +102,7 @@ function w() {
 		}))
 	};
 }
-function T(e, t) {
+function D(e, t) {
 	return {
 		id: String(e),
 		x: t ? 102 : 18,
@@ -88,25 +115,25 @@ function T(e, t) {
 		color: t ? "#d7463f" : "#54a34a"
 	};
 }
-function E(e, t, n, r = x.radius) {
+function O(e, t, n, r = C.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 D(e, t, n, r) {
+function k(e, t, n, r) {
 	if (!e.alive) return;
-	let i = S(Number(t.throttle) || 0, -1, 1), a = S(Number(t.steer) || 0, -1, 1), o = i * (i < 0 ? x.reverse : x.speed);
-	e.speed += S(o - e.speed, -x.acceleration * n, x.acceleration * n), e.yaw += a * x.turn * n, Number.isFinite(t.turretYaw) && (e.turretYaw = t.turretYaw);
+	let i = w(Number(t.throttle) || 0, -1, 1), a = w(Number(t.steer) || 0, -1, 1), o = i * (i < 0 ? C.reverse : C.speed);
+	e.speed += w(o - e.speed, -C.acceleration * n, C.acceleration * n), e.yaw += a * C.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;
-	E(s, e.z, r) ? e.x = s : e.speed = 0, E(e.x, c, r) ? e.z = c : e.speed = 0;
+	O(s, e.z, r) ? e.x = s : e.speed = 0, O(e.x, c, r) ? e.z = c : e.speed = 0;
 }
-function O(e, t, n, r, i, a, o) {
-	let s = n - e, c = r - t, l = s * s + c * c, u = l ? S(((i - e) * s + (a - t) * c) / l, 0, 1) : 0;
+function A(e, t, n, r, i, a, o) {
+	let s = n - e, c = r - t, l = s * s + c * c, u = l ? w(((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 k(e, t, n, r) {
-	let i = e.x + Math.cos(e.yaw) * x.shellSpeed * t, a = e.z + Math.sin(e.yaw) * x.shellSpeed * t, o = null;
+function ee(e, t, n, r) {
+	let i = e.x + Math.cos(e.yaw) * C.shellSpeed * t, a = e.z + Math.sin(e.yaw) * C.shellSpeed * t, o = null;
 	for (let t of n.obstacles) {
-		let n = O(e.x, e.z, i, a, t.x, t.z, t.r);
+		let n = A(e.x, e.z, i, a, t.x, t.z, t.r);
 		n !== null && (!o || n < o.t) && (o = {
 			t: n,
 			kind: "obstacle"
@@ -114,77 +141,77 @@ function k(e, t, n, r) {
 	}
 	for (let t of r) {
 		if (!t.alive || t.id === e.owner) continue;
-		let n = O(e.x, e.z, i, a, t.x, t.z, x.radius);
+		let n = A(e.x, e.z, i, a, t.x, t.z, C.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, !E(i, a, {
+	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, !O(i, a, {
 		...n,
 		obstacles: []
 	}, 0) || e.age > 3 ? { kind: "terrain" } : null);
 }
-function ee(e, t, n) {
-	let r = S(n, 0, 1);
+function te(e, t, n) {
+	let r = w(n, 0, 1);
 	return {
 		...t,
 		x: e.x + (t.x - e.x) * r,
 		z: e.z + (t.z - e.z) * r,
-		yaw: e.yaw + C(e.yaw, t.yaw) * r,
-		turretYaw: e.turretYaw + C(e.turretYaw, t.turretYaw) * r
+		yaw: e.yaw + T(e.yaw, t.yaw) * r,
+		turretYaw: e.turretYaw + T(e.turretYaw, t.turretYaw) * r
 	};
 }
 // src/games/tanks-live/net/createLiveMatch.js
-var A = (e) => typeof e == "number" && Number.isFinite(e), j = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
-function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), signaling: o, onChange: s = () => {}, peerFactory: c = r, iceServers: l, iceTransportPolicy: u, RTCPeerConnectionImpl: d } = {}) {
+var j = (e) => typeof e == "number" && Number.isFinite(e), M = (e) => typeof e == "string" && e.length > 0 && e.length < 160;
+function N({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), signaling: o, onChange: s = () => {}, peerFactory: c = r, 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 = f.find((e) => e !== t), m = w(), h = f.map(T), g = [], _ = [], v = {}, y = 0, b = 0, S = 0, C = 0, O = "connecting", M = null, N = !1, P = {
+	let p = (l || []).some((e) => [e.urls].flat().some((e) => /^turns?:/i.test(String(e)))), m = f.find((e) => e !== t), h = E(), g = f.map(D), _ = [], v = [], y = {}, b = 0, x = 0, S = 0, w = 0, T = "connecting", A = null, N = !1, P = {
 		phase: "idle",
 		rtt: null,
 		route: null
-	}, F = !1, I = !1, L = null, R = [], z = null, B = null, V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Set(), W = () => h.find((e) => e.id === t), G = () => h.find((e) => e.id === p), K = () => {
+	}, F = !1, I = !1, L = null, R = [], z = null, B = null, V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Set(), W = () => g.find((e) => e.id === t), ne = () => g.find((e) => e.id === m), G = () => {
 		N || s({
-			status: O,
-			winner: M,
+			status: T,
+			winner: A,
 			net: P
 		});
-	}, q = (e) => {
-		_.push(e), _.length > 200 && _.shift();
-	}, J = (t) => $.sendEvent({
+	}, K = (e) => {
+		v.push(e), v.length > 200 && v.shift();
+	}, q = (t) => $.sendEvent({
 		...t,
 		g: e.gameId,
 		r: S
-	}), Y = (e) => {
+	}), J = (e) => {
 		H.add(e), H.size > 2048 && H.delete(H.values().next().value);
-	}, X = () => ({
+	}, Y = () => ({
 		k: "snapshot",
-		hp: h.map((e) => e.hp),
-		status: O,
-		winner: M,
+		hp: g.map((e) => e.hp),
+		status: T,
+		winner: A,
 		reason: L
 	});
-	function Z() {
-		h = f.map(T), g = [], R = [], z = null, B = null, V.clear(), H.clear(), U.clear(), I = !1, L = null, M = null, O = P.phase === "connected" ? "playing" : "connecting", q({ k: "rematch" }), K();
+	function X() {
+		g = f.map(D), _ = [], R = [], z = null, B = null, V.clear(), H.clear(), U.clear(), I = !1, L = null, A = null, T = P.phase === "connected" ? "playing" : "connecting", K({ k: "rematch" }), G();
 	}
-	function Q(e, t = !1) {
-		(O !== "over" || t && M !== e) && (O = "over", M = e, g = [], q({
+	function Z(e, t = !1) {
+		(T !== "over" || t && A !== e) && (T = "over", A = e, _ = [], K({
 			k: "over",
-			winner: M
-		}), K());
+			winner: A
+		}), G());
 	}
-	function te(e, t, n) {
-		if (O !== "playing" || !j(t.id) || H.has(t.id)) return !1;
-		let r = h.find((t) => t.id === e);
-		if (!r?.alive || y - (V.get(e) ?? -Infinity) < x.reloadMs - 20 || ![
+	function Q(e, t, n) {
+		if (T !== "playing" || !M(t.id) || H.has(t.id)) return !1;
+		let r = g.find((t) => t.id === e);
+		if (!r?.alive || b - (V.get(e) ?? -Infinity) < C.reloadMs - 20 || ![
 			t.x,
 			t.z,
 			t.yaw
-		].every(A) || Math.hypot(t.x - (e === p && B ? B.x : r.x), t.z - (e === p && B ? B.z : r.z)) > 6) return !1;
-		Y(t.id), V.set(e, y);
+		].every(j) || Math.hypot(t.x - (e === m && B ? B.x : r.x), t.z - (e === m && B ? B.z : r.z)) > 6) return !1;
+		J(t.id), V.set(e, b);
 		let i = {
 			...t,
 			k: "fire",
@@ -194,44 +221,44 @@ function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), sig
 			y: 1.4,
 			age: 0
 		};
-		return g.push(i), q(i), n && J({
+		return _.push(i), K(i), n && q({
 			...t,
 			k: "fire"
 		}), !0;
 	}
-	function ne(t) {
-		if (N || O !== "playing" || t?.g !== e.gameId || t.r !== S || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(A)) return;
+	function re(t) {
+		if (N || T !== "playing" || t?.g !== e.gameId || t.r !== S || !Array.isArray(t.p) || t.p.length !== 5 || !t.p.every(j)) return;
 		let [n, r, i, a, o] = t.p;
-		if (!E(n, r, m) || Math.abs(o) > x.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
-		let s = z === null ? .1 : Math.max(0, (y - z) / 1e3), c = B || G();
-		if (Math.hypot(n - c.x, r - c.z) > x.speed * s + 3) return;
+		if (!O(n, r, h) || Math.abs(o) > C.speed + .1 || Math.abs(i) > 1e6 || Math.abs(a) > 1e6) return;
+		let s = z === null ? .1 : Math.max(0, (b - z) / 1e3), c = B || ne();
+		if (Math.hypot(n - c.x, r - c.z) > C.speed * s + 3) return;
 		let l = {
-			...G(),
+			...ne(),
 			x: n,
 			z: r,
 			yaw: i,
 			turretYaw: a,
 			speed: o
 		};
-		B = l, z = y, R.push({
-			time: y,
+		B = l, z = b, R.push({
+			time: b,
 			pose: l
 		}), R.length > 30 && R.shift();
 	}
-	function re(n) {
+	function ie(n) {
 		if (!N && n && n.g === e.gameId && Number.isInteger(n.r)) {
-			if (n.k === "round" && !a && O === "over" && U.has(t) && n.r === S + 1) S = n.r, Z();
+			if (n.k === "round" && !a && T === "over" && U.has(t) && n.r === S + 1) S = n.r, X();
 			else if (n.r === S) {
-				if (n.k === "sync" && a) J(X());
+				if (n.k === "sync" && a) q(Y());
 				else if (n.k === "snapshot" && !a && 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;
-					h.forEach((e, t) => {
+					g.forEach((e, t) => {
 						e.hp = n.hp[t], e.alive = e.hp > 0;
-					}), t && (I = !1, L = n.reason, Q(n.winner, !0));
-				} else n.k === "resign" ? (L = "resigned", Q(t, a), a && J(X())) : n.k === "rematch" && O === "over" ? (U.add(p), ie()) : O === "playing" && (n.k === "fire" && te(p, n, !1), !a && n.k === "hit" && j(n.id) && !H.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 <= h[t].hp) && [n.x, n.z].every(A) && (Y(`hit:${n.id}`), h.forEach((e, t) => {
+					}), t && (I = !1, L = n.reason, Z(n.winner, !0));
+				} else n.k === "resign" ? (L = "resigned", Z(t, a), a && q(Y())) : n.k === "rematch" && T === "over" ? (U.add(m), ae()) : T === "playing" && (n.k === "fire" && Q(m, n, !1), !a && n.k === "hit" && M(n.id) && !H.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(j) && (J(`hit:${n.id}`), g.forEach((e, t) => {
 					e.hp = n.hp[t], e.alive = e.hp > 0;
-				}), g = g.filter((e) => e.id !== n.id), q(n)), !a && n.k === "destroyed" && f.includes(n.target) && !H.has(`destroyed:${n.target}`) && h.find((e) => e.id === n.target).hp === 0 && (Y(`destroyed:${n.target}`), q(n)), !a && n.k === "over" && f.includes(n.winner) && h.find((e) => e.id !== n.winner).hp === 0 && Q(n.winner));
+				}), _ = _.filter((e) => e.id !== n.id), K(n)), !a && n.k === "destroyed" && f.includes(n.target) && !H.has(`destroyed:${n.target}`) && g.find((e) => e.id === n.target).hp === 0 && (J(`destroyed:${n.target}`), K(n)), !a && n.k === "over" && f.includes(n.winner) && g.find((e) => e.id !== n.winner).hp === 0 && Z(n.winner));
 			}
 		}
 	}
@@ -253,58 +280,58 @@ function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), sig
 			}
 		},
 		selfId: t,
-		peerId: p,
+		peerId: m,
 		roomId: e.roomId,
 		iceServers: l,
 		iceTransportPolicy: u,
 		RTCPeerConnectionImpl: d,
-		onMove: ne,
-		onEvent: re,
+		onMove: re,
+		onEvent: ie,
 		onChange(e) {
 			let t = P.phase;
 			if (P = e, e.phase === "connected") {
 				let e = F;
-				F = !0, O !== "over" && (O = "playing"), t !== "connected" && queueMicrotask(() => {
-					N || (I && J({ k: "resign" }), a && e ? J(X()) : a || J({ k: "sync" }));
+				F = !0, T !== "over" && (T = "playing"), t !== "connected" && queueMicrotask(() => {
+					N || (I && q({ k: "resign" }), a && e ? q(Y()) : a || q({ k: "sync" }));
 				});
-			} else O !== "over" && (O = F ? "disconnected" : "connecting");
-			K();
+			} else T !== "over" && (T = F ? "disconnected" : "connecting");
+			G();
 		}
 	});
-	function ie() {
-		a && U.size === 2 && (S++, J({ k: "round" }), Z());
+	function ae() {
+		a && U.size === 2 && (S++, q({ k: "round" }), X());
 	}
 	return a ? $.connect() : $.setListening(!0), {
 		setInput(e) {
-			v = { ...e };
+			y = { ...e };
 		},
 		step(n) {
 			if (N) return;
 			let r = Math.max(0, Math.min(Number(n) || 0, 100));
-			if (y += r, O !== "playing") return;
-			let i = r / 1e3, o = y - 100;
+			if (b += r, T !== "playing") return;
+			let i = r / 1e3, o = b - 100;
 			for (; R.length > 1 && R[1].time <= o;) R.shift();
 			if (R.length) {
-				let e = R[0], t = R[1] || e, n = ee(e.pose, t.pose, t.time === e.time ? 1 : (o - e.time) / (t.time - e.time));
+				let e = R[0], t = R[1] || e, n = te(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"
-				]) G()[e] = n[e];
+				]) ne()[e] = n[e];
 			}
-			for (let e = i; e > 0; e -= .016) D(W(), v, Math.min(e, .016), m);
-			v.fire && te(t, {
-				id: `${t}:${S}:${++C}`,
+			for (let e = i; e > 0; e -= .016) k(W(), y, Math.min(e, .016), h);
+			y.fire && Q(t, {
+				id: `${t}:${S}:${++w}`,
 				x: W().x,
 				z: W().z,
 				yaw: W().turretYaw,
-				t: y
+				t: b
 			}, !0);
 			let s = P.rtt > 250 || P.move?.lossPct > 15 ? 10 : P.rtt > 100 ? 15 : 20;
-			if (y >= b) {
-				b = y + 1e3 / s;
+			if (b >= x) {
+				x = b + 1e3 / s;
 				let t = W();
 				$.sendMove({
 					g: e.gameId,
@@ -316,35 +343,35 @@ function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), sig
 						t.turretYaw,
 						t.speed
 					],
-					t: y
+					t: b
 				});
 			}
-			g = g.filter((e) => {
-				let t = k(e, i, m, h);
+			_ = _.filter((e) => {
+				let t = ee(e, i, h, g);
 				if (!t) return !0;
-				if (a && t.target && O === "playing") {
-					let n = h.find((e) => e.id === t.target);
-					n.hp = Math.max(0, n.hp - x.damage), n.alive = n.hp > 0;
+				if (a && t.target && T === "playing") {
+					let n = g.find((e) => e.id === t.target);
+					n.hp = Math.max(0, n.hp - C.damage), n.alive = n.hp > 0;
 					let r = {
 						k: "hit",
 						id: e.id,
 						target: n.id,
-						dmg: x.damage,
-						hp: h.map((e) => e.hp),
+						dmg: C.damage,
+						hp: g.map((e) => e.hp),
 						x: e.x,
 						z: e.z
 					};
-					if (J(r), q(r), !n.alive) {
+					if (q(r), K(r), !n.alive) {
 						let t = {
 							k: "destroyed",
 							target: n.id
 						};
-						J(t), q(t), J({
+						q(t), K(t), q({
 							k: "over",
 							winner: e.owner
-						}), Q(e.owner);
+						}), Z(e.owner);
 					}
-				} else q({
+				} else K({
 					k: "impact",
 					kind: t.kind,
 					x: e.x,
@@ -355,42 +382,48 @@ function M({ game: e, selfId: t, isHost: a = String(t) === String(e.hostId), sig
 		},
 		getRender() {
 			let e = {
-				arena: m,
-				tanks: h.map((e) => ({
+				arena: h,
+				tanks: g.map((e) => ({
 					...e,
 					self: e.id === t,
-					reload: Math.min(1, (y - (V.get(e.id) ?? -Infinity)) / x.reloadMs)
+					reload: Math.min(1, (b - (V.get(e.id) ?? -Infinity)) / C.reloadMs)
 				})),
-				shells: g.map((e) => ({ ...e })),
-				events: _,
-				status: O,
-				winner: M,
-				net: P
+				shells: _.map((e) => ({ ...e })),
+				events: v,
+				status: T,
+				winner: A,
+				net: {
+					...P,
+					turnConfigured: p
+				}
 			};
-			return _ = [], e;
+			return v = [], e;
+		},
+		reconnect() {
+			!N && T !== "over" && $.connect();
 		},
 		rematch() {
-			!N && O === "over" && (U.add(t), J({ k: "rematch" }), ie());
+			!N && T === "over" && (U.add(t), q({ k: "rematch" }), ae());
 		},
 		resign() {
-			!N && O !== "over" && (I = !0, L = "resigned", J({ k: "resign" }), Q(p));
+			!N && T !== "over" && (I = !0, L = "resigned", q({ k: "resign" }), Z(m));
 		},
 		destroy() {
-			N || (N = !0, $.destroy(), g = [], R = [], _ = []);
+			N || (N = !0, $.destroy(), _ = [], R = [], v = []);
 		}
 	};
 }
-var N = 180 / Math.PI, P = (e, t) => Number.isFinite(e) ? e : t;
-function F(e) {
+var P = 180 / Math.PI, F = (e, t) => Number.isFinite(e) ? e : t;
+function I(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 I({
+	if (Number.isFinite(n.minX) && Number.isFinite(n.maxX) && Number.isFinite(n.minZ) && Number.isFinite(n.maxZ)) return L({
 		minX: n.minX,
 		minZ: n.minZ,
 		maxX: n.maxX,
 		maxZ: n.maxZ
 	});
-	let r = P(t.width, P(t.size, 120)), i = P(t.depth, P(t.height, P(t.size, r)));
-	return I(t.centered === !0 || t.origin === "center" ? {
+	let r = F(t.width, F(t.size, 120)), i = F(t.depth, F(t.height, F(t.size, r)));
+	return L(t.centered === !0 || t.origin === "center" ? {
 		minX: -r / 2,
 		minZ: -i / 2,
 		maxX: r / 2,
@@ -402,7 +435,7 @@ function F(e) {
 		maxZ: i
 	});
 }
-function I(e) {
+function L(e) {
 	return {
 		...e,
 		width: e.maxX - e.minX,
@@ -411,16 +444,16 @@ function I(e) {
 		cz: (e.minZ + e.maxZ) / 2
 	};
 }
-function L(e) {
+function R(e) {
 	return (e?.obstacles || []).filter((e) => Number.isFinite(e?.x) && Number.isFinite(e?.z)).map((e) => ({
 		x: e.x,
 		z: e.z,
-		r: P(e.r, P(e.radius, 1.5)),
+		r: F(e.r, F(e.radius, 1.5)),
 		kind: e.kind === "tree" ? "tree" : "rock"
 	}));
 }
-var R = (e) => e ? e.k ?? e.type ?? null : null;
-function z(e, t) {
+var z = (e) => e ? e.k ?? e.type ?? null : null;
+function B(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));
@@ -434,11 +467,11 @@ function z(e, t) {
 	}
 	return i;
 }
-var B = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, V = (e) => (e || []).find((e) => e.self) || null, H = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), U = (e) => {
+var V = (e, t) => t == null ? null : (e || []).find((e) => String(e.id) === String(t)) || null, H = (e) => (e || []).find((e) => e.self) || null, U = (e, t = !0) => !t || e <= 25 ? 2 : +(e <= 50), W = (e) => {
 	let t = e % (Math.PI * 2);
 	return t > Math.PI && (t -= Math.PI * 2), t < -Math.PI && (t += Math.PI * 2), t;
 };
-function W({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
+function ne({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
 	let r = null, i = !1, a = !1, o = 0, s = 0;
 	return {
 		update(c, l) {
@@ -446,7 +479,7 @@ function W({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
 			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(U((c.yaw ?? 0) - r.yaw)) / d, m = Math.abs(U((c.turretYaw ?? 0) - (c.yaw ?? 0) - r.rel)) / d, h = f > e || p > t;
+				let f = Math.hypot(c.x - r.x, c.z - r.z) / d, p = Math.abs(W((c.yaw ?? 0) - r.yaw)) / d, m = Math.abs(W((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" }));
@@ -455,7 +488,7 @@ function W({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
 				x: c.x,
 				z: c.z,
 				yaw: c.yaw ?? 0,
-				rel: U((c.turretYaw ?? 0) - (c.yaw ?? 0))
+				rel: W((c.turretYaw ?? 0) - (c.yaw ?? 0))
 			}, u;
 		},
 		reset() {
@@ -470,7 +503,7 @@ function W({ moveSpeed: e = .6, turnSpeed: t = .35, holdMs: n = 160 } = {}) {
 	};
 }
 function G(e) {
-	switch (R(e)) {
+	switch (z(e)) {
 		case "fire": return [{ type: "fire" }, { type: "projectile_start" }];
 		case "impact": return [{
 			type: "impact",
@@ -483,7 +516,7 @@ function G(e) {
 }
 function K(e) {
 	if (!e || e.status !== "over") return null;
-	let t = V(e.tanks);
+	let t = H(e.tanks);
 	return !t || e.winner == null ? null : String(e.winner) === String(t.id) ? "victory" : "defeat";
 }
 // src/games/tanks-live/scene/createLiveScene2d.js
@@ -492,7 +525,7 @@ function q(e, { arena: t } = {}) {
 	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 = F(t), a = 1, o = 1, s = 1, c = 0, l = 0;
+	let i = I(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);
@@ -511,7 +544,7 @@ function q(e, { arena: t } = {}) {
 		},
 		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 L(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 e of R(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();
@@ -529,64 +562,64 @@ var J = /* @__PURE__ */ b({ default: () => Q }), Y = (t, n) => {
 	e.throttle = 0, e.steer = 0, e.fire = !1;
 };
 function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspended: y = !1 }) {
-	let b = f(a)?.config?.webrtc, x = e((e) => e.games[n]), S = m(y);
-	S.current = y;
-	let C = m(null), w = m(null), T = m(null), E = m({
+	let b = f(a)?.config?.webrtc, C = e((e) => e.games[n]), w = m(y);
+	w.current = y;
+	let T = m(null), E = m(null), D = m(null), O = m({
 		throttle: 0,
 		steer: 0,
 		fire: !1
-	}), [D, O] = h(null), [k, ee] = h(""), [A, j] = h(!1), [N, P] = h("loading");
+	}), [k, A] = h(null), [ee, te] = h(""), [j, M] = h(!1), [P, F] = h("loading");
 	p(() => {
-		y ? (X(E.current), o()) : T.current?.resize();
+		y ? (X(O.current), o()) : D.current?.resize();
 	}, [y]);
-	let F = ["active", "won"].includes(x?.status), [I, L] = h(null);
+	let I = ["active", "won"].includes(C?.status), [L, R] = h(null);
 	if (p(() => {
-		if (!F || !I || !C.current) return;
+		if (!I || !L || !T.current) return;
 		let e = !1, t = null, n = {
-			arena: I,
+			arena: L,
 			lowPower: matchMedia("(pointer: coarse)").matches,
 			reducedMotion: matchMedia("(prefers-reduced-motion: reduce)").matches,
 			onEvent: (e) => {
-				e.type === "context_lost" && j(!0);
+				e.type === "context_lost" && M(!0);
 			}
 		}, r = () => {
-			e || (t = q(C.current, n), T.current = t, P("2d"));
+			e || (t = q(T.current, n), D.current = t, F("2d"));
 		};
-		return A ? r() : import("./createLiveScene-CtYPcOPo.js").then(({ createLiveScene: i }) => {
+		return j ? r() : import("./createLiveScene-CJQtq54t.js").then(({ createLiveScene: i }) => {
 			if (!e) try {
-				t = i(C.current, n), T.current = t, P("3d");
+				t = i(T.current, n), D.current = t, F("3d");
 			} catch {
 				r();
 			}
 		}).catch(r), () => {
-			e = !0, t?.dispose(), T.current === t && (T.current = null);
+			e = !0, t?.dispose(), D.current === t && (D.current = null);
 		};
 	}, [
-		F,
 		I,
-		A
+		L,
+		j
 	]), p(() => {
-		if (!F || x.status !== "active" || !C.current) return;
-		let t = !1, i = 0, a = performance.now(), u = 0, d = null, f = W(), p = /* @__PURE__ */ new Set();
+		if (!I || C.status !== "active" || !T.current) return;
+		let t = !1, i = 0, a = performance.now(), u = 0, d = null, f = ne(), p = /* @__PURE__ */ new Set();
 		s();
 		let m;
 		try {
 			let t = e.getState().createLiveSignaling(n);
-			m = M({
+			m = N({
 				iceServers: b?.iceServers,
 				iceTransportPolicy: b?.iceTransportPolicy,
-				game: x,
+				game: C,
 				selfId: String(r),
-				isHost: String(x.hostId) === String(r),
+				isHost: String(C.hostId) === String(r),
 				signaling: t
-			}), w.current = m;
+			}), E.current = m;
 		} catch (e) {
-			ee(e.message || "No se pudo iniciar WebRTC");
+			te(e.message || "No se pudo iniciar WebRTC");
 			return;
 		}
-		L(m.getRender().arena);
+		R(m.getRender().arena);
 		function h() {
-			p.clear(), X(E.current), o();
+			p.clear(), X(O.current), o();
 		}
 		function g(e, t) {
 			/^(INPUT|TEXTAREA|SELECT)$/.test(e.target?.tagName) || [
@@ -599,94 +632,109 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 				"ArrowLeft",
 				"ArrowRight",
 				"Space"
-			].includes(e.code) && (e.preventDefault(), t ? p.add(e.code) : p.delete(e.code), E.current.throttle = Number(p.has("KeyW") || p.has("ArrowUp")) - Number(p.has("KeyS") || p.has("ArrowDown")), E.current.steer = Number(p.has("KeyD") || p.has("ArrowRight")) - Number(p.has("KeyA") || p.has("ArrowLeft")), E.current.fire = p.has("Space"));
+			].includes(e.code) && (e.preventDefault(), t ? p.add(e.code) : p.delete(e.code), O.current.throttle = Number(p.has("KeyW") || p.has("ArrowUp")) - Number(p.has("KeyS") || p.has("ArrowDown")), O.current.steer = Number(p.has("KeyD") || p.has("ArrowRight")) - Number(p.has("KeyA") || p.has("ArrowLeft")), O.current.fire = p.has("Space"));
 		}
-		let _ = (e) => g(e, !0), v = (e) => g(e, !1), y = C.current;
+		let _ = (e) => g(e, !0), v = (e) => g(e, !1), y = T.current;
 		y.addEventListener("keydown", _), y.addEventListener("keyup", v), y.addEventListener("blur", h);
-		let D = () => {
+		let x = () => {
 			document.hidden && h();
 		};
-		document.addEventListener("visibilitychange", D), c({ type: "engine_start" }, n);
-		function k(r) {
+		document.addEventListener("visibilitychange", x), c({ type: "engine_start" }, n);
+		function S(r) {
 			if (t) return;
 			let s = Math.min(80, r - a);
 			a = r;
-			let h = S.current || document.hidden;
+			let h = w.current || document.hidden;
 			m.setInput(h ? {
 				throttle: 0,
 				steer: 0,
 				fire: !1
-			} : E.current), m.step(s);
+			} : O.current), m.step(s);
 			let g = m.getRender();
-			if (h || T.current?.render(g, s), h && (p.clear(), f.reset(), o()), !h) for (let e of g.events || []) for (let t of G(e)) c(t, e.id);
-			if (!h) for (let e of f.update(V(g.tanks), s)) c(e);
+			if (h || D.current?.render(g, s), h && (p.clear(), f.reset(), o()), !h) for (let e of g.events || []) for (let t of G(e)) c(t, e.id);
+			if (!h) for (let e of f.update(H(g.tanks), s)) c(e);
 			let _ = K(g);
-			_ && !d && (O(g), d = _, h || l(d, n), e.getState().liveFinish?.(n, g.winner)), r - u > 100 && (u = r, O(g)), i = requestAnimationFrame(k);
+			_ && !d && (A(g), d = _, h || l(d, n), e.getState().liveFinish?.(n, g.winner)), r - u > 100 && (u = r, A(g)), i = requestAnimationFrame(S);
 		}
-		return i = requestAnimationFrame(k), () => {
-			t = !0, cancelAnimationFrame(i), h(), m.destroy(), w.current = null, y.removeEventListener("keydown", _), y.removeEventListener("keyup", v), y.removeEventListener("blur", h), document.removeEventListener("visibilitychange", D);
+		return i = requestAnimationFrame(S), () => {
+			t = !0, cancelAnimationFrame(i), h(), m.destroy(), E.current = null, y.removeEventListener("keydown", _), y.removeEventListener("keyup", v), y.removeEventListener("blur", h), document.removeEventListener("visibilitychange", x);
 		};
 	}, [
-		F,
+		I,
 		n,
 		r
-	]), !x) return null;
-	let R = String(r) === String(x.guestId), z = D?.status === "over" || x.status === "won";
-	function B(e) {
-		let t = C.current?.getBoundingClientRect(), n = V(D?.tanks);
+	]), !C) return null;
+	let z = String(r) === String(C.guestId), B = k?.status === "over" || C.status === "won";
+	function V(e) {
+		let t = T.current?.getBoundingClientRect(), n = H(k?.tanks);
 		if (!t || !n) return;
-		let r = T.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
-		r && (E.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
+		let r = D.current?.screenToGround((e.clientX - t.left) / t.width * 2 - 1, 1 - (e.clientY - t.top) / t.height * 2);
+		r && (O.current.turretYaw = Math.atan2(r.z - n.z, r.x - n.x));
 	}
-	let H = (e, t) => ({
+	let U = (e, t) => ({
 		onPointerDown: (n) => {
-			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), E.current[e] = t;
+			n.preventDefault(), n.currentTarget.setPointerCapture(n.pointerId), O.current[e] = t;
 		},
 		onPointerUp: () => {
-			E.current[e] = e !== "fire" && 0;
+			O.current[e] = e !== "fire" && 0;
 		},
 		onPointerCancel: () => {
-			E.current[e] = e !== "fire" && 0;
+			O.current[e] = e !== "fire" && 0;
 		},
 		onLostPointerCapture: () => {
-			E.current[e] = e !== "fire" && 0;
+			O.current[e] = e !== "fire" && 0;
 		}
 	});
 	return /* @__PURE__ */ v("section", {
-		className: "chat-game-card tl-card",
+		className: `chat-game-card tl-card${I ? " tl-card--active" : ""}`,
 		"aria-label": "Tanques LIVE 3D",
 		children: [
 			/* @__PURE__ */ v("header", {
 				className: "tl-header",
+				children: [/* @__PURE__ */ _("strong", { children: "Tanques LIVE 3D" }), /* @__PURE__ */ v("div", {
+					className: "tl-header-actions",
+					children: [
+						/* @__PURE__ */ _(t, { manager: u() }),
+						i && /* @__PURE__ */ _("button", {
+							onClick: i,
+							"aria-label": "Minimizar",
+							children: "−"
+						}),
+						d && /* @__PURE__ */ _("button", {
+							onClick: d,
+							"aria-label": "Ocultar",
+							children: "×"
+						})
+					]
+				})]
+			}),
+			C.status === "invited" && /* @__PURE__ */ v("div", {
+				className: "tl-invite",
 				children: [
-					/* @__PURE__ */ _("strong", { children: "Tanques LIVE 3D" }),
-					/* @__PURE__ */ _(t, { manager: u() }),
-					i && /* @__PURE__ */ _("button", {
-						onClick: i,
-						"aria-label": "Minimizar",
-						children: "−"
+					/* @__PURE__ */ _("span", {
+						className: "tl-invite-icon",
+						"aria-hidden": "true",
+						children: "🪖"
 					}),
-					d && /* @__PURE__ */ _("button", {
-						onClick: d,
-						"aria-label": "Ocultar",
-						children: "×"
+					/* @__PURE__ */ _("strong", { children: z ? "¿Listo para combatir?" : "Invitación enviada" }),
+					/* @__PURE__ */ _("p", { children: z ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }),
+					z && /* @__PURE__ */ v("div", {
+						className: "tl-invite-actions",
+						children: [/* @__PURE__ */ _("button", {
+							className: "tl-button-primary",
+							onClick: () => Y(n, "game_accept"),
+							children: "Aceptar combate"
+						}), /* @__PURE__ */ _("button", {
+							onClick: () => Y(n, "game_decline"),
+							children: "Rechazar"
+						})]
 					})
 				]
 			}),
-			x.status === "invited" && /* @__PURE__ */ v("div", {
-				className: "tl-invite",
-				children: [/* @__PURE__ */ _("p", { children: R ? "Te invitaron a un combate en tiempo real." : "Esperando que el rival acepte…" }), R && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
-					onClick: () => Y(n, "game_accept"),
-					children: "Aceptar"
-				}), /* @__PURE__ */ _("button", {
-					onClick: () => Y(n, "game_decline"),
-					children: "Rechazar"
-				})] })]
-			}),
-			(F || D) && /* @__PURE__ */ v(g, { children: [
+			(I || k) && /* @__PURE__ */ v(g, { children: [
 				/* @__PURE__ */ v("div", {
 					className: "tl-hud",
-					children: [(D?.tanks || []).map((e) => /* @__PURE__ */ v("span", { children: [
+					children: [(k?.tanks || []).map((e) => /* @__PURE__ */ v("span", { children: [
 						e.self ? "Tú" : "Rival",
 						" ",
 						/* @__PURE__ */ _("meter", {
@@ -701,31 +749,31 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 					] }, e.id)), /* @__PURE__ */ v("span", {
 						role: "status",
 						children: [
-							D?.net?.phase || "Conectando WebRTC…",
+							k?.net?.phase || "Conectando WebRTC…",
 							" ",
-							D?.net?.route?.label || (typeof D?.net?.route == "string" ? D.net.route : ""),
+							k?.net?.route?.label || (typeof k?.net?.route == "string" ? k.net.route : ""),
 							" ",
-							Number.isFinite(D?.net?.rtt) ? `${Math.round(D.net.rtt)} ms` : ""
+							Number.isFinite(k?.net?.rtt) ? `${Math.round(k.net.rtt)} ms` : ""
 						]
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
 					className: "tl-stage",
-					ref: C,
+					ref: T,
 					tabIndex: 0,
 					"aria-label": "Arena. WASD o flechas para conducir, ratón para apuntar, clic o espacio para disparar",
-					onPointerMove: B,
+					onPointerMove: V,
 					onPointerDown: (e) => {
-						B(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), B(e), E.current.fire = !0);
+						V(e), e.pointerType === "mouse" && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId), V(e), O.current.fire = !0);
 					},
 					onPointerUp: () => {
-						E.current.fire = !1;
+						O.current.fire = !1;
 					},
 					onPointerCancel: () => {
-						X(E.current);
+						X(O.current);
 					},
 					onLostPointerCapture: () => {
-						E.current.fire = !1;
+						O.current.fire = !1;
 					}
 				}),
 				/* @__PURE__ */ v("div", {
@@ -738,16 +786,16 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 							onPointerDown: (e) => {
 								e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId);
 								let t = e.currentTarget.getBoundingClientRect();
-								E.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), E.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+								O.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), O.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();
-								E.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), E.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
+								O.current.steer = Math.max(-1, Math.min(1, (e.clientX - t.left - t.width / 2) / (t.width / 2))), O.current.throttle = Math.max(-1, Math.min(1, -(e.clientY - t.top - t.height / 2) / (t.height / 2)));
 							},
-							onPointerUp: () => X(E.current),
-							onPointerCancel: () => X(E.current),
-							onLostPointerCapture: () => X(E.current),
+							onPointerUp: () => X(O.current),
+							onPointerCancel: () => X(O.current),
+							onLostPointerCapture: () => X(O.current),
 							children: "✥"
 						}),
 						/* @__PURE__ */ v("div", {
@@ -756,29 +804,29 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 							children: [
 								/* @__PURE__ */ _("button", {
 									"aria-label": "Avanzar",
-									...H("throttle", 1),
+									...U("throttle", 1),
 									children: "▲"
 								}),
 								/* @__PURE__ */ _("button", {
 									"aria-label": "Girar izquierda",
-									...H("steer", -1),
+									...U("steer", -1),
 									children: "◀"
 								}),
 								/* @__PURE__ */ _("button", {
 									"aria-label": "Retroceder",
-									...H("throttle", -1),
+									...U("throttle", -1),
 									children: "▼"
 								}),
 								/* @__PURE__ */ _("button", {
 									"aria-label": "Girar derecha",
-									...H("steer", 1),
+									...U("steer", 1),
 									children: "▶"
 								})
 							]
 						}),
 						/* @__PURE__ */ _("button", {
 							className: "tl-fire",
-							...H("fire", !0),
+							...U("fire", !0),
 							children: "Disparar"
 						})
 					]
@@ -789,22 +837,22 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 						"Recarga ",
 						/* @__PURE__ */ _("progress", {
 							max: "1",
-							value: V(D?.tanks)?.reload ?? 1
+							value: H(k?.tanks)?.reload ?? 1
 						}),
 						" ",
-						(V(D?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
+						(H(k?.tanks)?.reload ?? 1) >= 1 ? "Listo" : "Recargando…"
 					] })
 				}),
 				/* @__PURE__ */ _("small", { children: "WASD / flechas · ratón o toca la arena para apuntar · espacio / clic para disparar" }),
 				/* @__PURE__ */ _("button", {
-					onClick: () => j((e) => !e),
-					children: N === "2d" ? "Probar 3D" : "Vista 2D"
+					onClick: () => M((e) => !e),
+					children: P === "2d" ? "Probar 3D" : "Vista 2D"
 				})
 			] }),
-			z && /* @__PURE__ */ v("p", {
+			B && /* @__PURE__ */ v("p", {
 				role: "status",
 				children: [
-					String(D?.winner ?? x.winnerId) === String(r) ? "¡Victoria!" : "Fin del combate",
+					String(k?.winner ?? C.winnerId) === String(r) ? "¡Victoria!" : "Fin del combate",
 					" ",
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
@@ -814,36 +862,54 @@ function Z({ gameKey: n, currentUserId: r, onMinimize: i, onDismiss: d, suspende
 					})
 				]
 			}),
-			F && !z && /* @__PURE__ */ _("button", {
-				onClick: () => w.current?.resign(),
+			I && !B && k?.net?.phase !== "connected" && /* @__PURE__ */ v("div", {
+				className: "tl-connection",
+				children: [/* @__PURE__ */ _("p", {
+					role: "status",
+					children: S(k?.net)
+				}), /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => E.current?.reconnect(),
+					children: "Reintentar conexión"
+				})]
+			}),
+			I && /* @__PURE__ */ v("details", {
+				className: "tl-diagnostics",
+				children: [/* @__PURE__ */ _("summary", { children: "Diagnóstico de conexión" }), /* @__PURE__ */ _("pre", { children: JSON.stringify(x(k?.net), null, 2) })]
+			}),
+			I && !B && /* @__PURE__ */ _("button", {
+				onClick: () => E.current?.resign(),
 				children: "Rendirse"
 			}),
-			x.pending && /* @__PURE__ */ _("p", {
+			C.pending && /* @__PURE__ */ _("p", {
 				role: "status",
 				children: "Enviando…"
 			}),
-			x.pendingEvent && x.error && /* @__PURE__ */ _("button", {
+			C.pendingEvent && C.error && /* @__PURE__ */ _("button", {
 				onClick: () => {
 					e.getState().retry(n).catch(() => {});
 				},
 				children: "Reintentar envío"
 			}),
-			k && /* @__PURE__ */ _("p", {
+			ee && /* @__PURE__ */ _("p", {
 				role: "alert",
-				children: k
+				children: ee
 			}),
-			x.error && /* @__PURE__ */ _("p", {
+			C.error && /* @__PURE__ */ _("p", {
 				role: "alert",
-				children: x.error
+				children: C.error
 			}),
-			!["closed", "declined"].includes(x.status) && /* @__PURE__ */ _("button", {
-				onClick: () => Y(n, "game_end"),
-				children: "Cerrar partida"
+			!["closed", "declined"].includes(C.status) && /* @__PURE__ */ _("footer", {
+				className: "tl-footer",
+				children: /* @__PURE__ */ _("button", {
+					onClick: () => Y(n, "game_end"),
+					children: "Cerrar partida"
+				})
 			})
 		]
 	});
 }
 var Q = d(Z);
-export { H as a, B as c, Q as default, L as i, U as l, N as n, R as o, F as r, z as s, J as t };
+export { U as a, V as c, Q as default, R as i, W as l, P as n, z as o, I as r, B as s, J as t };
 
-//# sourceMappingURL=TanksLiveGameCard-BmNRXP66.js.map
+//# sourceMappingURL=TanksLiveGameCard-BNJqWt1z.js.map