p2p-lockstep-kit-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,3953 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), l = (e, t, n) => {
+	e.dispatchEvent(new CustomEvent(t, {
+		bubbles: !0,
+		composed: !0,
+		detail: n
+	}));
+}, u = {
+	connected: !1,
+	readySelf: !1,
+	canReady: !1,
+	canStart: !1,
+	canUndo: !1,
+	canRestart: !1,
+	started: !1,
+	connectionState: "idle"
+}, d = class extends HTMLElement {
+	#e = u;
+	#t = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#n);
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.render();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		let { canReady: e, canStart: t, canUndo: n, canRestart: r, connected: i, readySelf: a, started: o } = this.#e, s = t ? "start" : a || e ? "ready" : "", c = t ? "Start" : a ? "Unready" : e ? "Ready" : i ? "Waiting" : "Waiting for connection", l = !o || !!s, u = o ? "In game" : t ? "Start ready" : a ? "Ready" : "Setup";
+		this.className = "block", this.innerHTML = `
+      <section class="lock-panel rounded-[1.25rem] p-2.5 sm:rounded-[1.5rem] sm:p-3 lg:rounded-[1.75rem] lg:p-2.5">
+        <div class="flex flex-col gap-2 sm:gap-3">
+          <div class="hidden items-center justify-between gap-3 px-1 lg:flex">
+            <p class="text-[0.62rem] font-semibold uppercase tracking-[0.2em] text-[var(--lock-dim)]">Controls</p>
+            <span class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.65rem] text-[var(--lock-muted)]">${u}</span>
+          </div>
+
+          ${l ? `<button
+                  type="button"
+                  data-action="${s}"
+                  class="lock-disabled inline-flex items-center justify-center rounded-full px-4 py-2.5 text-sm font-semibold transition sm:py-3 ${t ? "lock-primary" : e ? "bg-[var(--lock-teal)] text-[#08120f] shadow-[0_12px_32px_rgba(110,231,200,0.22)] hover:brightness-105" : "lock-secondary"}"
+                  ${s ? "" : "disabled"}
+                >
+                  ${c}
+                </button>` : ""}
+
+          <div class="grid grid-cols-2 gap-2 sm:gap-3">
+            <button
+              type="button"
+              data-action="undo"
+              class="lock-secondary lock-disabled inline-flex items-center justify-center rounded-full px-3 py-2.5 text-xs font-semibold transition sm:px-4 sm:py-3 sm:text-sm"
+              ${n ? "" : "disabled"}
+            >
+              Undo
+            </button>
+            <button
+              type="button"
+              data-action="restart"
+              class="lock-secondary lock-disabled inline-flex items-center justify-center rounded-full px-3 py-2.5 text-xs font-semibold transition sm:px-4 sm:py-3 sm:text-sm"
+              ${r ? "" : "disabled"}
+            >
+              Restart
+            </button>
+          </div>
+        </div>
+      </section>
+    `;
+	}
+	#n = (e) => {
+		let t = e.target?.closest("button[data-action]");
+		!t || t.disabled || l(this, `lockstep-${t.dataset.action}`);
+	};
+}, f = (e) => String(e ?? ""), p = (e, t, n) => {
+	let r = e.querySelector(t);
+	return r && (r.textContent = f(n)), r;
+}, m = (e, t, n) => {
+	let r = e.querySelector(t);
+	return r && r.value !== f(n) && (r.value = f(n)), r;
+}, h = {
+	open: !1,
+	title: "",
+	description: "",
+	confirmLabel: "Confirm",
+	cancelLabel: "Cancel"
+}, g = class extends HTMLElement {
+	#e = h;
+	#t = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#n);
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.render();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		let { open: e } = this.#e;
+		this.className = e ? "fixed inset-0 z-50 block" : "hidden", this.innerHTML = "\n      <div data-overlay class=\"absolute inset-0 bg-[rgba(7,6,4,0.76)] backdrop-blur-sm\"></div>\n      <div class=\"relative flex min-h-full items-end justify-center p-4 sm:items-center\">\n        <section class=\"lock-panel w-full max-w-md rounded-[2rem] p-6\">\n          <div class=\"space-y-3\">\n            <p class=\"text-[0.72rem] uppercase tracking-[0.28em] text-[var(--lock-bronze-bright)]\">Action Required</p>\n            <h3 data-title class=\"lock-title text-2xl font-semibold text-[var(--lock-paper)]\"></h3>\n            <p data-description class=\"text-sm leading-6 text-[var(--lock-muted)]\"></p>\n          </div>\n\n          <div class=\"mt-6 grid gap-3 sm:grid-cols-2\">\n            <button\n              type=\"button\"\n              data-action=\"confirm\"\n              class=\"lock-primary inline-flex items-center justify-center rounded-full px-4 py-3 text-sm font-semibold transition\"\n            >\n              <span data-confirm-label></span>\n            </button>\n            <button\n              type=\"button\"\n              data-action=\"cancel\"\n              class=\"lock-secondary inline-flex items-center justify-center rounded-full px-4 py-3 text-sm font-semibold transition\"\n            >\n              <span data-cancel-label></span>\n            </button>\n          </div>\n        </section>\n      </div>\n    ", p(this, "[data-title]", this.#e.title), p(this, "[data-description]", this.#e.description), p(this, "[data-confirm-label]", this.#e.confirmLabel), p(this, "[data-cancel-label]", this.#e.cancelLabel);
+	}
+	#n = (e) => {
+		let t = e.target;
+		if (t) {
+			if (t.matches("[data-overlay]") || t.closest("[data-action='cancel']")) {
+				l(this, "lockstep-dialog-cancel");
+				return;
+			}
+			t.closest("[data-action='confirm']") && l(this, "lockstep-dialog-confirm");
+		}
+	};
+}, _ = /* @__PURE__ */ o(((e, t) => {
+	t.exports = function() {
+		return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
+	};
+})), v = /* @__PURE__ */ o(((e) => {
+	var t, n = [
+		0,
+		26,
+		44,
+		70,
+		100,
+		134,
+		172,
+		196,
+		242,
+		292,
+		346,
+		404,
+		466,
+		532,
+		581,
+		655,
+		733,
+		815,
+		901,
+		991,
+		1085,
+		1156,
+		1258,
+		1364,
+		1474,
+		1588,
+		1706,
+		1828,
+		1921,
+		2051,
+		2185,
+		2323,
+		2465,
+		2611,
+		2761,
+		2876,
+		3034,
+		3196,
+		3362,
+		3532,
+		3706
+	];
+	e.getSymbolSize = function(e) {
+		if (!e) throw Error("\"version\" cannot be null or undefined");
+		if (e < 1 || e > 40) throw Error("\"version\" should be in range from 1 to 40");
+		return e * 4 + 17;
+	}, e.getSymbolTotalCodewords = function(e) {
+		return n[e];
+	}, e.getBCHDigit = function(e) {
+		let t = 0;
+		for (; e !== 0;) t++, e >>>= 1;
+		return t;
+	}, e.setToSJISFunction = function(e) {
+		if (typeof e != "function") throw Error("\"toSJISFunc\" is not a valid function.");
+		t = e;
+	}, e.isKanjiModeEnabled = function() {
+		return t !== void 0;
+	}, e.toSJIS = function(e) {
+		return t(e);
+	};
+})), y = /* @__PURE__ */ o(((e) => {
+	e.L = { bit: 1 }, e.M = { bit: 0 }, e.Q = { bit: 3 }, e.H = { bit: 2 };
+	function t(t) {
+		if (typeof t != "string") throw Error("Param is not a string");
+		switch (t.toLowerCase()) {
+			case "l":
+			case "low": return e.L;
+			case "m":
+			case "medium": return e.M;
+			case "q":
+			case "quartile": return e.Q;
+			case "h":
+			case "high": return e.H;
+			default: throw Error("Unknown EC Level: " + t);
+		}
+	}
+	e.isValid = function(e) {
+		return e && e.bit !== void 0 && e.bit >= 0 && e.bit < 4;
+	}, e.from = function(n, r) {
+		if (e.isValid(n)) return n;
+		try {
+			return t(n);
+		} catch {
+			return r;
+		}
+	};
+})), b = /* @__PURE__ */ o(((e, t) => {
+	function n() {
+		this.buffer = [], this.length = 0;
+	}
+	n.prototype = {
+		get: function(e) {
+			let t = Math.floor(e / 8);
+			return (this.buffer[t] >>> 7 - e % 8 & 1) == 1;
+		},
+		put: function(e, t) {
+			for (let n = 0; n < t; n++) this.putBit((e >>> t - n - 1 & 1) == 1);
+		},
+		getLengthInBits: function() {
+			return this.length;
+		},
+		putBit: function(e) {
+			let t = Math.floor(this.length / 8);
+			this.buffer.length <= t && this.buffer.push(0), e && (this.buffer[t] |= 128 >>> this.length % 8), this.length++;
+		}
+	}, t.exports = n;
+})), x = /* @__PURE__ */ o(((e, t) => {
+	function n(e) {
+		if (!e || e < 1) throw Error("BitMatrix size must be defined and greater than 0");
+		this.size = e, this.data = new Uint8Array(e * e), this.reservedBit = new Uint8Array(e * e);
+	}
+	n.prototype.set = function(e, t, n, r) {
+		let i = e * this.size + t;
+		this.data[i] = n, r && (this.reservedBit[i] = !0);
+	}, n.prototype.get = function(e, t) {
+		return this.data[e * this.size + t];
+	}, n.prototype.xor = function(e, t, n) {
+		this.data[e * this.size + t] ^= n;
+	}, n.prototype.isReserved = function(e, t) {
+		return this.reservedBit[e * this.size + t];
+	}, t.exports = n;
+})), S = /* @__PURE__ */ o(((e) => {
+	var t = v().getSymbolSize;
+	e.getRowColCoords = function(e) {
+		if (e === 1) return [];
+		let n = Math.floor(e / 7) + 2, r = t(e), i = r === 145 ? 26 : Math.ceil((r - 13) / (2 * n - 2)) * 2, a = [r - 7];
+		for (let e = 1; e < n - 1; e++) a[e] = a[e - 1] - i;
+		return a.push(6), a.reverse();
+	}, e.getPositions = function(t) {
+		let n = [], r = e.getRowColCoords(t), i = r.length;
+		for (let e = 0; e < i; e++) for (let t = 0; t < i; t++) e === 0 && t === 0 || e === 0 && t === i - 1 || e === i - 1 && t === 0 || n.push([r[e], r[t]]);
+		return n;
+	};
+})), C = /* @__PURE__ */ o(((e) => {
+	var t = v().getSymbolSize, n = 7;
+	e.getPositions = function(e) {
+		let r = t(e);
+		return [
+			[0, 0],
+			[r - n, 0],
+			[0, r - n]
+		];
+	};
+})), ee = /* @__PURE__ */ o(((e) => {
+	e.Patterns = {
+		PATTERN000: 0,
+		PATTERN001: 1,
+		PATTERN010: 2,
+		PATTERN011: 3,
+		PATTERN100: 4,
+		PATTERN101: 5,
+		PATTERN110: 6,
+		PATTERN111: 7
+	};
+	var t = {
+		N1: 3,
+		N2: 3,
+		N3: 40,
+		N4: 10
+	};
+	e.isValid = function(e) {
+		return e != null && e !== "" && !isNaN(e) && e >= 0 && e <= 7;
+	}, e.from = function(t) {
+		return e.isValid(t) ? parseInt(t, 10) : void 0;
+	}, e.getPenaltyN1 = function(e) {
+		let n = e.size, r = 0, i = 0, a = 0, o = null, s = null;
+		for (let c = 0; c < n; c++) {
+			i = a = 0, o = s = null;
+			for (let l = 0; l < n; l++) {
+				let n = e.get(c, l);
+				n === o ? i++ : (i >= 5 && (r += t.N1 + (i - 5)), o = n, i = 1), n = e.get(l, c), n === s ? a++ : (a >= 5 && (r += t.N1 + (a - 5)), s = n, a = 1);
+			}
+			i >= 5 && (r += t.N1 + (i - 5)), a >= 5 && (r += t.N1 + (a - 5));
+		}
+		return r;
+	}, e.getPenaltyN2 = function(e) {
+		let n = e.size, r = 0;
+		for (let t = 0; t < n - 1; t++) for (let i = 0; i < n - 1; i++) {
+			let n = e.get(t, i) + e.get(t, i + 1) + e.get(t + 1, i) + e.get(t + 1, i + 1);
+			(n === 4 || n === 0) && r++;
+		}
+		return r * t.N2;
+	}, e.getPenaltyN3 = function(e) {
+		let n = e.size, r = 0, i = 0, a = 0;
+		for (let t = 0; t < n; t++) {
+			i = a = 0;
+			for (let o = 0; o < n; o++) i = i << 1 & 2047 | e.get(t, o), o >= 10 && (i === 1488 || i === 93) && r++, a = a << 1 & 2047 | e.get(o, t), o >= 10 && (a === 1488 || a === 93) && r++;
+		}
+		return r * t.N3;
+	}, e.getPenaltyN4 = function(e) {
+		let n = 0, r = e.data.length;
+		for (let t = 0; t < r; t++) n += e.data[t];
+		return Math.abs(Math.ceil(n * 100 / r / 5) - 10) * t.N4;
+	};
+	function n(t, n, r) {
+		switch (t) {
+			case e.Patterns.PATTERN000: return (n + r) % 2 == 0;
+			case e.Patterns.PATTERN001: return n % 2 == 0;
+			case e.Patterns.PATTERN010: return r % 3 == 0;
+			case e.Patterns.PATTERN011: return (n + r) % 3 == 0;
+			case e.Patterns.PATTERN100: return (Math.floor(n / 2) + Math.floor(r / 3)) % 2 == 0;
+			case e.Patterns.PATTERN101: return n * r % 2 + n * r % 3 == 0;
+			case e.Patterns.PATTERN110: return (n * r % 2 + n * r % 3) % 2 == 0;
+			case e.Patterns.PATTERN111: return (n * r % 3 + (n + r) % 2) % 2 == 0;
+			default: throw Error("bad maskPattern:" + t);
+		}
+	}
+	e.applyMask = function(e, t) {
+		let r = t.size;
+		for (let i = 0; i < r; i++) for (let a = 0; a < r; a++) t.isReserved(a, i) || t.xor(a, i, n(e, a, i));
+	}, e.getBestMask = function(t, n) {
+		let r = Object.keys(e.Patterns).length, i = 0, a = Infinity;
+		for (let o = 0; o < r; o++) {
+			n(o), e.applyMask(o, t);
+			let r = e.getPenaltyN1(t) + e.getPenaltyN2(t) + e.getPenaltyN3(t) + e.getPenaltyN4(t);
+			e.applyMask(o, t), r < a && (a = r, i = o);
+		}
+		return i;
+	};
+})), w = /* @__PURE__ */ o(((e) => {
+	var t = y(), n = [
+		1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		2,
+		2,
+		1,
+		2,
+		2,
+		4,
+		1,
+		2,
+		4,
+		4,
+		2,
+		4,
+		4,
+		4,
+		2,
+		4,
+		6,
+		5,
+		2,
+		4,
+		6,
+		6,
+		2,
+		5,
+		8,
+		8,
+		4,
+		5,
+		8,
+		8,
+		4,
+		5,
+		8,
+		11,
+		4,
+		8,
+		10,
+		11,
+		4,
+		9,
+		12,
+		16,
+		4,
+		9,
+		16,
+		16,
+		6,
+		10,
+		12,
+		18,
+		6,
+		10,
+		17,
+		16,
+		6,
+		11,
+		16,
+		19,
+		6,
+		13,
+		18,
+		21,
+		7,
+		14,
+		21,
+		25,
+		8,
+		16,
+		20,
+		25,
+		8,
+		17,
+		23,
+		25,
+		9,
+		17,
+		23,
+		34,
+		9,
+		18,
+		25,
+		30,
+		10,
+		20,
+		27,
+		32,
+		12,
+		21,
+		29,
+		35,
+		12,
+		23,
+		34,
+		37,
+		12,
+		25,
+		34,
+		40,
+		13,
+		26,
+		35,
+		42,
+		14,
+		28,
+		38,
+		45,
+		15,
+		29,
+		40,
+		48,
+		16,
+		31,
+		43,
+		51,
+		17,
+		33,
+		45,
+		54,
+		18,
+		35,
+		48,
+		57,
+		19,
+		37,
+		51,
+		60,
+		19,
+		38,
+		53,
+		63,
+		20,
+		40,
+		56,
+		66,
+		21,
+		43,
+		59,
+		70,
+		22,
+		45,
+		62,
+		74,
+		24,
+		47,
+		65,
+		77,
+		25,
+		49,
+		68,
+		81
+	], r = [
+		7,
+		10,
+		13,
+		17,
+		10,
+		16,
+		22,
+		28,
+		15,
+		26,
+		36,
+		44,
+		20,
+		36,
+		52,
+		64,
+		26,
+		48,
+		72,
+		88,
+		36,
+		64,
+		96,
+		112,
+		40,
+		72,
+		108,
+		130,
+		48,
+		88,
+		132,
+		156,
+		60,
+		110,
+		160,
+		192,
+		72,
+		130,
+		192,
+		224,
+		80,
+		150,
+		224,
+		264,
+		96,
+		176,
+		260,
+		308,
+		104,
+		198,
+		288,
+		352,
+		120,
+		216,
+		320,
+		384,
+		132,
+		240,
+		360,
+		432,
+		144,
+		280,
+		408,
+		480,
+		168,
+		308,
+		448,
+		532,
+		180,
+		338,
+		504,
+		588,
+		196,
+		364,
+		546,
+		650,
+		224,
+		416,
+		600,
+		700,
+		224,
+		442,
+		644,
+		750,
+		252,
+		476,
+		690,
+		816,
+		270,
+		504,
+		750,
+		900,
+		300,
+		560,
+		810,
+		960,
+		312,
+		588,
+		870,
+		1050,
+		336,
+		644,
+		952,
+		1110,
+		360,
+		700,
+		1020,
+		1200,
+		390,
+		728,
+		1050,
+		1260,
+		420,
+		784,
+		1140,
+		1350,
+		450,
+		812,
+		1200,
+		1440,
+		480,
+		868,
+		1290,
+		1530,
+		510,
+		924,
+		1350,
+		1620,
+		540,
+		980,
+		1440,
+		1710,
+		570,
+		1036,
+		1530,
+		1800,
+		570,
+		1064,
+		1590,
+		1890,
+		600,
+		1120,
+		1680,
+		1980,
+		630,
+		1204,
+		1770,
+		2100,
+		660,
+		1260,
+		1860,
+		2220,
+		720,
+		1316,
+		1950,
+		2310,
+		750,
+		1372,
+		2040,
+		2430
+	];
+	e.getBlocksCount = function(e, r) {
+		switch (r) {
+			case t.L: return n[(e - 1) * 4 + 0];
+			case t.M: return n[(e - 1) * 4 + 1];
+			case t.Q: return n[(e - 1) * 4 + 2];
+			case t.H: return n[(e - 1) * 4 + 3];
+			default: return;
+		}
+	}, e.getTotalCodewordsCount = function(e, n) {
+		switch (n) {
+			case t.L: return r[(e - 1) * 4 + 0];
+			case t.M: return r[(e - 1) * 4 + 1];
+			case t.Q: return r[(e - 1) * 4 + 2];
+			case t.H: return r[(e - 1) * 4 + 3];
+			default: return;
+		}
+	};
+})), T = /* @__PURE__ */ o(((e) => {
+	var t = new Uint8Array(512), n = new Uint8Array(256);
+	(function() {
+		let e = 1;
+		for (let r = 0; r < 255; r++) t[r] = e, n[e] = r, e <<= 1, e & 256 && (e ^= 285);
+		for (let e = 255; e < 512; e++) t[e] = t[e - 255];
+	})(), e.log = function(e) {
+		if (e < 1) throw Error("log(" + e + ")");
+		return n[e];
+	}, e.exp = function(e) {
+		return t[e];
+	}, e.mul = function(e, r) {
+		return e === 0 || r === 0 ? 0 : t[n[e] + n[r]];
+	};
+})), te = /* @__PURE__ */ o(((e) => {
+	var t = T();
+	e.mul = function(e, n) {
+		let r = new Uint8Array(e.length + n.length - 1);
+		for (let i = 0; i < e.length; i++) for (let a = 0; a < n.length; a++) r[i + a] ^= t.mul(e[i], n[a]);
+		return r;
+	}, e.mod = function(e, n) {
+		let r = new Uint8Array(e);
+		for (; r.length - n.length >= 0;) {
+			let e = r[0];
+			for (let i = 0; i < n.length; i++) r[i] ^= t.mul(n[i], e);
+			let i = 0;
+			for (; i < r.length && r[i] === 0;) i++;
+			r = r.slice(i);
+		}
+		return r;
+	}, e.generateECPolynomial = function(n) {
+		let r = new Uint8Array([1]);
+		for (let i = 0; i < n; i++) r = e.mul(r, new Uint8Array([1, t.exp(i)]));
+		return r;
+	};
+})), ne = /* @__PURE__ */ o(((e, t) => {
+	var n = te();
+	function r(e) {
+		this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
+	}
+	r.prototype.initialize = function(e) {
+		this.degree = e, this.genPoly = n.generateECPolynomial(this.degree);
+	}, r.prototype.encode = function(e) {
+		if (!this.genPoly) throw Error("Encoder not initialized");
+		let t = new Uint8Array(e.length + this.degree);
+		t.set(e);
+		let r = n.mod(t, this.genPoly), i = this.degree - r.length;
+		if (i > 0) {
+			let e = new Uint8Array(this.degree);
+			return e.set(r, i), e;
+		}
+		return r;
+	}, t.exports = r;
+})), E = /* @__PURE__ */ o(((e) => {
+	e.isValid = function(e) {
+		return !isNaN(e) && e >= 1 && e <= 40;
+	};
+})), D = /* @__PURE__ */ o(((e) => {
+	var t = "[0-9]+", n = "[A-Z $%*+\\-./:]+", r = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
+	r = r.replace(/u/g, "\\u");
+	var i = "(?:(?![A-Z0-9 $%*+\\-./:]|" + r + ")(?:.|[\r\n]))+";
+	e.KANJI = new RegExp(r, "g"), e.BYTE_KANJI = /* @__PURE__ */ RegExp("[^A-Z0-9 $%*+\\-./:]+", "g"), e.BYTE = new RegExp(i, "g"), e.NUMERIC = new RegExp(t, "g"), e.ALPHANUMERIC = new RegExp(n, "g");
+	var a = RegExp("^" + r + "$"), o = RegExp("^" + t + "$"), s = /* @__PURE__ */ RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+	e.testKanji = function(e) {
+		return a.test(e);
+	}, e.testNumeric = function(e) {
+		return o.test(e);
+	}, e.testAlphanumeric = function(e) {
+		return s.test(e);
+	};
+})), O = /* @__PURE__ */ o(((e) => {
+	var t = E(), n = D();
+	e.NUMERIC = {
+		id: "Numeric",
+		bit: 1,
+		ccBits: [
+			10,
+			12,
+			14
+		]
+	}, e.ALPHANUMERIC = {
+		id: "Alphanumeric",
+		bit: 2,
+		ccBits: [
+			9,
+			11,
+			13
+		]
+	}, e.BYTE = {
+		id: "Byte",
+		bit: 4,
+		ccBits: [
+			8,
+			16,
+			16
+		]
+	}, e.KANJI = {
+		id: "Kanji",
+		bit: 8,
+		ccBits: [
+			8,
+			10,
+			12
+		]
+	}, e.MIXED = { bit: -1 }, e.getCharCountIndicator = function(e, n) {
+		if (!e.ccBits) throw Error("Invalid mode: " + e);
+		if (!t.isValid(n)) throw Error("Invalid version: " + n);
+		return n >= 1 && n < 10 ? e.ccBits[0] : n < 27 ? e.ccBits[1] : e.ccBits[2];
+	}, e.getBestModeForData = function(t) {
+		return n.testNumeric(t) ? e.NUMERIC : n.testAlphanumeric(t) ? e.ALPHANUMERIC : n.testKanji(t) ? e.KANJI : e.BYTE;
+	}, e.toString = function(e) {
+		if (e && e.id) return e.id;
+		throw Error("Invalid mode");
+	}, e.isValid = function(e) {
+		return e && e.bit && e.ccBits;
+	};
+	function r(t) {
+		if (typeof t != "string") throw Error("Param is not a string");
+		switch (t.toLowerCase()) {
+			case "numeric": return e.NUMERIC;
+			case "alphanumeric": return e.ALPHANUMERIC;
+			case "kanji": return e.KANJI;
+			case "byte": return e.BYTE;
+			default: throw Error("Unknown mode: " + t);
+		}
+	}
+	e.from = function(t, n) {
+		if (e.isValid(t)) return t;
+		try {
+			return r(t);
+		} catch {
+			return n;
+		}
+	};
+})), re = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = w(), r = y(), i = O(), a = E(), o = 7973, s = t.getBCHDigit(o);
+	function c(t, n, r) {
+		for (let i = 1; i <= 40; i++) if (n <= e.getCapacity(i, r, t)) return i;
+	}
+	function l(e, t) {
+		return i.getCharCountIndicator(e, t) + 4;
+	}
+	function u(e, t) {
+		let n = 0;
+		return e.forEach(function(e) {
+			let r = l(e.mode, t);
+			n += r + e.getBitsLength();
+		}), n;
+	}
+	function d(t, n) {
+		for (let r = 1; r <= 40; r++) if (u(t, r) <= e.getCapacity(r, n, i.MIXED)) return r;
+	}
+	e.from = function(e, t) {
+		return a.isValid(e) ? parseInt(e, 10) : t;
+	}, e.getCapacity = function(e, r, o) {
+		if (!a.isValid(e)) throw Error("Invalid QR Code version");
+		o === void 0 && (o = i.BYTE);
+		let s = (t.getSymbolTotalCodewords(e) - n.getTotalCodewordsCount(e, r)) * 8;
+		if (o === i.MIXED) return s;
+		let c = s - l(o, e);
+		switch (o) {
+			case i.NUMERIC: return Math.floor(c / 10 * 3);
+			case i.ALPHANUMERIC: return Math.floor(c / 11 * 2);
+			case i.KANJI: return Math.floor(c / 13);
+			case i.BYTE:
+			default: return Math.floor(c / 8);
+		}
+	}, e.getBestVersionForData = function(e, t) {
+		let n, i = r.from(t, r.M);
+		if (Array.isArray(e)) {
+			if (e.length > 1) return d(e, i);
+			if (e.length === 0) return 1;
+			n = e[0];
+		} else n = e;
+		return c(n.mode, n.getLength(), i);
+	}, e.getEncodedBits = function(e) {
+		if (!a.isValid(e) || e < 7) throw Error("Invalid QR Code version");
+		let n = e << 12;
+		for (; t.getBCHDigit(n) - s >= 0;) n ^= o << t.getBCHDigit(n) - s;
+		return e << 12 | n;
+	};
+})), ie = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = 1335, r = 21522, i = t.getBCHDigit(n);
+	e.getEncodedBits = function(e, a) {
+		let o = e.bit << 3 | a, s = o << 10;
+		for (; t.getBCHDigit(s) - i >= 0;) s ^= n << t.getBCHDigit(s) - i;
+		return (o << 10 | s) ^ r;
+	};
+})), ae = /* @__PURE__ */ o(((e, t) => {
+	var n = O();
+	function r(e) {
+		this.mode = n.NUMERIC, this.data = e.toString();
+	}
+	r.getBitsLength = function(e) {
+		return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
+	}, r.prototype.getLength = function() {
+		return this.data.length;
+	}, r.prototype.getBitsLength = function() {
+		return r.getBitsLength(this.data.length);
+	}, r.prototype.write = function(e) {
+		let t, n, r;
+		for (t = 0; t + 3 <= this.data.length; t += 3) n = this.data.substr(t, 3), r = parseInt(n, 10), e.put(r, 10);
+		let i = this.data.length - t;
+		i > 0 && (n = this.data.substr(t), r = parseInt(n, 10), e.put(r, i * 3 + 1));
+	}, t.exports = r;
+})), oe = /* @__PURE__ */ o(((e, t) => {
+	var n = O(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
+	function i(e) {
+		this.mode = n.ALPHANUMERIC, this.data = e;
+	}
+	i.getBitsLength = function(e) {
+		return 11 * Math.floor(e / 2) + e % 2 * 6;
+	}, i.prototype.getLength = function() {
+		return this.data.length;
+	}, i.prototype.getBitsLength = function() {
+		return i.getBitsLength(this.data.length);
+	}, i.prototype.write = function(e) {
+		let t;
+		for (t = 0; t + 2 <= this.data.length; t += 2) {
+			let n = r.indexOf(this.data[t]) * 45;
+			n += r.indexOf(this.data[t + 1]), e.put(n, 11);
+		}
+		this.data.length % 2 && e.put(r.indexOf(this.data[t]), 6);
+	}, t.exports = i;
+})), se = /* @__PURE__ */ o(((e, t) => {
+	var n = O();
+	function r(e) {
+		this.mode = n.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
+	}
+	r.getBitsLength = function(e) {
+		return e * 8;
+	}, r.prototype.getLength = function() {
+		return this.data.length;
+	}, r.prototype.getBitsLength = function() {
+		return r.getBitsLength(this.data.length);
+	}, r.prototype.write = function(e) {
+		for (let t = 0, n = this.data.length; t < n; t++) e.put(this.data[t], 8);
+	}, t.exports = r;
+})), ce = /* @__PURE__ */ o(((e, t) => {
+	var n = O(), r = v();
+	function i(e) {
+		this.mode = n.KANJI, this.data = e;
+	}
+	i.getBitsLength = function(e) {
+		return e * 13;
+	}, i.prototype.getLength = function() {
+		return this.data.length;
+	}, i.prototype.getBitsLength = function() {
+		return i.getBitsLength(this.data.length);
+	}, i.prototype.write = function(e) {
+		let t;
+		for (t = 0; t < this.data.length; t++) {
+			let n = r.toSJIS(this.data[t]);
+			if (n >= 33088 && n <= 40956) n -= 33088;
+			else if (n >= 57408 && n <= 60351) n -= 49472;
+			else throw Error("Invalid SJIS character: " + this.data[t] + "\nMake sure your charset is UTF-8");
+			n = (n >>> 8 & 255) * 192 + (n & 255), e.put(n, 13);
+		}
+	}, t.exports = i;
+})), le = /* @__PURE__ */ o(((e, t) => {
+	var n = {
+		single_source_shortest_paths: function(e, t, r) {
+			var i = {}, a = {};
+			a[t] = 0;
+			var o = n.PriorityQueue.make();
+			o.push(t, 0);
+			for (var s, c, l, u, d, f, p, m, h; !o.empty();) for (l in s = o.pop(), c = s.value, u = s.cost, d = e[c] || {}, d) d.hasOwnProperty(l) && (f = d[l], p = u + f, m = a[l], h = a[l] === void 0, (h || m > p) && (a[l] = p, o.push(l, p), i[l] = c));
+			if (r !== void 0 && a[r] === void 0) {
+				var g = [
+					"Could not find a path from ",
+					t,
+					" to ",
+					r,
+					"."
+				].join("");
+				throw Error(g);
+			}
+			return i;
+		},
+		extract_shortest_path_from_predecessor_list: function(e, t) {
+			for (var n = [], r = t; r;) n.push(r), e[r], r = e[r];
+			return n.reverse(), n;
+		},
+		find_path: function(e, t, r) {
+			var i = n.single_source_shortest_paths(e, t, r);
+			return n.extract_shortest_path_from_predecessor_list(i, r);
+		},
+		PriorityQueue: {
+			make: function(e) {
+				var t = n.PriorityQueue, r = {}, i;
+				for (i in e ||= {}, t) t.hasOwnProperty(i) && (r[i] = t[i]);
+				return r.queue = [], r.sorter = e.sorter || t.default_sorter, r;
+			},
+			default_sorter: function(e, t) {
+				return e.cost - t.cost;
+			},
+			push: function(e, t) {
+				var n = {
+					value: e,
+					cost: t
+				};
+				this.queue.push(n), this.queue.sort(this.sorter);
+			},
+			pop: function() {
+				return this.queue.shift();
+			},
+			empty: function() {
+				return this.queue.length === 0;
+			}
+		}
+	};
+	t !== void 0 && (t.exports = n);
+})), ue = /* @__PURE__ */ o(((e) => {
+	var t = O(), n = ae(), r = oe(), i = se(), a = ce(), o = D(), s = v(), c = le();
+	function l(e) {
+		return unescape(encodeURIComponent(e)).length;
+	}
+	function u(e, t, n) {
+		let r = [], i;
+		for (; (i = e.exec(n)) !== null;) r.push({
+			data: i[0],
+			index: i.index,
+			mode: t,
+			length: i[0].length
+		});
+		return r;
+	}
+	function d(e) {
+		let n = u(o.NUMERIC, t.NUMERIC, e), r = u(o.ALPHANUMERIC, t.ALPHANUMERIC, e), i, a;
+		return s.isKanjiModeEnabled() ? (i = u(o.BYTE, t.BYTE, e), a = u(o.KANJI, t.KANJI, e)) : (i = u(o.BYTE_KANJI, t.BYTE, e), a = []), n.concat(r, i, a).sort(function(e, t) {
+			return e.index - t.index;
+		}).map(function(e) {
+			return {
+				data: e.data,
+				mode: e.mode,
+				length: e.length
+			};
+		});
+	}
+	function f(e, o) {
+		switch (o) {
+			case t.NUMERIC: return n.getBitsLength(e);
+			case t.ALPHANUMERIC: return r.getBitsLength(e);
+			case t.KANJI: return a.getBitsLength(e);
+			case t.BYTE: return i.getBitsLength(e);
+		}
+	}
+	function p(e) {
+		return e.reduce(function(e, t) {
+			let n = e.length - 1 >= 0 ? e[e.length - 1] : null;
+			return n && n.mode === t.mode ? (e[e.length - 1].data += t.data, e) : (e.push(t), e);
+		}, []);
+	}
+	function m(e) {
+		let n = [];
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r];
+			switch (i.mode) {
+				case t.NUMERIC:
+					n.push([
+						i,
+						{
+							data: i.data,
+							mode: t.ALPHANUMERIC,
+							length: i.length
+						},
+						{
+							data: i.data,
+							mode: t.BYTE,
+							length: i.length
+						}
+					]);
+					break;
+				case t.ALPHANUMERIC:
+					n.push([i, {
+						data: i.data,
+						mode: t.BYTE,
+						length: i.length
+					}]);
+					break;
+				case t.KANJI:
+					n.push([i, {
+						data: i.data,
+						mode: t.BYTE,
+						length: l(i.data)
+					}]);
+					break;
+				case t.BYTE: n.push([{
+					data: i.data,
+					mode: t.BYTE,
+					length: l(i.data)
+				}]);
+			}
+		}
+		return n;
+	}
+	function h(e, n) {
+		let r = {}, i = { start: {} }, a = ["start"];
+		for (let o = 0; o < e.length; o++) {
+			let s = e[o], c = [];
+			for (let e = 0; e < s.length; e++) {
+				let l = s[e], u = "" + o + e;
+				c.push(u), r[u] = {
+					node: l,
+					lastCount: 0
+				}, i[u] = {};
+				for (let e = 0; e < a.length; e++) {
+					let o = a[e];
+					r[o] && r[o].node.mode === l.mode ? (i[o][u] = f(r[o].lastCount + l.length, l.mode) - f(r[o].lastCount, l.mode), r[o].lastCount += l.length) : (r[o] && (r[o].lastCount = l.length), i[o][u] = f(l.length, l.mode) + 4 + t.getCharCountIndicator(l.mode, n));
+				}
+			}
+			a = c;
+		}
+		for (let e = 0; e < a.length; e++) i[a[e]].end = 0;
+		return {
+			map: i,
+			table: r
+		};
+	}
+	function g(e, o) {
+		let c, l = t.getBestModeForData(e);
+		if (c = t.from(o, l), c !== t.BYTE && c.bit < l.bit) throw Error("\"" + e + "\" cannot be encoded with mode " + t.toString(c) + ".\n Suggested mode is: " + t.toString(l));
+		switch (c === t.KANJI && !s.isKanjiModeEnabled() && (c = t.BYTE), c) {
+			case t.NUMERIC: return new n(e);
+			case t.ALPHANUMERIC: return new r(e);
+			case t.KANJI: return new a(e);
+			case t.BYTE: return new i(e);
+		}
+	}
+	e.fromArray = function(e) {
+		return e.reduce(function(e, t) {
+			return typeof t == "string" ? e.push(g(t, null)) : t.data && e.push(g(t.data, t.mode)), e;
+		}, []);
+	}, e.fromString = function(t, n) {
+		let r = h(m(d(t, s.isKanjiModeEnabled())), n), i = c.find_path(r.map, "start", "end"), a = [];
+		for (let e = 1; e < i.length - 1; e++) a.push(r.table[i[e]].node);
+		return e.fromArray(p(a));
+	}, e.rawSplit = function(t) {
+		return e.fromArray(d(t, s.isKanjiModeEnabled()));
+	};
+})), de = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = y(), r = b(), i = x(), a = S(), o = C(), s = ee(), c = w(), l = ne(), u = re(), d = ie(), f = O(), p = ue();
+	function m(e, t) {
+		let n = e.size, r = o.getPositions(t);
+		for (let t = 0; t < r.length; t++) {
+			let i = r[t][0], a = r[t][1];
+			for (let t = -1; t <= 7; t++) if (!(i + t <= -1 || n <= i + t)) for (let r = -1; r <= 7; r++) a + r <= -1 || n <= a + r || (t >= 0 && t <= 6 && (r === 0 || r === 6) || r >= 0 && r <= 6 && (t === 0 || t === 6) || t >= 2 && t <= 4 && r >= 2 && r <= 4 ? e.set(i + t, a + r, !0, !0) : e.set(i + t, a + r, !1, !0));
+		}
+	}
+	function h(e) {
+		let t = e.size;
+		for (let n = 8; n < t - 8; n++) {
+			let t = n % 2 == 0;
+			e.set(n, 6, t, !0), e.set(6, n, t, !0);
+		}
+	}
+	function g(e, t) {
+		let n = a.getPositions(t);
+		for (let t = 0; t < n.length; t++) {
+			let r = n[t][0], i = n[t][1];
+			for (let t = -2; t <= 2; t++) for (let n = -2; n <= 2; n++) t === -2 || t === 2 || n === -2 || n === 2 || t === 0 && n === 0 ? e.set(r + t, i + n, !0, !0) : e.set(r + t, i + n, !1, !0);
+		}
+	}
+	function _(e, t) {
+		let n = e.size, r = u.getEncodedBits(t), i, a, o;
+		for (let t = 0; t < 18; t++) i = Math.floor(t / 3), a = t % 3 + n - 8 - 3, o = (r >> t & 1) == 1, e.set(i, a, o, !0), e.set(a, i, o, !0);
+	}
+	function T(e, t, n) {
+		let r = e.size, i = d.getEncodedBits(t, n), a, o;
+		for (a = 0; a < 15; a++) o = (i >> a & 1) == 1, a < 6 ? e.set(a, 8, o, !0) : a < 8 ? e.set(a + 1, 8, o, !0) : e.set(r - 15 + a, 8, o, !0), a < 8 ? e.set(8, r - a - 1, o, !0) : a < 9 ? e.set(8, 15 - a - 1 + 1, o, !0) : e.set(8, 15 - a - 1, o, !0);
+		e.set(r - 8, 8, 1, !0);
+	}
+	function te(e, t) {
+		let n = e.size, r = -1, i = n - 1, a = 7, o = 0;
+		for (let s = n - 1; s > 0; s -= 2) for (s === 6 && s--;;) {
+			for (let n = 0; n < 2; n++) if (!e.isReserved(i, s - n)) {
+				let r = !1;
+				o < t.length && (r = (t[o] >>> a & 1) == 1), e.set(i, s - n, r), a--, a === -1 && (o++, a = 7);
+			}
+			if (i += r, i < 0 || n <= i) {
+				i -= r, r = -r;
+				break;
+			}
+		}
+	}
+	function E(e, n, i) {
+		let a = new r();
+		i.forEach(function(t) {
+			a.put(t.mode.bit, 4), a.put(t.getLength(), f.getCharCountIndicator(t.mode, e)), t.write(a);
+		});
+		let o = (t.getSymbolTotalCodewords(e) - c.getTotalCodewordsCount(e, n)) * 8;
+		for (a.getLengthInBits() + 4 <= o && a.put(0, 4); a.getLengthInBits() % 8 != 0;) a.putBit(0);
+		let s = (o - a.getLengthInBits()) / 8;
+		for (let e = 0; e < s; e++) a.put(e % 2 ? 17 : 236, 8);
+		return D(a, e, n);
+	}
+	function D(e, n, r) {
+		let i = t.getSymbolTotalCodewords(n), a = i - c.getTotalCodewordsCount(n, r), o = c.getBlocksCount(n, r), s = o - i % o, u = Math.floor(i / o), d = Math.floor(a / o), f = d + 1, p = u - d, m = new l(p), h = 0, g = Array(o), _ = Array(o), v = 0, y = new Uint8Array(e.buffer);
+		for (let e = 0; e < o; e++) {
+			let t = e < s ? d : f;
+			g[e] = y.slice(h, h + t), _[e] = m.encode(g[e]), h += t, v = Math.max(v, t);
+		}
+		let b = new Uint8Array(i), x = 0, S, C;
+		for (S = 0; S < v; S++) for (C = 0; C < o; C++) S < g[C].length && (b[x++] = g[C][S]);
+		for (S = 0; S < p; S++) for (C = 0; C < o; C++) b[x++] = _[C][S];
+		return b;
+	}
+	function ae(e, n, r, a) {
+		let o;
+		if (Array.isArray(e)) o = p.fromArray(e);
+		else if (typeof e == "string") {
+			let t = n;
+			if (!t) {
+				let n = p.rawSplit(e);
+				t = u.getBestVersionForData(n, r);
+			}
+			o = p.fromString(e, t || 40);
+		} else throw Error("Invalid data");
+		let c = u.getBestVersionForData(o, r);
+		if (!c) throw Error("The amount of data is too big to be stored in a QR Code");
+		if (!n) n = c;
+		else if (n < c) throw Error("\nThe chosen QR Code version cannot contain this amount of data.\nMinimum version required to store current data is: " + c + ".\n");
+		let l = E(n, r, o), d = new i(t.getSymbolSize(n));
+		return m(d, n), h(d), g(d, n), T(d, r, 0), n >= 7 && _(d, n), te(d, l), isNaN(a) && (a = s.getBestMask(d, T.bind(null, d, r))), s.applyMask(a, d), T(d, r, a), {
+			modules: d,
+			version: n,
+			errorCorrectionLevel: r,
+			maskPattern: a,
+			segments: o
+		};
+	}
+	e.create = function(e, r) {
+		if (e === void 0 || e === "") throw Error("No input text");
+		let i = n.M, a, o;
+		return r !== void 0 && (i = n.from(r.errorCorrectionLevel, n.M), a = u.from(r.version), o = s.from(r.maskPattern), r.toSJISFunc && t.setToSJISFunction(r.toSJISFunc)), ae(e, a, i, o);
+	};
+})), fe = /* @__PURE__ */ o(((e) => {
+	function t(e) {
+		if (typeof e == "number" && (e = e.toString()), typeof e != "string") throw Error("Color should be defined as hex string");
+		let t = e.slice().replace("#", "").split("");
+		if (t.length < 3 || t.length === 5 || t.length > 8) throw Error("Invalid hex color: " + e);
+		(t.length === 3 || t.length === 4) && (t = Array.prototype.concat.apply([], t.map(function(e) {
+			return [e, e];
+		}))), t.length === 6 && t.push("F", "F");
+		let n = parseInt(t.join(""), 16);
+		return {
+			r: n >> 24 & 255,
+			g: n >> 16 & 255,
+			b: n >> 8 & 255,
+			a: n & 255,
+			hex: "#" + t.slice(0, 6).join("")
+		};
+	}
+	e.getOptions = function(e) {
+		e ||= {}, e.color ||= {};
+		let n = e.margin === void 0 || e.margin === null || e.margin < 0 ? 4 : e.margin, r = e.width && e.width >= 21 ? e.width : void 0, i = e.scale || 4;
+		return {
+			width: r,
+			scale: r ? 4 : i,
+			margin: n,
+			color: {
+				dark: t(e.color.dark || "#000000ff"),
+				light: t(e.color.light || "#ffffffff")
+			},
+			type: e.type,
+			rendererOpts: e.rendererOpts || {}
+		};
+	}, e.getScale = function(e, t) {
+		return t.width && t.width >= e + t.margin * 2 ? t.width / (e + t.margin * 2) : t.scale;
+	}, e.getImageWidth = function(t, n) {
+		let r = e.getScale(t, n);
+		return Math.floor((t + n.margin * 2) * r);
+	}, e.qrToImageData = function(t, n, r) {
+		let i = n.modules.size, a = n.modules.data, o = e.getScale(i, r), s = Math.floor((i + r.margin * 2) * o), c = r.margin * o, l = [r.color.light, r.color.dark];
+		for (let e = 0; e < s; e++) for (let n = 0; n < s; n++) {
+			let u = (e * s + n) * 4, d = r.color.light;
+			if (e >= c && n >= c && e < s - c && n < s - c) {
+				let t = Math.floor((e - c) / o), r = Math.floor((n - c) / o);
+				d = l[+!!a[t * i + r]];
+			}
+			t[u++] = d.r, t[u++] = d.g, t[u++] = d.b, t[u] = d.a;
+		}
+	};
+})), pe = /* @__PURE__ */ o(((e) => {
+	var t = fe();
+	function n(e, t, n) {
+		e.clearRect(0, 0, t.width, t.height), t.style ||= {}, t.height = n, t.width = n, t.style.height = n + "px", t.style.width = n + "px";
+	}
+	function r() {
+		try {
+			return document.createElement("canvas");
+		} catch {
+			throw Error("You need to specify a canvas element");
+		}
+	}
+	e.render = function(e, i, a) {
+		let o = a, s = i;
+		o === void 0 && (!i || !i.getContext) && (o = i, i = void 0), i || (s = r()), o = t.getOptions(o);
+		let c = t.getImageWidth(e.modules.size, o), l = s.getContext("2d"), u = l.createImageData(c, c);
+		return t.qrToImageData(u.data, e, o), n(l, s, c), l.putImageData(u, 0, 0), s;
+	}, e.renderToDataURL = function(t, n, r) {
+		let i = r;
+		i === void 0 && (!n || !n.getContext) && (i = n, n = void 0), i ||= {};
+		let a = e.render(t, n, i), o = i.type || "image/png", s = i.rendererOpts || {};
+		return a.toDataURL(o, s.quality);
+	};
+})), me = /* @__PURE__ */ o(((e) => {
+	var t = fe();
+	function n(e, t) {
+		let n = e.a / 255, r = t + "=\"" + e.hex + "\"";
+		return n < 1 ? r + " " + t + "-opacity=\"" + n.toFixed(2).slice(1) + "\"" : r;
+	}
+	function r(e, t, n) {
+		let r = e + t;
+		return n !== void 0 && (r += " " + n), r;
+	}
+	function i(e, t, n) {
+		let i = "", a = 0, o = !1, s = 0;
+		for (let c = 0; c < e.length; c++) {
+			let l = Math.floor(c % t), u = Math.floor(c / t);
+			!l && !o && (o = !0), e[c] ? (s++, c > 0 && l > 0 && e[c - 1] || (i += o ? r("M", l + n, .5 + u + n) : r("m", a, 0), a = 0, o = !1), l + 1 < t && e[c + 1] || (i += r("h", s), s = 0)) : a++;
+		}
+		return i;
+	}
+	e.render = function(e, r, a) {
+		let o = t.getOptions(r), s = e.modules.size, c = e.modules.data, l = s + o.margin * 2, u = o.color.light.a ? "<path " + n(o.color.light, "fill") + " d=\"M0 0h" + l + "v" + l + "H0z\"/>" : "", d = "<path " + n(o.color.dark, "stroke") + " d=\"" + i(c, s, o.margin) + "\"/>", f = "viewBox=\"0 0 " + l + " " + l + "\"", p = "<svg xmlns=\"http://www.w3.org/2000/svg\" " + (o.width ? "width=\"" + o.width + "\" height=\"" + o.width + "\" " : "") + f + " shape-rendering=\"crispEdges\">" + u + d + "</svg>\n";
+		return typeof a == "function" && a(null, p), p;
+	};
+})), he = /* @__PURE__ */ c((/* @__PURE__ */ o(((e) => {
+	var t = _(), n = de(), r = pe(), i = me();
+	function a(e, r, i, a, o) {
+		let s = [].slice.call(arguments, 1), c = s.length, l = typeof s[c - 1] == "function";
+		if (!l && !t()) throw Error("Callback required as last argument");
+		if (l) {
+			if (c < 2) throw Error("Too few arguments provided");
+			c === 2 ? (o = i, i = r, r = a = void 0) : c === 3 && (r.getContext && o === void 0 ? (o = a, a = void 0) : (o = a, a = i, i = r, r = void 0));
+		} else {
+			if (c < 1) throw Error("Too few arguments provided");
+			return c === 1 ? (i = r, r = a = void 0) : c === 2 && !r.getContext && (a = i, i = r, r = void 0), new Promise(function(t, o) {
+				try {
+					t(e(n.create(i, a), r, a));
+				} catch (e) {
+					o(e);
+				}
+			});
+		}
+		try {
+			let t = n.create(i, a);
+			o(null, e(t, r, a));
+		} catch (e) {
+			o(e);
+		}
+	}
+	e.create = n.create, e.toCanvas = a.bind(null, r.render), e.toDataURL = a.bind(null, r.renderToDataURL), e.toString = a.bind(null, function(e, t, n) {
+		return i.render(e, n);
+	});
+})))(), 1), ge = {
+	peerId: "",
+	signalUrl: "",
+	shareUrl: ""
+}, k = class extends HTMLElement {
+	#e = ge;
+	#t = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#n);
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.render();
+	}
+	get state() {
+		return this.#e;
+	}
+	async render() {
+		let { shareUrl: e } = this.#e;
+		this.className = "block", this.innerHTML = `
+      <section class="lock-panel flex h-full flex-col justify-between gap-3 rounded-[1.4rem] p-3.5 sm:gap-4 sm:rounded-[2rem] sm:p-5">
+        <div class="flex items-center justify-between gap-3">
+          <p class="text-[0.62rem] font-semibold uppercase tracking-[0.18em] text-[var(--lock-dim)] sm:text-[0.7rem]">Share</p>
+          <span data-share-state class="rounded-full border border-[var(--lock-border)] bg-[rgba(255,255,252,0.62)] px-2.5 py-0.5 text-[0.65rem] uppercase tracking-[0.12em] text-[var(--lock-muted)] sm:px-3 sm:py-1 sm:text-xs"></span>
+        </div>
+
+        <div class="flex flex-1 items-center justify-center">
+          <div class="rounded-[1.1rem] border border-[var(--lock-border)] bg-white p-2.5 shadow-sm sm:rounded-[1.7rem] sm:p-4">
+            <canvas class="h-40 w-40 rounded-xl bg-white sm:h-52 sm:w-52 sm:rounded-2xl"></canvas>
+          </div>
+        </div>
+
+        <button
+          type="button"
+          data-action="copy-share"
+          class="lock-primary lock-disabled inline-flex w-full items-center justify-center rounded-full px-4 py-3 text-sm font-semibold transition sm:py-4"
+          ${e ? "" : "disabled"}
+        >
+          Share
+        </button>
+      </section>
+    `, p(this, "[data-share-state]", e ? "ready" : "waiting");
+		let t = this.querySelector("canvas");
+		if (!t) return;
+		let n = t.getContext("2d");
+		if (!e) {
+			n?.clearRect(0, 0, t.width, t.height);
+			return;
+		}
+		try {
+			await he.toCanvas(t, e, {
+				width: 208,
+				margin: 1,
+				color: {
+					dark: "#1f1f1d",
+					light: "#ffffff"
+				}
+			});
+		} catch {
+			n?.clearRect(0, 0, t.width, t.height);
+		}
+	}
+	#n = (e) => {
+		e.target?.closest("[data-action='copy-share']") && l(this, "lockstep-copy-share", { value: this.#e.shareUrl });
+	};
+}, _e = {
+	gameTitle: "P2P Lockstep",
+	peerId: "",
+	remotePeerId: "",
+	connected: !1,
+	connectionState: "idle",
+	currentTurn: 1,
+	turnOwner: null,
+	localState: "idle",
+	remoteState: "idle",
+	readySelf: !1,
+	readyPeer: !1,
+	pendingAction: null,
+	sessionId: "default-session"
+}, A = (e) => e === "me" ? "Your turn" : e === "peer" ? "Peer turn" : "Waiting", ve = (e, t) => t === "ready" ? `${e} ready` : t === "could_start" ? e === "Me" ? "You can start" : "Peer can start" : `${e} idle`, j = (e, t) => {
+	let n = e === "Local" ? "You" : "Peer";
+	return t === "idle" ? `${n} idle` : t === "ready" ? `${n} ready` : t === "could_start" ? `${n} can start` : `${n} ${t.replaceAll("_", " ")}`;
+}, ye = (e, t) => e || t === "connected" ? {
+	label: "Live",
+	detail: "connected",
+	tone: "bg-[var(--lock-teal)]"
+} : t === "registering" ? {
+	label: "Registering",
+	detail: "signal server",
+	tone: "bg-[var(--lock-bronze)]"
+} : t === "registered" ? {
+	label: "Registered",
+	detail: "ready to share",
+	tone: "bg-[var(--lock-bronze-bright)]"
+} : t === "connecting" ? {
+	label: "Connecting",
+	detail: "peer handshake",
+	tone: "bg-[var(--lock-bronze-bright)]"
+} : t === "offline" ? {
+	label: "Offline",
+	detail: "waiting reconnect",
+	tone: "bg-[var(--lock-dim)]"
+} : t === "error" ? {
+	label: "Error",
+	detail: "check signal",
+	tone: "bg-[var(--lock-rose)]"
+} : {
+	label: "Standby",
+	detail: "not registered",
+	tone: "bg-[var(--lock-dim)]"
+}, M = class extends HTMLElement {
+	#e = _e;
+	#t = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.render());
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.render();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		let { connected: e, pendingAction: t } = this.#e, n = ye(e, this.#e.connectionState), r = ve("Me", this.#e.localState), i = ve("Peer", this.#e.remoteState), a = j("Local", this.#e.localState), o = j("Remote", this.#e.remoteState), s = `${r} / ${i}`;
+		this.className = "block", this.innerHTML = `
+      <section class="lock-panel relative rounded-[1.25rem] p-2.5 text-sm text-[var(--lock-muted)] sm:rounded-[1.5rem] sm:p-3 lg:rounded-[1.75rem] lg:p-2.5">
+        <div class="flex items-center gap-2 lg:hidden">
+          <div class="min-w-0 flex-1">
+            <p data-mobile-title class="truncate text-sm font-semibold leading-tight text-[var(--lock-paper)]"></p>
+            <div class="mt-1 flex min-w-0 items-center gap-1.5 text-[0.68rem] leading-none text-[var(--lock-muted)]">
+              <span class="h-2 w-2 shrink-0 rounded-full ${n.tone}"></span>
+              <span data-mobile-connection class="shrink-0 font-medium"></span>
+              <span class="text-[var(--lock-dim)]">/</span>
+              <span data-mobile-turn class="min-w-0 truncate"></span>
+            </div>
+          </div>
+
+          <div class="hidden shrink-0 rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.65rem] text-[var(--lock-muted)] min-[390px]:block">
+            <span data-mobile-ready></span>
+          </div>
+
+          <details class="group shrink-0">
+            <summary
+              aria-label="Match details"
+              class="flex h-9 w-9 cursor-pointer list-none items-center justify-center rounded-full border border-[var(--lock-border)] bg-[rgba(255,255,252,0.7)] text-base font-semibold leading-none text-[var(--lock-muted)] transition hover:border-[var(--lock-border-strong)] hover:bg-white [&::-webkit-details-marker]:hidden"
+            >
+              ...
+            </summary>
+            <div class="absolute inset-x-0 top-full z-50 mt-2 max-h-[calc(100svh-6rem)] overflow-auto rounded-[1.35rem] border border-[var(--lock-border-strong)] bg-[rgba(255,255,252,0.96)] p-3.5 shadow-2xl shadow-black/15 backdrop-blur-xl lg:inset-auto lg:right-0 lg:w-[min(22rem,calc(100vw-1.5rem))]">
+              <div class="grid grid-cols-2 gap-2">
+                <article class="rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.54)] p-3">
+                  <p class="text-[0.6rem] uppercase tracking-[0.18em] text-[var(--lock-dim)]">Connection</p>
+                  <p data-detail-connection class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]"></p>
+                </article>
+                <article class="rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.54)] p-3">
+                  <p class="text-[0.6rem] uppercase tracking-[0.18em] text-[var(--lock-dim)]">Turn</p>
+                  <p data-detail-turn class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]"></p>
+                </article>
+              </div>
+
+              <div class="mt-2 rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.54)] p-3">
+                <p class="text-[0.6rem] uppercase tracking-[0.18em] text-[var(--lock-dim)]">Identity</p>
+                <p class="lock-mono mt-1.5 break-all text-xs text-[var(--lock-muted)]">Session: <span data-detail-session class="text-[var(--lock-paper)]"></span></p>
+                <p class="lock-mono mt-1.5 break-all text-xs text-[var(--lock-muted)]">Me: <span data-detail-peer class="text-[var(--lock-paper)]"></span></p>
+                <p class="lock-mono mt-1.5 break-all text-xs text-[var(--lock-muted)]">Peer: <span data-detail-remote class="text-[var(--lock-paper)]"></span></p>
+              </div>
+
+              <div class="mt-2 flex flex-wrap gap-1.5">
+                <span data-detail-ready-self class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
+                <span data-detail-ready-peer class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
+                <span data-detail-local-state class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
+                <span data-detail-remote-state class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
+                ${t ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[rgba(201,149,67,0.14)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-bronze-bright)]">Pending ${t}</span>` : ""}
+              </div>
+            </div>
+          </details>
+        </div>
+
+        <div class="hidden gap-2 lg:grid">
+          <article class="rounded-[1.15rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.52)] p-2.5">
+            <div class="flex items-start justify-between gap-3">
+              <div class="min-w-0">
+                <p class="text-[0.62rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">Match</p>
+                <p data-title class="mt-1.5 truncate text-xl font-semibold leading-none tracking-[-0.035em] text-[var(--lock-paper)]"></p>
+              </div>
+              <span class="mt-0.5 h-2.5 w-2.5 shrink-0 rounded-full ${n.tone}"></span>
+            </div>
+          </article>
+
+          <div class="grid grid-cols-2 gap-2">
+            <article class="rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.52)] p-2.5">
+              <p class="text-[0.58rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">Connection</p>
+              <p class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]">${n.label}</p>
+              <p data-connection-state class="mt-0.5 truncate text-xs text-[var(--lock-muted)]"></p>
+            </article>
+
+            <article class="rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.52)] p-2.5">
+              <p class="text-[0.58rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">Turn</p>
+              <p data-current-turn class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]"></p>
+              <p data-turn-owner class="mt-0.5 truncate text-xs text-[var(--lock-muted)]"></p>
+            </article>
+          </div>
+
+          <article class="min-w-0 overflow-hidden rounded-[1.15rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.52)] p-2.5">
+            <p class="text-[0.62rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">Identity</p>
+            <div class="mt-2 grid gap-1.5 text-xs">
+              <p class="grid min-w-0 grid-cols-[3.25rem_minmax(0,1fr)] items-center gap-2 text-[var(--lock-muted)]">
+                <span>Session</span>
+                <span data-session-id class="lock-mono block min-w-0 truncate text-right text-[var(--lock-paper)]"></span>
+              </p>
+              <p class="grid min-w-0 grid-cols-[3.25rem_minmax(0,1fr)] items-start gap-2 text-[var(--lock-muted)]">
+                <span>Me</span>
+                <span data-peer-id class="lock-mono block min-w-0 break-all text-right text-[var(--lock-paper)]"></span>
+              </p>
+              <p class="grid min-w-0 grid-cols-[3.25rem_minmax(0,1fr)] items-start gap-2 text-[var(--lock-muted)]">
+                <span>Peer</span>
+                <span data-remote-peer-id class="lock-mono block min-w-0 break-all text-right text-[var(--lock-paper)]"></span>
+              </p>
+            </div>
+          </article>
+
+          <article class="rounded-[1.15rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.52)] p-2.5">
+            <p class="text-[0.62rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">State</p>
+            <div class="mt-2 flex flex-wrap gap-1.5">
+              <span data-ready-self class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
+              <span data-ready-peer class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
+              <span data-local-state class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
+              <span data-remote-state class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
+              ${t ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[rgba(201,149,67,0.14)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-bronze-bright)]">Pending ${t}</span>` : ""}
+            </div>
+          </article>
+        </div>
+      </section>
+    `, p(this, "[data-mobile-title]", this.#e.gameTitle), p(this, "[data-mobile-connection]", n.label), p(this, "[data-mobile-turn]", `#${this.#e.currentTurn} ${A(this.#e.turnOwner)}`), p(this, "[data-mobile-ready]", s), p(this, "[data-detail-connection]", n.label), p(this, "[data-detail-turn]", `#${this.#e.currentTurn} / ${A(this.#e.turnOwner)}`), p(this, "[data-detail-session]", this.#e.sessionId), p(this, "[data-detail-peer]", this.#e.peerId || "not set"), p(this, "[data-detail-remote]", this.#e.remotePeerId || "not set"), p(this, "[data-detail-ready-self]", r), p(this, "[data-detail-ready-peer]", i), p(this, "[data-detail-local-state]", a), p(this, "[data-detail-remote-state]", o), p(this, "[data-title]", this.#e.gameTitle), p(this, "[data-connection-state]", n.detail), p(this, "[data-current-turn]", `#${this.#e.currentTurn}`), p(this, "[data-turn-owner]", A(this.#e.turnOwner)), p(this, "[data-session-id]", this.#e.sessionId), p(this, "[data-peer-id]", this.#e.peerId || "Local peer ID will appear after register.")?.setAttribute("title", this.#e.peerId), p(this, "[data-remote-peer-id]", this.#e.remotePeerId || "Remote peer not connected yet.")?.setAttribute("title", this.#e.remotePeerId), p(this, "[data-ready-self]", r), p(this, "[data-ready-peer]", i), p(this, "[data-local-state]", a), p(this, "[data-remote-state]", o);
+	}
+}, be = {
+	open: !1,
+	message: ""
+}, N = class extends HTMLElement {
+	#e = be;
+	#t = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.render());
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.render();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		let { open: e } = this.#e;
+		this.className = "pointer-events-none fixed inset-x-4 bottom-4 z-50 flex justify-center sm:justify-end", this.innerHTML = `
+      <div
+        class="max-w-sm rounded-full border border-[var(--lock-border-strong)] bg-[rgba(255,255,252,0.96)] px-4 py-3 text-sm font-medium text-[var(--lock-paper)] shadow-lg shadow-black/15 backdrop-blur-xl transition duration-200 ${e ? "translate-y-0 opacity-100" : "translate-y-2 opacity-0"}"
+      >
+        <span data-message></span>
+      </div>
+    `, p(this, "[data-message]", this.#e.message);
+	}
+}, P = class extends HTMLElement {
+	#e = !1;
+	#t = null;
+	#n = null;
+	connectedCallback() {
+		if (this.#e) return;
+		this.#e = !0, this.render();
+		let e = this.getMount(), t = this.querySelector("[data-placeholder]");
+		if (!e || !t) return;
+		let n = () => {
+			t.style.display = e.childElementCount > 0 ? "none" : "flex";
+		};
+		n(), this.#t = new MutationObserver(n), this.#t.observe(e, { childList: !0 });
+	}
+	disconnectedCallback() {
+		this.#t?.disconnect(), this.#t = null;
+	}
+	getMount() {
+		return this.#e || this.connectedCallback(), this.#n;
+	}
+	render() {
+		this.className = "block h-full", this.innerHTML = "\n      <section class=\"relative h-full min-h-[15rem] overflow-visible rounded-[1.4rem] bg-transparent sm:min-h-[22rem] sm:rounded-[2.2rem] lg:min-h-[32rem] lg:rounded-[2rem]\">\n        <div data-board-mount class=\"relative z-10 h-full\"></div>\n        <div\n          data-placeholder\n          class=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center px-6 text-center text-sm leading-6 text-[var(--lock-muted)]\"\n        >\n          Board host ready\n        </div>\n      </section>\n    ", this.#n = this.querySelector("[data-board-mount]");
+	}
+}, F = (e) => {
+	let t = e.hash.replace(/^#/, "");
+	return new URLSearchParams(t || e.search);
+}, xe = (e, t, n) => {
+	if (!e) return "";
+	let r = new URL(n ?? window.location.href), i = new URLSearchParams();
+	return i.set("id", e), t && i.set("url", t), r.hash = i.toString(), r.toString();
+}, Se = (e) => {
+	let t = e.trim();
+	if (!t || !t.includes("://")) return null;
+	try {
+		let e = F(new URL(t)), n = e.get("id");
+		return n ? {
+			peerId: n,
+			signalUrl: e.get("url") ?? ""
+		} : null;
+	} catch {
+		return null;
+	}
+}, Ce = () => {
+	let e = F(new URL(window.location.href));
+	return {
+		peerId: e.get("id") ?? "",
+		signalUrl: e.get("url") ?? ""
+	};
+}, we = {
+	gameTitle: "P2P Lockstep",
+	signalUrl: "",
+	targetId: "",
+	peerId: "",
+	remotePeerId: "",
+	connectionState: "idle",
+	registering: !1,
+	connecting: !1
+}, I = class extends HTMLElement {
+	#e = we;
+	#t = !1;
+	#n = !1;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.addEventListener("click", this.#i), this.addEventListener("input", this.#a), this.render());
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#i), this.removeEventListener("input", this.#a);
+	}
+	set state(e) {
+		let t = this.#n;
+		this.#e = e, this.#t && !t && this.render(), this.#t && t && this.#r();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		this.className = "block", this.innerHTML = "\n      <section class=\"mx-auto grid min-h-full max-w-5xl gap-3 sm:gap-5 lg:grid-cols-[minmax(0,1fr)_22rem]\">\n        <div class=\"lock-panel rounded-[1.4rem] p-3.5 sm:rounded-[2rem] sm:p-6 lg:p-7\">\n          <div class=\"flex items-start justify-between gap-4\">\n            <div class=\"min-w-0\">\n              <p class=\"text-[0.62rem] font-semibold uppercase tracking-[0.18em] text-[var(--lock-dim)] sm:text-[0.68rem]\">Lobby</p>\n              <h1 data-game-title class=\"mt-1.5 break-words text-3xl font-semibold leading-none tracking-[-0.04em] text-[var(--lock-paper)] sm:mt-3 sm:text-5xl lg:text-6xl\"></h1>\n            </div>\n\n            <details class=\"group relative shrink-0\">\n              <summary\n                aria-label=\"Server settings\"\n                class=\"flex h-9 w-9 cursor-pointer list-none items-center justify-center rounded-full border border-[var(--lock-border)] bg-[rgba(255,255,252,0.7)] text-base font-semibold leading-none text-[var(--lock-muted)] transition hover:border-[var(--lock-border-strong)] hover:bg-white sm:h-10 sm:w-10 sm:text-lg [&::-webkit-details-marker]:hidden\"\n              >\n                ...\n              </summary>\n              <div class=\"absolute right-0 z-20 mt-2 w-[min(21rem,calc(100vw-2rem))] rounded-[1.2rem] border border-[var(--lock-border-strong)] bg-[var(--lock-surface-strong)] p-3.5 shadow-xl shadow-black/10 backdrop-blur-xl sm:mt-3 sm:rounded-[1.6rem] sm:p-4\">\n                <label class=\"block\">\n                  <span class=\"mb-2 block text-xs uppercase tracking-[0.22em] text-[var(--lock-dim)]\">Signaling server</span>\n                  <input\n                    data-field=\"signal-url\"\n                    placeholder=\"wss://host\"\n                    class=\"lock-input lock-mono w-full rounded-2xl px-4 py-3 text-sm transition\"\n                  />\n                </label>\n\n                <button\n                  type=\"button\"\n                  data-action=\"register\"\n                  class=\"lock-primary lock-disabled mt-3 inline-flex w-full items-center justify-center rounded-full px-4 py-3 text-sm font-semibold transition\"\n                >\n                  <span data-register-label></span>\n                </button>\n              </div>\n            </details>\n          </div>\n\n          <div class=\"mt-4 grid grid-cols-2 gap-2 sm:mt-7 sm:gap-4\">\n            <section class=\"rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.58)] p-3 sm:rounded-[1.4rem] sm:p-4\">\n              <p class=\"text-[0.58rem] uppercase tracking-[0.2em] text-[var(--lock-dim)] sm:text-[0.68rem]\">Server</p>\n              <div class=\"mt-2 flex items-center gap-2 sm:mt-3 sm:gap-3\">\n                <span data-status-dot class=\"h-2.5 w-2.5 rounded-full bg-slate-600\"></span>\n                <span data-connection-state class=\"text-xs font-semibold uppercase tracking-[0.14em] text-[var(--lock-paper)] sm:text-sm\"></span>\n              </div>\n            </section>\n\n            <section class=\"rounded-[1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.58)] p-3 sm:rounded-[1.4rem] sm:p-4\">\n              <p class=\"text-[0.58rem] uppercase tracking-[0.2em] text-[var(--lock-dim)] sm:text-[0.68rem]\">Your ID</p>\n              <p data-peer-id class=\"lock-mono mt-2 max-h-9 min-h-4 overflow-hidden break-all text-[0.68rem] leading-[1.35] text-[var(--lock-paper)] sm:mt-3 sm:max-h-none sm:text-sm\"></p>\n            </section>\n          </div>\n\n          <section class=\"mt-3 rounded-[1.1rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.58)] p-3 sm:mt-5 sm:rounded-[1.8rem] sm:p-5\">\n            <label class=\"block\">\n              <span class=\"mb-1.5 block text-xs font-semibold text-[var(--lock-muted)] sm:mb-2 sm:text-sm\">Peer ID or share link</span>\n              <input\n                data-field=\"target-id\"\n                placeholder=\"Paste peer id\"\n                class=\"lock-input lock-mono w-full rounded-xl px-3 py-3 text-sm transition sm:rounded-2xl sm:px-4 sm:py-4 sm:text-base\"\n              />\n            </label>\n\n            <button\n              type=\"button\"\n              data-action=\"connect\"\n              class=\"lock-primary lock-disabled mt-3 inline-flex w-full items-center justify-center rounded-full px-4 py-3 text-sm font-semibold transition sm:mt-4 sm:py-4\"\n            >\n              <span data-connect-label></span>\n            </button>\n          </section>\n        </div>\n\n        <p2p-lockstep-share-panel></p2p-lockstep-share-panel>\n      </section>\n    ", this.#n = !0, this.#r();
+	}
+	#r() {
+		p(this, "[data-game-title]", this.#e.gameTitle), p(this, "[data-connection-state]", this.#e.connectionState), p(this, "[data-register-label]", this.#e.registering ? "Registering..." : "Register peer"), p(this, "[data-connect-label]", this.#e.connecting ? "Connecting..." : "Connect"), p(this, "[data-peer-id]", this.#e.peerId || "Register first to get your peer ID."), m(this, "[data-field='signal-url']", this.#e.signalUrl), m(this, "[data-field='target-id']", this.#e.targetId);
+		let e = this.querySelector("[data-action='register']");
+		e && (e.disabled = this.#e.registering || !this.#e.signalUrl.trim());
+		let t = this.querySelector("[data-status-dot]");
+		t && (t.className = `h-3 w-3 rounded-full ${this.#e.connectionState === "registered" || this.#e.connectionState === "connected" ? "bg-[var(--lock-teal)]" : this.#e.connectionState === "registering" || this.#e.connectionState === "connecting" ? "bg-[#c08a25]" : this.#e.connectionState === "error" || this.#e.connectionState === "offline" ? "bg-[var(--lock-rose)]" : "bg-[var(--lock-dim)]"}`);
+		let n = this.querySelector("[data-action='connect']");
+		n && (n.disabled = this.#e.connecting || !this.#e.targetId.trim());
+		let r = this.querySelector("p2p-lockstep-share-panel");
+		r && (r.state = {
+			peerId: this.#e.peerId,
+			signalUrl: this.#e.signalUrl,
+			shareUrl: xe(this.#e.peerId, this.#e.signalUrl)
+		});
+	}
+	#i = (e) => {
+		let t = e.target?.closest("button[data-action]");
+		!t || t.disabled || (t.dataset.action === "register" && l(this, "lockstep-register", { signalUrl: this.#e.signalUrl.trim() }), t.dataset.action === "connect" && l(this, "lockstep-connect", { targetId: this.#e.targetId.trim() }));
+	};
+	#a = (e) => {
+		let t = e.target;
+		if (t?.dataset.field) {
+			if (t.dataset.field === "signal-url") {
+				l(this, "lockstep-signal-change", { signalUrl: t.value });
+				return;
+			}
+			if (t.dataset.field === "target-id") {
+				let e = Se(t.value);
+				if (e) {
+					l(this, "lockstep-share-detected", e);
+					return;
+				}
+				l(this, "lockstep-target-change", { targetId: t.value });
+			}
+		}
+	};
+}, Te = {
+	gameTitle: "P2P Lockstep",
+	peerId: "",
+	remotePeerId: "",
+	connected: !1,
+	connectionState: "idle",
+	readySelf: !1,
+	readyPeer: !1,
+	canReady: !1,
+	canStart: !1,
+	canUndo: !1,
+	canRestart: !1,
+	started: !1,
+	currentTurn: 1,
+	turnOwner: null,
+	localState: "idle",
+	remoteState: "idle",
+	pendingAction: null,
+	sessionId: "default-session"
+}, L = class extends HTMLElement {
+	#e = Te;
+	#t = !1;
+	#n = null;
+	#r = null;
+	#i = null;
+	connectedCallback() {
+		this.#t || (this.#t = !0, this.render(), this.#a());
+	}
+	set state(e) {
+		this.#e = e, this.#t && this.#a();
+	}
+	get state() {
+		return this.#e;
+	}
+	render() {
+		this.className = "block h-full", this.innerHTML = "\n      <section class=\"flex h-[calc(100svh-1.5rem)] flex-col items-center gap-2.5 overflow-visible sm:h-auto sm:min-h-[calc(100svh-3rem)] sm:gap-4 lg:grid lg:h-full lg:min-h-[32rem] lg:grid-cols-[minmax(0,1fr)_20rem] lg:items-start lg:gap-5\">\n        <aside class=\"contents lg:relative lg:z-40 lg:col-start-2 lg:row-start-1 lg:flex lg:w-full lg:flex-col lg:gap-3\">\n          <div class=\"relative z-40 order-1 w-full max-w-[45rem] lg:order-none lg:max-w-none\">\n            <p2p-lockstep-status-panel></p2p-lockstep-status-panel>\n          </div>\n\n          <div class=\"order-3 w-full max-w-[45rem] shrink-0 lg:order-none lg:max-w-none\">\n            <p2p-lockstep-action-bar></p2p-lockstep-action-bar>\n          </div>\n        </aside>\n\n        <div class=\"order-2 min-h-0 w-full max-w-[45rem] flex-1 lg:order-none lg:col-start-1 lg:row-start-1 lg:h-full lg:max-w-none\">\n          <p2p-lockstep-board-host></p2p-lockstep-board-host>\n        </div>\n      </section>\n    ", this.#n = this.querySelector("p2p-lockstep-status-panel"), this.#r = this.querySelector("p2p-lockstep-action-bar"), this.#i = this.querySelector("p2p-lockstep-board-host");
+	}
+	getBoardHost() {
+		return this.#i?.getMount() ?? null;
+	}
+	#a() {
+		!this.#n || !this.#r || (this.#n.state = {
+			gameTitle: this.#e.gameTitle,
+			peerId: this.#e.peerId,
+			remotePeerId: this.#e.remotePeerId,
+			connected: this.#e.connected,
+			connectionState: this.#e.connectionState,
+			currentTurn: this.#e.currentTurn,
+			turnOwner: this.#e.turnOwner,
+			localState: this.#e.localState,
+			remoteState: this.#e.remoteState,
+			readySelf: this.#e.readySelf,
+			readyPeer: this.#e.readyPeer,
+			pendingAction: this.#e.pendingAction,
+			sessionId: this.#e.sessionId
+		}, this.#r.state = {
+			connected: this.#e.connected,
+			readySelf: this.#e.readySelf,
+			canReady: this.#e.canReady,
+			canStart: this.#e.canStart,
+			canUndo: this.#e.canUndo,
+			canRestart: this.#e.canRestart,
+			started: this.#e.started,
+			connectionState: this.#e.connectionState
+		});
+	}
+}, R = (e) => JSON.stringify(e), Ee = (e) => {
+	if (typeof e != "string") throw TypeError("decode expects a serialized string");
+	return JSON.parse(e);
+}, De = (e) => {
+	if (typeof e != "string") return {
+		ok: !1,
+		error: /* @__PURE__ */ TypeError("decodeSafe expects a serialized string")
+	};
+	try {
+		return {
+			ok: !0,
+			value: JSON.parse(e)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			error: e
+		};
+	}
+}, z = (e, t) => {
+	t === void 0 ? console.log(e) : console.log(e, t);
+	let n = globalThis.__p2p_debug;
+	if (typeof n == "function") try {
+		n(t === void 0 ? e : `${e} ${JSON.stringify(t)}`);
+	} catch {
+		n(e);
+	}
+}, Oe = class {
+	constructor() {
+		this.ws = null, this.peerId = null, this.ready = !1, this.signalHandlers = /* @__PURE__ */ new Set(), this.pendingRegistration = null, this.connect = (e) => new Promise((t, n) => {
+			this.ws?.close(), z("[signaling] ws connect", e), this.ws = new WebSocket(e);
+			let r = window.setTimeout(() => {
+				try {
+					this.ws?.close();
+				} catch {}
+				z("[signaling] ws open timeout"), n(/* @__PURE__ */ Error("ws open timeout"));
+			}, 5e3);
+			this.ws.addEventListener("open", () => {
+				this.ready = !0, this.registeredPayload = void 0, window.clearTimeout(r), z("[signaling] ws open"), t();
+			}), this.ws.addEventListener("error", (e) => {
+				window.clearTimeout(r), z("[signaling] ws error", e), n(/* @__PURE__ */ Error("ws error"));
+			}), this.ws.addEventListener("close", (e) => {
+				this.ready = !1, this.peerId = null, this.registeredPayload = void 0, this.rejectPendingRegistration(/* @__PURE__ */ Error("ws closed")), window.clearTimeout(r), z("[signaling] ws close", {
+					code: e.code,
+					reason: e.reason
+				});
+			}), this.ws.addEventListener("message", (e) => {
+				let t = String(e.data), n = De(t);
+				if (!n.ok) {
+					z("[signaling] ws message decode error", t), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling decode error"));
+					return;
+				}
+				let r = n.value;
+				if (z("[signaling] ws message", r), r.type === "ERROR") {
+					z("[signaling] error", r), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling error"));
+					return;
+				}
+				if ((r.type === "REGISTERED" || r.type === "RESUMED") && (this.peerId = r.to ?? null, this.registeredPayload = r.payload, this.peerId)) {
+					let e = this.resolveRegisteredPayload();
+					z("[signaling] registered", {
+						peerId: this.peerId,
+						resumeToken: e.resumeToken
+					}), this.resolvePendingRegistration({
+						peerId: this.peerId,
+						iceServers: e.iceServers,
+						resumeToken: e.resumeToken
+					});
+				}
+				if (r.type === "RELAY" && r.payload?.id) {
+					let e = r.payload;
+					this.emitSignal({
+						from: r.from ?? "",
+						to: r.to ?? "",
+						type: e.id,
+						payload: e.data
+					});
+				}
+			});
+		}), this.register = async () => {
+			this.assertConnected();
+			let e = { type: "REGISTER" };
+			z("[signaling] send REGISTER");
+			let t = this.awaitRegistration("register");
+			this.ws?.send(R(e));
+			try {
+				let e = await t;
+				return z("[signaling] register ok", e.peerId), e;
+			} catch (e) {
+				throw z("[signaling] register error", e), e;
+			}
+		}, this.resume = async (e) => {
+			this.assertConnected();
+			let t = {
+				type: "RESUME",
+				payload: {
+					id: "resume",
+					data: e
+				}
+			};
+			z("[signaling] send RESUME", e.peerId);
+			let n = this.awaitRegistration("resume");
+			this.ws?.send(R(t));
+			try {
+				let e = await n;
+				return z("[signaling] resume ok", e.peerId), e;
+			} catch (e) {
+				throw z("[signaling] resume error", e), e;
+			}
+		}, this.relay = (e) => {
+			if (!this.ws || !this.ready) return;
+			let t = {
+				id: e.type,
+				data: e.payload
+			}, n = {
+				type: "RELAY",
+				from: this.peerId ?? e.from,
+				to: e.to,
+				payload: t
+			};
+			this.ws.send(R(n));
+		};
+	}
+	onSignal(e) {
+		this.signalHandlers.add(e);
+	}
+	offSignal(e) {
+		this.signalHandlers.delete(e);
+	}
+	resolveRegisteredPayload() {
+		let e = [], t = "";
+		if (this.registeredPayload?.id === "iceServers" && (e = this.registeredPayload.data), this.registeredPayload?.id === "session") {
+			let n = this.registeredPayload.data;
+			e = n.iceServers ?? [], t = n.resumeToken ?? "";
+		}
+		return {
+			iceServers: e,
+			resumeToken: t
+		};
+	}
+	assertConnected() {
+		if (!this.ws || !this.ready) throw Error("not connected");
+	}
+	awaitRegistration(e) {
+		return this.pendingRegistration ? Promise.reject(/* @__PURE__ */ Error("registration already pending")) : new Promise((t, n) => {
+			this.pendingRegistration = {
+				resolve: t,
+				reject: n,
+				timeoutId: window.setTimeout(() => {
+					this.pendingRegistration = null, z(`[signaling] ${e} timeout`), n(/* @__PURE__ */ Error(`${e} timeout`));
+				}, 5e3)
+			};
+		});
+	}
+	resolvePendingRegistration(e) {
+		let t = this.pendingRegistration;
+		t && (this.pendingRegistration = null, window.clearTimeout(t.timeoutId), t.resolve(e));
+	}
+	rejectPendingRegistration(e) {
+		let t = this.pendingRegistration;
+		t && (this.pendingRegistration = null, window.clearTimeout(t.timeoutId), t.reject(e));
+	}
+	emitSignal(e) {
+		for (let t of [...this.signalHandlers]) t(e);
+	}
+}, ke = [
+	{
+		from: "passive",
+		event: "CONNECT",
+		to: "requesting"
+	},
+	{
+		from: "passive",
+		event: "REMOTE_CONNECT",
+		to: "requesting"
+	},
+	{
+		from: "requesting",
+		event: "CONNECTED",
+		to: "connected"
+	},
+	{
+		from: "connected",
+		event: "DISCONNECT",
+		to: "passive"
+	},
+	{
+		from: "requesting",
+		event: "DISCONNECT",
+		to: "passive"
+	},
+	{
+		from: "connected",
+		event: "CONNECT",
+		to: "requesting"
+	}
+], Ae = (e, t) => {
+	let n = ke.find((n) => n.from === e && n.event === t);
+	return n ? n.to : e;
+}, je = [
+	{
+		from: "idle",
+		event: "REQUEST",
+		to: "starting"
+	},
+	{
+		from: "starting",
+		event: "READY",
+		to: "active"
+	},
+	{
+		from: "starting",
+		event: "STOP",
+		to: "idle"
+	},
+	{
+		from: "starting",
+		event: "DISCONNECT",
+		to: "idle"
+	},
+	{
+		from: "active",
+		event: "STOP",
+		to: "idle"
+	},
+	{
+		from: "active",
+		event: "DISCONNECT",
+		to: "idle"
+	},
+	{
+		from: "active",
+		event: "REQUEST",
+		to: "starting"
+	},
+	{
+		from: "idle",
+		event: "DISCONNECT",
+		to: "idle"
+	},
+	{
+		from: "idle",
+		event: "STOP",
+		to: "idle"
+	}
+], Me = (e, t) => {
+	let n = je.find((n) => n.from === e && n.event === t);
+	return n ? n.to : e;
+}, Ne = class {
+	constructor(e, t, n, r, i, a, o) {
+		this.dc = null, this.pendingSends = [], this.remoteId = null, this.requestedId = null, this.state = "passive", this.localStream = null, this.remoteStream = null, this.onRemoteStreamHandler = null, this.senders = [], this.mediaState = "idle", this.negotiating = !1, this.renegotiateQueued = !1, this.onStateChangeHandler = null, this.onMediaChangeHandler = null, this.handleConnectionStateChange = () => {
+			if (this.pc.connectionState === "connected") {
+				this.markConnectedIfReady();
+				return;
+			}
+			(this.pc.connectionState === "closed" || this.pc.connectionState === "disconnected" || this.pc.connectionState === "failed") && this.dispatch("DISCONNECT");
+		}, this.handleIceCandidate = (e) => {
+			if (!e.candidate || !this.remoteId) return;
+			let t = {
+				from: this.id,
+				to: this.remoteId,
+				type: "ice",
+				payload: e.candidate.toJSON()
+			};
+			this.signaling.relay(t);
+		}, this.handleDataChannel = (e) => {
+			this.dc = e.channel, this.bindDataChannel();
+		}, this.handleTrackEvent = (e) => {
+			this.handleRemoteTrack(e);
+		}, this.handleNegotiationNeeded = () => {
+			this.canNegotiate() && this.runTask(this.negotiate(), "negotiate");
+		}, this.connect = async (e) => {
+			if (this.state !== "passive") {
+				this.requestedId = e, this.disconnect();
+				return;
+			}
+			this.remoteId = e, this.requestedId = null, this.dispatch("CONNECT");
+		}, this.disconnect = () => {
+			this.dispatch("DISCONNECT");
+		}, this.dispose = () => {
+			this.signaling.offSignal(this.onSignalHandler), this.pc.removeEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.removeEventListener("icecandidate", this.handleIceCandidate), this.pc.removeEventListener("track", this.handleTrackEvent), this.pc.removeEventListener("negotiationneeded", this.handleNegotiationNeeded), this.pc.ondatachannel = null, this.requestedId = null, this.closeConnection(), this.setPeerState("passive"), this.pc.signalingState !== "closed" && this.pc.close();
+		}, this.send = (e) => {
+			if (!this.dc || this.dc.readyState !== "open") {
+				this.state === "requesting" && this.pendingSends.push(e);
+				return;
+			}
+			this.dc.send(e);
+		}, this.getPeerId = () => this.id, this.getRemoteId = () => this.remoteId, this.getPeerState = () => this.state, this.getMediaState = () => this.mediaState, this.startMedia = (e) => {
+			this.localStream = e, this.dispatchMedia("REQUEST");
+		}, this.stopMedia = () => {
+			this.localStream = null, this.dispatchMedia("STOP");
+		}, this.onRemoteStream = (e) => {
+			this.onRemoteStreamHandler = e, e?.(this.remoteStream);
+		}, this.bindDataChannel = () => {
+			this.dc && (this.dc.onmessage = (e) => {
+				this.onMessageHandler?.(String(e.data));
+			}, this.dc.onopen = () => {
+				this.flushPendingSends(), this.markConnectedIfReady(), this.attemptActivateMedia();
+			}, this.dc.onclose = () => {
+				this.dispatchMedia("DISCONNECT"), this.dispatch("DISCONNECT");
+			}, this.dc.readyState === "open" && (this.flushPendingSends(), this.markConnectedIfReady(), this.attemptActivateMedia()));
+		}, this.markConnectedIfReady = () => {
+			!this.dc || this.dc.readyState !== "open" || this.dispatch("CONNECTED");
+		}, this.flushPendingSends = () => {
+			if (!(!this.dc || this.dc.readyState !== "open")) for (; this.pendingSends.length > 0;) {
+				let e = this.pendingSends.shift();
+				e !== void 0 && this.dc.send(e);
+			}
+		}, this.handleSignal = async (e) => {
+			this.shouldHandleSignal(e) && await {
+				offer: async () => {
+					this.remoteId = e.from, this.state === "passive" && this.dispatch("REMOTE_CONNECT"), await this.pc.setRemoteDescription(e.payload);
+					let t = await this.pc.createAnswer();
+					await this.pc.setLocalDescription(t);
+					let n = {
+						from: this.id,
+						to: e.from,
+						type: "answer",
+						payload: t
+					};
+					this.signaling.relay(n);
+				},
+				answer: async () => {
+					await this.pc.setRemoteDescription(e.payload);
+				},
+				ice: async () => {
+					await this.pc.addIceCandidate(e.payload);
+				}
+			}[e.type]();
+		}, this.dispatch = (e) => {
+			let t = Ae(this.state, e);
+			if (this.setPeerState(t)) {
+				if (t === "requesting" && e === "CONNECT") {
+					this.requestedId &&= (this.remoteId = this.requestedId, null), this.runTask(this.startOffer(), "startOffer");
+					return;
+				}
+				t === "passive" && (this.closeConnection(), this.requestedId && (this.remoteId = this.requestedId, this.requestedId = null, this.dispatch("CONNECT")));
+			}
+		}, this.startOffer = async () => {
+			if (!this.remoteId) return;
+			this.dc = this.pc.createDataChannel("game", { ordered: !0 }), this.bindDataChannel();
+			let e = await this.pc.createOffer();
+			await this.pc.setLocalDescription(e);
+			let t = {
+				from: this.id,
+				to: this.remoteId,
+				type: "offer",
+				payload: e
+			};
+			this.signaling.relay(t);
+		}, this.closeConnection = () => {
+			let e = this.dc;
+			this.dc = null, this.pendingSends.length = 0, this.negotiating = !1, this.renegotiateQueued = !1, e && (e.onmessage = null, e.onopen = null, e.onclose = null, e.readyState !== "closed" && e.close()), this.dispatchMedia("DISCONNECT"), this.remoteId = null;
+		}, this.detachLocalMedia = () => {
+			if (this.senders.length) {
+				for (let e of this.senders) try {
+					this.pc.removeTrack(e);
+				} catch {}
+				this.senders = [];
+			}
+		}, this.ensureRemoteStream = () => (this.remoteStream ||= new MediaStream(), this.remoteStream), this.handleRemoteTrack = (e) => {
+			let [t] = e.streams;
+			if (t) this.remoteStream = t;
+			else {
+				let t = this.ensureRemoteStream();
+				t.addTrack(e.track), this.remoteStream = t;
+			}
+			e.track.addEventListener("ended", () => {
+				this.handleRemoteTrackEnded();
+			}), this.onRemoteStreamHandler && this.remoteStream && this.onRemoteStreamHandler(this.remoteStream);
+		}, this.handleRemoteTrackEnded = () => {
+			this.remoteStream && (this.remoteStream.getTracks().some((e) => e.readyState !== "ended") || this.clearRemoteStream());
+		}, this.clearRemoteStream = () => {
+			if (this.remoteStream) {
+				for (let e of this.remoteStream.getTracks()) try {
+					e.stop();
+				} catch {}
+				this.remoteStream = null, this.onRemoteStreamHandler?.(null);
+			}
+		}, this.isMediaReady = () => this.dc?.readyState === "open", this.dispatchMedia = (e) => {
+			let t = Me(this.mediaState, e);
+			if (!this.setMediaState(t)) {
+				e === "REQUEST" && t === "starting" && this.attemptActivateMedia();
+				return;
+			}
+			if (t === "starting") {
+				this.detachLocalMedia(), this.attemptActivateMedia();
+				return;
+			}
+			t === "idle" && (this.detachLocalMedia(), this.clearRemoteStream());
+		}, this.attemptActivateMedia = () => {
+			if (this.mediaState === "starting" && !(!this.localStream || !this.isMediaReady())) {
+				for (let e of this.localStream.getTracks()) {
+					let t = this.pc.addTrack(e, this.localStream);
+					this.senders.push(t);
+				}
+				this.dispatchMedia("READY");
+			}
+		}, this.canNegotiate = () => !!(this.remoteId && this.isMediaReady()), this.shouldHandleSignal = (e) => e.type === "offer" && this.state === "passive" || this.remoteId === e.from, this.setPeerState = (e) => this.state === e ? !1 : (this.state = e, this.onStateChangeHandler?.(this.state), !0), this.setMediaState = (e) => this.mediaState === e ? !1 : (this.mediaState = e, this.onMediaChangeHandler?.(this.mediaState), !0), this.negotiate = async () => {
+			if (this.remoteId) {
+				if (this.negotiating) {
+					this.renegotiateQueued = !0;
+					return;
+				}
+				this.negotiating = !0;
+				try {
+					let e = await this.pc.createOffer();
+					await this.pc.setLocalDescription(e);
+					let t = {
+						from: this.id,
+						to: this.remoteId,
+						type: "offer",
+						payload: e
+					};
+					this.signaling.relay(t);
+				} finally {
+					this.negotiating = !1, this.renegotiateQueued && (this.renegotiateQueued = !1, this.runTask(this.negotiate(), "negotiate"));
+				}
+			}
+		}, this.id = e, this.pc = t, this.signaling = n, r && (this.onMessageHandler = r), i && (this.onRemoteStreamHandler = i), a && (this.onStateChangeHandler = a), o && (this.onMediaChangeHandler = o), this.onSignalHandler = (e) => {
+			this.runTask(this.handleSignal(e), `signal:${e.type}`);
+		}, this.signaling.onSignal(this.onSignalHandler), this.pc.addEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.addEventListener("icecandidate", this.handleIceCandidate), this.pc.ondatachannel = this.handleDataChannel, this.pc.addEventListener("track", this.handleTrackEvent), this.pc.addEventListener("negotiationneeded", this.handleNegotiationNeeded);
+	}
+	runTask(e, t) {
+		e.catch((e) => {
+			console.error(`[rtc-peer] ${t} failed`, e), this.dispatchMedia("DISCONNECT"), this.dispatch("DISCONNECT");
+		});
+	}
+}, B = "p2p-lockstep-kit:signal-session", Pe = () => {
+	if (typeof window > "u") return null;
+	try {
+		return window.localStorage;
+	} catch {
+		return null;
+	}
+}, Fe = () => {
+	let e = Pe();
+	if (!e) return null;
+	let t = e.getItem(B);
+	if (!t) return null;
+	try {
+		let e = JSON.parse(t);
+		return !e?.peerId || !e?.resumeToken ? null : e;
+	} catch {
+		return null;
+	}
+}, Ie = (e) => {
+	let t = Pe();
+	if (t) {
+		if (!e) {
+			t.removeItem(B);
+			return;
+		}
+		t.setItem(B, JSON.stringify(e));
+	}
+}, Le = () => {
+	Ie(null);
+}, Re = class {
+	constructor(e = new Oe()) {
+		this.peer = null, this.onMessageHandler = null, this.onRemoteStreamHandler = null, this.pendingMediaStream = null, this.onStateChangeHandler = null, this.onMediaChangeHandler = null, this.getLocalPeerId = () => this.peer?.getPeerId() ?? null, this.getRemotePeerId = () => this.peer?.getRemoteId() ?? null, this.peerState = () => this.peer?.getPeerState() ?? "passive", this.mediaState = () => this.peer?.getMediaState() ?? "idle", this.signaling = e;
+	}
+	async register(e) {
+		this.peer?.dispose(), this.peer = null, await this.signaling.connect(e);
+		let t = Fe(), n = null;
+		if (t) try {
+			n = await this.signaling.resume({
+				peerId: t.peerId,
+				resumeToken: t.resumeToken
+			});
+		} catch {
+			Le();
+		}
+		n ||= await this.signaling.register(), n.resumeToken && Ie({
+			peerId: n.peerId,
+			resumeToken: n.resumeToken,
+			updatedAt: Date.now()
+		});
+		let r = new RTCPeerConnection({ iceServers: n.iceServers });
+		return this.peer = new Ne(n.peerId, r, this.signaling, (e) => {
+			try {
+				let t = Ee(String(e));
+				this.onMessageHandler?.(t);
+			} catch {
+				this.onMessageHandler?.(e);
+			}
+		}, (e) => {
+			this.onRemoteStreamHandler?.(e);
+		}, (e) => {
+			this.onStateChangeHandler?.(e);
+		}, (e) => {
+			this.onMediaChangeHandler?.(e);
+		}), this.onRemoteStreamHandler && this.peer.onRemoteStream(this.onRemoteStreamHandler), this.onStateChangeHandler && this.onStateChangeHandler(this.peer.getPeerState()), this.onMediaChangeHandler && this.onMediaChangeHandler(this.peer.getMediaState()), this.pendingMediaStream && this.peer.startMedia(this.pendingMediaStream), { peerId: n.peerId };
+	}
+	async connect(e) {
+		this.peer && await this.peer.connect(e);
+	}
+	send(e) {
+		let t = R(e);
+		this.peer?.send(t);
+	}
+	disconnect() {
+		this.peer?.disconnect();
+	}
+	onMessage(e) {
+		this.onMessageHandler = e;
+	}
+	startMedia(e) {
+		this.pendingMediaStream = e, this.peer?.startMedia(e);
+	}
+	stopMedia() {
+		this.pendingMediaStream = null, this.peer?.stopMedia();
+	}
+	onRemoteStream(e) {
+		this.onRemoteStreamHandler = e, this.peer?.onRemoteStream(e);
+	}
+	onStateChange(e) {
+		this.onStateChangeHandler = e, e(this.peer?.getPeerState() ?? "passive");
+	}
+	onMediaChange(e) {
+		this.onMediaChangeHandler = e, e(this.peer?.getMediaState() ?? "idle");
+	}
+}, V = (e) => (t, n) => {
+	let r = e === "debug" ? console.info : console[e];
+	if (n !== void 0) {
+		r(t, n);
+		return;
+	}
+	r(t);
+}, H = {
+	debug: V("debug"),
+	info: V("info"),
+	warn: V("warn"),
+	error: V("error")
+}, ze = (e) => {
+	if (typeof e != "string") return {
+		ok: !1,
+		error: /* @__PURE__ */ TypeError("decodeSafe expects a serialized string")
+	};
+	try {
+		return {
+			ok: !0,
+			value: JSON.parse(e)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			error: e
+		};
+	}
+}, Be = (e) => {
+	if (typeof e != "string") return !e || typeof e != "object" ? null : e;
+	let t = ze(e);
+	return !t.ok || !t.value || typeof t.value != "object" ? null : t.value;
+}, Ve = class {
+	handlers = {};
+	processingQueue = Promise.resolve();
+	emit(e, t, n = "local") {
+		this.dispatch({
+			type: e,
+			payload: t,
+			from: n
+		});
+	}
+	register(e, t) {
+		this.handlers[e] = t, H.debug(`[session:bus] registered ${e}`);
+	}
+	dispatch(e) {
+		this.processingQueue = this.processingQueue.then(async () => {
+			H.debug(`[session:bus] dispatch ${e.type}`, {
+				from: e.from,
+				payload: e.payload,
+				turn: e.turn,
+				sid: e.sid
+			});
+			let t = this.handlers[e.type];
+			if (t) {
+				try {
+					await t(e), H.debug(`[session:bus] handled ${e.type}`, { from: e.from });
+				} catch (t) {
+					console.error(`[CommandBus] Error in ${e.type}:`, t);
+				}
+				return;
+			}
+			H.debug(`[session:bus] no handler for ${e.type}`, { from: e.from });
+		});
+	}
+}, U = [
+	{
+		from: "idle",
+		event: "READY",
+		to: "ready"
+	},
+	{
+		from: "ready",
+		event: "READY",
+		to: "idle"
+	},
+	{
+		from: "idle",
+		event: "REMOTE_READY",
+		to: "could_start"
+	},
+	{
+		from: "could_start",
+		event: "REMOTE_READY",
+		to: "idle"
+	},
+	{
+		from: "ready",
+		event: "REJECT",
+		to: "idle"
+	},
+	{
+		from: "could_start",
+		event: "REJECT",
+		to: "idle"
+	},
+	{
+		from: "ready",
+		event: "REMOTE_START",
+		to: "turn"
+	},
+	{
+		from: "ready",
+		event: "REMOTE_START",
+		to: "remote_turn"
+	},
+	{
+		from: "could_start",
+		event: "START",
+		to: "turn"
+	},
+	{
+		from: "could_start",
+		event: "START",
+		to: "remote_turn"
+	},
+	{
+		from: "turn",
+		event: "MOVE",
+		to: "remote_turn"
+	},
+	{
+		from: "remote_turn",
+		event: "REMOTE_MOVE",
+		to: "turn"
+	},
+	{
+		from: "turn",
+		event: "REJECT",
+		to: "turn"
+	},
+	{
+		from: "remote_turn",
+		event: "REJECT",
+		to: "remote_turn"
+	},
+	{
+		from: "turn",
+		event: "UNDO",
+		to: "waiting_approval"
+	},
+	{
+		from: "remote_turn",
+		event: "UNDO",
+		to: "waiting_approval"
+	},
+	{
+		from: "turn",
+		event: "RESTART",
+		to: "waiting_approval"
+	},
+	{
+		from: "remote_turn",
+		event: "RESTART",
+		to: "waiting_approval"
+	},
+	{
+		from: "turn",
+		event: "REMOTE_UNDO",
+		to: "approving"
+	},
+	{
+		from: "remote_turn",
+		event: "REMOTE_UNDO",
+		to: "approving"
+	},
+	{
+		from: "turn",
+		event: "REMOTE_RESTART",
+		to: "approving"
+	},
+	{
+		from: "remote_turn",
+		event: "REMOTE_RESTART",
+		to: "approving"
+	},
+	{
+		from: "waiting_approval",
+		event: "APPROVE",
+		to: "turn"
+	},
+	{
+		from: "waiting_approval",
+		event: "REJECT",
+		to: "turn"
+	},
+	{
+		from: "waiting_approval",
+		event: "REJECT",
+		to: "remote_turn"
+	},
+	{
+		from: "approving",
+		event: "APPROVE",
+		to: "remote_turn"
+	},
+	{
+		from: "approving",
+		event: "REJECT",
+		to: "remote_turn"
+	},
+	{
+		from: "approving",
+		event: "REJECT",
+		to: "turn"
+	},
+	{
+		from: "turn",
+		event: "GAME_OVER",
+		to: "idle"
+	},
+	{
+		from: "remote_turn",
+		event: "GAME_OVER",
+		to: "idle"
+	},
+	{
+		from: "turn",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "remote_turn",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "waiting_approval",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "approving",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "idle",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "ready",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "could_start",
+		event: "SYNC",
+		to: "syncing"
+	},
+	{
+		from: "syncing",
+		event: "SYNC_COMPLETE",
+		to: "turn"
+	},
+	{
+		from: "syncing",
+		event: "SYNC_COMPLETE",
+		to: "remote_turn"
+	},
+	{
+		from: "idle",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "ready",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "could_start",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "turn",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "remote_turn",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "waiting_approval",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "approving",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "syncing",
+		event: "OFFLINE",
+		to: "offline"
+	},
+	{
+		from: "offline",
+		event: "ONLINE",
+		to: "syncing"
+	}
+], He = (e, t, n) => {
+	if (n) return U.find((r) => r.from === e && r.event === t && r.to === n) ? n : e;
+	{
+		let n = U.find((n) => n.from === e && n.event === t);
+		return n ? n.to : e;
+	}
+}, Ue = (e, t, n) => n ? !!U.find((r) => r.from === e && r.event === t && r.to === n) : !!U.find((n) => n.from === e && n.event === t), W = class {
+	state;
+	constructor(e = "idle") {
+		this.state = e;
+	}
+	getState() {
+		return this.state;
+	}
+	hasNextState(e, t) {
+		return Ue(this.state, e, t);
+	}
+	dispatch(e, t) {
+		this.state = He(this.state, e, t);
+	}
+}, We = class {
+	validateMove() {
+		return { valid: !0 };
+	}
+	checkWin() {
+		return null;
+	}
+}, Ge = class {
+	observers = /* @__PURE__ */ new Set();
+	subscribe(e) {
+		this.observers.add(e);
+	}
+	unsubscribe(e) {
+		this.observers.delete(e);
+	}
+	notifyStateChanged() {
+		for (let e of this.observers) try {
+			e.onStateChanged?.();
+		} catch (e) {
+			console.error("[StateObserver]", e);
+		}
+	}
+	notifyHistoryChanged() {
+		for (let e of this.observers) try {
+			e.onHistoryChanged?.();
+		} catch (e) {
+			console.error("[StateObserver]", e);
+		}
+	}
+	notifyGameReset() {
+		for (let e of this.observers) try {
+			e.onGameReset?.();
+		} catch (e) {
+			console.error("[StateObserver]", e);
+		}
+	}
+}, Ke = class {
+	observers = /* @__PURE__ */ new Set();
+	currentSnapshot = null;
+	subscribe(e) {
+		return this.observers.add(e), () => {
+			this.observers.delete(e);
+		};
+	}
+	unsubscribe(e) {
+		this.observers.delete(e);
+	}
+	notifyStateChange(e) {
+		this.currentSnapshot = e;
+		for (let t of this.observers) try {
+			t.onStateChange(e);
+		} catch (e) {
+			console.error("[GameStateObserver]", e);
+		}
+	}
+	notifyGameEvent(e) {
+		e.timestamp = Date.now();
+		for (let t of this.observers) try {
+			t.onGameEvent(e);
+		} catch (e) {
+			console.error("[GameStateObserver]", e);
+		}
+	}
+	notifyConnectionChange(e) {
+		for (let t of this.observers) try {
+			t.onConnectionChange?.(e);
+		} catch (e) {
+			console.error("[GameStateObserver]", e);
+		}
+	}
+	notifyError(e) {
+		for (let t of this.observers) try {
+			t.onError?.(e);
+		} catch (e) {
+			console.error("[GameStateObserver]", e);
+		}
+	}
+	getSnapshot() {
+		return this.currentSnapshot;
+	}
+	getObserverCount() {
+		return this.observers.size;
+	}
+};
+function qe(e, t = !1) {
+	return {
+		localState: e.getState("local"),
+		remoteState: e.getState("remote"),
+		turn: e.getTurnCount(),
+		history: e.getHistory(),
+		lastStart: e.getLastStart(),
+		pendingAction: e.getPendingAction(),
+		connected: t
+	};
+}
+var Je = class {
+	lastNotificationTime = 0;
+	notificationThrottleMs = 0;
+	constructor(e, t, n = () => !1) {
+		this.stateRef = e, this.uiObserver = t, this.getConnected = n;
+	}
+	onStateChanged() {
+		let e = Date.now();
+		if (this.lastNotificationTime + this.notificationThrottleMs > e) return;
+		this.lastNotificationTime = e;
+		let t = qe(this.stateRef, this.getConnected());
+		H.debug("[session:observer] state snapshot", {
+			local: t.localState,
+			remote: t.remoteState,
+			turn: t.turn,
+			history: t.history.length,
+			pending: t.pendingAction,
+			connected: t.connected
+		}), this.uiObserver.notifyStateChange(t);
+	}
+	onHistoryChanged() {
+		this.onStateChanged();
+	}
+	onGameReset() {
+		this.onStateChanged();
+	}
+	emitEvent(e) {
+		this.uiObserver.notifyGameEvent(e);
+	}
+}, Ye = class {
+	local = new W("idle");
+	remote = new W("idle");
+	localId = null;
+	remoteId = null;
+	history = [];
+	pendingAction = null;
+	pendingUndoCount = null;
+	resumeTurn = null;
+	lastStart = null;
+	gamePlugin = new We();
+	stateObserverManager = new Ge();
+	constructor(e, t) {
+		e && (this.localId = e), t && (this.remoteId = t), H.debug("[session:state] created", {
+			localId: e,
+			remoteId: t
+		});
+	}
+	subscribeStateObserver(e) {
+		this.stateObserverManager.subscribe(e);
+	}
+	getId() {
+		return this.localId;
+	}
+	getremoteId() {
+		return this.remoteId;
+	}
+	setremoteId(e) {
+		this.remoteId = e, H.debug("[session:state] remote id set", { remoteId: e });
+	}
+	getState(e) {
+		return this.getPlayerFsm(e).getState();
+	}
+	getTurnCount() {
+		return this.history.length + 1;
+	}
+	getHistory() {
+		return this.history.slice();
+	}
+	replaceHistory(e) {
+		H.debug("[session:history] replace", { count: e.length }), this.clearHistory(), e.forEach((e) => {
+			this.pushHistory({
+				turn: e.turn,
+				player: e.player,
+				move: e.move
+			});
+		});
+	}
+	clearHistory() {
+		let e = this.history.length;
+		this.history.splice(0, this.history.length), H.debug("[session:history] clear", { count: e }), this.notifyHistoryChanged();
+	}
+	pushHistory(e) {
+		this.history.push(e), H.debug("[session:history] push", {
+			turn: e.turn,
+			player: e.player,
+			move: e.move,
+			count: this.history.length
+		}), this.notifyHistoryChanged();
+	}
+	popHistory() {
+		let e = this.history.pop() ?? null;
+		return e && (H.debug("[session:history] pop", {
+			turn: e.turn,
+			player: e.player,
+			move: e.move,
+			count: this.history.length
+		}), this.notifyHistoryChanged()), e;
+	}
+	canAction(e, t) {
+		return this.getPlayerFsm(e).hasNextState(t);
+	}
+	dispatch(e, t, n) {
+		let r = this.getState(e);
+		this.getPlayerFsm(e).dispatch(t, n);
+		let i = this.getState(e);
+		H.debug(`[session:fsm] ${e} ${t}`, {
+			from: r,
+			to: i,
+			requested: n,
+			local: this.getState("local"),
+			remote: this.getState("remote"),
+			turn: this.getTurnCount(),
+			history: this.history.length,
+			pending: this.pendingAction
+		}), this.notifyStateChanged();
+	}
+	setPendingAction(e) {
+		H.debug("[session:state] pending action set", {
+			from: this.pendingAction,
+			to: e
+		}), this.pendingAction = e;
+	}
+	getPendingAction() {
+		return this.pendingAction;
+	}
+	setPendingUndoCount(e) {
+		H.debug("[session:state] pending undo count set", {
+			from: this.pendingUndoCount,
+			to: e
+		}), this.pendingUndoCount = e;
+	}
+	getPendingUndoCount() {
+		return this.pendingUndoCount;
+	}
+	setLastStart(e) {
+		H.debug("[session:state] last start set", {
+			from: this.lastStart,
+			to: e
+		}), this.lastStart = e;
+	}
+	getLastStart() {
+		return this.lastStart;
+	}
+	setResumeTurn(e) {
+		H.debug("[session:state] resume turn set", {
+			from: this.resumeTurn,
+			to: e
+		}), this.resumeTurn = e;
+	}
+	getResumeTurn() {
+		return this.resumeTurn;
+	}
+	getPlayerFsm(e) {
+		return e === "local" ? this.local : this.remote;
+	}
+	notifyStateChanged() {
+		H.debug("[session:state] notify state changed", {
+			local: this.getState("local"),
+			remote: this.getState("remote"),
+			turn: this.getTurnCount(),
+			history: this.history.length,
+			pending: this.pendingAction
+		}), this.stateObserverManager.notifyStateChanged();
+	}
+	notifyHistoryChanged() {
+		H.debug("[session:state] notify history changed", {
+			turn: this.getTurnCount(),
+			history: this.history.length,
+			pending: this.pendingAction
+		}), this.stateObserverManager.notifyHistoryChanged();
+	}
+	notifyGameReset() {
+		H.debug("[session:state] notify game reset"), this.stateObserverManager.notifyGameReset();
+	}
+	dispatchPair(e, t, n, r) {
+		let i = {
+			local: this.local.getState(),
+			remote: this.remote.getState()
+		};
+		this.local.dispatch(e, t), this.remote.dispatch(n, r), H.debug("[session:fsm] pair dispatch", {
+			before: i,
+			after: {
+				local: this.local.getState(),
+				remote: this.remote.getState()
+			},
+			localAction: e,
+			localTo: t,
+			remoteAction: n,
+			remoteTo: r,
+			turn: this.getTurnCount(),
+			history: this.history.length,
+			pending: this.pendingAction
+		}), this.notifyStateChanged();
+	}
+	gameSnapshot = null;
+	saveGameSnapshot(e) {
+		this.gameSnapshot = e, H.debug("[session:state] game snapshot saved", { snapshot: e });
+	}
+	getGameSnapshot() {
+		return this.gameSnapshot;
+	}
+	clearGameSnapshot() {
+		this.gameSnapshot = null, H.debug("[session:state] game snapshot cleared");
+	}
+	hasPendingAction() {
+		return this.pendingAction !== null;
+	}
+	clearPendingStates() {
+		H.debug("[session:state] pending states cleared", {
+			pending: this.pendingAction,
+			pendingUndoCount: this.pendingUndoCount,
+			resumeTurn: this.resumeTurn
+		}), this.pendingAction = null, this.pendingUndoCount = null, this.resumeTurn = null, this.notifyStateChanged();
+	}
+	initializeUndoRequest(e, t) {
+		this.pendingAction = "undo", this.pendingUndoCount = e, this.resumeTurn = t, H.debug("[session:state] undo request initialized", {
+			undoCount: e,
+			resumeTurn: t
+		});
+	}
+	initializeRestartRequest(e) {
+		this.pendingAction = "restart", this.resumeTurn = e, H.debug("[session:state] restart request initialized", { resumeTurn: e });
+	}
+	isPendingUndo() {
+		return this.pendingAction === "undo";
+	}
+	isPendingRestart() {
+		return this.pendingAction === "restart";
+	}
+	applyUndo(e = 1) {
+		H.debug("[session:history] apply undo", { count: e });
+		for (let t = 0; t < e; t++) this.popHistory();
+	}
+	resetGame() {
+		H.debug("[session:state] reset game", {
+			local: this.getState("local"),
+			remote: this.getState("remote"),
+			history: this.history.length,
+			lastStart: this.lastStart,
+			pending: this.pendingAction
+		}), this.clearHistory(), this.local = new W("idle"), this.remote = new W("idle"), this.lastStart = null, this.pendingAction = null, this.pendingUndoCount = null, this.resumeTurn = null, this.notifyGameReset(), this.notifyStateChanged();
+	}
+	recordStartPlayer(e) {
+		this.lastStart = e, H.debug("[session:state] start player recorded", { player: e });
+	}
+	getLastMove() {
+		return this.history.length > 0 ? this.history[this.history.length - 1] : null;
+	}
+	dispatchApprove() {
+		let e = this.local.getState();
+		e === "waiting_approval" ? this.dispatchPair("APPROVE", "turn", "APPROVE", "remote_turn") : e === "approving" && this.dispatchPair("APPROVE", "remote_turn", "APPROVE", "turn");
+	}
+	dispatchReject() {
+		let e = this.local.getState();
+		if (e === "waiting_approval" || e === "approving") {
+			let e = this.resumeTurn === "local" ? "turn" : "remote_turn", t = this.resumeTurn === "local" ? "remote_turn" : "turn";
+			this.dispatchPair("REJECT", e, "REJECT", t);
+		}
+	}
+	dispatchStart(e) {
+		let t = {
+			local: this.local.getState(),
+			remote: this.remote.getState(),
+			lastStart: this.lastStart
+		};
+		e === "local" ? (this.local.dispatch("START", "turn"), this.remote.dispatch("START", "remote_turn"), this.lastStart = "local") : (this.local.dispatch("START", "remote_turn"), this.remote.dispatch("START", "turn"), this.lastStart = "remote"), H.debug("[session:fsm] start dispatch", {
+			before: t,
+			firstPlayer: e,
+			after: {
+				local: this.local.getState(),
+				remote: this.remote.getState(),
+				lastStart: this.lastStart
+			}
+		}), this.notifyStateChanged();
+	}
+	dispatchSyncComplete(e) {
+		e === "local" ? this.dispatchPair("SYNC_COMPLETE", "turn", "SYNC_COMPLETE", "remote_turn") : this.dispatchPair("SYNC_COMPLETE", "remote_turn", "SYNC_COMPLETE", "turn"), this.resumeTurn = null;
+	}
+	setGamePlugin(e) {
+		this.gamePlugin = e, H.debug("[session:plugin] game plugin set", {
+			hasInitialize: !!e.initialize,
+			hasCleanup: !!e.cleanup
+		}), e.initialize && e.initialize();
+	}
+	getGamePlugin() {
+		return this.gamePlugin;
+	}
+	validateMove(e) {
+		let t = this.buildGameState(), n = this.gamePlugin.validateMove(e, t);
+		return H.debug("[session:plugin] validate move", {
+			move: e,
+			result: n,
+			local: t.localState,
+			remote: t.remoteState,
+			turn: t.turn,
+			history: t.history.length
+		}), n;
+	}
+	checkWin() {
+		let e = this.buildGameState(), t = this.gamePlugin.checkWin(e, this.getHistory());
+		return H.debug("[session:plugin] check win", {
+			winner: t,
+			turn: e.turn,
+			history: e.history.length
+		}), t;
+	}
+	cleanupGame() {
+		this.gamePlugin.cleanup && this.gamePlugin.cleanup(), H.debug("[session:plugin] cleanup game");
+	}
+	buildGameState() {
+		return {
+			history: this.getHistory(),
+			localState: this.getState("local"),
+			remoteState: this.getState("remote"),
+			turn: this.getTurnCount(),
+			lastStart: this.getLastStart()
+		};
+	}
+}, Xe = class {
+	localPeerId;
+	remotePeerId;
+	isConnected = !1;
+	connectionChangeListener = () => {};
+	mediaStateListener = () => {};
+	constructor(e, t, n) {
+		this.client = e, this.bus = t, this.localPeerId = n ?? null, this.remotePeerId = null, this.client.onMessage((e) => {
+			let t = Be(e);
+			!t || typeof t != "object" || !t.type || this.bus.dispatch({
+				...t,
+				type: t.type,
+				from: "remote"
+			});
+		}), this.client.onStateChange((e) => {
+			let t = this.isConnected;
+			this.isConnected = e === "connected", this.connectionChangeListener(this.isConnected), this.isConnected && !t ? this.bus.emit("ONLINE", void 0, "local") : !this.isConnected && t && this.bus.emit("OFFLINE", void 0, "local");
+		}), this.client.onRemoteStream((e) => {
+			let t = !!e && e.getTracks().some((e) => e.readyState === "live");
+			this.mediaStateListener(t);
+		});
+	}
+	send(e) {
+		if (!this.isConnected) {
+			console.warn("[NetClient] Cannot send message: not connected", e.type);
+			return;
+		}
+		let t = {
+			...e,
+			from: e.from ?? this.localPeerId ?? ""
+		};
+		this.client.send(t);
+	}
+	setPeerIds(e) {
+		e.local !== void 0 && (this.localPeerId = e.local), e.remote !== void 0 && (this.remotePeerId = e.remote);
+	}
+	getPeerIds() {
+		return {
+			local: this.localPeerId,
+			remote: this.remotePeerId
+		};
+	}
+	getIsConnected() {
+		return this.isConnected;
+	}
+	onConnectionChange(e) {
+		this.connectionChangeListener = e, e(this.isConnected);
+	}
+	onMediaStateChange(e) {
+		this.mediaStateListener = e;
+	}
+}, Ze = (e, t, n) => new Xe(e, t, n), Qe = class {
+	state;
+	bus;
+	net;
+	sid;
+	constructor(e, t, n, r) {
+		this.state = e, this.bus = t, this.net = n, this.sid = r;
+	}
+	getState() {
+		return this.state;
+	}
+	getBus() {
+		return this.bus;
+	}
+	getNet() {
+		return this.net;
+	}
+	getSid() {
+		return this.sid;
+	}
+}, G = null, $e = (e, t, n, r) => {
+	G = new Qe(e, t, n, r);
+}, K = () => {
+	if (!G) throw Error("[SessionContext] Not initialized. Call initializeContext() first.");
+	return G;
+}, q = () => K().getState(), J = () => K().getBus(), et = () => K().getSid(), Y = (e) => K().getNet().send(e), tt = (e) => {
+	let t = q(), n = J(), r = et();
+	if (H.debug("[session:ready] received", {
+		from: e.from,
+		sid: e.sid,
+		localSid: r,
+		local: t.getState("local"),
+		remote: t.getState("remote")
+	}), e.from === "local") {
+		if (!t.canAction("local", "READY")) {
+			console.warn("[Ready] Cannot dispatch READY from current state", { state: t.getState("local") });
+			return;
+		}
+		t.dispatch("local", "READY"), t.dispatch("remote", "REMOTE_READY"), Y({
+			type: "READY",
+			sid: r
+		}), H.debug("[session:ready] local toggled", {
+			local: t.getState("local"),
+			remote: t.getState("remote")
+		});
+		return;
+	}
+	let i = e.sid;
+	if (!i || r !== i) {
+		console.warn("[Ready] Session ID mismatch", {
+			local: r,
+			remote: i
+		}), n.emit("REJECT", { reason: "sid-mismatch" }, "local");
+		return;
+	}
+	if (!t.canAction("remote", "READY")) {
+		console.warn("[Ready] Cannot dispatch READY for remote peer", { state: t.getState("remote") });
+		return;
+	}
+	t.dispatch("remote", "READY"), t.dispatch("local", "REMOTE_READY"), H.debug("[session:ready] remote toggled", {
+		local: t.getState("local"),
+		remote: t.getState("remote")
+	});
+}, nt = (e) => e ? e === "local" ? "remote" : "local" : Math.random() < .5 ? "local" : "remote", rt = (e) => {
+	let t = q();
+	if (H.debug("[session:start] received", {
+		from: e.from,
+		payload: e.payload,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		lastStart: t.getLastStart()
+	}), e.from === "local") {
+		if (!t.canAction("local", "START") || !t.canAction("remote", "REMOTE_START")) {
+			console.warn("[Start] Cannot START from current state", {
+				localState: t.getState("local"),
+				remoteState: t.getState("remote")
+			});
+			return;
+		}
+		let e = nt(t.getLastStart()), n = e === "local" ? "turn" : "remote_turn", r = e === "local" ? "remote_turn" : "turn";
+		t.getHistory().length > 0 && (t.clearHistory(), H.debug("[session:start] cleared previous match history")), t.setLastStart(e), t.dispatch("local", "START", n), t.dispatch("remote", "REMOTE_START", r), Y({
+			type: "START",
+			payload: { starter: e === "local" ? "sender" : "receiver" }
+		}), H.debug("[session:start] local started", { nextStarter: e });
+		return;
+	}
+	let n = e.payload?.starter;
+	if (!n) {
+		console.warn("[Start] Invalid START message format", { payload: e });
+		return;
+	}
+	if (!t.canAction("local", "REMOTE_START") || !t.canAction("remote", "START")) {
+		console.warn("[Start] Cannot START from current state", {
+			localState: t.getState("local"),
+			remoteState: t.getState("remote")
+		});
+		return;
+	}
+	let r = n === "sender" ? "remote" : "local", i = r === "local" ? "turn" : "remote_turn", a = r === "local" ? "remote_turn" : "turn";
+	t.getHistory().length > 0 && (t.clearHistory(), H.debug("[session:start] cleared previous match history")), t.setLastStart(r), t.dispatch("local", "REMOTE_START", i), t.dispatch("remote", "START", a), H.debug("[session:start] remote started", { starter: r });
+}, it = (e) => {
+	let t = q(), n = e.payload;
+	if (H.debug("[session:move] received", {
+		from: e.from,
+		payload: n,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		turn: t.getTurnCount(),
+		history: t.getHistory().length
+	}), e.from === "local") {
+		if (!t.canAction("local", "MOVE")) {
+			console.warn("[Move] Cannot MOVE from current state", { state: t.getState("local") });
+			return;
+		}
+		let e = t.validateMove(n);
+		if (!e.valid) {
+			console.warn("[Move] Move validation failed", {
+				reason: e.reason,
+				move: n
+			});
+			return;
+		}
+		t.dispatch("local", "MOVE"), t.dispatch("remote", "REMOTE_MOVE");
+		let r = t.getTurnCount();
+		t.pushHistory({
+			turn: r,
+			player: "local",
+			move: n
+		}), Y({
+			type: "MOVE",
+			turn: r,
+			payload: n
+		}), H.debug("[session:move] local move sent", {
+			turn: r,
+			payload: n
+		});
+		let i = t.checkWin();
+		if (i) {
+			H.debug("[session:move] game over detected", {
+				winner: i,
+				turn: r
+			}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), H.debug("[session:move] local game over applied", {
+				winner: i,
+				turn: r
+			});
+			return;
+		}
+		return;
+	}
+	if (!t.canAction("remote", "MOVE")) {
+		console.warn("[Move] Cannot MOVE for remote player", { state: t.getState("remote") });
+		return;
+	}
+	let r = t.validateMove(n);
+	if (!r.valid) {
+		console.warn("[Move] Remote move validation failed", {
+			reason: r.reason,
+			move: n
+		});
+		return;
+	}
+	t.dispatch("remote", "MOVE"), t.dispatch("local", "REMOTE_MOVE");
+	let i = t.getTurnCount();
+	t.pushHistory({
+		turn: i,
+		player: "remote",
+		move: n
+	});
+	let a = t.checkWin();
+	if (a) {
+		H.debug("[session:move] game over detected", {
+			winner: a,
+			turn: i
+		}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), H.debug("[session:move] remote game over applied", {
+			winner: a,
+			turn: i
+		});
+		return;
+	}
+	H.debug("[session:move] remote move applied", {
+		turn: i,
+		payload: n
+	});
+}, at = (e) => e === "undo" || e === "restart", ot = (e) => {
+	if (e.type !== "APPROVE" && e.type !== "REJECT") return;
+	let t = q(), n = e.payload, r = t.getPendingAction(), i = r ?? (e.from === "local" && e.type === "REJECT" && at(n?.action) ? n.action : null);
+	if (H.debug("[session:request] received", {
+		type: e.type,
+		from: e.from,
+		action: i,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		history: t.getHistory().length
+	}), !i) {
+		console.warn("[Request] No pending action", { commandType: e.type });
+		return;
+	}
+	if (n?.action && n.action !== i) {
+		console.warn("[Request] Action mismatch", {
+			pending: i,
+			payload: n.action
+		});
+		return;
+	}
+	if (e.from === "local") {
+		if (!r && e.type === "REJECT") {
+			Y({
+				type: "REJECT",
+				payload: {
+					action: i,
+					reason: n?.reason ?? "rejected"
+				}
+			}), H.debug("[session:request] local auto rejected", {
+				action: i,
+				reason: n?.reason
+			});
+			return;
+		}
+		if (e.type === "APPROVE") {
+			if (!t.canAction("local", "APPROVE")) {
+				console.warn("[Request] Cannot APPROVE from current state");
+				return;
+			}
+			t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), Y({
+				type: "APPROVE",
+				payload: { action: i }
+			}), t.clearPendingStates(), H.debug("[session:request] local approved", { action: i });
+			return;
+		}
+		if (!t.canAction("local", "REJECT")) {
+			console.warn("[Request] Cannot REJECT from current state");
+			return;
+		}
+		t.dispatchReject(), Y({
+			type: "REJECT",
+			payload: {
+				action: i,
+				reason: n?.reason ?? "rejected"
+			}
+		}), t.clearPendingStates(), H.debug("[session:request] local rejected", { action: i });
+		return;
+	}
+	if (e.type === "APPROVE") {
+		if (!t.canAction("local", "APPROVE")) {
+			console.warn("[Request] Cannot APPROVE from current state (remote approved)");
+			return;
+		}
+		t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), t.clearPendingStates(), H.debug("[session:request] remote approved", { action: i });
+		return;
+	}
+	if (!t.canAction("local", "REJECT")) {
+		console.warn("[Request] Cannot REJECT from current state (remote rejected)"), t.clearPendingStates();
+		return;
+	}
+	t.dispatchReject(), t.clearPendingStates(), H.debug("[session:request] remote rejected", { action: i });
+}, st = (e) => e === "local" ? "remote" : "local", ct = () => {
+	let e = q();
+	return e.getResumeTurn() ?? (e.getState("local") === "turn" ? "local" : "remote");
+}, lt = () => {
+	let e = q(), t = ct();
+	return {
+		history: e.getHistory(),
+		lastStart: e.getLastStart(),
+		turn: t,
+		resumeTurn: e.getResumeTurn()
+	};
+}, ut = () => {
+	let e = q();
+	return e.getState("local") === "syncing" || e.getState("remote") === "syncing" || e.getState("remote") === "offline" || e.getResumeTurn() !== null;
+}, dt = () => {
+	let e = q();
+	if (e.getState("local") !== "syncing") {
+		if (!e.canAction("local", "SYNC")) return H.debug("[session:sync] local cannot enter sync", { local: e.getState("local") }), !1;
+		e.dispatch("local", "SYNC", "syncing");
+	}
+	if (e.getState("remote") === "offline") {
+		if (!e.canAction("remote", "ONLINE")) return H.debug("[session:sync] offline remote cannot enter sync", { remote: e.getState("remote") }), !1;
+		e.dispatch("remote", "ONLINE", "syncing");
+	} else if (e.getState("remote") !== "syncing") {
+		if (!e.canAction("remote", "SYNC")) return H.debug("[session:sync] remote cannot enter sync", { remote: e.getState("remote") }), !1;
+		e.dispatch("remote", "SYNC", "syncing");
+	}
+	return e.getState("local") === "syncing" && e.getState("remote") === "syncing";
+}, X = (e, t) => {
+	let n = q(), r = t ? st : (e) => e;
+	e.history && e.history.length > 0 ? n.replaceHistory(e.history.map((e) => ({
+		...e,
+		player: r(e.player)
+	}))) : n.clearHistory(), e.lastStart ? n.setLastStart(r(e.lastStart)) : n.setLastStart(null);
+	let i = e.resumeTurn ? r(e.resumeTurn) : e.turn ? r(e.turn) : ct();
+	H.debug("[session:sync] state restored", {
+		historyLength: n.getHistory().length,
+		lastStart: n.getLastStart(),
+		nextTurnPlayer: i,
+		mapped: t
+	}), dt() && n.dispatchSyncComplete(i);
+}, ft = (e) => {
+	let t = q();
+	if (H.debug("[session:sync] received", {
+		type: e.type,
+		from: e.from,
+		payload: e.payload,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		history: t.getHistory().length,
+		resumeTurn: t.getResumeTurn()
+	}), e.type === "SYNC_REQUEST") {
+		if (e.from === "local") {
+			if (t.getState("local") !== "syncing" && !t.canAction("local", "SYNC")) {
+				console.warn("[Sync] Cannot SYNC from current state");
+				return;
+			}
+			t.getState("local") !== "syncing" && t.dispatch("local", "SYNC", "syncing"), t.getState("remote") !== "syncing" && t.dispatch("remote", "SYNC", "syncing"), Y({
+				type: "SYNC_REQUEST",
+				from: "",
+				payload: e.payload
+			}), H.debug("[session:sync] request sent");
+			return;
+		}
+		let n = lt();
+		Y({
+			type: "SYNC_STATE",
+			from: "",
+			payload: n
+		}), H.debug("[session:sync] state sent", n), ut() && X(n, !1);
+		return;
+	}
+	if (e.type === "SYNC_STATE") {
+		if (e.from === "local") {
+			let e = lt();
+			Y({
+				type: "SYNC_STATE",
+				from: "",
+				payload: e
+			}), H.debug("[session:sync] state pushed", e), ut() && X(e, !1);
+			return;
+		}
+		X(e.payload || {}, !0);
+	}
+}, pt = (e) => {
+	if (e.type !== "UNDO") return;
+	let t = q(), n = J();
+	if (H.debug("[session:undo] received", {
+		from: e.from,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		pending: t.getPendingAction(),
+		history: t.getHistory().length
+	}), e.from === "local") {
+		if (t.hasPendingAction()) return;
+		if (!t.canAction("local", "UNDO")) {
+			console.warn("[Undo] Cannot UNDO from current state");
+			return;
+		}
+		let e = t.getState("local"), n = e === "turn" ? 2 : 1, r = e === "turn" ? "local" : "remote";
+		if (t.getHistory().length < n) {
+			console.warn("[Undo] Not enough history to undo", { count: n });
+			return;
+		}
+		t.initializeUndoRequest(n, r), t.dispatch("local", "UNDO"), t.dispatch("remote", "REMOTE_UNDO"), Y({
+			type: "UNDO",
+			payload: { count: n }
+		}), H.debug("[session:undo] local requested", { undoCount: n });
+		return;
+	}
+	if (t.hasPendingAction()) {
+		n.emit("REJECT", {
+			action: "undo",
+			reason: "busy"
+		}, "local");
+		return;
+	}
+	if (!t.canAction("local", "REMOTE_UNDO")) {
+		console.warn("[Undo] Cannot accept remote UNDO request"), n.emit("REJECT", {
+			action: "undo",
+			reason: "invalid_state"
+		}, "local");
+		return;
+	}
+	let r = e.payload, i = r?.count === 2 ? 2 : 1;
+	if (r?.count && r.count !== 1 && r.count !== 2) {
+		n.emit("REJECT", {
+			action: "undo",
+			reason: "invalid"
+		}, "local");
+		return;
+	}
+	if (t.getHistory().length < i) {
+		n.emit("REJECT", {
+			action: "undo",
+			reason: "no_history"
+		}, "local");
+		return;
+	}
+	let a = t.getState("local") === "turn" ? "local" : "remote";
+	t.initializeUndoRequest(i, a), t.dispatch("local", "REMOTE_UNDO"), t.dispatch("remote", "UNDO"), H.debug("[session:undo] remote requested", {
+		count: i,
+		resumePlayer: a
+	});
+}, mt = (e) => {
+	if (e.type !== "RESTART") return;
+	let t = q(), n = J();
+	if (H.debug("[session:restart] received", {
+		from: e.from,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		pending: t.getPendingAction(),
+		history: t.getHistory().length
+	}), e.from === "local") {
+		if (t.hasPendingAction()) return;
+		if (!t.canAction("local", "RESTART")) {
+			console.warn("[Restart] Cannot RESTART from current state");
+			return;
+		}
+		let e = t.getState("local") === "turn" ? "local" : "remote";
+		t.initializeRestartRequest(e), t.dispatch("local", "RESTART"), t.dispatch("remote", "REMOTE_RESTART"), Y({ type: "RESTART" }), H.debug("[session:restart] local requested", { resumePlayer: e });
+		return;
+	}
+	if (t.hasPendingAction()) {
+		n.emit("REJECT", {
+			action: "restart",
+			reason: "busy"
+		}, "local");
+		return;
+	}
+	if (!t.canAction("local", "REMOTE_RESTART")) {
+		console.warn("[Restart] Cannot accept remote RESTART request"), n.emit("REJECT", {
+			action: "restart",
+			reason: "invalid_state"
+		}, "local");
+		return;
+	}
+	let r = t.getState("local") === "turn" ? "local" : "remote";
+	t.initializeRestartRequest(r), t.dispatch("local", "REMOTE_RESTART"), t.dispatch("remote", "RESTART"), H.debug("[session:restart] remote requested", { resumePlayer: r });
+}, Z = (e) => {
+	if (e.type !== "OFFLINE" && e.type !== "ONLINE") return;
+	let t = q(), n = J();
+	if (H.debug("[session:connection] received", {
+		type: e.type,
+		from: e.from,
+		local: t.getState("local"),
+		remote: t.getState("remote"),
+		pending: t.getPendingAction(),
+		resumeTurn: t.getResumeTurn()
+	}), e.type === "OFFLINE") {
+		if (t.hasPendingAction()) {
+			let e = t.getResumeTurn();
+			t.canAction("local", "SYNC") && t.dispatch("local", "SYNC", "syncing"), t.clearPendingStates(), t.setResumeTurn(e);
+		}
+		if (!t.canAction("remote", "OFFLINE")) {
+			console.warn("[Offline] Cannot transition to OFFLINE from current state");
+			return;
+		}
+		let e = t.getResumeTurn() ?? (t.getState("local") === "turn" ? "local" : "remote");
+		t.setResumeTurn(e), t.dispatch("remote", "OFFLINE", "offline"), H.debug("[session:connection] remote offline", { currentTurn: e });
+		return;
+	}
+	if (t.getState("remote") !== "offline") {
+		H.debug("[session:connection] ignored online while remote is not offline", { remote: t.getState("remote") });
+		return;
+	}
+	if (!t.canAction("remote", "ONLINE")) {
+		console.warn("[Offline] Cannot transition to ONLINE from current state");
+		return;
+	}
+	t.dispatch("remote", "ONLINE", "syncing"), n.emit("SYNC_STATE", void 0, "local"), H.debug("[session:connection] remote online, sync state pushed");
+}, ht = (e) => {
+	e.register("READY", tt), e.register("START", rt), e.register("MOVE", it), e.register("UNDO", pt), e.register("RESTART", mt), e.register("SYNC_REQUEST", ft), e.register("SYNC_STATE", ft), e.register("OFFLINE", Z), e.register("ONLINE", Z), e.register("APPROVE", ot), e.register("REJECT", ot);
+}, gt = class {
+	constructor(e) {
+		this.bus = e;
+	}
+	ready() {
+		this.bus.emit("READY");
+	}
+	start() {
+		this.bus.emit("START");
+	}
+	move(e) {
+		this.bus.emit("MOVE", e);
+	}
+	undo() {
+		this.bus.emit("UNDO");
+	}
+	restart() {
+		this.bus.emit("RESTART");
+	}
+	approve() {
+		this.bus.emit("APPROVE");
+	}
+	reject() {
+		this.bus.emit("REJECT");
+	}
+	rejoin(e) {
+		this.bus.emit("REJOIN", { sid: e });
+	}
+}, _t = (e, t) => {
+	let n = new Ve(), r = new Ye(null, null), i = new Ke(), a = Ze(e, n, null), o = new Je(r, i, () => a.getIsConnected());
+	r.subscribeStateObserver(o), $e(r, n, a, t), ht(n);
+	let s = new gt(n);
+	return a.onConnectionChange((e) => {
+		i.notifyConnectionChange(e), i.notifyStateChange(qe(r, e));
+	}), {
+		bus: n,
+		state: r,
+		observer: i,
+		net: a,
+		actions: s,
+		send: a.send.bind(a)
+	};
+}, vt = "wss://signal.jiahengli.xyz", yt = (e) => ({
+	screen: "lobby",
+	gameTitle: e?.gameTitle || "P2P Lockstep",
+	sessionId: e?.sessionId || "default-session",
+	signalUrl: e?.signalUrl || "wss://signal.jiahengli.xyz",
+	targetId: "",
+	peerId: "",
+	remotePeerId: "",
+	connectionState: "idle",
+	connected: !1,
+	registering: !1,
+	connecting: !1,
+	readySelf: !1,
+	readyPeer: !1,
+	canReady: !1,
+	canStart: !1,
+	canUndo: !1,
+	canRestart: !1,
+	started: !1,
+	currentTurn: 1,
+	turnOwner: null,
+	localState: "idle",
+	remoteState: "idle",
+	pendingAction: null,
+	historyLength: 0,
+	lastStart: null,
+	lastError: ""
+}), Q = {
+	open: !1,
+	title: "",
+	description: "",
+	confirmLabel: "Approve",
+	cancelLabel: "Reject"
+}, bt = {
+	open: !1,
+	message: ""
+}, xt = [
+	"turn",
+	"remote_turn",
+	"approving",
+	"waiting_approval",
+	"syncing"
+], St = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"game-title",
+			"session-id",
+			"signal-url"
+		];
+	}
+	#e = !1;
+	#t = yt();
+	#n = Q;
+	#r = bt;
+	#i = null;
+	#a = null;
+	#o = null;
+	#s = null;
+	#c = new Re();
+	#l = null;
+	#u = null;
+	#d = null;
+	#f = null;
+	connectedCallback() {
+		this.#e || (this.#e = !0, this.#t = yt({
+			gameTitle: this.getAttribute("game-title") ?? void 0,
+			sessionId: this.getAttribute("session-id") ?? void 0,
+			signalUrl: this.getAttribute("signal-url") ?? void 0
+		}), this.render(), this.addEventListener("lockstep-register", this.#C), this.addEventListener("lockstep-connect", this.#w), this.addEventListener("lockstep-signal-change", this.#T), this.addEventListener("lockstep-target-change", this.#E), this.addEventListener("lockstep-share-detected", this.#D), this.addEventListener("lockstep-copy-share", this.#O), this.addEventListener("lockstep-ready", this.#k), this.addEventListener("lockstep-start", this.#A), this.addEventListener("lockstep-undo", this.#j), this.addEventListener("lockstep-restart", this.#M), this.addEventListener("lockstep-dialog-confirm", this.#N), this.addEventListener("lockstep-dialog-cancel", this.#P), this.#p(), this.#m());
+	}
+	disconnectedCallback() {
+		this.removeEventListener("lockstep-register", this.#C), this.removeEventListener("lockstep-connect", this.#w), this.removeEventListener("lockstep-signal-change", this.#T), this.removeEventListener("lockstep-target-change", this.#E), this.removeEventListener("lockstep-share-detected", this.#D), this.removeEventListener("lockstep-copy-share", this.#O), this.removeEventListener("lockstep-ready", this.#k), this.removeEventListener("lockstep-start", this.#A), this.removeEventListener("lockstep-undo", this.#j), this.removeEventListener("lockstep-restart", this.#M), this.removeEventListener("lockstep-dialog-confirm", this.#N), this.removeEventListener("lockstep-dialog-cancel", this.#P), this.#d &&= (window.clearTimeout(this.#d), null), this.#c.disconnect();
+	}
+	attributeChangedCallback(e, t, n) {
+		this.#e && (e === "game-title" && n && this.#y({ gameTitle: n }), e === "session-id" && n && this.#y({ sessionId: n }), e === "signal-url" && n && this.#y({ signalUrl: n }));
+	}
+	getRuntime() {
+		return this.#u;
+	}
+	getBoardHost() {
+		return this.#a?.getBoardHost() ?? null;
+	}
+	render() {
+		this.className = "block min-h-svh bg-[var(--lock-bg-deep)] text-[var(--lock-paper)]", this.innerHTML = `
+      <div class="relative min-h-svh overflow-hidden bg-[radial-gradient(circle_at_18%_8%,rgba(255,255,255,0.85),transparent_28%),linear-gradient(145deg,var(--lock-bg),var(--lock-bg-deep))]">
+        <div class="pointer-events-none absolute inset-0 hidden opacity-[0.45] sm:block bg-[linear-gradient(rgba(28,28,26,0.035)_1px,transparent_1px),linear-gradient(90deg,rgba(28,28,26,0.03)_1px,transparent_1px)] bg-[size:3.25rem_3.25rem]"></div>
+
+        <main class="relative mx-auto flex min-h-svh max-w-7xl flex-col px-3 py-3 sm:px-6 sm:py-6 lg:px-8 lg:py-8">
+          <header class="lock-enter mb-5 hidden flex-wrap items-center justify-between gap-4 rounded-[1.25rem] border border-[var(--lock-border)] bg-[rgba(255,255,252,0.72)] px-4 py-3 shadow-sm backdrop-blur-xl sm:flex">
+            <div class="flex items-center gap-3">
+              <div>
+                <p class="text-sm font-semibold text-[var(--lock-paper)]">P2P Lockstep</p>
+                <p class="text-xs text-[var(--lock-muted)]">private match console</p>
+              </div>
+            </div>
+            <div data-shell-connection-state class="rounded-full border border-[var(--lock-border)] bg-[rgba(255,255,252,0.78)] px-3 py-1 text-xs uppercase tracking-[0.16em] text-[var(--lock-muted)]">
+              ${this.#t.connectionState}
+            </div>
+          </header>
+
+          <div class="flex-1 lock-enter">
+            <p2p-lockstep-lobby-page ${this.#t.screen === "lobby" ? "" : "hidden"}></p2p-lockstep-lobby-page>
+            <p2p-lockstep-game-page ${this.#t.screen === "game" ? "" : "hidden"}></p2p-lockstep-game-page>
+          </div>
+        </main>
+
+        <p2p-lockstep-confirm-dialog></p2p-lockstep-confirm-dialog>
+        <p2p-lockstep-toast-message></p2p-lockstep-toast-message>
+      </div>
+    `, this.#i = this.querySelector("p2p-lockstep-lobby-page"), this.#a = this.querySelector("p2p-lockstep-game-page"), this.#o = this.querySelector("p2p-lockstep-confirm-dialog"), this.#s = this.querySelector("p2p-lockstep-toast-message"), this.#b();
+	}
+	#p() {
+		this.#l = _t(this.#c, this.#t.sessionId), this.#u = {
+			setGamePlugin: (e) => this.#l?.state.setGamePlugin(e),
+			actions: { move: (e) => this.#l?.actions.move(e) },
+			observer: {
+				subscribe: (e) => this.#l?.observer.subscribe({
+					onStateChange: e.onStateChange,
+					onConnectionChange: e.onConnectionChange,
+					onError: e.onError,
+					onGameEvent: e.onGameEvent ?? (() => {})
+				}) ?? (() => {}),
+				getSnapshot: () => this.#l?.observer.getSnapshot() ?? null
+			}
+		}, this.#f = {
+			onStateChange: (e) => this.#_(e),
+			onConnectionChange: (e) => this.#v(e),
+			onGameEvent: () => {},
+			onError: (e) => {
+				this.#y({
+					lastError: e.message,
+					connectionState: "error"
+				}), this.#x(e.message);
+			}
+		}, this.#l.observer.subscribe(this.#f), this.#y({
+			localState: "idle",
+			remoteState: "idle",
+			currentTurn: 1
+		});
+	}
+	async #m() {
+		let e = Ce();
+		e.signalUrl && this.#y({ signalUrl: e.signalUrl }), e.peerId && this.#y({ targetId: e.peerId }), this.#t.signalUrl && (await this.#h(this.#t.signalUrl, !0), e.peerId && await this.#g(e.peerId, !0));
+	}
+	async #h(e, t = !1) {
+		let n = e.trim();
+		if (n) {
+			this.#y({
+				signalUrl: n,
+				registering: !0,
+				connectionState: "registering",
+				lastError: ""
+			});
+			try {
+				let { peerId: e } = await this.#c.register(n);
+				this.#l?.net.setPeerIds({
+					local: e,
+					remote: this.#t.remotePeerId || null
+				}), this.#y({
+					peerId: e,
+					registering: !1,
+					connectionState: "registered"
+				}), t || this.#x("Peer registered. You can share the link now.");
+			} catch (e) {
+				this.#y({
+					registering: !1,
+					connectionState: "error",
+					lastError: e instanceof Error ? e.message : "Failed to register signaling session."
+				}), this.#x(this.#t.lastError || "Failed to register signaling session.");
+			}
+		}
+	}
+	async #g(e, t = !1) {
+		let n = e.trim();
+		if (n) {
+			!this.#t.peerId && this.#t.signalUrl && await this.#h(this.#t.signalUrl, !0), this.#y({
+				targetId: n,
+				remotePeerId: n,
+				connecting: !0,
+				connectionState: "connecting",
+				screen: "game"
+			}), this.#l?.net.setPeerIds({
+				local: this.#t.peerId || null,
+				remote: n
+			});
+			try {
+				await this.#c.connect(n), this.#y({ connecting: !1 }), t || this.#x("Connection request sent.");
+			} catch (e) {
+				this.#y({
+					connecting: !1,
+					connectionState: "error",
+					lastError: e instanceof Error ? e.message : "Failed to start peer connection."
+				}), this.#x(this.#t.lastError || "Failed to start peer connection.");
+			}
+		}
+	}
+	#_(e) {
+		let t = e.connected, n = e.localState === "ready", r = e.remoteState === "ready", i = t && e.localState === "idle", a = t && e.localState === "could_start", o = t && (e.localState === "turn" || e.localState === "remote_turn") && !e.pendingAction && e.history.length > 0, s = t && (e.localState === "turn" || e.localState === "remote_turn") && !e.pendingAction, c = xt.includes(e.localState) || e.localState === "offline" && e.lastStart !== null, l = e.localState === "turn" ? "me" : e.localState === "remote_turn" ? "peer" : null;
+		this.#y({
+			readySelf: n,
+			readyPeer: r,
+			connected: t,
+			connectionState: t ? "connected" : this.#t.connectionState,
+			canReady: i,
+			canStart: a,
+			canUndo: o,
+			canRestart: s,
+			screen: t ? "game" : this.#t.screen,
+			started: c,
+			currentTurn: e.turn,
+			turnOwner: l,
+			localState: e.localState,
+			remoteState: e.remoteState,
+			pendingAction: e.pendingAction,
+			historyLength: e.history.length,
+			lastStart: e.lastStart
+		}), e.localState === "approving" && e.pendingAction ? this.#n = {
+			open: !0,
+			title: e.pendingAction === "undo" ? "Undo request pending" : "Restart request pending",
+			description: e.pendingAction === "undo" ? "Your peer wants to roll the match back. Approve the undo or reject it and keep the current board." : "Your peer wants to restart the match. Approve to reset the board shell or reject to continue.",
+			confirmLabel: "Approve",
+			cancelLabel: "Reject"
+		} : this.#n.open && (this.#n = Q), this.#b();
+	}
+	#v(e) {
+		let t = this.#t.screen === "game", n = this.#c.peerState(), r = this.#c.getRemotePeerId() ?? this.#t.remotePeerId, i = this.#c.getLocalPeerId() ?? this.#t.peerId, a = e || n === "requesting" || t, o = n === "connected" ? "connected" : n === "requesting" ? "connecting" : t ? "offline" : i ? "registered" : "idle";
+		this.#y({
+			peerId: i,
+			remotePeerId: r,
+			connected: e,
+			connecting: n === "requesting",
+			connectionState: o,
+			screen: a ? "game" : "lobby"
+		}), e ? this.#x("Peer connected. Game page is live.") : n === "requesting" && !t ? this.#x("Peer connection request received.") : t && i && this.#x("Peer disconnected. Waiting for reconnect.");
+	}
+	#y(e) {
+		this.#t = {
+			...this.#t,
+			...e
+		}, this.#e && this.#b();
+	}
+	#b() {
+		let e = this.#i, t = this.#a, n = this.#o, r = this.#s;
+		if (!e || !t || !n || !r) return;
+		e.toggleAttribute("hidden", this.#t.screen !== "lobby"), t.toggleAttribute("hidden", this.#t.screen !== "game");
+		let i = this.querySelector("[data-shell-connection-state]");
+		i && (i.textContent = this.#t.connectionState), e.state = {
+			gameTitle: this.#t.gameTitle,
+			signalUrl: this.#t.signalUrl,
+			targetId: this.#t.targetId,
+			peerId: this.#t.peerId,
+			remotePeerId: this.#t.remotePeerId,
+			connectionState: this.#t.connectionState,
+			registering: this.#t.registering,
+			connecting: this.#t.connecting
+		}, t.state = {
+			gameTitle: this.#t.gameTitle,
+			peerId: this.#t.peerId,
+			remotePeerId: this.#t.remotePeerId,
+			connected: this.#t.connected,
+			connectionState: this.#t.connectionState,
+			readySelf: this.#t.readySelf,
+			readyPeer: this.#t.readyPeer,
+			canReady: this.#t.canReady,
+			canStart: this.#t.canStart,
+			canUndo: this.#t.canUndo,
+			canRestart: this.#t.canRestart,
+			started: this.#t.started,
+			currentTurn: this.#t.currentTurn,
+			turnOwner: this.#t.turnOwner,
+			localState: this.#t.localState,
+			remoteState: this.#t.remoteState,
+			pendingAction: this.#t.pendingAction,
+			sessionId: this.#t.sessionId
+		}, n.state = this.#n, r.state = this.#r;
+	}
+	#x(e) {
+		e && (this.#d && window.clearTimeout(this.#d), this.#r = {
+			open: !0,
+			message: e
+		}, this.#b(), this.#d = window.setTimeout(() => {
+			this.#r = bt, this.#b(), this.#d = null;
+		}, 2200));
+	}
+	async #S(e) {
+		if (e) {
+			try {
+				if (navigator.clipboard?.writeText) {
+					await navigator.clipboard.writeText(e), this.#x("Share link copied.");
+					return;
+				}
+			} catch {}
+			window.prompt("Copy share link", e);
+		}
+	}
+	#C = (e) => {
+		this.#h(e.detail.signalUrl);
+	};
+	#w = (e) => {
+		this.#g(e.detail.targetId);
+	};
+	#T = (e) => {
+		this.#y({ signalUrl: e.detail.signalUrl });
+	};
+	#E = (e) => {
+		this.#y({ targetId: e.detail.targetId });
+	};
+	#D = (e) => {
+		this.#y({
+			targetId: e.detail.peerId,
+			signalUrl: e.detail.signalUrl || this.#t.signalUrl
+		});
+	};
+	#O = (e) => {
+		this.#S(e.detail.value);
+	};
+	#k = () => {
+		this.#l?.actions.ready(), this.#x(this.#t.readySelf ? "Ready state cleared." : "Ready state sent.");
+	};
+	#A = () => {
+		this.#l?.actions.start(), this.#x("Start request sent.");
+	};
+	#j = () => {
+		this.#l?.actions.undo(), this.#x("Undo request sent.");
+	};
+	#M = () => {
+		this.#l?.actions.restart(), this.#x("Restart request sent.");
+	};
+	#N = () => {
+		this.#l?.actions.approve(), this.#n = Q, this.#b(), this.#x("Request approved.");
+	};
+	#P = () => {
+		this.#l?.actions.reject(), this.#n = Q, this.#b(), this.#x("Request rejected.");
+	};
+}, $ = (e, t) => {
+	customElements.get(e) || customElements.define(e, t);
+}, Ct = () => {
+	$("p2p-lockstep-share-panel", k), $("p2p-lockstep-status-panel", M), $("p2p-lockstep-action-bar", d), $("p2p-lockstep-confirm-dialog", g), $("p2p-lockstep-toast-message", N), $("p2p-lockstep-board-host", P), $("p2p-lockstep-lobby-page", I), $("p2p-lockstep-game-page", L), $("p2p-lockstep-app", St);
+};
+Ct();
+//#endregion
+export { vt as DEFAULT_SIGNAL_URL, d as P2PLockstepActionBarElement, St as P2PLockstepAppElement, P as P2PLockstepBoardHostElement, g as P2PLockstepConfirmDialogElement, L as P2PLockstepGamePageElement, I as P2PLockstepLobbyPageElement, k as P2PLockstepSharePanelElement, M as P2PLockstepStatusPanelElement, N as P2PLockstepToastMessageElement, Ct as defineP2PLockstepUi };
+
+//# sourceMappingURL=index.js.map