@pieai/swimmer-ui-kit 1.11.2 → 2.0.0

package/dist/index.js

@@ -90,21 +90,21 @@ function O() {
 		used: D
 	};
 }
-function k(e) {
+function ee(e) {
 	E = Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
 }
-function A() {
+function k() {
 	return D >= E ? !1 : (D += 1, !0);
 }
-function j() {
+function te() {
 	D > 0 && --D;
 }
-function ee(e) {
+function ne(e) {
 	return !(e.renderer === "css" || !e.hasWebGL2 || e.prefersReducedMotion || !e.isInViewport);
 }
 //#endregion
 //#region src/liquidMetalWebGL.ts
-var M = "#version 300 es\nin vec2 position; void main(){ gl_Position = vec4(position,0.,1.); }", N = "#version 300 es\nprecision highp float;\nout vec4 o;\n\nuniform vec2  uC;        // pill centre, device px\nuniform vec2  uHalf;     // pill half-extent, device px\nuniform float uT;        // seconds\nuniform float uHover;    // 0..1\nuniform float uPress;    // 0..1, eased\nuniform vec4  uRip[3];   // xy centre (button heights, +y down), z start, w live\nuniform vec4  uRipK;     // speed, ring width, decay, amplitude\nuniform vec4  uRipK2;    // facet depth, facet count, crest sharpness, emission\nuniform vec4  uPtr;      // xy trailing cursor, z strength, w normalised speed\nuniform vec4  uPtrK;     // radius, base amplitude, speed amplitude, rim lift\nuniform vec3  uAccent;   // brand tint from computed --game-ui-liquid-metal-accent\n\n#define PI 3.14159265\n\nfloat sdPill(vec2 p, vec2 b, float r){\n  vec2 q = abs(p) - b + r;\n  return min(max(q.x,q.y),0.) + length(max(q,0.)) - r;\n}\n\n/* Expanding ring from each press, in button-height units.  Three slots so a\n   quick double-tap overlaps instead of cutting the first one off.\n\n   Two things keep it from reading as a water ripple: the wavefront is\n   faceted rather than circular — its radius is modulated by angle, and the\n   facets rotate as it travels — and the crest profile is a cusp rather than\n   a gaussian, so it lands as a crease in sheet metal instead of a soft swell. */\nfloat ripple(vec2 p, float t){\n  float sum = 0.;\n  for(int i = 0; i < 3; i++){\n    if(uRip[i].w < 0.5) continue;\n    float age = t - uRip[i].z;\n    if(age < 0. || age > 4.) continue;\n    vec2  rp = p - uRip[i].xy;\n    float facet = 1. + uRipK2.x * cos(uRipK2.y * atan(rp.y, rp.x) + age * 2.1 + float(i) * 2.4);\n    float x = (length(rp) - age * uRipK.x * facet) / uRipK.y;\n    sum += exp(-pow(abs(x) + 1e-4, uRipK2.z)) * exp(-age * uRipK.z);\n  }\n  return sum;\n}\n\n/* A soft well under the cursor.  It lags behind the real pointer and swells\n   with speed, so moving across the button drags the metal rather than sliding\n   a static blob over it. */\nfloat pointerW(vec2 p){\n  if(uPtr.z < 0.001) return 0.;\n  float d = length(p - uPtr.xy) / uPtrK.x;\n  return exp(-d*d) * uPtr.z;\n}\n/* Displacing the sample point, not the field value, is what makes this read as\n   liquid: the bands bulge and stretch around the cursor like a lens instead of\n   just getting brighter under it. */\nvec2 pointerWarp(vec2 p){\n  float w = pointerW(p);\n  if(w <= 0.) return vec2(0.);\n  return normalize(p - uPtr.xy + vec2(1e-5)) * w * (uPtrK.y + uPtrK.z * uPtr.w);\n}\n", P = `${N}
+var A = "#version 300 es\nin vec2 position; void main(){ gl_Position = vec4(position,0.,1.); }", j = "#version 300 es\nprecision highp float;\nout vec4 o;\n\nuniform vec2  uC;        // pill centre, device px\nuniform vec2  uHalf;     // pill half-extent, device px\nuniform float uT;        // seconds\nuniform float uHover;    // 0..1\nuniform float uPress;    // 0..1, eased\nuniform vec4  uRip[3];   // xy centre (button heights, +y down), z start, w live\nuniform vec4  uRipK;     // speed, ring width, decay, amplitude\nuniform vec4  uRipK2;    // facet depth, facet count, crest sharpness, emission\nuniform vec4  uPtr;      // xy trailing cursor, z strength, w normalised speed\nuniform vec4  uPtrK;     // radius, base amplitude, speed amplitude, rim lift\nuniform vec3  uAccent;   // brand tint from computed --game-ui-liquid-metal-accent\n\n#define PI 3.14159265\n\nfloat sdPill(vec2 p, vec2 b, float r){\n  vec2 q = abs(p) - b + r;\n  return min(max(q.x,q.y),0.) + length(max(q,0.)) - r;\n}\n\n/* Expanding ring from each press, in button-height units.  Three slots so a\n   quick double-tap overlaps instead of cutting the first one off.\n\n   Two things keep it from reading as a water ripple: the wavefront is\n   faceted rather than circular — its radius is modulated by angle, and the\n   facets rotate as it travels — and the crest profile is a cusp rather than\n   a gaussian, so it lands as a crease in sheet metal instead of a soft swell. */\nfloat ripple(vec2 p, float t){\n  float sum = 0.;\n  for(int i = 0; i < 3; i++){\n    if(uRip[i].w < 0.5) continue;\n    float age = t - uRip[i].z;\n    if(age < 0. || age > 4.) continue;\n    vec2  rp = p - uRip[i].xy;\n    float facet = 1. + uRipK2.x * cos(uRipK2.y * atan(rp.y, rp.x) + age * 2.1 + float(i) * 2.4);\n    float x = (length(rp) - age * uRipK.x * facet) / uRipK.y;\n    sum += exp(-pow(abs(x) + 1e-4, uRipK2.z)) * exp(-age * uRipK.z);\n  }\n  return sum;\n}\n\n/* A soft well under the cursor.  It lags behind the real pointer and swells\n   with speed, so moving across the button drags the metal rather than sliding\n   a static blob over it. */\nfloat pointerW(vec2 p){\n  if(uPtr.z < 0.001) return 0.;\n  float d = length(p - uPtr.xy) / uPtrK.x;\n  return exp(-d*d) * uPtr.z;\n}\n/* Displacing the sample point, not the field value, is what makes this read as\n   liquid: the bands bulge and stretch around the cursor like a lens instead of\n   just getting brighter under it. */\nvec2 pointerWarp(vec2 p){\n  float w = pointerW(p);\n  if(w <= 0.) return vec2(0.);\n  return normalize(p - uPtr.xy + vec2(1e-5)) * w * (uPtrK.y + uPtrK.z * uPtr.w);\n}\n", M = `${j}
 uniform float uBw;       // stroke half-width, device px
 uniform float uE[8];     // base, hot, chroma-across, chroma-along, speed,
                          // topBias, press lift, ripple lift
@@ -174,7 +174,7 @@ void main(){
   // what make it metal, and replacing them with a flat accent would turn
   // the rim into a neon sticker.
   o.rgb *= mix(vec3(1.0), uAccent, 0.40);
-}`, te = `${N}
+}`, re = `${j}
 uniform float uP[21];    // tunables
 
 float h21(vec2 p){
@@ -296,7 +296,7 @@ void main(){
   col = col * (1. + rip * 1.15 + well * 0.60);
 
   o = vec4(col * pill * uHover, pill);
-}`, ne = "#version 300 es\nprecision highp float;\nout vec4 o;\nuniform sampler2D uTex, uTex2;\nuniform vec2 uDstTexel;   // 1 / destination size  (maps dest fragCoord -> uv)\nuniform vec2 uSrcTexel;   // 1 / source size       (tap spacing)\nuniform float uAdd;       // 1 to include uTex2\nvoid main(){\n  vec2 uv = gl_FragCoord.xy * uDstTexel;\n  // Taps sit a quarter of a *destination* texel out, so for a 2x reduction\n  // they land exactly on the four source texel centres.  Spacing them by a\n  // whole source texel instead — as this did originally — skips every other\n  // pixel, and any fine detail in the field folds down into low-frequency\n  // moiré that no amount of subsequent blurring can remove.\n  vec2 e = uDstTexel * 0.25;\n  vec4 s = texture(uTex, uv + vec2(-e.x,-e.y)) + texture(uTex, uv + vec2( e.x,-e.y))\n         + texture(uTex, uv + vec2(-e.x, e.y)) + texture(uTex, uv + vec2( e.x, e.y));\n  s *= 0.25;\n  if(uAdd > 0.5){\n    vec4 r = texture(uTex2, uv + vec2(-e.x,-e.y)) + texture(uTex2, uv + vec2( e.x,-e.y))\n           + texture(uTex2, uv + vec2(-e.x, e.y)) + texture(uTex2, uv + vec2( e.x, e.y));\n    s.rgb += r.rgb * 0.25;\n  }\n  o = s;\n}", re = "#version 300 es\nprecision highp float;\nout vec4 o;\nuniform sampler2D uTex; uniform vec2 uTexel; uniform vec2 uDir; uniform float uR;\nvoid main(){\n  vec2 uv = gl_FragCoord.xy * uTexel;\n  vec2 st = uTexel * uDir * uR;\n  vec4 s = texture(uTex, uv) * 0.1964;\n  s += (texture(uTex, uv + st*1.4118) + texture(uTex, uv - st*1.4118)) * 0.2969;\n  s += (texture(uTex, uv + st*3.2941) + texture(uTex, uv - st*3.2941)) * 0.0944;\n  s += (texture(uTex, uv + st*5.1765) + texture(uTex, uv - st*5.1765)) * 0.0104;\n  o = s;\n}", ie = `${N}
+}`, ie = "#version 300 es\nprecision highp float;\nout vec4 o;\nuniform sampler2D uTex, uTex2;\nuniform vec2 uDstTexel;   // 1 / destination size  (maps dest fragCoord -> uv)\nuniform vec2 uSrcTexel;   // 1 / source size       (tap spacing)\nuniform float uAdd;       // 1 to include uTex2\nvoid main(){\n  vec2 uv = gl_FragCoord.xy * uDstTexel;\n  // Taps sit a quarter of a *destination* texel out, so for a 2x reduction\n  // they land exactly on the four source texel centres.  Spacing them by a\n  // whole source texel instead — as this did originally — skips every other\n  // pixel, and any fine detail in the field folds down into low-frequency\n  // moiré that no amount of subsequent blurring can remove.\n  vec2 e = uDstTexel * 0.25;\n  vec4 s = texture(uTex, uv + vec2(-e.x,-e.y)) + texture(uTex, uv + vec2( e.x,-e.y))\n         + texture(uTex, uv + vec2(-e.x, e.y)) + texture(uTex, uv + vec2( e.x, e.y));\n  s *= 0.25;\n  if(uAdd > 0.5){\n    vec4 r = texture(uTex2, uv + vec2(-e.x,-e.y)) + texture(uTex2, uv + vec2( e.x,-e.y))\n           + texture(uTex2, uv + vec2(-e.x, e.y)) + texture(uTex2, uv + vec2( e.x, e.y));\n    s.rgb += r.rgb * 0.25;\n  }\n  o = s;\n}", ae = "#version 300 es\nprecision highp float;\nout vec4 o;\nuniform sampler2D uTex; uniform vec2 uTexel; uniform vec2 uDir; uniform float uR;\nvoid main(){\n  vec2 uv = gl_FragCoord.xy * uTexel;\n  vec2 st = uTexel * uDir * uR;\n  vec4 s = texture(uTex, uv) * 0.1964;\n  s += (texture(uTex, uv + st*1.4118) + texture(uTex, uv - st*1.4118)) * 0.2969;\n  s += (texture(uTex, uv + st*3.2941) + texture(uTex, uv - st*3.2941)) * 0.0944;\n  s += (texture(uTex, uv + st*5.1765) + texture(uTex, uv - st*5.1765)) * 0.0104;\n  o = s;\n}", N = `${j}
 uniform sampler2D uSoft, uRim, uGlow;
 uniform vec2  uRes;
 uniform float uGlowGain, uGlowIn, uOccl, uDim, uPunch;
@@ -345,7 +345,7 @@ void main(){
   // CSS underneath, and this layer adds light on top of them
   float a = clamp(max(rgb.r, max(rgb.g, rgb.b)), 0., 1.);
   o = vec4(min(rgb, vec3(1.)), a);
-}`, ae = {
+}`, oe = {
 	valFreq: .5,
 	valAmp: .55,
 	dens: 2.4,
@@ -367,7 +367,7 @@ void main(){
 	litLo: -.26,
 	litHi: .1,
 	dim: .44
-}, oe = Object.keys(ae), se = {
+}, se = Object.keys(oe), ce = {
 	base: .2,
 	hot: .82,
 	chromA: .42,
@@ -376,14 +376,14 @@ void main(){
 	top: .35,
 	press: .85,
 	ripple: 1.6
-}, ce = Object.keys(se), le = {
+}, le = Object.keys(ce), ue = {
 	glow: 1.95,
 	glowR: 1.3,
 	glowIn: .3,
 	occl: .62,
 	soften: .24,
 	punch: 1.5
-}, F = {
+}, P = {
 	speed: 1.85,
 	width: .2,
 	decay: 1.35,
@@ -399,7 +399,7 @@ void main(){
 	ptrLag: .0016,
 	ptrVref: 4.5
 };
-function ue(e) {
+function de(e) {
 	let t = e.trim(), n = /^#([0-9a-f]{3,8})$/i.exec(t);
 	if (n?.[1]) {
 		let e = n[1];
@@ -424,11 +424,11 @@ function ue(e) {
 		1
 	];
 }
-function de(e, t, n) {
+function fe(e, t, n) {
 	let r = Number.parseFloat(e.getPropertyValue(t).trim());
 	return Number.isFinite(r) ? r : n;
 }
-function fe(e, t) {
+function pe(e, t) {
 	let n = (e) => t[e] ?? null;
 	return {
 		f1: (t, r) => e.uniform1f(n(t), r),
@@ -440,7 +440,7 @@ function fe(e, t) {
 		i1: (t, r) => e.uniform1i(n(t), r)
 	};
 }
-function pe(e, t, n) {
+function me(e, t, n) {
 	if (typeof e.getContext != "function") return null;
 	let r = null;
 	try {
@@ -456,21 +456,21 @@ function pe(e, t, n) {
 	if (!r) return null;
 	let i = r;
 	try {
-		return he(i, e, t, n);
+		return ge(i, e, t, n);
 	} catch {
 		return i.getExtension("WEBGL_lose_context")?.loseContext(), null;
 	}
 }
-function me(e, t, n) {
+function he(e, t, n) {
 	let r = e.createShader(t);
 	if (!r) throw Error("liquid-metal: createShader returned null");
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) throw Error(e.getShaderInfoLog(r) ?? "liquid-metal: shader compile failed");
 	return r;
 }
-function I(e, t) {
+function F(e, t) {
 	let n = e.createProgram();
 	if (!n) throw Error("liquid-metal: createProgram returned null");
-	if (e.attachShader(n, me(e, e.VERTEX_SHADER, M)), e.attachShader(n, me(e, e.FRAGMENT_SHADER, t)), e.bindAttribLocation(n, 0, "position"), e.linkProgram(n), !e.getProgramParameter(n, e.LINK_STATUS)) throw Error(e.getProgramInfoLog(n) ?? "liquid-metal: program link failed");
+	if (e.attachShader(n, he(e, e.VERTEX_SHADER, A)), e.attachShader(n, he(e, e.FRAGMENT_SHADER, t)), e.bindAttribLocation(n, 0, "position"), e.linkProgram(n), !e.getProgramParameter(n, e.LINK_STATUS)) throw Error(e.getProgramInfoLog(n) ?? "liquid-metal: program link failed");
 	let r = {}, i = e.getProgramParameter(n, e.ACTIVE_UNIFORMS);
 	for (let t = 0; t < i; t += 1) {
 		let i = e.getActiveUniform(n, t);
@@ -481,8 +481,8 @@ function I(e, t) {
 		u: r
 	};
 }
-function he(e, t, n, r) {
-	let i = I(e, te), a = I(e, P), o = I(e, ne), s = I(e, re), c = I(e, ie), l = e.createVertexArray(), u = e.createBuffer();
+function ge(e, t, n, r) {
+	let i = F(e, re), a = F(e, M), o = F(e, ie), s = F(e, ae), c = F(e, N), l = e.createVertexArray(), u = e.createBuffer();
 	if (!l || !u) throw Error("liquid-metal: VAO/VBO unavailable");
 	e.bindVertexArray(l), e.bindBuffer(e.ARRAY_BUFFER, u), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 		-1,
@@ -508,7 +508,7 @@ function he(e, t, n, r) {
 	}
 	let m = f(), h = f(), g = f(), _ = f(), v = f(), y = f(), b = 0, x = 0, S = 0, C = 0, w = 0, T = 0, E = 4, D = !0, O = document.createElement("span");
 	O.setAttribute("aria-hidden", "true"), O.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;color:var(--game-ui-liquid-metal-accent)", r.appendChild(O);
-	function k() {
+	function ee() {
 		let e = n.getBoundingClientRect(), r = Math.min(window.devicePixelRatio || 1, 2), i = 900 / 516 * Math.max(e.height, 1), a = e.width + i * 2, o = e.height + i * 2;
 		t.style.width = `${a}px`, t.style.height = `${o}px`;
 		let s = Math.max(2, Math.round(a * r)), c = Math.max(2, Math.round(o * r));
@@ -518,10 +518,10 @@ function he(e, t, n, r) {
 		let d = Math.max(2, Math.ceil(b / E)), f = Math.max(2, Math.ceil(x / E));
 		p(v, d, f), p(y, d, f), D = !1;
 	}
-	function A(t) {
+	function k(t) {
 		e.bindFramebuffer(e.FRAMEBUFFER, t ? t.fbo : null), e.viewport(0, 0, t ? t.w : b, t ? t.h : x), e.drawArrays(e.TRIANGLES, 0, 3);
 	}
-	let j = new Float32Array(oe.length), ee = new Float32Array(ce.length), M = 0, N = 0, pe = 0, me = performance.now(), he = [
+	let te = new Float32Array(se.length), ne = new Float32Array(le.length), A = 0, j = 0, me = 0, he = performance.now(), ge = [
 		0,
 		1,
 		2
@@ -530,100 +530,100 @@ function he(e, t, n, r) {
 		y: 0,
 		t: -99,
 		on: 0
-	})), ge = /* @__PURE__ */ new Float32Array(12), L = 0, R = 0, z = 0, B = {
+	})), I = /* @__PURE__ */ new Float32Array(12), L = 0, R = 0, z = 0, _e = {
 		x: 0,
 		y: 0
-	}, V = {
+	}, B = {
 		x: 0,
 		y: 0
-	}, _e = 0, ve = 0, H = {
+	}, V = 0, ve = 0, H = {
 		over: !1,
 		press: !1,
 		focus: !1
 	};
 	function U(e, t) {
-		let n = he[L];
-		n && (L = (L + 1) % he.length, n.x = e, n.y = t, n.t = pe, n.on = 1);
+		let n = ge[L];
+		n && (L = (L + 1) % ge.length, n.x = e, n.y = t, n.t = me, n.on = 1);
 	}
 	function W(e) {
 		let t = n.getBoundingClientRect(), r = t.height || 1;
 		return [(e.clientX - (t.left + t.width / 2)) / r, (e.clientY - (t.top + t.height / 2)) / r];
 	}
 	function ye() {
-		N = H.over || H.press || H.focus ? 1 : 0, z = +!!H.press;
+		j = H.over || H.press || H.focus ? 1 : 0, z = +!!H.press;
 	}
 	let be = window.matchMedia("(prefers-reduced-motion: reduce)"), xe = null, Se = 0, Ce = !1, we = !1;
 	function Te() {
 		let e = getComputedStyle(n);
-		return se.base = de(e, "--game-ui-liquid-metal-rest", se.base), se.speed = de(e, "--game-ui-liquid-metal-sweep-speed", se.speed), ae.disp = de(e, "--game-ui-liquid-metal-dispersion", ae.disp), le.glow = de(e, "--game-ui-liquid-metal-bloom", le.glow), { accent: ue(getComputedStyle(O).color) };
+		return ce.base = fe(e, "--game-ui-liquid-metal-rest", ce.base), ce.speed = fe(e, "--game-ui-liquid-metal-sweep-speed", ce.speed), oe.disp = fe(e, "--game-ui-liquid-metal-dispersion", oe.disp), ue.glow = fe(e, "--game-ui-liquid-metal-bloom", ue.glow), { accent: de(getComputedStyle(O).color) };
 	}
 	function Ee(t) {
 		if (Se = 0, Ce || we) return;
-		let r = (t - me) / 1e3;
-		me = t;
+		let r = (t - he) / 1e3;
+		he = t;
 		let l = Math.min(r, 1 / 20);
-		be.matches || (pe += l);
-		let u = N > M ? 1 - .0012 ** l : 1 - 12e-5 ** l;
-		M += (N - M) * u, Math.abs(N - M) < 8e-4 && (M = N);
+		be.matches || (me += l);
+		let u = j > A ? 1 - .0012 ** l : 1 - 12e-5 ** l;
+		A += (j - A) * u, Math.abs(j - A) < 8e-4 && (A = j);
 		let d = z > R ? 1 - 1e-9 ** l : 1 - .004 ** l;
 		R += (z - R) * d, Math.abs(z - R) < .002 && (R = z);
 		let f = !1;
-		for (let e = 0; e < he.length; e += 1) {
-			let t = he[e];
-			t && (t.on && pe - t.t > 4 && (t.on = 0), t.on && (f = !0), ge[e * 4] = t.x, ge[e * 4 + 1] = t.y, ge[e * 4 + 2] = t.t, ge[e * 4 + 3] = t.on);
+		for (let e = 0; e < ge.length; e += 1) {
+			let t = ge[e];
+			t && (t.on && me - t.t > 4 && (t.on = 0), t.on && (f = !0), I[e * 4] = t.x, I[e * 4 + 1] = t.y, I[e * 4 + 2] = t.t, I[e * 4 + 3] = t.on);
 		}
-		let p = 1 - F.ptrLag ** +l, O = (B.x - V.x) * p, P = (B.y - V.y) * p;
-		V.x += O, V.y += P;
-		let te = Math.min(Math.hypot(O, P) / Math.max(l, .001) / F.ptrVref, 1);
-		ve += (te - ve) * (1 - (te > ve ? .001 : .02) ** l);
-		let ne = H.over || H.press ? 1 : 0;
-		_e += (ne - _e) * (1 - .004 ** l), Math.abs(ne - _e) < .002 && (_e = ne), H.over = n.matches(":hover"), H.focus = n.matches(":focus-visible"), ye(), D && k();
-		let re = be.matches && !f && _e < .002 ? `${M}|${R}|${b}|${x}` : null;
-		if (re !== null && re === xe) {
+		let p = 1 - P.ptrLag ** +l, O = (_e.x - B.x) * p, M = (_e.y - B.y) * p;
+		B.x += O, B.y += M;
+		let re = Math.min(Math.hypot(O, M) / Math.max(l, .001) / P.ptrVref, 1);
+		ve += (re - ve) * (1 - (re > ve ? .001 : .02) ** l);
+		let ie = H.over || H.press ? 1 : 0;
+		V += (ie - V) * (1 - .004 ** l), Math.abs(ie - V) < .002 && (V = ie), H.over = n.matches(":hover"), H.focus = n.matches(":focus-visible"), ye(), D && ee();
+		let ae = be.matches && !f && V < .002 ? `${A}|${R}|${b}|${x}` : null;
+		if (ae !== null && ae === xe) {
 			Se = requestAnimationFrame(Ee);
 			return;
 		}
-		xe = re;
-		let { accent: ie } = Te();
-		for (let e = 0; e < j.length; e += 1) {
-			let t = oe[e];
-			t && (j[e] = ae[t]);
+		xe = ae;
+		let { accent: N } = Te();
+		for (let e = 0; e < te.length; e += 1) {
+			let t = se[e];
+			t && (te[e] = oe[t]);
 		}
-		for (let e = 0; e < ee.length; e += 1) {
-			let t = ce[e];
-			t && (ee[e] = se[t]);
+		for (let e = 0; e < ne.length; e += 1) {
+			let t = le[e];
+			t && (ne[e] = ce[t]);
 		}
-		let ue = Math.max(C, 110), de = Math.max(2.4, ue / 516 * 3.2), I = fe(e, i.u), L = fe(e, a.u), U = fe(e, o.u), W = fe(e, s.u), G = fe(e, c.u);
-		e.useProgram(i.p), I.f2("uC", w, T), I.f2("uHalf", S / 2, C / 2), I.f1("uT", pe), I.f1("uHover", M), I.f1("uPress", R), I.fv4("uRip", ge), I.f4("uRipK", F.speed, F.width, F.decay, F.amp), I.f4("uRipK2", F.facet, F.lobes, F.sharp, F.emit), I.f4("uPtr", V.x, V.y, _e, ve), I.f4("uPtrK", F.ptrRad, F.ptrAmp, F.ptrFast, F.ptrRim), I.f3("uAccent", ie[0], ie[1], ie[2]), I.fv1("uP", j), A(m), e.useProgram(a.p), L.f2("uC", w, T), L.f2("uHalf", S / 2, C / 2), L.f1("uT", pe), L.f1("uBw", de), L.f1("uPress", R), L.fv4("uRip", ge), L.f4("uRipK", F.speed, F.width, F.decay, F.amp), L.f4("uRipK2", F.facet, F.lobes, F.sharp, F.emit), L.f4("uPtr", V.x, V.y, _e, ve), L.f4("uPtrK", F.ptrRad, F.ptrAmp, F.ptrFast, F.ptrRim), L.f3("uAccent", ie[0], ie[1], ie[2]), L.fv1("uE", ee), A(h), e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, m.tex), U.i1("uTex", 0), U.f1("uAdd", 0), U.f2("uDstTexel", 1 / g.w, 1 / g.h), U.f2("uSrcTexel", 1 / b, 1 / x), A(g), e.useProgram(s.p), W.i1("uTex", 0), W.f2("uTexel", 1 / g.w, 1 / g.h);
-		let De = le.soften * (ue * .5) * .95;
+		let de = Math.max(C, 110), fe = Math.max(2.4, de / 516 * 3.2), F = pe(e, i.u), L = pe(e, a.u), U = pe(e, o.u), W = pe(e, s.u), G = pe(e, c.u);
+		e.useProgram(i.p), F.f2("uC", w, T), F.f2("uHalf", S / 2, C / 2), F.f1("uT", me), F.f1("uHover", A), F.f1("uPress", R), F.fv4("uRip", I), F.f4("uRipK", P.speed, P.width, P.decay, P.amp), F.f4("uRipK2", P.facet, P.lobes, P.sharp, P.emit), F.f4("uPtr", B.x, B.y, V, ve), F.f4("uPtrK", P.ptrRad, P.ptrAmp, P.ptrFast, P.ptrRim), F.f3("uAccent", N[0], N[1], N[2]), F.fv1("uP", te), k(m), e.useProgram(a.p), L.f2("uC", w, T), L.f2("uHalf", S / 2, C / 2), L.f1("uT", me), L.f1("uBw", fe), L.f1("uPress", R), L.fv4("uRip", I), L.f4("uRipK", P.speed, P.width, P.decay, P.amp), L.f4("uRipK2", P.facet, P.lobes, P.sharp, P.emit), L.f4("uPtr", B.x, B.y, V, ve), L.f4("uPtrK", P.ptrRad, P.ptrAmp, P.ptrFast, P.ptrRim), L.f3("uAccent", N[0], N[1], N[2]), L.fv1("uE", ne), k(h), e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, m.tex), U.i1("uTex", 0), U.f1("uAdd", 0), U.f2("uDstTexel", 1 / g.w, 1 / g.h), U.f2("uSrcTexel", 1 / b, 1 / x), k(g), e.useProgram(s.p), W.i1("uTex", 0), W.f2("uTexel", 1 / g.w, 1 / g.h);
+		let De = ue.soften * (de * .5) * .95;
 		if (De > .1) {
 			let t = Math.min(4, Math.max(1, Math.ceil(De / 3)));
 			W.f1("uR", De / Math.sqrt(t) / 1.95);
-			for (let n = 0; n < t; n += 1) e.bindTexture(e.TEXTURE_2D, g.tex), W.f2("uDir", 1, 0), A(_), e.bindTexture(e.TEXTURE_2D, _.tex), W.f2("uDir", 0, 1), A(g);
+			for (let n = 0; n < t; n += 1) e.bindTexture(e.TEXTURE_2D, g.tex), W.f2("uDir", 1, 0), k(_), e.bindTexture(e.TEXTURE_2D, _.tex), W.f2("uDir", 0, 1), k(g);
 		}
-		e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), U.i1("uTex", 0), U.i1("uTex2", 1), U.f1("uAdd", 1), U.f2("uDstTexel", 1 / v.w, 1 / v.h), U.f2("uSrcTexel", 1 / g.w, 1 / g.h), A(v), e.useProgram(s.p), e.activeTexture(e.TEXTURE0), W.i1("uTex", 0), W.f2("uTexel", 1 / v.w, 1 / v.h);
-		let Oe = le.glowR * (ue / E) / 129;
+		e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), U.i1("uTex", 0), U.i1("uTex2", 1), U.f1("uAdd", 1), U.f2("uDstTexel", 1 / v.w, 1 / v.h), U.f2("uSrcTexel", 1 / g.w, 1 / g.h), k(v), e.useProgram(s.p), e.activeTexture(e.TEXTURE0), W.i1("uTex", 0), W.f2("uTexel", 1 / v.w, 1 / v.h);
+		let Oe = ue.glowR * (de / E) / 129;
 		for (let t of [
 			1,
 			2.3,
 			5.2,
 			9
-		].map((e) => e * Oe)) W.f1("uR", t), e.bindTexture(e.TEXTURE_2D, v.tex), W.f2("uDir", 1, 0), A(y), e.bindTexture(e.TEXTURE_2D, y.tex), W.f2("uDir", 0, 1), A(v);
-		e.useProgram(c.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), G.i1("uSoft", 0), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), G.i1("uRim", 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, v.tex), G.i1("uGlow", 2), G.f2("uRes", b, x), G.f2("uC", w, T), G.f2("uHalf", S / 2, C / 2), G.f1("uT", pe), G.fv4("uRip", ge), G.f4("uRipK", F.speed, F.width, F.decay, F.amp), G.f4("uRipK2", F.facet, F.lobes, F.sharp, F.emit), G.f3("uAccent", ie[0], ie[1], ie[2]), G.f1("uGlowGain", le.glow), G.f1("uGlowIn", le.glowIn), G.f1("uOccl", le.occl), G.f1("uDim", ae.dim), G.f1("uPunch", le.punch), A(null), Se = requestAnimationFrame(Ee);
+		].map((e) => e * Oe)) W.f1("uR", t), e.bindTexture(e.TEXTURE_2D, v.tex), W.f2("uDir", 1, 0), k(y), e.bindTexture(e.TEXTURE_2D, y.tex), W.f2("uDir", 0, 1), k(v);
+		e.useProgram(c.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), G.i1("uSoft", 0), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), G.i1("uRim", 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, v.tex), G.i1("uGlow", 2), G.f2("uRes", b, x), G.f2("uC", w, T), G.f2("uHalf", S / 2, C / 2), G.f1("uT", me), G.fv4("uRip", I), G.f4("uRipK", P.speed, P.width, P.decay, P.amp), G.f4("uRipK2", P.facet, P.lobes, P.sharp, P.emit), G.f3("uAccent", N[0], N[1], N[2]), G.f1("uGlowGain", ue.glow), G.f1("uGlowIn", ue.glowIn), G.f1("uOccl", ue.occl), G.f1("uDim", oe.dim), G.f1("uPunch", ue.punch), k(null), Se = requestAnimationFrame(Ee);
 	}
 	let G = (e) => {
 		if (e.pointerType !== "mouse") return;
 		let [t, n] = W(e);
-		B.x = t, B.y = n, V.x = t, V.y = n, ve = 0, H.over = !0, ye();
+		_e.x = t, _e.y = n, B.x = t, B.y = n, ve = 0, H.over = !0, ye();
 	}, De = (e) => {
 		e.pointerType === "mouse" && (H.over = !1, ye());
 	}, Oe = (e) => {
 		if (!H.over && !H.press) return;
 		let [t, n] = W(e);
-		B.x = t, B.y = n;
+		_e.x = t, _e.y = n;
 	}, ke = (e) => {
 		let [t, n] = W(e);
-		B.x = t, B.y = n, H.press = !0, ye(), U(t, n);
+		_e.x = t, _e.y = n, H.press = !0, ye(), U(t, n);
 	}, Ae = () => {
 		H.press = !1, ye();
 	}, je = () => {
@@ -639,12 +639,12 @@ function he(e, t, n, r) {
 	let Fe = new ResizeObserver(() => {
 		D = !0;
 	});
-	return Fe.observe(r), Fe.observe(n), k(), Se = requestAnimationFrame(Ee), {
+	return Fe.observe(r), Fe.observe(n), ee(), Se = requestAnimationFrame(Ee), {
 		pause: () => {
 			Ce = !0, Se && cancelAnimationFrame(Se), Se = 0;
 		},
 		resume: () => {
-			we || (Ce = !1, me = performance.now(), xe = null, Se ||= requestAnimationFrame(Ee));
+			we || (Ce = !1, he = performance.now(), xe = null, Se ||= requestAnimationFrame(Ee));
 		},
 		dispose: () => {
 			we || (we = !0, Ce = !0, Se && cancelAnimationFrame(Se), Se = 0, Fe.disconnect(), n.removeEventListener("pointerenter", G), n.removeEventListener("pointerleave", De), window.removeEventListener("pointermove", Oe), n.removeEventListener("pointerdown", ke), window.removeEventListener("pointerup", Ae), window.removeEventListener("pointercancel", Ae), n.removeEventListener("focus", je), n.removeEventListener("blur", Me), n.removeEventListener("keydown", Ne), n.removeEventListener("keyup", Pe), O.remove(), e.getExtension("WEBGL_lose_context")?.loseContext());
@@ -653,22 +653,22 @@ function he(e, t, n, r) {
 }
 //#endregion
 //#region src/LiquidMetalButton.tsx
-function ge({ children: e, className: r, onClick: i, sound: a = !1, type: o = "button", renderer: s = "auto", ...c }) {
+function I({ children: e, className: r, onClick: i, sound: a = !1, type: o = "button", renderer: s = "auto", ...c }) {
 	let u = p(null), d = p(null), f = p(null), [h, g] = m("css");
 	l(() => {
 		let e = u.current, t = d.current, n = f.current;
 		if (!e || !t || !n) return;
 		let r = window.matchMedia("(prefers-reduced-motion: reduce)"), i = !1, a = !1, o = null, c = !1, l = () => {
-			o?.dispose(), o = null, a &&= (j(), !1), c || g("css");
+			o?.dispose(), o = null, a &&= (te(), !1), c || g("css");
 		}, p = () => {
-			if (!(c || o) && ee({
+			if (!(c || o) && ne({
 				renderer: s,
 				hasWebGL2: typeof WebGL2RenderingContext < "u",
 				prefersReducedMotion: r.matches,
 				isInViewport: i
-			}) && A()) {
-				if (a = !0, o = pe(n, t, e), !o) {
-					j(), a = !1;
+			}) && k()) {
+				if (a = !0, o = me(n, t, e), !o) {
+					te(), a = !1;
 					return;
 				}
 				g("webgl");
@@ -840,7 +840,7 @@ var L = {
 	dissolveStrength: "var(--game-ui-liquid-gooey-dissolve-strength)",
 	dissolveSink: "var(--game-ui-liquid-gooey-dissolve-sink)",
 	dissolveSeamBlur: "var(--game-ui-liquid-gooey-dissolve-seam-blur)"
-}, B = {
+}, _e = {
 	bg: "var(--game-ui-overlay-glass-bg)",
 	bgHover: "var(--game-ui-overlay-glass-bg-hover)",
 	bgStrong: "var(--game-ui-overlay-glass-bg-strong)",
@@ -852,7 +852,7 @@ var L = {
 	blur: "var(--game-ui-overlay-glass-blur)",
 	focusRing: "var(--game-ui-overlay-glass-focus-ring)",
 	primaryFill: "var(--game-ui-overlay-glass-primary-fill)"
-}, V = {
+}, B = {
 	background: "var(--game-ui-bg)",
 	playfieldScrim: "var(--game-ui-playfield-scrim)",
 	surface: "var(--game-ui-surface)",
@@ -871,7 +871,7 @@ var L = {
 	borderSubtle: "var(--game-ui-border-subtle)",
 	borderStrong: "var(--game-ui-border-strong)",
 	disabled: "var(--game-ui-disabled)"
-}, _e = {
+}, V = {
 	familyDisplay: "var(--game-ui-font-display)",
 	familyBody: "var(--game-ui-font-body)",
 	familyMono: "var(--game-ui-font-mono)",
@@ -955,8 +955,8 @@ var L = {
 	brushNumberWidth: "var(--game-ui-brush-number-width)"
 }, Se = {
 	colors: L,
-	semantic: V,
-	typography: _e,
+	semantic: B,
+	typography: V,
 	spacing: ve,
 	radius: H,
 	elevation: U,
@@ -964,7 +964,7 @@ var L = {
 	layers: ye,
 	targets: be,
 	assetSizing: xe,
-	overlayGlass: B,
+	overlayGlass: _e,
 	liquidMetal: R,
 	liquidGooey: z
 }, Ce = 2, we = 48e4, Te = 2, Ee = we, G = 0;
@@ -997,25 +997,31 @@ var Me = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5", Ne = .5, Pe = {
 	waviness: 6,
 	wavinessFreq: .018
 };
-function Fe({ index: n, shadow: r }) {
-	let i = [], a = "bin";
+function Fe(e) {
+	return e.spread === 0 ? "shape" : "bin";
+}
+function Ie(e, t) {
+	return t !== null || e.some((e) => e.spread !== 0);
+}
+function Le({ index: n, shadow: r }) {
+	let i = [], a = Fe(r), o = a;
 	return r.spread !== 0 && (i.push(/* @__PURE__ */ t("feMorphology", {
-		in: a,
+		in: o,
 		operator: r.spread > 0 ? "erode" : "dilate",
 		radius: Math.abs(r.spread),
 		result: `shadow-${n}-erode`
-	}, "erode")), a = `shadow-${n}-erode`), (r.x !== 0 || r.y !== 0) && (i.push(/* @__PURE__ */ t("feOffset", {
-		in: a,
+	}, "erode")), o = `shadow-${n}-erode`), (r.x !== 0 || r.y !== 0) && (i.push(/* @__PURE__ */ t("feOffset", {
+		in: o,
 		dx: r.x,
 		dy: r.y,
 		result: `shadow-${n}-offset`
-	}, "offset")), a = `shadow-${n}-offset`), r.blur > 0 && (i.push(/* @__PURE__ */ t("feGaussianBlur", {
-		in: a,
+	}, "offset")), o = `shadow-${n}-offset`), r.blur > 0 && (i.push(/* @__PURE__ */ t("feGaussianBlur", {
+		in: o,
 		stdDeviation: r.blur / 2,
 		result: `shadow-${n}-blur`
-	}, "blur")), a = `shadow-${n}-blur`), i.push(/* @__PURE__ */ t("feComposite", {
-		in: "bin",
-		in2: a,
+	}, "blur")), o = `shadow-${n}-blur`), i.push(/* @__PURE__ */ t("feComposite", {
+		in: a,
+		in2: o,
 		operator: "out",
 		result: `shadow-${n}-band`
 	}, "band"), /* @__PURE__ */ t("feFlood", {
@@ -1028,7 +1034,7 @@ function Fe({ index: n, shadow: r }) {
 		result: `shadow-${n}`
 	}, "fill")), /* @__PURE__ */ t(e, { children: i });
 }
-function Ie({ index: n, shadow: r }) {
+function Re({ index: n, shadow: r }) {
 	let i = [], a = "shape";
 	return r.spread !== 0 && (i.push(/* @__PURE__ */ t("feMorphology", {
 		in: "bin",
@@ -1054,7 +1060,7 @@ function Ie({ index: n, shadow: r }) {
 		result: `shadow-${n}`
 	}, "fill")), /* @__PURE__ */ t(e, { children: i });
 }
-function Le({ stroke: n }) {
+function ze({ stroke: n }) {
 	let r = [];
 	return r.push(/* @__PURE__ */ t("feMorphology", {
 		in: "bin",
@@ -1076,7 +1082,7 @@ function Le({ stroke: n }) {
 		result: "stroke-out"
 	}, "fill")), /* @__PURE__ */ t(e, { children: r });
 }
-function Re({ blur: r, contrast: i, shadows: a, stroke: o, waviness: s = Pe.waviness, wavinessFreq: c = Pe.wavinessFreq }) {
+function Be({ blur: r, contrast: i, shadows: a, stroke: o, waviness: s = Pe.waviness, wavinessFreq: c = Pe.wavinessFreq }) {
 	let l = Math.round((.5 - 5 / 12 * i) * 100) / 100, u = s > 0;
 	return /* @__PURE__ */ n(e, { children: [
 		/* @__PURE__ */ t("feGaussianBlur", {
@@ -1118,20 +1124,20 @@ function Re({ blur: r, contrast: i, shadows: a, stroke: o, waviness: s = Pe.wavi
 				result: "shape"
 			})
 		] }) : null,
-		o !== null || a.some((e) => e.inset || e.spread !== 0) ? /* @__PURE__ */ t("feColorMatrix", {
+		Ie(a, o) ? /* @__PURE__ */ t("feColorMatrix", {
 			in: "shape",
 			type: "matrix",
 			values: Me,
 			result: "bin"
 		}) : null,
-		a.map((e, n) => e.inset ? /* @__PURE__ */ t(Fe, {
+		a.map((e, n) => e.inset ? /* @__PURE__ */ t(Le, {
 			index: n,
 			shadow: e
-		}, n) : /* @__PURE__ */ t(Ie, {
+		}, n) : /* @__PURE__ */ t(Re, {
 			index: n,
 			shadow: e
 		}, n)),
-		o ? /* @__PURE__ */ t(Le, { stroke: o }) : null,
+		o ? /* @__PURE__ */ t(ze, { stroke: o }) : null,
 		a.length > 0 || o ? /* @__PURE__ */ n("feMerge", { children: [
 			a.map((e, t) => e.inset ? -1 : t).filter((e) => e >= 0).reverse().map((e) => /* @__PURE__ */ t("feMergeNode", { in: `shadow-${e}` }, e)),
 			/* @__PURE__ */ t("feMergeNode", { in: "shape" }),
@@ -1142,16 +1148,16 @@ function Re({ blur: r, contrast: i, shadows: a, stroke: o, waviness: s = Pe.wavi
 }
 //#endregion
 //#region src/liquidGooeyWaviness.ts
-var ze = .3;
-function Be(e, t, n = ze) {
+var Ve = .3;
+function He(e, t, n = Ve) {
 	let r = Math.max(0, Number.isFinite(e) ? e : 0);
 	if (n === !1) return r;
-	let i = Math.max(0, Number.isFinite(n) ? n : ze), a = Math.max(0, Number.isFinite(t) ? t : 0);
+	let i = Math.max(0, Number.isFinite(n) ? n : Ve), a = Math.max(0, Number.isFinite(t) ? t : 0);
 	return a > 0 ? Math.min(r, a * i) : r;
 }
 //#endregion
 //#region src/liquidGooeyGeometry.ts
-function Ve(e, t) {
+function Ue(e, t) {
 	let n = 0, r = 0, i = e;
 	for (; i && i !== t && t.contains(i);) n += i.offsetLeft, r += i.offsetTop, i = i.offsetParent;
 	return {
@@ -1159,7 +1165,7 @@ function Ve(e, t) {
 		y: r
 	};
 }
-function He(e, t, n) {
+function We(e, t, n) {
 	let r = getComputedStyle(e), i = (e) => {
 		let r = e.split(" ")[0] ?? "";
 		return r.endsWith("%") ? (parseFloat(r) || 0) / 100 * Math.min(t, n) : parseFloat(r) || 0;
@@ -1171,7 +1177,7 @@ function He(e, t, n) {
 		i(r.borderBottomLeftRadius)
 	];
 }
-function Ue(e) {
+function Ge(e) {
 	return typeof e == "number" ? [
 		e,
 		e,
@@ -1179,13 +1185,13 @@ function Ue(e) {
 		e
 	] : e;
 }
-function We(e, t, n, r, i) {
+function Ke(e, t, n, r, i) {
 	let [a, o, s, c] = i.map((e) => Math.max(0, e)), l = Math.min(1, n / Math.max(1e-6, a + o), n / Math.max(1e-6, c + s), r / Math.max(1e-6, a + c), r / Math.max(1e-6, o + s));
 	return a *= l, o *= l, s *= l, c *= l, `M ${e + a} ${t} H ${e + n - o} A ${o} ${o} 0 0 1 ${e + n} ${t + o} V ${t + r - s} A ${s} ${s} 0 0 1 ${e + n - s} ${t + r} H ${e + c} A ${c} ${c} 0 0 1 ${e} ${t + r - c} V ${t + a} A ${a} ${a} 0 0 1 ${e + a} ${t} Z`;
 }
 //#endregion
 //#region src/liquidGooeyMove.ts
-var Ge = {
+var qe = {
 	stiffness: 380,
 	damping: 18,
 	stretch: .18,
@@ -1215,29 +1221,29 @@ var Ge = {
 	settleSpeed: 1,
 	integrationRate: 60
 };
-function Ke(e, t = 0, n = 1) {
+function Je(e, t = 0, n = 1) {
 	return Math.min(n, Math.max(t, e));
 }
-function qe(e, t) {
+function Ye(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function Je(e) {
+function Xe(e) {
 	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
 }
-function Ye(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = Je(z[t]);
+function Ze(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = Xe(z[t]);
 	if (!r || !i) return n;
 	let a = r.getComputedStyle(e).getPropertyValue(i), o = Number.parseFloat(a);
 	return Number.isFinite(o) ? o : n;
 }
-function Xe(e) {
-	let t = (t, n) => Ye(e, t, n);
+function Qe(e) {
+	let t = (t, n) => Ze(e, t, n);
 	return {
-		stiffness: Math.max(.001, t("moveStiffness", Ge.stiffness)),
-		damping: Math.max(0, t("moveDamping", Ge.damping)),
-		stretch: Ke(t("moveStretch", Ge.stretch)),
-		tail: Ke(t("moveTail", Ge.tail)),
-		force: Ke(t("moveForce", Ge.force)),
+		stiffness: Math.max(.001, t("moveStiffness", qe.stiffness)),
+		damping: Math.max(0, t("moveDamping", qe.damping)),
+		stretch: Je(t("moveStretch", qe.stretch)),
+		tail: Je(t("moveTail", qe.tail)),
+		force: Je(t("moveForce", qe.force)),
 		tailSpringStiffness: Math.max(.001, t("moveTailSpringStiffness", K.tailSpringStiffness)),
 		tailSpringDamping: Math.max(0, t("moveTailSpringDamping", K.tailSpringDamping)),
 		stretchSpeed: Math.max(0, t("moveStretchSpeed", K.stretchSpeed)),
@@ -1249,10 +1255,10 @@ function Xe(e) {
 		tailMinRadius: Math.max(0, t("moveTailMinRadius", K.tailMinRadius)),
 		tailWobble: Math.max(0, t("moveTailWobble", K.tailWobble)),
 		tailPhaseSpeed: Math.max(0, t("moveTailPhaseSpeed", K.tailPhaseSpeed)),
-		tailMidpointA: Ke(t("moveTailMidpointA", K.tailMidpointA)),
-		tailMidpointB: Ke(t("moveTailMidpointB", K.tailMidpointB)),
-		tailMidRadiusA: Ke(t("moveTailMidRadiusA", K.tailMidRadiusA)),
-		tailMidRadiusB: Ke(t("moveTailMidRadiusB", K.tailMidRadiusB)),
+		tailMidpointA: Je(t("moveTailMidpointA", K.tailMidpointA)),
+		tailMidpointB: Je(t("moveTailMidpointB", K.tailMidpointB)),
+		tailMidRadiusA: Je(t("moveTailMidRadiusA", K.tailMidRadiusA)),
+		tailMidRadiusB: Je(t("moveTailMidRadiusB", K.tailMidRadiusB)),
 		tailWobblePhase: t("moveTailWobblePhase", K.tailWobblePhase),
 		minPerpendicular: Math.max(0, t("moveMinPerpendicular", K.minPerpendicular)),
 		lagBase: Math.max(0, t("moveLagBase", K.lagBase)),
@@ -1262,32 +1268,32 @@ function Xe(e) {
 		integrationRate: Math.max(1, t("moveIntegrationRate", K.integrationRate))
 	};
 }
-function Ze(e, t) {
+function $e(e, t) {
 	return {
-		vertical: Ke(qe(t?.vertical, Ye(e, "bendVertical", .6))),
-		horizontal: Ke(qe(t?.horizontal, Ye(e, "bendHorizontal", .35))),
-		velocityVertical: Math.max(0, Ye(e, "bendVelocityVertical", .05)),
-		velocityHorizontal: Math.max(0, Ye(e, "bendVelocityHorizontal", .09)),
-		smoothing: Math.max(0, Ye(e, "bendSmoothing", 9)),
-		activeThreshold: Math.max(0, Ye(e, "bendActiveThreshold", .5)),
-		verticalCap: Math.max(0, Ye(e, "bendVerticalCap", .5)),
-		horizontalCap: Math.max(0, Ye(e, "bendHorizontalCap", .9)),
-		radiusMin: Math.max(0, Ye(e, "bendRadiusMin", .2)),
-		radiusMax: Math.max(0, Ye(e, "bendRadiusMax", 3)),
-		leadingCapFactor: Math.max(0, Ye(e, "bendLeadingCapFactor", .8)),
-		trailingCapFactor: Math.max(0, Ye(e, "bendTrailingCapFactor", 1.6))
+		vertical: Je(Ye(t?.vertical, Ze(e, "bendVertical", .6))),
+		horizontal: Je(Ye(t?.horizontal, Ze(e, "bendHorizontal", .35))),
+		velocityVertical: Math.max(0, Ze(e, "bendVelocityVertical", .05)),
+		velocityHorizontal: Math.max(0, Ze(e, "bendVelocityHorizontal", .09)),
+		smoothing: Math.max(0, Ze(e, "bendSmoothing", 9)),
+		activeThreshold: Math.max(0, Ze(e, "bendActiveThreshold", .5)),
+		verticalCap: Math.max(0, Ze(e, "bendVerticalCap", .5)),
+		horizontalCap: Math.max(0, Ze(e, "bendHorizontalCap", .9)),
+		radiusMin: Math.max(0, Ze(e, "bendRadiusMin", .2)),
+		radiusMax: Math.max(0, Ze(e, "bendRadiusMax", 3)),
+		leadingCapFactor: Math.max(0, Ze(e, "bendLeadingCapFactor", .8)),
+		trailingCapFactor: Math.max(0, Ze(e, "bendTrailingCapFactor", 1.6))
 	};
 }
-function Qe(e, t, n, r, i, a) {
+function et(e, t, n, r, i, a) {
 	let o = t + (r * (n - e) - i * t) * a;
 	return [e + o * a, o];
 }
-function $e(e, t, n, r, i, a, o) {
-	let s = Math.max(0, qe(a, 0)), c = Math.max(1, Math.ceil(s * o)), l = s / c, u = e, d = t;
-	for (; c-- > 0;) [u, d] = Qe(u, d, n, r, i, l);
+function tt(e, t, n, r, i, a, o) {
+	let s = Math.max(0, Ye(a, 0)), c = Math.max(1, Math.ceil(s * o)), l = s / c, u = e, d = t;
+	for (; c-- > 0;) [u, d] = et(u, d, n, r, i, l);
 	return [u, d];
 }
-function et(e) {
+function nt(e) {
 	return {
 		cx: e.cx,
 		cy: e.cy,
@@ -1302,35 +1308,35 @@ function et(e) {
 		tailInitialized: !0
 	};
 }
-function tt(e, t) {
+function rt(e, t) {
 	e.cx = t.cx, e.cy = t.cy, e.vcx = 0, e.vcy = 0, e.tailX = t.cx, e.tailY = t.cy, e.tailVx = 0, e.tailVy = 0, e.tailR = 0, e.tailPhase = 0, e.tailInitialized = !0;
 }
-function nt(e) {
+function it(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
 function q(e) {
 	return Math.round(e * 10) / 10;
 }
-function rt(e, t, n, r, i) {
-	let a = Math.max(.01, qe(t.scale, 1));
-	[e.cx, e.vcx] = $e(e.cx, e.vcx, t.cx, i.stiffness, i.damping, r, i.integrationRate), [e.cy, e.vcy] = $e(e.cy, e.vcy, t.cy, i.stiffness, i.damping, r, i.integrationRate);
+function at(e, t, n, r, i) {
+	let a = Math.max(.01, Ye(t.scale, 1));
+	[e.cx, e.vcx] = tt(e.cx, e.vcx, t.cx, i.stiffness, i.damping, r, i.integrationRate), [e.cy, e.vcy] = tt(e.cy, e.vcy, t.cy, i.stiffness, i.damping, r, i.integrationRate);
 	let o = Math.hypot(e.vcx, e.vcy), s = 0, c = 1, l = 1;
 	if (o > i.speedThreshold) {
 		let t = Math.min(i.stretch, o * i.stretchSpeed);
 		s = Math.round(Math.atan2(e.vcy, e.vcx) * 100) / 100, c = 1 + t, l = 1 / (1 + t * i.stretchSquash);
 	}
-	e.tailInitialized ||= (e.tailX = e.cx, e.tailY = e.cy, !0), [e.tailX, e.tailVx] = $e(e.tailX, e.tailVx, e.cx, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate), [e.tailY, e.tailVy] = $e(e.tailY, e.tailVy, e.cy, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate);
+	e.tailInitialized ||= (e.tailX = e.cx, e.tailY = e.cy, !0), [e.tailX, e.tailVx] = tt(e.tailX, e.tailVx, e.cx, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate), [e.tailY, e.tailVy] = tt(e.tailY, e.tailVy, e.cy, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate);
 	let u = Math.max(0, n.w * a), d = Math.max(0, n.h * a), f = o > .001 ? e.vcx / o : 1, p = o > .001 ? e.vcy / o : 0, m = Math.max(i.minPerpendicular, Math.abs(f) * d + Math.abs(p) * u), h = (Math.abs(f) * u + Math.abs(p) * d) / 2, g = m / 2, _ = e.tailX - e.cx, v = e.tailY - e.cy, y = Math.hypot(_, v), b = h + g * (i.lagBase + i.force * i.lagForce);
 	y > b && y > 0 && (e.tailX = e.cx + _ / y * b, e.tailY = e.cy + v / y * b);
-	let x = Ke((o - i.tailOnsetSpeed) / i.tailOnsetRange), S = g * i.tail * x;
+	let x = Je((o - i.tailOnsetSpeed) / i.tailOnsetRange), S = g * i.tail * x;
 	e.tailR += (S - e.tailR) * Math.min(1, Math.max(0, r) * i.tailRamp);
-	let C = e.tailR >= i.tailMinRadius, w = e.cx, T = e.cy, E = e.cx, D = e.cy, O = 0, k = 0;
+	let C = e.tailR >= i.tailMinRadius, w = e.cx, T = e.cy, E = e.cx, D = e.cy, O = 0, ee = 0;
 	if (C) {
-		e.tailPhase += o * Math.max(0, qe(r, 0)) * i.tailPhaseSpeed;
+		e.tailPhase += o * Math.max(0, Ye(r, 0)) * i.tailPhaseSpeed;
 		let t = e.tailR * i.tailWobble, n = -p, a = f, s = Math.sin(e.tailPhase) * t, c = Math.sin(e.tailPhase + i.tailWobblePhase) * -t;
-		w = e.cx + _ * i.tailMidpointA + n * s, T = e.cy + v * i.tailMidpointA + a * s, E = e.cx + _ * i.tailMidpointB + n * c, D = e.cy + v * i.tailMidpointB + a * c, O = e.tailR * i.tailMidRadiusA, k = e.tailR * i.tailMidRadiusB;
+		w = e.cx + _ * i.tailMidpointA + n * s, T = e.cy + v * i.tailMidpointA + a * s, E = e.cx + _ * i.tailMidpointB + n * c, D = e.cy + v * i.tailMidpointB + a * c, O = e.tailR * i.tailMidRadiusA, ee = e.tailR * i.tailMidRadiusB;
 	}
-	let A = {
+	let k = {
 		cx: q(e.tailX),
 		cy: q(e.tailY),
 		radius: C ? q(e.tailR) : 0,
@@ -1339,7 +1345,7 @@ function rt(e, t, n, r, i) {
 		midARadius: C ? q(O) : 0,
 		midBCx: q(E),
 		midBCy: q(D),
-		midBRadius: C ? q(k) : 0,
+		midBRadius: C ? q(ee) : 0,
 		visible: C,
 		fingerprint: C ? [
 			q(e.tailX),
@@ -1352,17 +1358,17 @@ function rt(e, t, n, r, i) {
 		].join(",") : "hidden"
 	};
 	return {
-		path: We(-n.w / 2, -n.h / 2, n.w, n.h, n.r),
-		transform: `translate(${nt(e.cx)} ${nt(e.cy)}) ` + (o > i.speedThreshold ? `rotate(${nt(s * 180 / Math.PI)}) scale(${nt(c)} ${nt(l)}) ` : "") + `scale(${nt(a)})`,
-		tail: A,
+		path: Ke(-n.w / 2, -n.h / 2, n.w, n.h, n.r),
+		transform: `translate(${it(e.cx)} ${it(e.cy)}) ` + (o > i.speedThreshold ? `rotate(${it(s * 180 / Math.PI)}) scale(${it(c)} ${it(l)}) ` : "") + `scale(${it(a)})`,
+		tail: k,
 		moving: Math.hypot(e.cx - t.cx, e.cy - t.cy) > i.settleDistance || o > i.settleSpeed || e.tailR >= i.tailMinRadius
 	};
 }
-function it(e, t, n, r, i, a) {
+function ot(e, t, n, r, i, a) {
 	let o = Math.min(Math.max(0, n), e / 2, t / 2), s = Math.round(r * 2 * 10) / 10, c = Math.max(o * a.radiusMin, Math.min(o * a.radiusMax, i > 0 ? o - a.leadingCapFactor * i : o + a.trailingCapFactor * -i)), l = Math.max(o * a.radiusMin, Math.min(o * a.radiusMax, i > 0 ? o + a.trailingCapFactor * i : o - a.leadingCapFactor * -i)), u = .5523, d = (e) => Math.round(e * 10) / 10;
 	return `M ${d(l)} 0 Q ${d(e / 2)} ${d(s)} ${d(e - c)} 0 C ${d(e - c + u * c)} 0 ${d(e)} ${d(o - u * o)} ${d(e)} ${d(o)} L ${d(e)} ${d(t - o)} C ${d(e)} ${d(t - o + u * o)} ${d(e - c + u * c)} ${d(t)} ${d(e - c)} ${d(t)} Q ${d(e / 2)} ${d(t + r * 2)} ${d(l)} ${d(t)} C ${d(l - u * l)} ${d(t)} 0 ${d(t - o + u * o)} 0 ${d(t - o)} L 0 ${d(o)} C 0 ${d(o - u * o)} ${d(l - u * l)} 0 ${d(l)} 0 Z`;
 }
-function at(e) {
+function st(e) {
 	return {
 		cx: e.cx,
 		cy: e.cy,
@@ -1375,20 +1381,20 @@ function at(e) {
 		initialized: !1
 	};
 }
-function ot(e, t) {
+function ct(e, t) {
 	e.cx = t.cx, e.cy = t.cy, e.previousCx = t.cx, e.previousCy = t.cy, e.vcx = 0, e.vcy = 0, e.bendY = 0, e.bendX = 0, e.initialized = !0;
 }
-function st(e, t) {
+function lt(e, t) {
 	return Math.min(e.w, e.h) * t.verticalCap * 2 * t.vertical;
 }
-function ct(e, t, n, r, i) {
-	let a = Math.max(1 / 240, qe(r, 1 / 60));
+function ut(e, t, n, r, i) {
+	let a = Math.max(1 / 240, Ye(r, 1 / 60));
 	e.initialized ||= (e.previousCx = t.cx, e.previousCy = t.cy, !0);
 	let o = (t.cx - e.previousCx) / a, s = (t.cy - e.previousCy) / a;
 	e.previousCx = t.cx, e.previousCy = t.cy, e.vcx = e.vcx * .7 + o * .3, e.vcy = e.vcy * .7 + s * .3, e.cx = t.cx, e.cy = t.cy;
 	let c = Math.min(n.w, n.h), l = c * i.verticalCap, u = Math.max(-l, Math.min(l, e.vcy * i.velocityVertical)) * i.vertical, d = c * i.horizontalCap, f = Math.max(-d, Math.min(d, e.vcx * i.velocityHorizontal)) * i.horizontal;
 	e.bendY += (u - e.bendY) * Math.min(1, a * i.smoothing), e.bendX += (f - e.bendX) * Math.min(1, a * i.smoothing);
-	let p = Math.abs(e.bendY) > i.activeThreshold || Math.abs(e.bendX) > i.activeThreshold, m = Math.min(...n.r), h = p ? it(n.w, n.h, m, e.bendY, e.bendX, i) : We(-n.w / 2, -n.h / 2, n.w, n.h, n.r), g = p ? `translate(${nt(e.cx - n.w / 2)} ${nt(e.cy - n.h / 2)}) scale(${nt(t.scale)})` : `translate(${nt(e.cx)} ${nt(e.cy)}) scale(${nt(t.scale)})`, _ = Math.round(e.bendX * 10) / 10, v = Math.round(e.bendY * 10) / 10;
+	let p = Math.abs(e.bendY) > i.activeThreshold || Math.abs(e.bendX) > i.activeThreshold, m = Math.min(...n.r), h = p ? ot(n.w, n.h, m, e.bendY, e.bendX, i) : Ke(-n.w / 2, -n.h / 2, n.w, n.h, n.r), g = p ? `translate(${it(e.cx - n.w / 2)} ${it(e.cy - n.h / 2)}) scale(${it(t.scale)})` : `translate(${it(e.cx)} ${it(e.cy)}) scale(${it(t.scale)})`, _ = Math.round(e.bendX * 10) / 10, v = Math.round(e.bendY * 10) / 10;
 	return {
 		path: h,
 		transform: g,
@@ -1400,7 +1406,7 @@ function ct(e, t, n, r, i) {
 }
 //#endregion
 //#region src/liquidGooeyEvolve.ts
-var lt = {
+var dt = {
 	massStiffness: 320,
 	massDamping: 17,
 	sizeStiffness: 170,
@@ -1415,41 +1421,41 @@ var lt = {
 	anticipation: 90,
 	travel: 32
 };
-function ut(e) {
+function ft(e) {
 	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
 }
-function dt(e, t) {
+function pt(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function ft(e, t = 0, n = 1) {
+function mt(e, t = 0, n = 1) {
 	return Math.min(n, Math.max(t, e));
 }
-function pt(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = ut(z[t]);
+function ht(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = ft(z[t]);
 	if (!r || !i) return n;
 	let a = Number.parseFloat(r.getComputedStyle(e).getPropertyValue(i));
 	return Number.isFinite(a) ? a : n;
 }
-function mt(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = ut(z[t]);
+function gt(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = ft(z[t]);
 	return !r || !i ? n : r.getComputedStyle(e).getPropertyValue(i).trim() || n;
 }
-function ht(e, t) {
-	let n = (t, n) => pt(e, t, n), r = {
-		massStiffness: Math.max(.001, n("evolveMassStiffness", lt.massStiffness)),
-		massDamping: Math.max(0, n("evolveMassDamping", lt.massDamping)),
-		sizeStiffness: Math.max(.001, n("evolveSizeStiffness", lt.sizeStiffness)),
-		sizeDamping: Math.max(0, n("evolveSizeDamping", lt.sizeDamping)),
-		radiusStiffness: Math.max(.001, n("evolveRadiusStiffness", lt.radiusStiffness)),
-		radiusDamping: Math.max(0, n("evolveRadiusDamping", lt.radiusDamping)),
-		contentBlur: Math.max(0, n("evolveContentBlur", lt.contentBlur)),
-		roundness: ft(n("evolveRoundness", lt.roundness)),
-		cornerDuration: Math.max(0, n("evolveCornerDuration", lt.cornerDuration)),
-		cornerDelay: Math.max(0, n("evolveCornerDelay", lt.cornerDelay)),
-		cornerEase: mt(e, "evolveCornerEase", lt.cornerEase),
-		anticipation: Math.max(0, n("evolveAnticipation", lt.anticipation)),
-		travel: Math.max(0, n("evolveTravel", lt.travel))
-	}, i = Math.max(.25, dt(t?.speed, n("morphSpeed", 1))), a = ft(dt(t?.bounce, n("morphBounce", .5))), o = (e) => Math.max(.12, 1 - 1.1 * ft(e)), s = o(a) / o(.5);
+function _t(e, t) {
+	let n = (t, n) => ht(e, t, n), r = {
+		massStiffness: Math.max(.001, n("evolveMassStiffness", dt.massStiffness)),
+		massDamping: Math.max(0, n("evolveMassDamping", dt.massDamping)),
+		sizeStiffness: Math.max(.001, n("evolveSizeStiffness", dt.sizeStiffness)),
+		sizeDamping: Math.max(0, n("evolveSizeDamping", dt.sizeDamping)),
+		radiusStiffness: Math.max(.001, n("evolveRadiusStiffness", dt.radiusStiffness)),
+		radiusDamping: Math.max(0, n("evolveRadiusDamping", dt.radiusDamping)),
+		contentBlur: Math.max(0, n("evolveContentBlur", dt.contentBlur)),
+		roundness: mt(n("evolveRoundness", dt.roundness)),
+		cornerDuration: Math.max(0, n("evolveCornerDuration", dt.cornerDuration)),
+		cornerDelay: Math.max(0, n("evolveCornerDelay", dt.cornerDelay)),
+		cornerEase: gt(e, "evolveCornerEase", dt.cornerEase),
+		anticipation: Math.max(0, n("evolveAnticipation", dt.anticipation)),
+		travel: Math.max(0, n("evolveTravel", dt.travel))
+	}, i = Math.max(.25, pt(t?.speed, n("morphSpeed", 1))), a = mt(pt(t?.bounce, n("morphBounce", .5))), o = (e) => Math.max(.12, 1 - 1.1 * mt(e)), s = o(a) / o(.5);
 	return {
 		massStiffness: r.massStiffness * i * i,
 		massDamping: r.massDamping * i * s,
@@ -1457,7 +1463,7 @@ function ht(e, t) {
 		sizeDamping: r.sizeDamping * i * s,
 		radiusStiffness: r.radiusStiffness * i * i,
 		radiusDamping: r.radiusDamping * i,
-		contentBlur: Math.max(0, dt(t?.contentBlur, r.contentBlur)),
+		contentBlur: Math.max(0, pt(t?.contentBlur, r.contentBlur)),
 		roundness: r.roundness,
 		cornerDuration: r.cornerDuration / i,
 		cornerDelay: r.cornerDelay,
@@ -1467,14 +1473,14 @@ function ht(e, t) {
 		...t?.advanced ?? {}
 	};
 }
-function gt(e, t) {
-	return t?.shape === void 0 ? pt(e, "morphShape", 1) >= .5 : t.shape;
+function vt(e, t) {
+	return t?.shape === void 0 ? ht(e, "morphShape", 1) >= .5 : t.shape;
 }
-function _t(e, t) {
-	let n = ht(e, t), r = Math.max(0, pt(e, "contentBlurAreaMultiplier", 3));
+function yt(e, t) {
+	let n = _t(e, t), r = Math.max(0, ht(e, "contentBlurAreaMultiplier", 3));
 	return n.contentBlur * r;
 }
-function vt(e) {
+function bt(e) {
 	return {
 		cx: e.cx,
 		cy: e.cy,
@@ -1499,7 +1505,7 @@ function vt(e) {
 		round01: 0
 	};
 }
-function yt(e, t) {
+function xt(e, t) {
 	e.cx = t.cx, e.cy = t.cy, e.w = t.w, e.h = t.h, e.r = t.r, e.vcx = 0, e.vcy = 0, e.vw = 0, e.vh = 0, e.vr = 0, e.motionEnv = 0, e.tPrev = {
 		cx: t.cx,
 		cy: t.cy
@@ -1508,18 +1514,18 @@ function yt(e, t) {
 		h: t.h
 	}, e.morphActive = !1, e.round01 = 0;
 }
-function bt(e, t, n, r, i, a) {
+function St(e, t, n, r, i, a) {
 	let o = t + (r * (n - e) - i * t) * a;
 	return [e + o * a, o];
 }
-function xt(e, t, n, r, i, a) {
-	let o = Math.max(0, dt(a, 0)), s = Math.max(1, Math.ceil(o * 60)), c = o / s, l = e, u = t;
-	for (; s-- > 0;) [l, u] = bt(l, u, n, r, i, c);
+function Ct(e, t, n, r, i, a) {
+	let o = Math.max(0, pt(a, 0)), s = Math.max(1, Math.ceil(o * 60)), c = o / s, l = e, u = t;
+	for (; s-- > 0;) [l, u] = St(l, u, n, r, i, c);
 	return [l, u];
 }
-var St = /* @__PURE__ */ new Map();
-function Ct(e) {
-	let t = St.get(e);
+var wt = /* @__PURE__ */ new Map();
+function Tt(e) {
+	let t = wt.get(e);
 	if (t) return t;
 	let n = /cubic-bezier\(([^)]+)\)/.exec(e);
 	if (n) {
@@ -1535,14 +1541,14 @@ function Ct(e) {
 			let s = (n + o) / 2;
 			return 3 * s * (1 - s) * (1 - s) * r + 3 * s * s * (1 - s) * a + s ** 3;
 		};
-	} else t = e === "ease-in-out" ? Ct("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => ft(e);
-	return St.set(e, t), t;
+	} else t = e === "ease-in-out" ? Tt("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => mt(e);
+	return wt.set(e, t), t;
 }
-function wt(e) {
+function Et(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
-function Tt(e, t, n, r, i) {
-	let a = Math.max(0, dt(n, 0)), o = t.cx, s = t.cy;
+function Dt(e, t, n, r, i) {
+	let a = Math.max(0, pt(n, 0)), o = t.cx, s = t.cy;
 	e.tPrev ||= {
 		cx: o,
 		cy: s
@@ -1557,7 +1563,7 @@ function Tt(e, t, n, r, i) {
 	let g = Math.max(0, i.anticipation) / 1e3, _ = g > 0 ? 1 - Math.exp(-a / g) : 1;
 	e.lead01 += (+(f > .5) - e.lead01) * _;
 	let v = Math.min(Math.max(0, i.travel) * e.lead01, f);
-	[e.cx, e.vcx] = xt(e.cx, e.vcx, o + m * v, i.massStiffness, i.massDamping, a), [e.cy, e.vcy] = xt(e.cy, e.vcy, s + h * v, i.massStiffness, i.massDamping, a), [e.w, e.vw] = xt(e.w, e.vw, t.w, i.sizeStiffness, i.sizeDamping, a), [e.h, e.vh] = xt(e.h, e.vh, t.h, i.sizeStiffness, i.sizeDamping, a), [e.r, e.vr] = xt(e.r, e.vr, t.r, i.radiusStiffness, i.radiusDamping, a);
+	[e.cx, e.vcx] = Ct(e.cx, e.vcx, o + m * v, i.massStiffness, i.massDamping, a), [e.cy, e.vcy] = Ct(e.cy, e.vcy, s + h * v, i.massStiffness, i.massDamping, a), [e.w, e.vw] = Ct(e.w, e.vw, t.w, i.sizeStiffness, i.sizeDamping, a), [e.h, e.vh] = Ct(e.h, e.vh, t.h, i.sizeStiffness, i.sizeDamping, a), [e.r, e.vr] = Ct(e.r, e.vr, t.r, i.radiusStiffness, i.radiusDamping, a);
 	let y = e.lastTargetSize;
 	(y ? Math.abs(t.w - y.w) + Math.abs(t.h - y.h) : 0) > .5 ? (e.morphActive ||= (e.cornerT0 = r, e.cornerStarted = !0, !0), e.lastTargetMoveT = r) : e.morphActive && r - e.lastTargetMoveT > 150 && r - e.cornerT0 > Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration) && (e.morphActive = !1), e.lastTargetSize = {
 		w: t.w,
@@ -1565,8 +1571,8 @@ function Tt(e, t, n, r, i) {
 	};
 	let b = Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration), x = 0;
 	if (e.cornerStarted && i.roundness > 0 && r - e.cornerT0 < b) {
-		let t = ft((r - e.cornerT0 - Math.max(0, i.cornerDelay)) / Math.max(1, i.cornerDuration));
-		x = ft((1 - Ct(i.cornerEase)(t)) * i.roundness);
+		let t = mt((r - e.cornerT0 - Math.max(0, i.cornerDelay)) / Math.max(1, i.cornerDuration));
+		x = mt((1 - Tt(i.cornerEase)(t)) * i.roundness);
 	}
 	let S = a * 8;
 	e.round01 += Math.max(-S, Math.min(S, x - e.round01));
@@ -1577,22 +1583,22 @@ function Tt(e, t, n, r, i) {
 	}
 	let w = Math.min(1, (Math.hypot(e.vcx, e.vcy) + Math.abs(e.vw) + Math.abs(e.vh)) / 420);
 	e.motionEnv = Math.max(w, e.motionEnv - a * 1.9);
-	let T = e.motionEnv * e.motionEnv * Math.max(0, i.contentBlur), E = e.cornerStarted && r - e.cornerT0 < b + 80 || Math.abs(x - e.round01) > .004 || e.round01 > .004, D = Math.hypot(e.vcx, e.vcy), O = Math.abs(e.cx - o) < .05 && Math.abs(e.cy - s) < .05 && Math.abs(e.w - t.w) < .05 && Math.abs(e.h - t.h) < .05 && Math.abs(e.r - t.r) < .05 && D < 1 && Math.abs(e.vw) + Math.abs(e.vh) + Math.abs(e.vr) < 1 && e.motionEnv < .01 && !E, k = [
+	let T = e.motionEnv * e.motionEnv * Math.max(0, i.contentBlur), E = e.cornerStarted && r - e.cornerT0 < b + 80 || Math.abs(x - e.round01) > .004 || e.round01 > .004, D = Math.hypot(e.vcx, e.vcy), O = Math.abs(e.cx - o) < .05 && Math.abs(e.cy - s) < .05 && Math.abs(e.w - t.w) < .05 && Math.abs(e.h - t.h) < .05 && Math.abs(e.r - t.r) < .05 && D < 1 && Math.abs(e.vw) + Math.abs(e.vh) + Math.abs(e.vr) < 1 && e.motionEnv < .01 && !E, ee = [
 		C,
 		C,
 		C,
 		C
 	];
 	return {
-		path: We(-e.w / 2, -e.h / 2, e.w, e.h, k),
-		transform: `translate(${wt(e.cx)} ${wt(e.cy)}) scale(${wt(t.scale)})`,
+		path: Ke(-e.w / 2, -e.h / 2, e.w, e.h, ee),
+		transform: `translate(${Et(e.cx)} ${Et(e.cy)}) scale(${Et(t.scale)})`,
 		contentBlur: T,
 		moving: !O
 	};
 }
 //#endregion
 //#region src/liquidGooeySpring.ts
-var Et = {
+var Ot = {
 	snappy: {
 		stiffness: 480,
 		damping: 34,
@@ -1608,16 +1614,16 @@ var Et = {
 		damping: 17,
 		mass: 1
 	}
-}, Dt = 1 / 240;
-function Ot(e) {
+}, kt = 1 / 240;
+function At(e) {
 	let t = 0, n = 0, r = 0, i = -1, a = 0, o = [0];
 	for (; r < 10;) {
 		let s = (-e.stiffness * (t - 1) - e.damping * n) / e.mass;
-		if (n += s * Dt, t += n * Dt, r += Dt, o.push(t), t > a && (a = t), Math.abs(t - 1) < .001 && Math.abs(n) < .02) {
+		if (n += s * kt, t += n * kt, r += kt, o.push(t), t > a && (a = t), Math.abs(t - 1) < .001 && Math.abs(n) < .02) {
 			if (i < 0 && (i = r), r - i >= .064) break;
 		} else i = -1;
 	}
-	let s = i > 0 ? i : r, c = Math.round(Math.min(120, Math.max(24, s * 90))), l = Math.min(o.length - 1, s / Dt), u = [];
+	let s = i > 0 ? i : r, c = Math.round(Math.min(120, Math.max(24, s * 90))), l = Math.min(o.length - 1, s / kt), u = [];
 	for (let e = 0; e <= c; e += 1) {
 		let t = Math.min(o.length - 1, Math.round(e / c * l));
 		u.push(Math.round((o[t] ?? 1) * 1e4) / 1e4);
@@ -1628,13 +1634,13 @@ function Ot(e) {
 		overshoots: a > 1.001
 	};
 }
-var kt = null;
-function At() {
-	return kt === null && (kt = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), kt;
+var jt = null;
+function Mt() {
+	return jt === null && (jt = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), jt;
 }
-var jt = /* @__PURE__ */ new Map(), Mt = /* @__PURE__ */ new Map();
-function Nt(e) {
-	let t = Mt.get(e);
+var Nt = /* @__PURE__ */ new Map(), Pt = /* @__PURE__ */ new Map();
+function Ft(e) {
+	let t = Pt.get(e);
 	if (t) return t;
 	let n = /^linear\(([^)]+)\)$/.exec(e.trim()), r = /^cubic-bezier\(([^)]+)\)$/.exec(e.trim()), i;
 	if (n) {
@@ -1658,10 +1664,10 @@ function Nt(e) {
 			let s = (i + o) / 2;
 			return 3 * s * (1 - s) * (1 - s) * t + 3 * s * s * (1 - s) * a + s ** 3;
 		};
-	} else i = e === "ease" ? Nt("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? Nt("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? Nt("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? Nt("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
-	return Mt.set(e, i), i;
+	} else i = e === "ease" ? Ft("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? Ft("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? Ft("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? Ft("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
+	return Pt.set(e, i), i;
 }
-function Pt(e, t = !1) {
+function It(e, t = !1) {
 	if (t) return {
 		duration: 0,
 		easing: "linear"
@@ -1671,58 +1677,58 @@ function Pt(e, t = !1) {
 		duration: Math.max(0, n.duration),
 		easing: n.ease ?? "cubic-bezier(0.22, 1, 0.36, 1)"
 	};
-	let r = typeof n == "string" ? Et[n] : {
+	let r = typeof n == "string" ? Ot[n] : {
 		stiffness: 300,
 		damping: 24,
 		mass: 1,
 		...n
-	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${At()}`, a = jt.get(i);
+	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${Mt()}`, a = Nt.get(i);
 	if (!a) {
-		let e = Ot(r);
+		let e = At(r);
 		a = {
 			duration: Math.round(e.duration * 1e3),
-			easing: At() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
-		}, jt.set(i, a);
+			easing: Mt() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
+		}, Nt.set(i, a);
 	}
 	return a;
 }
 //#endregion
 //#region src/liquidGooeyEngine.ts
-function Ft(e, t) {
+function Lt(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function It(e) {
+function Rt(e) {
 	let t = {
 		observe: e.observe ?? !1,
-		x: Ft(e.x, 0),
-		y: Ft(e.y, 0),
-		scale: Math.max(.01, Ft(e.scale, 1))
+		x: Lt(e.x, 0),
+		y: Lt(e.y, 0),
+		scale: Math.max(.01, Lt(e.scale, 1))
 	};
-	return e.effect !== void 0 && (t.effect = e.effect), e.morph !== void 0 && (t.morph = e.morph), e.bend !== void 0 && (t.bend = e.bend), e.transition !== void 0 && (t.transition = e.transition), e.delay !== void 0 && (t.delay = Math.max(0, Ft(e.delay, 0))), e.radius !== void 0 && (t.radius = e.radius), t;
+	return e.effect !== void 0 && (t.effect = e.effect), e.morph !== void 0 && (t.morph = e.morph), e.bend !== void 0 && (t.bend = e.bend), e.transition !== void 0 && (t.transition = e.transition), e.delay !== void 0 && (t.delay = Math.max(0, Lt(e.delay, 0))), e.radius !== void 0 && (t.radius = e.radius), t;
 }
-function Lt(e) {
+function zt(e) {
 	return {
 		x: e.x,
 		y: e.y,
 		scale: e.scale
 	};
 }
-function Rt(e, t) {
+function Bt(e, t) {
 	return e.x === t.x && e.y === t.y && e.scale === t.scale;
 }
-function zt(e, t) {
-	return e.effect === t.effect && e.observe === t.observe && JSON.stringify(e.morph) === JSON.stringify(t.morph) && JSON.stringify(e.bend) === JSON.stringify(t.bend) && JSON.stringify(e.transition) === JSON.stringify(t.transition) && e.delay === t.delay && Bt(e.radius) === Bt(t.radius);
+function Vt(e, t) {
+	return e.effect === t.effect && e.observe === t.observe && JSON.stringify(e.morph) === JSON.stringify(t.morph) && JSON.stringify(e.bend) === JSON.stringify(t.bend) && JSON.stringify(e.transition) === JSON.stringify(t.transition) && e.delay === t.delay && Ht(e.radius) === Ht(t.radius);
 }
-function Bt(e) {
+function Ht(e) {
 	return e === void 0 ? "" : JSON.stringify(e);
 }
-function Vt(e, t) {
+function Ut(e, t) {
 	return !!(e && Math.abs(e.x - t.x) < .01 && Math.abs(e.y - t.y) < .01 && Math.abs(e.w - t.w) < .01 && Math.abs(e.h - t.h) < .01 && e.r.every((e, n) => Math.abs(e - (t.r[n] ?? 0)) < .01));
 }
-function Ht(e) {
+function Wt(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
-var Ut = class {
+var Gt = class {
 	getGroup;
 	getFilterArea;
 	onModeChange;
@@ -1752,11 +1758,11 @@ var Ut = class {
 	}
 	register(e) {
 		this.revive(), this.unregister(e.id);
-		let t = It(e.config), n = {
+		let t = Rt(e.config), n = {
 			...e,
 			config: t,
-			target: Lt(t),
-			current: Lt(t),
+			target: zt(t),
+			current: zt(t),
 			motion: null,
 			lastBox: null,
 			lastPaint: null,
@@ -1778,7 +1784,7 @@ var Ut = class {
 	update(e, t) {
 		let n = this.items.get(e);
 		if (!n) return;
-		let r = It(t), i = Lt(r), a = !Rt(n.target, i), o = !zt(n.config, r);
+		let r = Rt(t), i = zt(r), a = !Bt(n.target, i), o = !Vt(n.config, r);
 		if (n.config = r, this.updateFeaturePadding(), !a) {
 			o && (n.lastPaint = null, this.isDynamic(n) || this.resetDynamicEntry(n), r.effect === "bend" && this.writeBendVars(n, 0, 0), this.isDynamic(n) && !this.reducedMotion && (this.ensureClaim() ? this.setMode("animated") : (this.snapEntry(n), this.resetDynamicEntry(n), this.setMode("static"))), this.touch(), this.wake());
 			return;
@@ -1786,13 +1792,13 @@ var Ut = class {
 		let s = this.now();
 		if (this.advanceEntry(n, s), n.target = i, this.reducedMotion) this.snapEntry(n), this.resetMoveEntry(n), this.resetDynamicEntry(n), this.setMode("reduced");
 		else {
-			let e = Pt(r.transition), t = e.duration > 0;
+			let e = It(r.transition), t = e.duration > 0;
 			!(t || this.follow || this.isDynamic(n)) || !this.ensureClaim() ? (this.snapEntry(n), this.resetMoveEntry(n), this.resetDynamicEntry(n), this.setMode("static")) : !t || r.observe ? (n.current = { ...i }, n.motion = null, n.host.style.willChange = "", n.lastPaint = null, this.applyHost(n), this.setMode("animated")) : (n.motion = {
 				from: { ...n.current },
 				to: { ...i },
 				start: s + (r.delay ?? 0),
 				duration: e.duration,
-				ease: Nt(e.easing)
+				ease: Ft(e.easing)
 			}, n.host.style.willChange = r.observe ? "" : "transform", this.setMode("animated"));
 		}
 		this.touch(s), this.needsPaint = !0, this.wake();
@@ -1849,7 +1855,7 @@ var Ut = class {
 	ensureClaim() {
 		if (this.claimed) return !0;
 		let e = this.getFilterArea();
-		return Number.isFinite(e) && (this.filterArea = Math.max(0, e)), Ae(this.filterArea) ? (this.claimed = !0, this.moveOptions = Xe(this.getGroup()), !0) : (this.warnBudgetFallback(), !1);
+		return Number.isFinite(e) && (this.filterArea = Math.max(0, e)), Ae(this.filterArea) ? (this.claimed = !0, this.moveOptions = Qe(this.getGroup()), !0) : (this.warnBudgetFallback(), !1);
 	}
 	warnBudgetFallback() {
 		if (this.budgetWarningEmitted) return;
@@ -1867,7 +1873,7 @@ var Ut = class {
 		return e.config.effect === "bend";
 	}
 	isShape(e) {
-		return !this.isBend(e) && e.config.morph !== void 0 && gt(this.getGroup(), e.config.morph);
+		return !this.isBend(e) && e.config.morph !== void 0 && vt(this.getGroup(), e.config.morph);
 	}
 	isDynamic(e) {
 		return this.isBend(e) || this.isShape(e);
@@ -1890,7 +1896,7 @@ var Ut = class {
 		let e = 0;
 		for (let t of this.items.values()) {
 			let n = this.featureBox(t);
-			this.isBend(t) ? e = Math.max(e, st(n, Ze(this.getGroup(), t.config.bend))) : this.isShape(t) && (e = Math.max(e, _t(this.getGroup(), t.config.morph)));
+			this.isBend(t) ? e = Math.max(e, lt(n, $e(this.getGroup(), t.config.bend))) : this.isShape(t) && (e = Math.max(e, yt(this.getGroup(), t.config.morph)));
 		}
 		Math.abs(e - this.featurePadding) < .5 || (this.featurePadding = e, this.onFeaturePaddingChange?.(e));
 	}
@@ -1903,7 +1909,7 @@ var Ut = class {
 			this.clearContentBlur(e);
 			return;
 		}
-		let r = e.baseContentFilter.trim(), i = `${r && r !== "none" ? `${r} ` : ""}blur(${Ht(n)}px)`;
+		let r = e.baseContentFilter.trim(), i = `${r && r !== "none" ? `${r} ` : ""}blur(${Wt(n)}px)`;
 		e.lastContentFilter !== i && (e.host.style.filter = i, e.lastContentFilter = i, e.contentBlurred = !0);
 	}
 	clearBendVars(e) {
@@ -1946,7 +1952,7 @@ var Ut = class {
 			e.ownTransform && e.host.style.transform === e.ownTransform && e.host.style.removeProperty("transform"), e.ownTransform = "";
 			return;
 		}
-		let t = `translate(${Ht(e.current.x)}px, ${Ht(e.current.y)}px) scale(${Ht(e.current.scale)})`;
+		let t = `translate(${Wt(e.current.x)}px, ${Wt(e.current.y)}px) scale(${Wt(e.current.scale)})`;
 		e.ownTransform !== t && (e.ownTransform = t, e.host.style.transform = t);
 	}
 	createTailElements(e) {
@@ -1982,15 +1988,15 @@ var Ut = class {
 		};
 	}
 	readBox(e, t) {
-		let n = e.host.firstElementChild ?? e.host, r = Ve(e.host, t), i = e.host.offsetWidth, a = e.host.offsetHeight;
+		let n = e.host.firstElementChild ?? e.host, r = Ue(e.host, t), i = e.host.offsetWidth, a = e.host.offsetHeight;
 		if (e.config.observe) {
 			let o = n.getBoundingClientRect(), s = t.getBoundingClientRect();
 			o.width > 0 || o.height > 0 ? (r = {
 				x: o.left - s.left,
 				y: o.top - s.top
-			}, i = o.width || n.offsetWidth, a = o.height || n.offsetHeight) : (r = Ve(n, t), i = n.offsetWidth || e.host.offsetWidth, a = n.offsetHeight || e.host.offsetHeight);
+			}, i = o.width || n.offsetWidth, a = o.height || n.offsetHeight) : (r = Ue(n, t), i = n.offsetWidth || e.host.offsetWidth, a = n.offsetHeight || e.host.offsetHeight);
 		}
-		let o = e.config.radius === void 0 ? He(n, i, a) : Ue(e.config.radius);
+		let o = e.config.radius === void 0 ? We(n, i, a) : Ge(e.config.radius);
 		return {
 			x: r.x,
 			y: r.y,
@@ -2012,8 +2018,8 @@ var Ut = class {
 	}
 	paintEvolveEntry(e, t, n, r) {
 		let i = this.dynamicTarget(e, t);
-		e.evolve ||= vt(i), (this.reducedMotion || !this.claimed && !r) && yt(e.evolve, i);
-		let a = ht(this.getGroup(), e.config.morph), o = Tt(e.evolve, i, this.reducedMotion || !this.claimed && !r ? 0 : n, this.now(), a), s = `${o.path}|${o.transform}`, c = !1;
+		e.evolve ||= bt(i), (this.reducedMotion || !this.claimed && !r) && xt(e.evolve, i);
+		let a = _t(this.getGroup(), e.config.morph), o = Dt(e.evolve, i, this.reducedMotion || !this.claimed && !r ? 0 : n, this.now(), a), s = `${o.path}|${o.transform}`, c = !1;
 		return e.lastPaint !== s && (e.lastPaint = s, e.blob.setAttribute("d", o.path), e.blob.setAttribute("transform", o.transform), c = !0), this.hideTail(e), this.writeContentBlur(e, o.contentBlur), {
 			changed: c,
 			moving: !this.reducedMotion && this.claimed && o.moving
@@ -2021,8 +2027,8 @@ var Ut = class {
 	}
 	paintBendEntry(e, t, n, r) {
 		let i = this.dynamicTarget(e, t);
-		e.bendState ||= at(i), (this.reducedMotion || !this.claimed && !r) && ot(e.bendState, i);
-		let a = Ze(this.getGroup(), e.config.bend), o = ct(e.bendState, i, t, this.reducedMotion || !this.claimed && !r ? 0 : n, a), s = !1;
+		e.bendState ||= st(i), (this.reducedMotion || !this.claimed && !r) && ct(e.bendState, i);
+		let a = $e(this.getGroup(), e.config.bend), o = ut(e.bendState, i, t, this.reducedMotion || !this.claimed && !r ? 0 : n, a), s = !1;
 		return e.lastPaint !== o.fingerprint && (e.lastPaint = o.fingerprint, e.blob.setAttribute("d", o.path), e.blob.setAttribute("transform", o.transform), s = !0), this.hideTail(e), this.clearContentBlur(e), this.writeBendVars(e, o.bendX, o.bendY), {
 			changed: s,
 			moving: !this.reducedMotion && this.claimed && o.moving
@@ -2030,15 +2036,15 @@ var Ut = class {
 	}
 	paintFollowEntry(e, t, n, r, i) {
 		let a = this.moveTarget(e, t);
-		!i && r && !this.reducedMotion && !this.claimed && (this.ensureClaim() ? this.setMode("animated") : (this.resetMoveEntry(e), e.move = et(a))), e.move ||= et(a), this.reducedMotion && tt(e.move, a);
-		let o = this.moveOptions ??= Xe(this.getGroup()), s = rt(e.move, a, t, this.reducedMotion ? 0 : n, o), c = `${s.path}|${s.transform}`, l = !1;
+		!i && r && !this.reducedMotion && !this.claimed && (this.ensureClaim() ? this.setMode("animated") : (this.resetMoveEntry(e), e.move = nt(a))), e.move ||= nt(a), this.reducedMotion && rt(e.move, a);
+		let o = this.moveOptions ??= Qe(this.getGroup()), s = at(e.move, a, t, this.reducedMotion ? 0 : n, o), c = `${s.path}|${s.transform}`, l = !1;
 		return e.lastPaint !== c && (e.lastPaint = c, e.blob.setAttribute("d", s.path), e.blob.setAttribute("transform", s.transform), l = !0), this.paintTail(e, s.tail) && (l = !0), {
 			changed: l,
 			moving: !this.reducedMotion && s.moving && this.claimed
 		};
 	}
 	paintEntry(e, t) {
-		let n = t.x + e.current.x + t.w * (1 - e.current.scale) / 2, r = t.y + e.current.y + t.h * (1 - e.current.scale) / 2, i = `translate(${Ht(n)} ${Ht(r)}) scale(${Ht(e.current.scale)})`, a = We(0, 0, t.w, t.h, t.r), o = `${a}|${i}`;
+		let n = t.x + e.current.x + t.w * (1 - e.current.scale) / 2, r = t.y + e.current.y + t.h * (1 - e.current.scale) / 2, i = `translate(${Wt(n)} ${Wt(r)}) scale(${Wt(e.current.scale)})`, a = Ke(0, 0, t.w, t.h, t.r), o = `${a}|${i}`;
 		return e.lastPaint === o ? !1 : (e.lastPaint = o, e.blob.setAttribute("d", a), e.blob.setAttribute("transform", i), !0);
 	}
 	loop = (e) => {
@@ -2057,7 +2063,7 @@ var Ut = class {
 			for (let t of this.items.values()) {
 				let n = e.get(t.id);
 				if (!n) continue;
-				let r = t.lastBox === null, s = !Vt(t.lastBox, n);
+				let r = t.lastBox === null, s = !Ut(t.lastBox, n);
 				r && a.add(t.id), s && o.add(t.id), s && (t.lastBox = n, t.lastPaint = null, i = !0);
 			}
 			this.updateFeaturePadding();
@@ -2125,18 +2131,18 @@ var Ut = class {
 };
 //#endregion
 //#region src/liquidGooeyShadow.ts
-function Wt(e, t) {
+function Kt(e, t) {
 	let n = [], r = 0, i = "";
 	for (let a of e) a === "(" ? r += 1 : a === ")" && --r, r === 0 && (t === "," ? a === "," : /\s/.test(a)) ? (i.trim() && n.push(i.trim()), i = "") : i += a;
 	return i.trim() && n.push(i.trim()), n;
 }
-var Gt = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
-function Kt(e) {
+var qt = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
+function Jt(e) {
 	if (!e || e.trim() === "" || e.trim() === "none") return [];
 	let t = [];
-	for (let n of Wt(e, ",")) {
-		let e = Wt(n, " "), r = e.includes("inset"), i = [], a = [];
-		for (let t of e) t !== "inset" && (i.length < 4 && Gt.test(t) ? i.push(parseFloat(t)) : a.push(t));
+	for (let n of Kt(e, ",")) {
+		let e = Kt(n, " "), r = e.includes("inset"), i = [], a = [];
+		for (let t of e) t !== "inset" && (i.length < 4 && qt.test(t) ? i.push(parseFloat(t)) : a.push(t));
 		let [o = 0, s = 0, c = 0, l = 0] = i;
 		t.push({
 			x: o,
@@ -2149,18 +2155,31 @@ function Kt(e) {
 	}
 	return t;
 }
-function qt(e) {
+function Yt(e) {
 	if (!e || e.trim() === "" || e.trim() === "none") return null;
-	let t = Wt(e, " "), n = 0, r = [];
-	for (let e of t) e !== "solid" && (n === 0 && Gt.test(e) ? n = parseFloat(e) : r.push(e));
+	let t = Kt(e, " "), n = 0, r = [];
+	for (let e of t) e !== "solid" && (n === 0 && qt.test(e) ? n = parseFloat(e) : r.push(e));
 	return {
 		width: n,
 		color: r.join(" ") || "var(--game-ui-stroke, transparent)"
 	};
 }
+function Xt(e) {
+	return !e.inset && e.spread === 0 && (e.blur > 0 || e.x !== 0 || e.y !== 0);
+}
+function Zt(e) {
+	let t = e.filter(Xt).map((e) => `drop-shadow(${e.x}px ${e.y}px ${e.blur}px ${e.color})`);
+	return t.length > 0 ? t.join(" ") : void 0;
+}
+function Qt(e) {
+	return e.filter((e) => !Xt(e));
+}
+function $t(e) {
+	return e.reduce((e, t) => Math.max(e, Math.max(Math.abs(t.x), Math.abs(t.y)) + t.blur * 1.5 + Math.max(0, t.spread)), 0);
+}
 //#endregion
 //#region src/liquidGooeyImageMelt.tsx
-var Jt = 24, Yt = 500, Xt = 16, Zt = 6, Qt = {
+var en = 24, tn = 500, nn = 16, rn = 6, an = {
 	blur: 7,
 	contrast: 40,
 	reach: .8,
@@ -2190,13 +2209,13 @@ var Jt = 24, Yt = 500, Xt = 16, Zt = 6, Qt = {
 	sink: .8,
 	seamBlur: 12.8
 };
-function $t(e, t = 0, n = 1) {
+function on(e, t = 0, n = 1) {
 	return Math.min(n, Math.max(t, e));
 }
-function en(e, t) {
+function sn(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function tn(e, t, n) {
+function cn(e, t, n) {
 	let r = e?.ownerDocument.defaultView;
 	if (!r) return n;
 	let i = z[t], a = /^var\((--[\w-]+)\)$/.exec(i)?.[1];
@@ -2204,34 +2223,34 @@ function tn(e, t, n) {
 	let o = Number.parseFloat(r.getComputedStyle(e).getPropertyValue(a));
 	return Number.isFinite(o) ? o : n;
 }
-function nn(e, t = {}) {
-	let n = (n, r) => en(t[n], tn(e, r, Qt[n]));
+function ln(e, t = {}) {
+	let n = (n, r) => sn(t[n], cn(e, r, an[n]));
 	return {
 		blur: Math.max(0, n("blur", "meltBlur")),
 		contrast: Math.max(1, n("contrast", "meltContrast")),
 		reach: Math.max(0, n("reach", "meltReach")),
 		fade: Math.max(0, n("fade", "meltFade")),
 		warp: Math.max(0, n("warp", "meltWarp")),
-		mix: $t(n("mix", "meltMix")),
+		mix: on(n("mix", "meltMix")),
 		mixBlur: Math.max(0, n("mixBlur", "meltMixBlur")),
 		gravity: Math.max(0, n("gravity", "meltGravity")),
 		waviness: Math.max(0, n("waviness", "meltWaviness"))
 	};
 }
-function rn(e, t) {
+function un(e, t) {
 	let n = typeof t == "object" && t ? t : {}, r = (t, r, i) => {
 		let a = n[t];
-		return en(typeof a == "number" ? a : void 0, tn(e, r, i));
-	}, i = $t(typeof t == "number" ? t : r("strength", "dissolveStrength", J.strength));
+		return sn(typeof a == "number" ? a : void 0, cn(e, r, i));
+	}, i = on(typeof t == "number" ? t : r("strength", "dissolveStrength", J.strength));
 	return {
 		blur: Math.max(0, r("blur", "dissolveBlur", J.blur)),
 		warp: Math.max(0, r("warp", "dissolveWarp", J.warp)),
 		pull: Math.max(0, r("pull", "dissolvePull", J.pull)),
 		range: Math.max(1, r("range", "dissolveRange", J.range)),
 		zone: Math.max(1, r("zone", "dissolveZone", J.zone)),
-		mix: $t(r("mix", "dissolveMix", J.mix)),
+		mix: on(r("mix", "dissolveMix", J.mix)),
 		gravity: Math.max(0, r("gravity", "dissolveGravity", J.gravity)),
-		taper: $t(r("taper", "dissolveTaper", J.taper)),
+		taper: on(r("taper", "dissolveTaper", J.taper)),
 		warpFreq: Math.max(.2, r("warpFreq", "dissolveWarpFreq", J.warpFreq)),
 		flowSpeed: Math.max(0, r("flowSpeed", "dissolveFlowSpeed", J.flowSpeed)),
 		warpStyle: n.warpStyle ?? J.warpStyle,
@@ -2244,13 +2263,13 @@ function rn(e, t) {
 		seamBlur: Math.max(0, r("seamBlur", "dissolveSeamBlur", J.seamBlur))
 	};
 }
-function an(e) {
+function dn(e) {
 	return e ? e instanceof HTMLImageElement ? e : e.querySelector("img") : null;
 }
-function on(e) {
+function fn(e) {
 	return e && (e.currentSrc || e.src) || null;
 }
-function sn(e) {
+function pn(e) {
 	return {
 		maskImage: e.style.getPropertyValue("mask-image"),
 		maskPriority: e.style.getPropertyPriority("mask-image"),
@@ -2258,11 +2277,11 @@ function sn(e) {
 		webkitMaskPriority: e.style.getPropertyPriority("-webkit-mask-image")
 	};
 }
-function cn(e) {
+function mn(e) {
 	let t = e.image, n = e.previousMask;
 	!t || !n || (n.maskImage ? t.style.setProperty("mask-image", n.maskImage, n.maskPriority) : t.style.removeProperty("mask-image"), n.webkitMaskImage ? t.style.setProperty("-webkit-mask-image", n.webkitMaskImage, n.webkitMaskPriority) : t.style.removeProperty("-webkit-mask-image"));
 }
-function ln() {
+function hn() {
 	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = 0, i = () => n.forEach((e) => e());
 	return {
 		registerMelt(t) {
@@ -2280,15 +2299,15 @@ function ln() {
 			let n = {
 				...e,
 				id: `dissolve-${++r}`,
-				previousMask: e.image ? sn(e.image) : null
+				previousMask: e.image ? pn(e.image) : null
 			};
 			return t.add(n), i(), {
 				update(e) {
-					let t = an(n.el);
-					t !== n.image && (cn(n), n.image = t, n.previousMask = t ? sn(t) : null), n.opts = rn(n.el, e), i();
+					let t = dn(n.el);
+					t !== n.image && (mn(n), n.image = t, n.previousMask = t ? pn(t) : null), n.opts = un(n.el, e), i();
 				},
 				unregister() {
-					cn(n), t.delete(n), i();
+					mn(n), t.delete(n), i();
 				}
 			};
 		},
@@ -2299,20 +2318,20 @@ function ln() {
 		dissolveEntries: () => [...t]
 	};
 }
-function un(e, t, n) {
-	let r = an(t);
+function gn(e, t, n) {
+	let r = dn(t);
 	return r || console.warn("[swimmer-ui] `dissolve` needs an <img> inside the item; text and other DOM content stay unchanged."), e.registerDissolve({
 		el: t,
 		image: r,
-		opts: rn(t, n)
+		opts: un(t, n)
 	});
 }
-function dn({ src: e, options: n = {}, registry: r, children: i, forwardedRef: a, className: o, style: s, ...c }) {
+function _n({ src: e, options: n = {}, registry: r, children: i, forwardedRef: a, className: o, style: s, ...c }) {
 	let l = p(null), u = JSON.stringify(n), f = p(!1), m = (e) => {
 		l.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
 	};
 	return d(() => {
-		let t = l.current, i = t?.firstElementChild, a = an(i), o = e ?? on(a);
+		let t = l.current, i = t?.firstElementChild, a = dn(i), o = e ?? fn(a);
 		if (!t || !i || !a || !o) {
 			f.current || (f.current = !0, console.warn("[swimmer-ui] effect=\"melt\" needs an image: pass melt={{ src }} or put an <img> inside the item."));
 			return;
@@ -2321,7 +2340,7 @@ function dn({ src: e, options: n = {}, registry: r, children: i, forwardedRef: a
 			el: t,
 			target: a,
 			src: o,
-			opts: nn(t, n)
+			opts: ln(t, n)
 		});
 	}, [
 		u,
@@ -2335,7 +2354,7 @@ function dn({ src: e, options: n = {}, registry: r, children: i, forwardedRef: a
 		children: i
 	});
 }
-var fn = {
+var vn = {
 	width: 0,
 	height: 0,
 	melt: null,
@@ -2345,28 +2364,28 @@ function Y(e, t = 2) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-function pn(e) {
-	let t = $t(e);
+function yn(e) {
+	let t = on(e);
 	return t * t * (3 - 2 * t);
 }
-function mn(e, t) {
+function bn(e, t) {
 	let n = Math.max(t.x - (e.x + e.w), e.x - (t.x + t.w), 0), r = Math.max(t.y - (e.y + e.h), e.y - (t.y + t.h), 0);
 	return Math.hypot(n, r);
 }
-function hn(e, t) {
+function xn(e, t) {
 	return {
 		x: e.x + e.w < t.x ? (e.x + e.w + t.x) / 2 : t.x + t.w < e.x ? (t.x + t.w + e.x) / 2 : (Math.max(e.x, t.x) + Math.min(e.x + e.w, t.x + t.w)) / 2,
 		y: e.y + e.h < t.y ? (e.y + e.h + t.y) / 2 : t.y + t.h < e.y ? (t.y + t.h + e.y) / 2 : (Math.max(e.y, t.y) + Math.min(e.y + e.h, t.y + t.h)) / 2
 	};
 }
-function gn(e, t, n) {
+function Sn(e, t, n) {
 	let r = e.ownerDocument.defaultView?.getComputedStyle(e).borderTopLeftRadius ?? "";
 	return Math.max(0, Math.min(Number.parseFloat(r) || 0, t / 2, n / 2));
 }
-function _n(e) {
+function Cn(e) {
 	return e.getBoundingClientRect();
 }
-function vn(e, t) {
+function wn(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
 		x: n.left - t.left,
@@ -2375,21 +2394,21 @@ function vn(e, t) {
 		h: n.height
 	};
 }
-function yn(e, t) {
-	let n = vn(e, t);
+function Tn(e, t) {
+	let n = wn(e, t);
 	return {
 		...n,
-		r: gn(e, n.w, n.h)
+		r: Sn(e, n.w, n.h)
 	};
 }
-function bn(e) {
+function En(e) {
 	return `${Y(e.x)}:${Y(e.y)}:${Y(e.w)}:${Y(e.h)}`;
 }
-function xn(e, t, n) {
-	let r = Math.max(1, e.offsetWidth || e.getBoundingClientRect().width), i = Math.max(1, e.offsetHeight || e.getBoundingClientRect().height), a = t ? Math.max(Jt, t.blur * 3, t.fade * 2, t.warp + t.waviness, t.mixBlur * 2, t.gravity * .5) : 0, o = n ? Math.max(Jt, n.blur * 3, n.warp + n.zone, n.gravity * .5, n.seamBlur * 3) : 0, s = Math.ceil(Math.max(a, o, Jt));
+function Dn(e, t, n) {
+	let r = Math.max(1, e.offsetWidth || e.getBoundingClientRect().width), i = Math.max(1, e.offsetHeight || e.getBoundingClientRect().height), a = t ? Math.max(en, t.blur * 3, t.fade * 2, t.warp + t.waviness, t.mixBlur * 2, t.gravity * .5) : 0, o = n ? Math.max(en, n.blur * 3, n.warp + n.zone, n.gravity * .5, n.seamBlur * 3) : 0, s = Math.ceil(Math.max(a, o, en));
 	return (r + s * 2) * (i + s * 2);
 }
-function Sn(e) {
+function On(e) {
 	let t = e[0]?.opts;
 	return t ? e.slice(1).reduce((e, t) => ({
 		...e,
@@ -2400,25 +2419,25 @@ function Sn(e) {
 		seamBlur: Math.max(e.seamBlur, t.opts.seamBlur)
 	}), { ...t }) : null;
 }
-function Cn(e, t, n, r, i, a, o, s, c) {
+function kn(e, t, n, r, i, a, o, s, c) {
 	let l = Math.atan2(r, n) * 180 / Math.PI, u = Math.max(0, (s - 1) * Math.max(8, 2 * i)), d = Math.min(2.2, (Math.max(0, o) + u) / Math.max(8, 2 * i)) * (.5 + c), f = 1 + d, p = 1 / (1 + d * .35), m = e - n * (i + a), h = t - r * (i + a);
 	return `translate(${Y(m)} ${Y(h)}) rotate(${Y(l)}) scale(${Y(f, 3)} ${Y(p, 3)}) rotate(${-Y(l)}) translate(${Y(-m)} ${Y(-h)})`;
 }
-function wn(e, t, n, r, i, a) {
+function An(e, t, n, r, i, a) {
 	let o = t - e.x, s = n - e.y;
 	if (Math.hypot(Math.max(e.x - t, t - (e.x + e.w), 0), Math.max(e.y - n, n - (e.y + e.h), 0)) > r + 2) return null;
 	let c = Math.min(e.w, e.h) / 2, l = Math.min(Math.max(r, a * .75), c), u = Y(Math.max(0, 1 - Math.min(i, a) * 2.2), 2), d = Y((1 + 2 * u) / 3, 2), f = Math.max(Math.hypot(o, s), Math.hypot(o - e.w, s), Math.hypot(o, s - e.h), Math.hypot(o - e.w, s - e.h)) + 2;
 	return `radial-gradient(circle at ${Y(o)}px ${Y(s)}px, rgba(255,255,255,${u}) ${Y(l * .2)}px, rgba(255,255,255,${d}) ${Y(l * .45)}px, #fff ${Y(l * .78)}px, #fff ${Y(f)}px)`;
 }
-function Tn(e) {
+function jn(e) {
 	if (e < .002) return "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1";
 	let t = Y(1 + 4 * e, 3);
 	return `0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  ${t} 0 0 0 ${Y(1 - t * (.38 + .12 * e), 3)}`;
 }
-function En(e) {
+function Mn(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "");
 }
-var Dn = class {
+var Nn = class {
 	registry;
 	getGroup;
 	onState;
@@ -2450,7 +2469,7 @@ var Dn = class {
 		if (!this.disposed) {
 			this.disposed = !0, this.raf && cancelAnimationFrame(this.raf), this.raf = 0, this.awake = !1, this.resizeObserver?.disconnect(), this.mutationObserver?.disconnect(), this.removeListeners.forEach((e) => e()), this.removeListeners.length = 0;
 			for (let e of this.registry.entries()) this.setMeltPainted(e, !1);
-			for (let e of this.registry.dissolveEntries()) cn(e);
+			for (let e of this.registry.dissolveEntries()) mn(e);
 			this.releaseClaim(), this.observed.clear();
 		}
 	}
@@ -2464,7 +2483,7 @@ var Dn = class {
 		let t = /* @__PURE__ */ new Set(), n = (e) => {
 			e && (t.add(e), this.observed.has(e) || this.resizeObserver?.observe(e));
 		};
-		for (let e of this.registry.entries()) n(e.el), n(e.target), n(an(e.target));
+		for (let e of this.registry.entries()) n(e.el), n(e.target), n(dn(e.target));
 		for (let e of this.registry.dissolveEntries()) n(e.el), n(e.image);
 		for (let e of this.observed) t.has(e) || this.resizeObserver?.unobserve(e);
 		this.observed.clear(), t.forEach((e) => this.observed.add(e)), !this.mutationObserver && typeof MutationObserver < "u" && (this.mutationObserver = new MutationObserver((e) => {
@@ -2504,7 +2523,7 @@ var Dn = class {
 	}
 	ensureClaim(e, t, n) {
 		if (this.claimed) return !0;
-		if (!Ae(xn(e, t, n))) {
+		if (!Ae(Dn(e, t, n))) {
 			if (!this.budgetWarningEmitted) {
 				this.budgetWarningEmitted = !0;
 				let e = Oe(), t = e.activeGroups >= e.maxAnimatedGroups ? "the active-group limit is reached" : "the filter-area limit is exceeded";
@@ -2518,7 +2537,7 @@ var Dn = class {
 		if (this.raf = 0, this.disposed) return;
 		let t = this.registry.entries(), n = this.registry.dissolveEntries();
 		if (t.length === 0 && n.length === 0) {
-			this.awake = !1, this.lastNow = 0, this.lastActivity = 0, this.meltPairKey = "", this.meltProximity = 0, this.lastStateKey && (this.lastStateKey = "", this.onState(fn)), this.releaseClaim();
+			this.awake = !1, this.lastNow = 0, this.lastActivity = 0, this.meltPairKey = "", this.meltProximity = 0, this.lastStateKey && (this.lastStateKey = "", this.onState(vn)), this.releaseClaim();
 			return;
 		}
 		let r = this.getGroup();
@@ -2528,23 +2547,23 @@ var Dn = class {
 		}
 		let i = this.lastNow ? Math.min(.25, Math.max(1 / 240, (e - this.lastNow) / 1e3)) : 1 / 60;
 		this.lastNow = e;
-		let a = _n(r), o = /* @__PURE__ */ new Map();
-		for (let e of r.querySelectorAll(".game-ui-liquid-item")) e.closest(".game-ui-liquid-group") === r && o.set(e, vn(e, a));
+		let a = Cn(r), o = /* @__PURE__ */ new Map();
+		for (let e of r.querySelectorAll(".game-ui-liquid-item")) e.closest(".game-ui-liquid-group") === r && o.set(e, wn(e, a));
 		let s = t.slice(0, 2), c = s.map((e) => {
-			let t = o.get(e.el) ?? vn(e.el, a), n = on(an(e.target));
+			let t = o.get(e.el) ?? wn(e.el, a), n = fn(dn(e.target));
 			return n && (e.src = n), {
 				...t,
-				r: gn(e.target, t.w, t.h)
+				r: Sn(e.target, t.w, t.h)
 			};
 		}), l = s.length === 2 && c.every((e) => e.w > 0 && e.h > 0), u = l ? s[0]?.opts ?? null : null, d = l ? `${s[0]?.id}|${s[1]?.id}` : "";
 		d !== this.meltPairKey && (this.meltPairKey = d, this.meltProximity = 0);
-		let f = l && c[0] && c[1] ? pn(1 - mn(c[0], c[1]) / Math.max(8, u.blur * 2.6)) : 0;
+		let f = l && c[0] && c[1] ? yn(1 - bn(c[0], c[1]) / Math.max(8, u.blur * 2.6)) : 0;
 		this.meltProximity += (f - this.meltProximity) * (1 - Math.exp(-14 * i)), Math.abs(this.meltProximity - f) < .004 && (this.meltProximity = f);
-		let p = this.computeDissolves(n, o, a, i), m = l, h = p.visuals.length > 0, g = m || h, _ = Sn(n);
+		let p = this.computeDissolves(n, o, a, i), m = l, h = p.visuals.length > 0, g = m || h, _ = On(n);
 		if (g && !this.ensureClaim(r, u, _)) {
 			for (let e of t) this.setMeltPainted(e, !1);
-			for (let e of n) cn(e);
-			this.onState(fn), this.lastStateKey = "", this.awake = !1, this.lastNow = 0;
+			for (let e of n) mn(e);
+			this.onState(vn), this.lastStateKey = "", this.awake = !1, this.lastNow = 0;
 			return;
 		}
 		if (m) for (let [e, n] of t.entries()) this.setMeltPainted(n, e < 2);
@@ -2561,14 +2580,14 @@ var Dn = class {
 				srcA: s[0].src,
 				srcB: s[1].src,
 				opts: s[0].opts,
-				prox: $t(this.meltProximity)
+				prox: on(this.meltProximity)
 			} : null,
 			dissolves: p.visuals
 		}, y = this.renderStateKey(v), b = y !== this.lastStateKey;
-		b && (this.lastStateKey = y, this.onState(v), this.lastActivity = e), b || p.pending || e - this.lastActivity < Yt ? (this.awake = !0, this.raf = requestAnimationFrame(this.loop)) : (this.awake = !1, this.lastNow = 0);
+		b && (this.lastStateKey = y, this.onState(v), this.lastActivity = e), b || p.pending || e - this.lastActivity < tn ? (this.awake = !0, this.raf = requestAnimationFrame(this.loop)) : (this.awake = !1, this.lastNow = 0);
 	};
 	renderStateKey(e) {
-		let t = e.melt ? `${e.melt.srcA}|${e.melt.srcB}|${bn(e.melt.a)}|${bn(e.melt.b)}|${Y(e.melt.prox, 3)}` : "", n = e.dissolves.map((e) => `${e.id}|${e.src}|${e.neighborSrc ?? ""}|${bn(e.image)}|${Y(e.cx)}|${Y(e.cy)}|${Y(e.d, 2)}|${Y(e.opacity, 3)}|${Y(e.phase, 3)}|${e.mask ?? ""}`).join(";");
+		let t = e.melt ? `${e.melt.srcA}|${e.melt.srcB}|${En(e.melt.a)}|${En(e.melt.b)}|${Y(e.melt.prox, 3)}` : "", n = e.dissolves.map((e) => `${e.id}|${e.src}|${e.neighborSrc ?? ""}|${En(e.image)}|${Y(e.cx)}|${Y(e.cy)}|${Y(e.d, 2)}|${Y(e.opacity, 3)}|${Y(e.phase, 3)}|${e.mask ?? ""}`).join(";");
 		return `${e.width}x${e.height}|${t}|${n}`;
 	}
 	computeDissolves(e, t, n, r) {
@@ -2576,7 +2595,7 @@ var Dn = class {
 		for (let s of e) {
 			let e = t.get(s.el), c = s.image;
 			if (!e || !c) {
-				s.image && cn(s);
+				s.image && mn(s);
 				continue;
 			}
 			let l = this.motions.get(s.id) ?? {
@@ -2592,7 +2611,7 @@ var Dn = class {
 			let u = Infinity, d = null, f = null;
 			for (let [t, n] of o) {
 				if (t === s.el) continue;
-				let r = mn(e, n);
+				let r = bn(e, n);
 				r < u && (u = r, d = n, f = t);
 			}
 			let p = 0, m = 0;
@@ -2602,11 +2621,11 @@ var Dn = class {
 			}
 			let h = 0;
 			if (d && u < s.opts.range && s.opts.active) {
-				let e = pn((1 - u / s.opts.range) / .65), t = pn((p - s.opts.sink * .2) / Math.max(.01, s.opts.sink * .8));
+				let e = yn((1 - u / s.opts.range) / .65), t = yn((p - s.opts.sink * .2) / Math.max(.01, s.opts.sink * .8));
 				h = e ** 1.25 * s.opts.strength * (1 - t);
 			}
-			if (h >= l.fade) l.fade += (h - l.fade) * Math.min(1, r * Xt), l.release = null;
-			else if (h > .02) l.fade += (h - l.fade) * Math.min(1, r * Zt), l.release = null;
+			if (h >= l.fade) l.fade += (h - l.fade) * Math.min(1, r * nn), l.release = null;
+			else if (h > .02) l.fade += (h - l.fade) * Math.min(1, r * rn), l.release = null;
 			else if (l.fade > .001 || l.release) {
 				l.release ||= {
 					from: l.fade,
@@ -2616,26 +2635,26 @@ var Dn = class {
 				l.fade = l.release.from * (1 - t) ** 2;
 			} else l.fade = 0;
 			if (l.fade <= .001) {
-				l.fade = 0, cn(s);
+				l.fade = 0, mn(s);
 				continue;
 			}
 			let g = d ?? l.contact;
 			if (!g) continue;
-			let _ = hn(e, g);
+			let _ = xn(e, g);
 			l.contact = { ...g };
-			let v = pn(l.release ? l.release.from * (.55 + .45 * (1 - Math.min(1, l.release.elapsed / Math.max(40, s.opts.fadeMs)))) : l.fade), y = l.release ? Math.min(1, l.release.elapsed / Math.max(40, s.opts.fadeMs)) : 0;
-			l.opacity = l.release ? (1 - y) ** 2 : l.opacity + (1 - l.opacity) * Math.min(1, r * Xt);
+			let v = yn(l.release ? l.release.from * (.55 + .45 * (1 - Math.min(1, l.release.elapsed / Math.max(40, s.opts.fadeMs)))) : l.fade), y = l.release ? Math.min(1, l.release.elapsed / Math.max(40, s.opts.fadeMs)) : 0;
+			l.opacity = l.release ? (1 - y) ** 2 : l.opacity + (1 - l.opacity) * Math.min(1, r * nn);
 			let b = Math.min(Math.min(e.w, e.h) * .9, s.opts.zone * (.7 + .6 * v)), x = l.previous, S = x ? Math.hypot(e.x - x.x, e.y - x.y) / Math.max(.001, r) : 0;
 			l.previous = {
 				x: e.x,
 				y: e.y
 			}, l.phase += Math.min(r, 1 / 24) * s.opts.flowSpeed * .12 * Math.min(1, S / 40);
-			let C = (g.x + g.w / 2 - _.x) / Math.max(.001, Math.hypot(g.x + g.w / 2 - _.x, g.y + g.h / 2 - _.y)), w = (g.y + g.h / 2 - _.y) / Math.max(.001, Math.hypot(g.x + g.w / 2 - _.x, g.y + g.h / 2 - _.y)), T = 1 + Math.min(1.8, u / Math.max(8, 2 * b)), E = yn(c, n), D = d && u < Math.max(10, s.opts.blur * 2.5) ? pn(1 - u / Math.max(10, s.opts.blur * 2.5)) : l.fade, O = wn(E, _.x, _.y, b, l.fade, Math.max(D, m * .75));
-			O ? (c.style.setProperty("mask-image", O), c.style.setProperty("-webkit-mask-image", O)) : cn(s);
-			let k = Math.atan2(w, C) * 180 / Math.PI, A = {
+			let C = (g.x + g.w / 2 - _.x) / Math.max(.001, Math.hypot(g.x + g.w / 2 - _.x, g.y + g.h / 2 - _.y)), w = (g.y + g.h / 2 - _.y) / Math.max(.001, Math.hypot(g.x + g.w / 2 - _.x, g.y + g.h / 2 - _.y)), T = 1 + Math.min(1.8, u / Math.max(8, 2 * b)), E = Tn(c, n), D = d && u < Math.max(10, s.opts.blur * 2.5) ? yn(1 - u / Math.max(10, s.opts.blur * 2.5)) : l.fade, O = An(E, _.x, _.y, b, l.fade, Math.max(D, m * .75));
+			O ? (c.style.setProperty("mask-image", O), c.style.setProperty("-webkit-mask-image", O)) : mn(s);
+			let ee = Math.atan2(w, C) * 180 / Math.PI, k = {
 				id: s.id,
-				src: on(c) ?? c.src,
-				neighborSrc: f ? on(an(f)) : null,
+				src: fn(c) ?? c.src,
+				neighborSrc: f ? fn(dn(f)) : null,
 				image: E,
 				cx: _.x,
 				cy: _.y,
@@ -2643,7 +2662,7 @@ var Dn = class {
 				opacity: l.opacity,
 				phase: l.phase,
 				structure: v,
-				angle: k,
+				angle: ee,
 				gravityX: C,
 				gravityY: w,
 				elongation: T,
@@ -2652,7 +2671,7 @@ var Dn = class {
 				options: s.opts,
 				mask: O
 			};
-			i.push(A), a = a || !!l.release || Math.abs(h - l.fade) > .004 || l.previous === null;
+			i.push(k), a = a || !!l.release || Math.abs(h - l.fade) > .004 || l.previous === null;
 		}
 		return {
 			visuals: i,
@@ -2660,8 +2679,8 @@ var Dn = class {
 		};
 	}
 };
-function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox: d }) {
-	let f = `lgm-${En(u())}`, { blur: p, contrast: m, reach: h, fade: g, warp: _, mix: v, mixBlur: y, gravity: b, waviness: x } = s, S = {
+function Pn({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox: d }) {
+	let f = `lgm-${Mn(u())}`, { blur: p, contrast: m, reach: h, fade: g, warp: _, mix: v, mixBlur: y, gravity: b, waviness: x } = s, S = {
 		x: r.x + r.w / 2,
 		y: r.y + r.h / 2
 	}, C = {
@@ -2670,7 +2689,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 	}, w = Math.hypot(r.w, r.h) / 2 * h * d, T = Math.hypot(i.w, i.h) / 2 * h * d, E = {
 		x: (S.x + C.x) / 2,
 		y: (S.y + C.y) / 2
-	}, D = C.x - S.x, O = C.y - S.y, k = Math.max(.001, Math.hypot(D, O)), A = -O / k, j = D / k, ee = Math.max(0, (r.w + i.w) / 2 - Math.abs(D)), M = Math.max(0, (r.h + i.h) / 2 - Math.abs(O)), N = .5 * (ee * Math.abs(A) + M * Math.abs(j)) * d, P = Math.round(Math.atan2(j, A) * 180 / Math.PI), te = Math.round(v * d * 100) / 100, ne = Math.round((2 + (p - 2) * d) * 10) / 10, re = Math.round(_ * d * 10) / 10, ie = Math.round(ne * 2.5 * 10) / 10, ae = Math.round((.4 + (2 + p * .8) * d) * 10) / 10, oe = `translate(${r.x}, ${r.y})`, se = `translate(${i.x}, ${i.y})`;
+	}, D = C.x - S.x, O = C.y - S.y, ee = Math.max(.001, Math.hypot(D, O)), k = -O / ee, te = D / ee, ne = Math.max(0, (r.w + i.w) / 2 - Math.abs(D)), A = Math.max(0, (r.h + i.h) / 2 - Math.abs(O)), j = .5 * (ne * Math.abs(k) + A * Math.abs(te)) * d, M = Math.round(Math.atan2(te, k) * 180 / Math.PI), re = Math.round(v * d * 100) / 100, ie = Math.round((2 + (p - 2) * d) * 10) / 10, ae = Math.round(_ * d * 10) / 10, N = Math.round(ie * 2.5 * 10) / 10, oe = Math.round((.4 + (2 + p * .8) * d) * 10) / 10, se = `translate(${r.x}, ${r.y})`, ce = `translate(${i.x}, ${i.y})`;
 	return /* @__PURE__ */ n("svg", {
 		"aria-hidden": "true",
 		focusable: "false",
@@ -2720,7 +2739,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					children: [
 						/* @__PURE__ */ t("feGaussianBlur", {
 							in: "SourceGraphic",
-							stdDeviation: ne,
+							stdDeviation: ie,
 							result: "b"
 						}),
 						/* @__PURE__ */ t("feColorMatrix", {
@@ -2731,7 +2750,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						}),
 						/* @__PURE__ */ t("feGaussianBlur", {
 							in: "SourceGraphic",
-							stdDeviation: ie,
+							stdDeviation: N,
 							result: "bc"
 						}),
 						/* @__PURE__ */ t("feComposite", {
@@ -2750,7 +2769,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						/* @__PURE__ */ t("feDisplacementMap", {
 							in: "mix",
 							in2: "wn",
-							scale: re,
+							scale: ae,
 							xChannelSelector: "R",
 							yChannelSelector: "G",
 							result: "warped"
@@ -2787,7 +2806,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					height: "220%",
 					children: /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: g })
 				}),
-				te > .01 ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("filter", {
+				re > .01 ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("filter", {
 					id: `${f}-marble`,
 					x: "-25%",
 					y: "-25%",
@@ -2810,7 +2829,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						/* @__PURE__ */ t("feDisplacementMap", {
 							in: "c",
 							in2: "n1",
-							scale: te * 90,
+							scale: re * 90,
 							xChannelSelector: "R",
 							yChannelSelector: "G",
 							result: "d1"
@@ -2825,7 +2844,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						/* @__PURE__ */ t("feDisplacementMap", {
 							in: "d1",
 							in2: "n2",
-							scale: te * 50,
+							scale: re * 50,
 							xChannelSelector: "R",
 							yChannelSelector: "G",
 							result: "d2"
@@ -2849,7 +2868,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						}),
 						/* @__PURE__ */ t("feGaussianBlur", {
 							in: "SourceGraphic",
-							stdDeviation: ne,
+							stdDeviation: ie,
 							result: "mb"
 						}),
 						/* @__PURE__ */ t("feColorMatrix", {
@@ -2868,7 +2887,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						/* @__PURE__ */ t("feDisplacementMap", {
 							in: "mg",
 							in2: "mwn",
-							scale: re,
+							scale: ae,
 							xChannelSelector: "R",
 							yChannelSelector: "G",
 							result: "mshape"
@@ -2891,9 +2910,9 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						children: /* @__PURE__ */ t("ellipse", {
 							cx: E.x,
 							cy: E.y,
-							rx: (w + T) / 2 + N,
+							rx: (w + T) / 2 + j,
 							ry: (w + T) / 2 * b,
-							transform: `rotate(${P}, ${E.x}, ${E.y})`,
+							transform: `rotate(${M}, ${E.x}, ${E.y})`,
 							fill: "#fff"
 						})
 					})
@@ -2904,7 +2923,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					y: "-40%",
 					width: "180%",
 					height: "180%",
-					children: /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: ae })
+					children: /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: oe })
 				}),
 				/* @__PURE__ */ n("mask", {
 					id: `${f}-ma`,
@@ -2916,7 +2935,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					children: [/* @__PURE__ */ t("g", {
 						filter: `url(#${f}-edge)`,
 						children: /* @__PURE__ */ t("g", {
-							transform: oe,
+							transform: se,
 							children: /* @__PURE__ */ t("rect", {
 								width: r.w,
 								height: r.h,
@@ -2929,9 +2948,9 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						children: /* @__PURE__ */ t("ellipse", {
 							cx: E.x,
 							cy: E.y,
-							rx: T + N,
+							rx: T + j,
 							ry: T,
-							transform: `rotate(${P}, ${E.x}, ${E.y})`,
+							transform: `rotate(${M}, ${E.x}, ${E.y})`,
 							fill: "#000"
 						})
 					})]
@@ -2946,7 +2965,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					children: [/* @__PURE__ */ t("g", {
 						filter: `url(#${f}-edge)`,
 						children: /* @__PURE__ */ t("g", {
-							transform: se,
+							transform: ce,
 							children: /* @__PURE__ */ t("rect", {
 								width: i.w,
 								height: i.h,
@@ -2959,9 +2978,9 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						children: /* @__PURE__ */ t("ellipse", {
 							cx: E.x,
 							cy: E.y,
-							rx: w + N,
+							rx: w + j,
 							ry: w,
-							transform: `rotate(${P}, ${E.x}, ${E.y})`,
+							transform: `rotate(${M}, ${E.x}, ${E.y})`,
 							fill: "#000"
 						})
 					})]
@@ -2970,7 +2989,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 			/* @__PURE__ */ n("g", {
 				filter: `url(#${f}-goo)`,
 				children: [/* @__PURE__ */ t("g", {
-					transform: oe,
+					transform: se,
 					children: /* @__PURE__ */ t("rect", {
 						width: r.w,
 						height: r.h,
@@ -2978,7 +2997,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 						fill: `url(#${f}-pa)`
 					})
 				}), /* @__PURE__ */ t("g", {
-					transform: se,
+					transform: ce,
 					children: /* @__PURE__ */ t("rect", {
 						width: i.w,
 						height: i.h,
@@ -2987,12 +3006,12 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 					})
 				})]
 			}),
-			te > .01 ? /* @__PURE__ */ t("g", {
+			re > .01 ? /* @__PURE__ */ t("g", {
 				mask: `url(#${f}-marblemask)`,
 				children: /* @__PURE__ */ n("g", {
 					filter: `url(#${f}-marble)`,
 					children: [/* @__PURE__ */ t("g", {
-						transform: oe,
+						transform: se,
 						children: /* @__PURE__ */ t("rect", {
 							width: r.w,
 							height: r.h,
@@ -3000,7 +3019,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 							fill: `url(#${f}-pa)`
 						})
 					}), /* @__PURE__ */ t("g", {
-						transform: se,
+						transform: ce,
 						children: /* @__PURE__ */ t("rect", {
 							width: i.w,
 							height: i.h,
@@ -3013,7 +3032,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 			/* @__PURE__ */ t("g", {
 				mask: `url(#${f}-ma)`,
 				children: /* @__PURE__ */ t("g", {
-					transform: oe,
+					transform: se,
 					children: /* @__PURE__ */ t("rect", {
 						width: r.w,
 						height: r.h,
@@ -3025,7 +3044,7 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 			/* @__PURE__ */ t("g", {
 				mask: `url(#${f}-mb)`,
 				children: /* @__PURE__ */ t("g", {
-					transform: se,
+					transform: ce,
 					children: /* @__PURE__ */ t("rect", {
 						width: i.w,
 						height: i.h,
@@ -3037,10 +3056,10 @@ function On({ a: r, b: i, srcA: a, srcB: o, opts: s, width: c, height: l, prox:
 		]
 	});
 }
-function kn({ visuals: r }) {
-	let i = `lgd-${En(u())}`;
+function Fn({ visuals: r }) {
+	let i = `lgd-${Mn(u())}`;
 	return /* @__PURE__ */ t(e, { children: r.map((e) => {
-		let r = `${i}-${En(e.id)}`, a = `${r}-pattern`, o = `${r}-mask`, s = r + "-neighbor", c = e.image, l = e.elongation > 1.001 ? `translate(${Y(e.cx)} ${Y(e.cy)}) rotate(${Y(e.angle)}) scale(${Y(e.elongation, 3)} 1) rotate(${-Y(e.angle)}) translate(${Y(-e.cx)} ${Y(-e.cy)})` : void 0, u = e.d * e.elongation + e.options.blur * 2.5 + e.options.warp + e.options.gravity * .5 + 8, d = Math.min(.3, Math.max(.01, e.options.warpFreq / (e.options.zone * 1.1))), f = Cn(e.cx, e.cy, e.gravityX, e.gravityY, e.d, e.options.pull * e.structure, e.options.gravity * e.structure, e.elongation, e.options.taper);
+		let r = `${i}-${Mn(e.id)}`, a = `${r}-pattern`, o = `${r}-mask`, s = r + "-neighbor", c = e.image, l = e.elongation > 1.001 ? `translate(${Y(e.cx)} ${Y(e.cy)}) rotate(${Y(e.angle)}) scale(${Y(e.elongation, 3)} 1) rotate(${-Y(e.angle)}) translate(${Y(-e.cx)} ${Y(-e.cy)})` : void 0, u = e.d * e.elongation + e.options.blur * 2.5 + e.options.warp + e.options.gravity * .5 + 8, d = Math.min(.3, Math.max(.01, e.options.warpFreq / (e.options.zone * 1.1))), f = kn(e.cx, e.cy, e.gravityX, e.gravityY, e.d, e.options.pull * e.structure, e.options.gravity * e.structure, e.elongation, e.options.taper);
 		return /* @__PURE__ */ n("g", {
 			"data-liquid-gooey-dissolve": "",
 			children: [
@@ -3172,7 +3191,7 @@ function kn({ visuals: r }) {
 								/* @__PURE__ */ t("feColorMatrix", {
 									in: "erosion-noise",
 									type: "matrix",
-									values: Tn(c),
+									values: jn(c),
 									result: "erosion"
 								}),
 								/* @__PURE__ */ t("feComposite", {
@@ -3244,10 +3263,10 @@ function kn({ visuals: r }) {
 		}, e.id);
 	}) });
 }
-function An({ registry: e, getGroup: r }) {
-	let [i, a] = m(fn);
+function In({ registry: e, getGroup: r }) {
+	let [i, a] = m(vn);
 	return d(() => {
-		let t = new Dn({
+		let t = new Nn({
 			registry: e,
 			getGroup: r,
 			onState: a
@@ -3269,42 +3288,42 @@ function An({ registry: e, getGroup: r }) {
 			overflow: "visible",
 			pointerEvents: "none"
 		},
-		children: [i.melt ? /* @__PURE__ */ t(On, {
+		children: [i.melt ? /* @__PURE__ */ t(Pn, {
 			...i.melt,
 			width: i.width,
 			height: i.height
-		}) : null, i.dissolves.length > 0 ? /* @__PURE__ */ t(kn, { visuals: i.dissolves }) : null]
+		}) : null, i.dissolves.length > 0 ? /* @__PURE__ */ t(Fn, { visuals: i.dissolves }) : null]
 	});
 }
 //#endregion
 //#region src/LiquidGroup.tsx
-var jn = i(null);
-function Mn() {
-	let e = c(jn);
+var Ln = i(null);
+function Rn() {
+	let e = c(Ln);
 	if (!e) throw Error("<LiquidGroup.Item> must be rendered inside <LiquidGroup>.");
 	return e;
 }
-function Nn(e) {
+function zn(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "");
 }
-function Pn(e, t) {
+function Bn(e, t) {
 	return Number.isFinite(e) ? e : t;
 }
-function Fn(e, t) {
+function Vn(e, t) {
 	if (!e) return e;
 	let n = /^var\((--[\w-]+)\)$/.exec(e.trim());
 	if (!n || !t) return e;
 	let r = t.ownerDocument.defaultView;
 	return r && r.getComputedStyle(t).getPropertyValue(n[1] ?? "").trim() || e;
 }
-function In(e, t, n) {
-	let r = Fn(e, t), i = Number.parseFloat(r ?? "");
+function Hn(e, t, n) {
+	let r = Vn(e, t), i = Number.parseFloat(r ?? "");
 	return Number.isFinite(i) ? i : n;
 }
-function Ln(...e) {
+function Un(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
-function Rn(e) {
+function Wn(e) {
 	let t = { ...e };
 	for (let e of [
 		"children",
@@ -3323,56 +3342,53 @@ function Rn(e) {
 	]) delete t[e];
 	return t;
 }
-function zn() {
+function Gn() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
 }
-function Bn() {
-	let [e, t] = m(() => zn()?.matches ?? !1);
+function Kn() {
+	let [e, t] = m(() => Gn()?.matches ?? !1);
 	return l(() => {
-		let e = zn();
+		let e = Gn();
 		if (!e) return;
 		let n = (e) => t(e.matches);
 		return t(e.matches), e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
 }
-function Vn(e) {
-	return e.reduce((e, t) => Math.max(e, Math.max(Math.abs(t.x), Math.abs(t.y)) + t.blur * 1.5 + Math.max(0, t.spread)), 0);
-}
-var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-surface, var(--game-ui-panel-strong))", filterPadding: a = 24, shadow: o, stroke: c, waviness: h, wavinessFreq: g, wavinessClamp: _, motion: v = "auto", className: y, style: b, children: x, ...S }, C) {
+var qn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-surface, var(--game-ui-panel-strong))", filterPadding: a = 24, shadow: o, stroke: c, waviness: h, wavinessFreq: g, wavinessClamp: _, motion: v = "auto", className: y, style: b, children: x, ...S }, C) {
 	let w = p(null), [T, E] = m(null), [D, O] = m({
 		w: 0,
 		h: 0
-	}), [k, A] = m({
+	}), [ee, k] = m({
 		waviness: Pe.waviness,
 		wavinessFreq: Pe.wavinessFreq
-	}), [j, ee] = m(0), M = p(0), N = Bn(), P = v === "reduced" || N, [te, ne] = m(P ? "reduced" : "static"), re = Math.max(0, Pn(e, 6)), ie = Math.max(1, Pn(r, 18)), ae = Math.max(0, Pn(a, 24)), oe = Math.max(0, Pn(h ?? k.waviness, Pe.waviness)), se = _ !== !1 && Math.max(0, Pn(_ ?? .3, ze)), ce = Be(oe, D.w > 0 && D.h > 0 ? Math.min(D.w, D.h) : 0, se), le = Math.max(0, Pn(g ?? k.wavinessFreq, Pe.wavinessFreq)), F = Fn(o, w.current), ue = Fn(c, w.current), de = f(() => Kt(F), [F]), fe = f(() => qt(ue), [ue]), pe = Math.ceil(re * 3 + ae + Vn(de) + (fe ? fe.width : 0) + ce + (ce > 0 ? Math.ceil(Ne * 3) : 0)), me = p(pe);
-	me.current = pe;
-	let I = Math.ceil(pe + j), he = p(I);
-	he.current = I;
-	let ge = `liquid-gooey-${Nn(u())}`, L = s((e) => {
+	}), [te, ne] = m(0), A = p(0), j = Kn(), M = v === "reduced" || j, [re, ie] = m(M ? "reduced" : "static"), ae = Math.max(0, Bn(e, 6)), N = Math.max(1, Bn(r, 18)), oe = Math.max(0, Bn(a, 24)), se = Math.max(0, Bn(h ?? ee.waviness, Pe.waviness)), ce = _ !== !1 && Math.max(0, Bn(_ ?? .3, Ve)), le = He(se, D.w > 0 && D.h > 0 ? Math.min(D.w, D.h) : 0, ce), ue = Math.max(0, Bn(g ?? ee.wavinessFreq, Pe.wavinessFreq)), P = Vn(o, w.current), de = Vn(c, w.current), fe = f(() => Jt(P), [P]), pe = f(() => Qt(fe), [fe]), me = f(() => Zt(fe), [fe]), he = f(() => Yt(de), [de]), F = Math.ceil(ae * 3 + oe + $t(pe) + (he ? he.width : 0) + le + (le > 0 ? Math.ceil(Ne * 3) : 0)), ge = p(F);
+	ge.current = F;
+	let I = Math.ceil(F + te), L = p(I);
+	L.current = I;
+	let R = `liquid-gooey-${zn(u())}`, _e = s((e) => {
 		w.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
-	}, [C]), R = s((e) => E(e), []);
+	}, [C]), B = s((e) => E(e), []);
 	d(() => {
 		let e = w.current;
 		if (!e) return;
 		let t = {
-			waviness: Math.max(0, h === void 0 ? In(z.waviness, e, Pe.waviness) : Pn(h, Pe.waviness)),
-			wavinessFreq: Math.max(0, g === void 0 ? In(z.wavinessFreq, e, Pe.wavinessFreq) : Pn(g, Pe.wavinessFreq))
+			waviness: Math.max(0, h === void 0 ? Hn(z.waviness, e, Pe.waviness) : Bn(h, Pe.waviness)),
+			wavinessFreq: Math.max(0, g === void 0 ? Hn(z.wavinessFreq, e, Pe.wavinessFreq) : Bn(g, Pe.wavinessFreq))
 		};
-		A((e) => e.waviness === t.waviness && e.wavinessFreq === t.wavinessFreq ? e : t);
+		k((e) => e.waviness === t.waviness && e.wavinessFreq === t.wavinessFreq ? e : t);
 	}, [h, g]);
-	let B = f(() => new Ut({
+	let V = f(() => new Gt({
 		getGroup: () => w.current,
 		getFilterArea: () => {
 			let e = w.current;
-			return e ? (e.offsetWidth + (me.current + M.current) * 2) * (e.offsetHeight + (me.current + M.current) * 2) : 0;
+			return e ? (e.offsetWidth + (ge.current + A.current) * 2) * (e.offsetHeight + (ge.current + A.current) * 2) : 0;
 		},
-		onModeChange: ne,
+		onModeChange: ie,
 		onFeaturePaddingChange: (e) => {
-			M.current = e, ee((t) => Math.abs(t - e) < .5 ? t : e);
+			A.current = e, ne((t) => Math.abs(t - e) < .5 ? t : e);
 		},
 		follow: v === "follow"
-	}), [v]), V = f(() => ln(), []);
+	}), [v]), ve = f(() => hn(), []);
 	d(() => {
 		let e = w.current;
 		if (!e) return;
@@ -3381,24 +3397,24 @@ var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-su
 				w: e.offsetWidth,
 				h: e.offsetHeight
 			};
-			O((e) => e.w === t.w && e.h === t.h ? e : t), B.setFilterArea((t.w + he.current * 2) * (t.h + he.current * 2));
+			O((e) => e.w === t.w && e.h === t.h ? e : t), V.setFilterArea((t.w + L.current * 2) * (t.h + L.current * 2));
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [B, I]), l(() => {
-		B.setReducedMotion(P);
-	}, [B, P]), l(() => () => B.dispose(), [B]);
-	let _e = Math.max(1, D.w), ve = Math.max(1, D.h), H = Ln("game-ui-liquid-group", y);
+	}, [V, I]), l(() => {
+		V.setReducedMotion(M);
+	}, [V, M]), l(() => () => V.dispose(), [V]);
+	let H = Math.max(1, D.w), U = Math.max(1, D.h), W = Un("game-ui-liquid-group", y);
 	return /* @__PURE__ */ n("div", {
 		...S,
-		ref: L,
-		className: H,
+		ref: _e,
+		className: W,
 		"data-liquid-filter-area": Math.round((D.w + I * 2) * (D.h + I * 2)),
 		"data-liquid-filter-budget": we,
-		"data-liquid-feature-padding": Math.round(j * 10) / 10,
-		"data-liquid-motion": te,
-		"data-liquid-waviness": Math.round(ce * 100) / 100,
+		"data-liquid-feature-padding": Math.round(te * 10) / 10,
+		"data-liquid-motion": re,
+		"data-liquid-waviness": Math.round(le * 100) / 100,
 		style: b,
 		children: [
 			/* @__PURE__ */ n("svg", {
@@ -3406,39 +3422,40 @@ var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-su
 				className: "game-ui-liquid-silhouette",
 				"data-liquid-gooey-silhouette": "",
 				focusable: "false",
-				viewBox: `0 0 ${_e} ${ve}`,
+				style: me ? { filter: me } : void 0,
+				viewBox: `0 0 ${H} ${U}`,
 				children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("filter", {
 					colorInterpolationFilters: "sRGB",
 					filterUnits: "userSpaceOnUse",
-					height: ve + I * 2,
-					id: ge,
-					width: _e + I * 2,
+					height: U + I * 2,
+					id: R,
+					width: H + I * 2,
 					x: -I,
 					y: -I,
-					children: /* @__PURE__ */ t(Re, {
-						blur: re,
-						contrast: ie,
-						shadows: de,
-						stroke: fe,
-						waviness: ce,
-						wavinessFreq: le
+					children: /* @__PURE__ */ t(Be, {
+						blur: ae,
+						contrast: N,
+						shadows: pe,
+						stroke: he,
+						waviness: le,
+						wavinessFreq: ue
 					})
 				}) }), /* @__PURE__ */ t("g", {
-					ref: R,
+					ref: B,
 					fill: i,
-					filter: `url(#${ge})`
+					filter: `url(#${R})`
 				})]
 			}),
-			/* @__PURE__ */ t(An, {
-				registry: V,
+			/* @__PURE__ */ t(In, {
+				registry: ve,
 				getGroup: () => w.current
 			}),
-			/* @__PURE__ */ t(jn.Provider, {
+			/* @__PURE__ */ t(Ln.Provider, {
 				value: {
 					portal: T,
-					engine: B,
+					engine: V,
 					follow: v === "follow",
-					imageMelt: V
+					imageMelt: ve
 				},
 				children: /* @__PURE__ */ t("div", {
 					className: "game-ui-liquid-content",
@@ -3447,24 +3464,24 @@ var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-su
 			})
 		]
 	});
-}), Un = a(function({ effect: r, melt: i, dissolve: a, x: o = 0, y: c = 0, scale: m = 1, transition: g, delay: _, radius: v, morph: y, bend: b, observe: x, className: S, style: C, children: w, ...T }, E) {
-	let { portal: D, engine: O, follow: k, imageMelt: A } = Mn(), j = `liquid-item-${Nn(u())}`, ee = p(null), M = p(null), N = p(null), P = p(null), te = JSON.stringify(a ?? null), ne = a !== void 0 && a !== !1, re = f(() => {
-		let e = r === "morph" || r === "bend" ? r : void 0, t = e === "bend", n = r === "bend" || k && y === void 0 && r !== "morph" || ne && y === void 0 && r !== "morph" ? void 0 : y ?? {}, i = {
+}), Jn = a(function({ effect: r, melt: i, dissolve: a, x: o = 0, y: c = 0, scale: m = 1, transition: g, delay: _, radius: v, morph: y, bend: b, observe: x, className: S, style: C, children: w, ...T }, E) {
+	let { portal: D, engine: O, follow: ee, imageMelt: k } = Rn(), te = `liquid-item-${zn(u())}`, ne = p(null), A = p(null), j = p(null), M = p(null), re = JSON.stringify(a ?? null), ie = a !== void 0 && a !== !1, ae = f(() => {
+		let e = r === "morph" || r === "bend" ? r : void 0, t = e === "bend", n = r === "bend" || ee && y === void 0 && r !== "morph" || ie && y === void 0 && r !== "morph" ? void 0 : y ?? {}, i = {
 			...e === void 0 ? {} : { effect: e },
 			...n === void 0 ? {} : { morph: n },
 			...b === void 0 ? {} : { bend: b },
 			...x === void 0 && !t ? {} : { observe: t || x },
-			x: Pn(o, 0),
-			y: Pn(c, 0),
-			scale: Pn(m, 1)
+			x: Bn(o, 0),
+			y: Bn(c, 0),
+			scale: Bn(m, 1)
 		};
 		return g !== void 0 && (i.transition = g), _ !== void 0 && (i.delay = _), v !== void 0 && (i.radius = v), i;
 	}, [
 		b,
 		_,
 		r,
-		k,
-		ne,
+		ee,
+		ie,
 		y,
 		x,
 		v,
@@ -3473,66 +3490,76 @@ var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-su
 		o,
 		c
 	]);
-	N.current === null && (N.current = re);
-	let ie = s((e) => {
-		ee.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+	j.current === null && (j.current = ae);
+	let N = s((e) => {
+		ne.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
 	}, [E]);
 	return d(() => {
-		let e = ee.current, t = M.current;
-		if (!(!D || !e || !t || !N.current)) return O.register({
-			id: j,
+		let e = ne.current, t = A.current;
+		if (!(!D || !e || !t || !j.current)) return O.register({
+			id: te,
 			host: e,
 			blob: t,
-			config: N.current
+			config: j.current
 		});
 	}, [
 		O,
-		j,
+		te,
 		D
 	]), d(() => {
-		O.update(j, re);
+		O.update(te, ae);
 	}, [
-		re,
+		ae,
 		O,
-		j
+		te
 	]), d(() => () => {
-		P.current?.unregister(), P.current = null;
-	}, [A]), d(() => {
+		M.current?.unregister(), M.current = null;
+	}, [k]), d(() => {
 		if (r === "move" || a === void 0 || a === !1) {
-			P.current?.unregister(), P.current = null;
+			M.current?.unregister(), M.current = null;
 			return;
 		}
-		let e = ee.current;
+		let e = ne.current;
 		if (e) {
-			if (P.current) {
-				P.current.update(a);
+			if (M.current) {
+				M.current.update(a);
 				return;
 			}
-			P.current = un(A, e, a);
+			M.current = gn(k, e, a);
 		}
 	}, [
-		te,
+		re,
 		r,
-		A
-	]), l(() => {}, [r, ne]), d(() => {}, []), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+		k
+	]), l(() => {
+		let e = r;
+		e === "move" && console.warn("[swimmer-ui] effect=\"move\" is not an item effect. Use <LiquidGroup motion=\"follow\"> for selection and progress."), !(e !== "move" || !ie) && console.warn("[swimmer-ui] dissolve is ignored for effect=\"move\" because Move intentionally lags the measured image rect.");
+	}, [r, ie]), d(() => {
+		let e = ne.current;
+		if (!e) return;
+		let t = e.firstElementChild;
+		if (!t) return;
+		let n = window.getComputedStyle(t), r = n.borderStyle !== "none" && n.borderWidth !== "0px" && n.borderWidth !== "", i = n.outlineStyle !== "none" && n.outlineWidth !== "0px" && n.outlineWidth !== "", a = n.boxShadow && n.boxShadow !== "none";
+		(r || i || a) && console.warn("LiquidGroup.Item children should not have their own border, outline, or box-shadow. They exist on the content layer and will not merge with the liquid silhouette. Use the `stroke` and `shadow` props on <LiquidGroup> instead.");
+	}, []), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
 		...T,
-		ref: ie,
-		className: Ln("game-ui-liquid-item", S),
+		ref: N,
+		className: Un("game-ui-liquid-item", S),
 		style: C,
 		children: w
 	}), D ? h(/* @__PURE__ */ t("path", {
-		ref: M,
+		ref: A,
 		d: "",
 		"data-liquid-gooey-blob": ""
 	}), D) : null] });
-}), Wn = a(function(e, n) {
-	let { imageMelt: r } = Mn();
-	if (e.effect !== "melt") return /* @__PURE__ */ t(Un, {
+}), Yn = a(function(e, n) {
+	let { imageMelt: r } = Rn();
+	if (e.effect !== "melt") return /* @__PURE__ */ t(Jn, {
 		...e,
 		ref: n
 	});
-	let i = Rn(e), a = e.children, o = { ...e.melt ?? {} }, s = o.src;
-	return delete o.src, /* @__PURE__ */ t(dn, {
+	let i = Wn(e), a = e.children, o = { ...e.melt ?? {} }, s = o.src;
+	return delete o.src, /* @__PURE__ */ t(_n, {
 		...i,
 		registry: r,
 		children: a,
@@ -3540,10 +3567,10 @@ var Hn = a(function({ blur: e = 6, contrast: r = 18, fill: i = "var(--game-ui-su
 		...s === void 0 ? {} : { src: s },
 		...n === void 0 ? {} : { forwardedRef: n }
 	});
-}), Gn = Object.assign(Hn, { Item: Wn });
+}), Xn = Object.assign(qn, { Item: Yn });
 //#endregion
 //#region src/GameCallout.tsx
-function Kn({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
+function Zn({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
 	return /* @__PURE__ */ n("div", {
 		className: [
 			"game-ui-callout",
@@ -3564,7 +3591,7 @@ function Kn({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
 }
 //#endregion
 //#region src/GameDialog.tsx
-function qn({ children: e, className: r, title: i }) {
+function Qn({ children: e, className: r, title: i }) {
 	let a = u();
 	return /* @__PURE__ */ n("section", {
 		"aria-labelledby": a,
@@ -3582,7 +3609,7 @@ function qn({ children: e, className: r, title: i }) {
 }
 //#endregion
 //#region src/GameHistoryPanel.tsx
-function Jn({ entries: e, label: r }) {
+function $n({ entries: e, label: r }) {
 	return /* @__PURE__ */ t("section", {
 		"aria-label": r,
 		className: "game-ui-history",
@@ -3598,7 +3625,7 @@ function Jn({ entries: e, label: r }) {
 }
 //#endregion
 //#region src/GameHudActions.tsx
-function Yn({ children: e, className: n, label: r, ...i }) {
+function er({ children: e, className: n, label: r, ...i }) {
 	return /* @__PURE__ */ t("nav", {
 		"aria-label": r,
 		className: ["game-ui-hud-actions", n].filter(Boolean).join(" "),
@@ -3618,7 +3645,7 @@ function X({ children: e, className: r, title: i, tone: a = "default", ...o }) {
 		children: [i ? /* @__PURE__ */ t("h3", { children: i }) : null, e]
 	});
 }
-function Xn({ children: e, className: n, label: r, type: i = "button", ...a }) {
+function tr({ children: e, className: n, label: r, type: i = "button", ...a }) {
 	return /* @__PURE__ */ t("button", {
 		"aria-label": r,
 		className: ["game-ui-icon-button", n].filter(Boolean).join(" "),
@@ -3627,7 +3654,7 @@ function Xn({ children: e, className: n, label: r, type: i = "button", ...a }) {
 		children: e
 	});
 }
-function Zn({ children: e, label: i }) {
+function nr({ children: e, label: i }) {
 	let a = u();
 	return /* @__PURE__ */ n("span", {
 		className: "game-ui-tooltip",
@@ -3638,7 +3665,7 @@ function Zn({ children: e, label: i }) {
 		})]
 	});
 }
-function Qn({ activeId: e, id: n, onSelect: r, tabs: i }) {
+function rr({ activeId: e, id: n, onSelect: r, tabs: i }) {
 	let a = u(), o = n ?? a;
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-tabs",
@@ -3678,10 +3705,10 @@ function Qn({ activeId: e, id: n, onSelect: r, tabs: i }) {
 		}, n.id))
 	});
 }
-function $n(e, t) {
+function ir(e, t) {
 	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function er({ activeId: e, label: r, onSelect: i, options: a }) {
+function ar({ activeId: e, label: r, onSelect: i, options: a }) {
 	let o = p(null), s = p([]), [c, l] = m({
 		x: 0,
 		y: 0,
@@ -3698,7 +3725,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 				width: r.width,
 				height: r.height
 			};
-			l((e) => $n(e, i) ? e : i);
+			l((e) => ir(e, i) ? e : i);
 		};
 		if (n(), typeof ResizeObserver > "u") return;
 		let r = new ResizeObserver(n);
@@ -3713,7 +3740,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 		className: "game-ui-segmented",
 		role: "group",
 		children: [
-			/* @__PURE__ */ t(Gn, {
+			/* @__PURE__ */ t(Xn, {
 				"aria-hidden": "true",
 				className: "game-ui-segmented-surface",
 				fill: "var(--game-ui-surface-raised)",
@@ -3724,7 +3751,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 					pointerEvents: "none",
 					position: "absolute"
 				},
-				children: /* @__PURE__ */ t(Gn.Item, {
+				children: /* @__PURE__ */ t(Xn.Item, {
 					style: {
 						borderRadius: "var(--game-ui-radius-control)",
 						inset: 0,
@@ -3733,7 +3760,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 					children: null
 				})
 			}),
-			c.width > 0 && c.height > 0 ? /* @__PURE__ */ t(Gn, {
+			c.width > 0 && c.height > 0 ? /* @__PURE__ */ t(Xn, {
 				"aria-hidden": "true",
 				className: "game-ui-segmented-follow",
 				fill: "var(--game-ui-secondary)",
@@ -3744,7 +3771,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 					pointerEvents: "none",
 					position: "absolute"
 				},
-				children: /* @__PURE__ */ t(Gn.Item, {
+				children: /* @__PURE__ */ t(Xn.Item, {
 					"aria-hidden": "true",
 					style: {
 						borderRadius: "var(--game-ui-radius-control)",
@@ -3773,7 +3800,7 @@ function er({ activeId: e, label: r, onSelect: i, options: a }) {
 		]
 	});
 }
-function tr({ label: e, max: r, min: i, onChange: a, value: o }) {
+function or({ label: e, max: r, min: i, onChange: a, value: o }) {
 	return /* @__PURE__ */ n("label", {
 		className: "game-ui-slider",
 		children: [/* @__PURE__ */ t("span", { children: e }), /* @__PURE__ */ t("input", {
@@ -3787,7 +3814,7 @@ function tr({ label: e, max: r, min: i, onChange: a, value: o }) {
 		})]
 	});
 }
-function nr({ checked: e, disabled: r, label: i, onClick: a }) {
+function sr({ checked: e, disabled: r, label: i, onClick: a }) {
 	return /* @__PURE__ */ n("button", {
 		"aria-checked": e,
 		className: "game-ui-toggle",
@@ -3801,7 +3828,7 @@ function nr({ checked: e, disabled: r, label: i, onClick: a }) {
 		})]
 	});
 }
-function rr({ items: e, label: n, onSelect: r }) {
+function cr({ items: e, label: n, onSelect: r }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-label": n,
 		className: "game-ui-radial-menu",
@@ -3816,7 +3843,7 @@ function rr({ items: e, label: n, onSelect: r }) {
 		}, e.id))
 	});
 }
-function ir({ children: e, tone: n = "info" }) {
+function lr({ children: e, tone: n = "info" }) {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-toast",
 		"data-toast-tone": n,
@@ -3824,7 +3851,7 @@ function ir({ children: e, tone: n = "info" }) {
 		children: e
 	});
 }
-function ar({ actionLabel: e, children: r, title: i }) {
+function ur({ actionLabel: e, children: r, title: i }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": i,
 		className: "game-ui-prompt",
@@ -3836,7 +3863,7 @@ function ar({ actionLabel: e, children: r, title: i }) {
 }
 //#endregion
 //#region src/clay/assets.ts
-var or = "/assets/game/ui/clay/phase03-clay-kit", Z = (e) => `${or}/${e}`, sr = {
+var dr = "/assets/game/ui/clay/phase03-clay-kit", Z = (e) => `${dr}/${e}`, fr = {
 	ai: { line: Z("icons/function/brain-v1.png") },
 	alert: {
 		game: Z("components/common/alert-v1.png"),
@@ -3926,20 +3953,20 @@ var or = "/assets/game/ui/clay/phase03-clay-kit", Z = (e) => `${or}/${e}`, sr =
 		game: Z("icons/common/target-v1.png"),
 		line: Z("icons/function/target-v1.png")
 	}
-}, cr = Object.keys(sr), lr = or;
-function ur(e) {
-	let t = lr;
+}, pr = Object.keys(fr), mr = dr;
+function hr(e) {
+	let t = mr;
 	return !e || t === "/assets/game/ui/clay/phase03-clay-kit" ? e : e.startsWith("/assets/game/ui/clay/phase03-clay-kit") ? `${t}${e.slice(37)}` : e;
 }
-function dr(e, t) {
-	let n = sr[e];
-	return ur(t === "line" ? n.line ?? n.game ?? "" : n.game ?? n.line ?? "");
+function gr(e, t) {
+	let n = fr[e];
+	return hr(t === "line" ? n.line ?? n.game ?? "" : n.game ?? n.line ?? "");
 }
-function fr(e) {
-	let t = sr[e], n = [];
+function _r(e) {
+	let t = fr[e], n = [];
 	return t.game && n.push("game"), t.line && n.push("line"), n;
 }
-var pr = {
+var vr = {
 	anvil: Z("icons/common/anvil-v1.png"),
 	arrow: Z("icons/common/arrow-v1.png"),
 	bomb: Z("icons/common/bomb-v1.png"),
@@ -3966,7 +3993,7 @@ var pr = {
 	swordB: Z("icons/common/sword-b-v1.png"),
 	talaria: Z("icons/common/talaria-v1.png"),
 	treasure: Z("icons/common/treasure-v1.png")
-}, mr = Object.keys(pr), hr = {
+}, yr = Object.keys(vr), br = {
 	buttons: {
 		primary: Z("buttons/button-brown-large-v2.png"),
 		blue: Z("buttons/button-blue-large-v2.png"),
@@ -3987,7 +4014,7 @@ var pr = {
 		tabSelected: Z("components/common/tab-s-v1.png"),
 		tabNormal: Z("components/common/tab-n-v1.png")
 	},
-	icons: Object.fromEntries(cr.map((e) => [e, dr(e)])),
+	icons: Object.fromEntries(pr.map((e) => [e, gr(e)])),
 	catalog: {
 		manifest: "/assets/game/ui/clay/asset-manifest.json",
 		sourceCatalog: Z("catalog/phase03-clay-ui-catalog.json"),
@@ -3995,7 +4022,7 @@ var pr = {
 		contactSheetComponents: Z("catalog/component-candidates-contact-sheet-v1.png"),
 		contactSheetFunction: Z("catalog/function-icons-contact-sheet-v1.png")
 	}
-}, gr = {
+}, xr = {
 	ai: "AI",
 	alert: "!",
 	card: "▣",
@@ -4031,7 +4058,7 @@ var pr = {
 	timer: "◷",
 	trophy: "★",
 	vote: "⌾"
-}, _r = {
+}, Sr = {
 	ai: L.berry,
 	alert: L.red,
 	card: L.honey,
@@ -4068,35 +4095,35 @@ var pr = {
 	trophy: L.honey,
 	vote: L.red
 };
-function vr(e) {
-	let t = gr[e], n = _r[e], r = L.parchment, i = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><defs><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#4c341c" flood-opacity=".22"/></filter></defs><rect x="10" y="8" width="76" height="76" rx="25" fill="${r}" filter="url(#s)"/><circle cx="48" cy="46" r="28" fill="${n}" opacity=".88"/><path d="M23 28c10-12 36-16 52 0" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity=".38"/><text x="48" y="58" text-anchor="middle" font-family="system-ui,sans-serif" font-size="28" font-weight="900" fill="${r}">${t}</text></svg>`;
+function Cr(e) {
+	let t = xr[e], n = Sr[e], r = L.parchment, i = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><defs><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#4c341c" flood-opacity=".22"/></filter></defs><rect x="10" y="8" width="76" height="76" rx="25" fill="${r}" filter="url(#s)"/><circle cx="48" cy="46" r="28" fill="${n}" opacity=".88"/><path d="M23 28c10-12 36-16 52 0" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity=".38"/><text x="48" y="58" text-anchor="middle" font-family="system-ui,sans-serif" font-size="28" font-weight="900" fill="${r}">${t}</text></svg>`;
 	return `data:image/svg+xml,${encodeURIComponent(i)}`;
 }
-var yr = "inline";
-function br(e) {
-	yr = e;
+var wr = "inline";
+function Tr(e) {
+	wr = e;
 }
-function xr() {
-	return yr;
+function Er() {
+	return wr;
 }
-function Sr(e) {
-	lr = e.replace(/\/+$/, "");
+function Dr(e) {
+	mr = e.replace(/\/+$/, "");
 }
-function Cr() {
-	return lr;
+function Or() {
+	return mr;
 }
-var wr = !1;
-function Tr() {
-	wr || (wr = !0, !(typeof console > "u") && console.warn("[SwimmerUIKit] Clay icons are rendering placeholders, not the icon set. The sculpted PNGs ship inside this package but must be served by your app:\n  npx swimmer-ui-assets public\n  setClayAssetMode('source')   // once, at your entry\nCall setClayAssetMode('inline') explicitly to keep placeholders and silence this."));
+var kr = !1;
+function Ar() {
+	kr || (kr = !0, !(typeof console > "u") && console.warn("[SwimmerUIKit] Clay icons are rendering placeholders, not the icon set. The sculpted PNGs ship inside this package but must be served by your app:\n  npx swimmer-ui-assets public\n  setClayAssetMode('source')   // once, at your entry\nCall setClayAssetMode('inline') explicitly to keep placeholders and silence this."));
 }
-function Er() {
-	wr = !0;
+function jr() {
+	kr = !0;
 }
-function Dr(e, t = {}) {
-	return t.inline ?? yr === "inline" ? (Tr(), vr(e)) : dr(e, t.style);
+function Mr(e, t = {}) {
+	return t.inline ?? wr === "inline" ? (Ar(), Cr(e)) : gr(e, t.style);
 }
-function Or(e, t) {
-	return dr(e, t);
+function Nr(e, t) {
+	return gr(e, t);
 }
 //#endregion
 //#region src/ClayComponents.tsx
@@ -4108,7 +4135,7 @@ function Q({ children: e, className: n, tone: r = "neutral" }) {
 	});
 }
 function $({ className: e, icon: n, label: r, size: i = "md", style: a, useSourceAsset: o = !1 }) {
-	let s = ["game-ui-asset-icon", e].filter(Boolean).join(" "), c = r ? { "aria-label": r } : { "aria-hidden": !0 }, l = Dr(n, {
+	let s = ["game-ui-asset-icon", e].filter(Boolean).join(" "), c = r ? { "aria-label": r } : { "aria-hidden": !0 }, l = Mr(n, {
 		...a ? { style: a } : {},
 		...o ? { inline: !1 } : {}
 	});
@@ -4123,7 +4150,7 @@ function $({ className: e, icon: n, label: r, size: i = "md", style: a, useSourc
 		})
 	});
 }
-function kr({ actions: e, className: r, items: i, label: a }) {
+function Pr({ actions: e, className: r, items: i, label: a }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": a,
 		className: ["game-ui-hud", r].filter(Boolean).join(" "),
@@ -4146,7 +4173,7 @@ function kr({ actions: e, className: r, items: i, label: a }) {
 		}) : null]
 	});
 }
-function Ar({ cards: e, className: r, label: i }) {
+function Fr({ cards: e, className: r, label: i }) {
 	let a = ["game-ui-card-fan", r].filter(Boolean).join(" "), o = (e.length - 1) / 2;
 	return /* @__PURE__ */ t("div", {
 		"aria-label": i,
@@ -4169,7 +4196,7 @@ function Ar({ cards: e, className: r, label: i }) {
 		}, e.id))
 	});
 }
-function jr({ badge: e, className: r, icon: i, kicker: a, selected: o = !1, summary: s, title: c, tone: l = "daily", type: u = "button", ...d }) {
+function Ir({ badge: e, className: r, icon: i, kicker: a, selected: o = !1, summary: s, title: c, tone: l = "daily", type: u = "button", ...d }) {
 	return /* @__PURE__ */ n("button", {
 		"aria-pressed": o,
 		className: ["game-ui-stage-tile", r].filter(Boolean).join(" "),
@@ -4196,15 +4223,15 @@ function jr({ badge: e, className: r, icon: i, kicker: a, selected: o = !1, summ
 		]
 	});
 }
-function Mr() {
+function Lr() {
 	return typeof window > "u" ? !1 : (window.matchMedia?.("(pointer: coarse), (max-width: 899px)").matches ?? window.innerWidth < 900) && window.innerHeight > window.innerWidth;
 }
-function Nr({ body: e, cta: r, badgeLabel: i = "Landscape only", manualHint: a = "Rotate manually if this browser blocks automatic landscape lock.", preview: o = !1, title: s }) {
-	let [c, u] = m(o || Mr), [d, f] = m("");
+function Rr({ body: e, cta: r, badgeLabel: i = "Landscape only", manualHint: a = "Rotate manually if this browser blocks automatic landscape lock.", preview: o = !1, title: s }) {
+	let [c, u] = m(o || Lr), [d, f] = m("");
 	if (l(() => {
 		if (o) return;
 		let e = () => {
-			let e = Mr();
+			let e = Lr();
 			u(e), e || f("");
 		};
 		return e(), window.addEventListener("resize", e), window.addEventListener("orientationchange", e), () => {
@@ -4214,7 +4241,7 @@ function Nr({ body: e, cta: r, badgeLabel: i = "Landscape only", manualHint: a =
 	let p = async () => {
 		if (f(""), !o) try {
 			let e = document.documentElement;
-			!document.fullscreenElement && e.requestFullscreen && await e.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), u(Mr());
+			!document.fullscreenElement && e.requestFullscreen && await e.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), u(Lr());
 		} catch {
 			f(a);
 		}
@@ -4245,7 +4272,7 @@ function Nr({ body: e, cta: r, badgeLabel: i = "Landscape only", manualHint: a =
 		})
 	});
 }
-function Pr({ className: e, currentLabel: r, label: i, options: a, value: o, defaultValue: s, onSelect: c }) {
+function zr({ className: e, currentLabel: r, label: i, options: a, value: o, defaultValue: s, onSelect: c }) {
 	let [l, d] = m(!1), [f, p] = m(s ?? a[0]?.id ?? ""), h = u(), g = ["game-ui-language-menu", e].filter(Boolean).join(" "), _ = o ?? f, v = a.find((e) => e.id === _), y = r ?? v?.label ?? a[0]?.label ?? "", b = (e) => {
 		o === void 0 && p(e), c?.(e), d(!1);
 	};
@@ -4277,34 +4304,34 @@ function Pr({ className: e, currentLabel: r, label: i, options: a, value: o, def
 		}) : null]
 	});
 }
-function Fr({ label: e, tone: r = "loading" }) {
+function Br({ label: e, tone: r = "loading" }) {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-loading-state",
 		"data-loading-tone": r,
 		role: r === "error" ? "alert" : "status",
 		children: [/* @__PURE__ */ t("img", {
 			alt: "",
-			src: Dr(r === "error" ? "alert" : "timer")
+			src: Mr(r === "error" ? "alert" : "timer")
 		}), /* @__PURE__ */ t("span", { children: e })]
 	});
 }
-function Ir() {
-	return hr.catalog;
+function Vr() {
+	return br.catalog;
 }
 //#endregion
 //#region src/FirstSessionGameShell.tsx
-function Lr({ fallback: e, slot: n }) {
+function Hr({ fallback: e, slot: n }) {
 	return n ?? /* @__PURE__ */ t($, {
 		icon: e,
 		size: "sm"
 	});
 }
-function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, iconSlots: o, labels: s, onHistory: c, onSettings: l, onWardrobe: u, playerName: d }) {
+function Ur({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, iconSlots: o, labels: s, onHistory: c, onSettings: l, onWardrobe: u, playerName: d }) {
 	let f = ["swimmer-first-session-shell", i].filter(Boolean).join(" "), p = e ? `${r} 🔋` : s.guest ?? "guest";
 	return /* @__PURE__ */ n("section", {
 		"aria-label": s.shell,
 		className: f,
-		children: [/* @__PURE__ */ t(kr, {
+		children: [/* @__PURE__ */ t(Pr, {
 			className: "swimmer-first-session-hud",
 			items: [
 				{
@@ -4336,7 +4363,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				}
 			],
 			label: s.hud,
-			actions: /* @__PURE__ */ n(Yn, {
+			actions: /* @__PURE__ */ n(er, {
 				className: "swimmer-first-session-hud-actions",
 				label: s.tools,
 				children: [
@@ -4344,7 +4371,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 						"aria-label": s.wardrobe,
 						onClick: u,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(Lr, {
+						children: [/* @__PURE__ */ t(Hr, {
 							fallback: "shirt",
 							slot: o?.wardrobe
 						}), s.wardrobe]
@@ -4353,7 +4380,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 						"aria-label": s.settings,
 						onClick: l,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(Lr, {
+						children: [/* @__PURE__ */ t(Hr, {
 							fallback: "settings",
 							slot: o?.settings
 						}), s.settings]
@@ -4362,7 +4389,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 						"aria-label": s.history,
 						onClick: c,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(Lr, {
+						children: [/* @__PURE__ */ t(Hr, {
 							fallback: "history",
 							slot: o?.history
 						}), s.history]
@@ -4387,7 +4414,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				}),
 				/* @__PURE__ */ n("label", {
 					className: "swimmer-first-session-input",
-					children: [/* @__PURE__ */ t(Lr, {
+					children: [/* @__PURE__ */ t(Hr, {
 						fallback: "chat",
 						slot: o?.input
 					}), /* @__PURE__ */ t("span", { children: s.input })]
@@ -4395,7 +4422,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				/* @__PURE__ */ n("button", {
 					className: "swimmer-first-session-emote",
 					type: "button",
-					children: [/* @__PURE__ */ t(Lr, {
+					children: [/* @__PURE__ */ t(Hr, {
 						fallback: "smile",
 						slot: o?.emote
 					}), s.emote]
@@ -4404,7 +4431,7 @@ function Rr({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 		})]
 	});
 }
-function zr({ labels: e, onDismiss: r, open: i }) {
+function Wr({ labels: e, onDismiss: r, open: i }) {
 	return i ? /* @__PURE__ */ n("aside", {
 		"aria-labelledby": "swimmer-first-session-onboarding-title",
 		"aria-modal": "true",
@@ -4452,7 +4479,7 @@ function zr({ labels: e, onDismiss: r, open: i }) {
 }
 //#endregion
 //#region src/GameForms.tsx
-var Br = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
+var Gr = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
 	return /* @__PURE__ */ t("input", {
 		className: ["game-ui-input", e].filter(Boolean).join(" "),
 		"data-invalid": n ? "true" : void 0,
@@ -4460,7 +4487,7 @@ var Br = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
 		type: r,
 		...i
 	});
-}), Vr = a(function({ className: e, invalid: n, rows: r = 3, ...i }, a) {
+}), Kr = a(function({ className: e, invalid: n, rows: r = 3, ...i }, a) {
 	return /* @__PURE__ */ t("textarea", {
 		className: [
 			"game-ui-input",
@@ -4473,7 +4500,7 @@ var Br = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
 		...i
 	});
 });
-function Hr({ children: e, className: r, error: i, hint: a, label: o, required: s }) {
+function qr({ children: e, className: r, error: i, hint: a, label: o, required: s }) {
 	return /* @__PURE__ */ n("label", {
 		className: ["game-ui-field", r].filter(Boolean).join(" "),
 		"data-invalid": i ? "true" : void 0,
@@ -4499,7 +4526,7 @@ function Hr({ children: e, className: r, error: i, hint: a, label: o, required:
 		]
 	});
 }
-function Ur({ className: e, label: r, ...i }) {
+function Jr({ className: e, label: r, ...i }) {
 	return /* @__PURE__ */ n("label", {
 		className: ["game-ui-checkbox", e].filter(Boolean).join(" "),
 		children: [
@@ -4521,11 +4548,11 @@ function Ur({ className: e, label: r, ...i }) {
 }
 //#endregion
 //#region src/GameDisplay.tsx
-function Wr(e) {
+function Yr(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "?" : t.slice(0, 2).map((e) => e[0] ?? "").join("").toUpperCase();
 }
-function Gr({ className: r, name: i, size: a = "md", src: o, status: s = "none" }) {
+function Xr({ className: r, name: i, size: a = "md", src: o, status: s = "none" }) {
 	return /* @__PURE__ */ n("span", {
 		className: ["game-ui-avatar", r].filter(Boolean).join(" "),
 		"data-avatar-size": a,
@@ -4536,7 +4563,7 @@ function Gr({ className: r, name: i, size: a = "md", src: o, status: s = "none"
 		}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
 			"aria-hidden": "true",
 			className: "game-ui-avatar-initials",
-			children: Wr(i)
+			children: Yr(i)
 		}), /* @__PURE__ */ t("span", {
 			className: "game-ui-sr-only",
 			children: i
@@ -4546,7 +4573,7 @@ function Gr({ className: r, name: i, size: a = "md", src: o, status: s = "none"
 		})]
 	});
 }
-function Kr({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o = "accent", value: s, valueLabel: c }) {
+function Zr({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o = "accent", value: s, valueLabel: c }) {
 	let l = i <= 0 ? 100 : i, u = Math.max(0, Math.min(100, s / l * 100)), d = ["game-ui-progress", e].filter(Boolean).join(" "), f = !!c, p = {
 		accent: "var(--game-ui-accent)",
 		danger: "var(--game-ui-danger)",
@@ -4564,7 +4591,7 @@ function Kr({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o =
 			"aria-valuetext": f ? c : void 0,
 			className: "game-ui-progress-track",
 			role: "progressbar",
-			children: /* @__PURE__ */ t(Gn, {
+			children: /* @__PURE__ */ t(Xn, {
 				"aria-hidden": "true",
 				className: "game-ui-progress-liquid",
 				fill: p,
@@ -4575,7 +4602,7 @@ function Kr({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o =
 					pointerEvents: "none",
 					position: "absolute"
 				},
-				children: /* @__PURE__ */ t(Gn.Item, {
+				children: /* @__PURE__ */ t(Xn.Item, {
 					"aria-hidden": "true",
 					className: "game-ui-progress-fill",
 					style: {
@@ -4598,7 +4625,7 @@ function Kr({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o =
 		}) : null]
 	});
 }
-function qr({ action: e, className: r, description: i, icon: a, title: o }) {
+function Qr({ action: e, className: r, description: i, icon: a, title: o }) {
 	return /* @__PURE__ */ n("div", {
 		className: ["game-ui-empty-state", r].filter(Boolean).join(" "),
 		children: [
@@ -4623,7 +4650,7 @@ function qr({ action: e, className: r, description: i, icon: a, title: o }) {
 }
 //#endregion
 //#region src/GameSurfacePack.tsx
-function Jr({ assetLibrary: e, bottomBar: r, children: i, className: a, density: o = "comfortable", hud: s, layout: c = "auto", movementPad: l, overlay: u, sidePanel: d, title: f }) {
+function $r({ assetLibrary: e, bottomBar: r, children: i, className: a, density: o = "comfortable", hud: s, layout: c = "auto", movementPad: l, overlay: u, sidePanel: d, title: f }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": f,
 		className: ["game-ui-shell", a].filter(Boolean).join(" "),
@@ -4661,8 +4688,8 @@ function Jr({ assetLibrary: e, bottomBar: r, children: i, className: a, density:
 		]
 	});
 }
-var Yr = Jr;
-function Xr({ className: e, density: r = "comfortable", facts: i, label: a, variant: o = "facts" }) {
+var ei = $r;
+function ti({ className: e, density: r = "comfortable", facts: i, label: a, variant: o = "facts" }) {
 	return /* @__PURE__ */ t("section", {
 		"aria-label": a,
 		className: ["game-ui-fact-list", e].filter(Boolean).join(" "),
@@ -4691,9 +4718,9 @@ function Xr({ className: e, density: r = "comfortable", facts: i, label: a, vari
 		}, e.id))
 	});
 }
-var Zr = Xr;
-function Qr({ actions: r, className: i, density: a = "comfortable", iconLabelMode: o = "hidden", label: s, style: c = "button" }) {
-	return /* @__PURE__ */ n(Yn, {
+var ni = ti;
+function ri({ actions: r, className: i, density: a = "comfortable", iconLabelMode: o = "hidden", label: s, style: c = "button" }) {
+	return /* @__PURE__ */ n(er, {
 		className: ["game-ui-action-grid", i].filter(Boolean).join(" "),
 		"data-icon-label-mode": c === "icon" ? o : void 0,
 		label: s,
@@ -4718,7 +4745,7 @@ function Qr({ actions: r, className: i, density: a = "comfortable", iconLabelMod
 				}) : null,
 				r.shortcut ? /* @__PURE__ */ t("kbd", { children: r.shortcut }) : null
 			] }), l = () => r.onAction?.(r.id);
-			return c === "icon" ? /* @__PURE__ */ t(Xn, {
+			return c === "icon" ? /* @__PURE__ */ t(tr, {
 				"aria-pressed": r.selected,
 				className: "game-ui-action-grid-button",
 				disabled: r.disabled,
@@ -4736,7 +4763,7 @@ function Qr({ actions: r, className: i, density: a = "comfortable", iconLabelMod
 		})]
 	});
 }
-var $r = [
+var ii = [
 	{
 		direction: "forward",
 		label: "Move forward",
@@ -4761,7 +4788,7 @@ var $r = [
 		shortcut: "S / ↓",
 		symbol: "↓"
 	}
-], ei = {
+], ai = {
 	ArrowUp: "forward",
 	w: "forward",
 	W: "forward",
@@ -4776,7 +4803,7 @@ var $r = [
 	S: "backward",
 	" ": "reset"
 };
-function ti({ actions: e = $r, className: r, density: i = "comfortable", disabled: a = !1, helpText: o, label: s, layout: c = "dpad", onMove: l }) {
+function oi({ actions: e = ii, className: r, density: i = "comfortable", disabled: a = !1, helpText: o, label: s, layout: c = "dpad", onMove: l }) {
 	let u = ["game-ui-movement-pad", r].filter(Boolean).join(" "), d = (e) => {
 		a || l?.(e);
 	};
@@ -4786,7 +4813,7 @@ function ti({ actions: e = $r, className: r, density: i = "comfortable", disable
 		"data-density": i,
 		"data-layout": c,
 		onKeyDown: (t) => {
-			let n = ei[t.key];
+			let n = ai[t.key];
 			if (!n) return;
 			let r = e.find((e) => e.direction === n);
 			!r || r.disabled || a || (t.preventDefault(), d(n));
@@ -4794,7 +4821,7 @@ function ti({ actions: e = $r, className: r, density: i = "comfortable", disable
 		tabIndex: 0,
 		children: [/* @__PURE__ */ t("div", {
 			className: "game-ui-movement-pad-grid",
-			children: e.map((e) => /* @__PURE__ */ n(Xn, {
+			children: e.map((e) => /* @__PURE__ */ n(tr, {
 				className: "game-ui-movement-button",
 				"data-direction": e.direction,
 				disabled: a || e.disabled,
@@ -4812,15 +4839,15 @@ function ti({ actions: e = $r, className: r, density: i = "comfortable", disable
 		}), o ? /* @__PURE__ */ t("p", { children: o }) : null]
 	});
 }
-var ni = {
+var si = {
 	generated: "Generated",
 	imported: "Imported",
 	starter: "Starter"
-}, ri = {
+}, ci = {
 	generated: "ai",
 	imported: "warning",
 	starter: "neutral"
-}, ii = {
+}, li = {
 	error: "danger",
 	generating: "ai",
 	missing: "danger",
@@ -4828,8 +4855,8 @@ var ni = {
 	ready: "neutral",
 	selected: "success"
 };
-function ai({ assetId: e, badges: r = [], cardLayout: i = "list", className: a, description: o, disabled: s, facts: c = [], icon: l = "gem", onClick: u, onSelect: d, selected: f = !1, source: p, sourceLabel: m, status: h = "ready", statusLabel: g, thumbnailAlt: _ = "", thumbnailSrc: v, title: y, type: b = "button", ...x }) {
-	let { "aria-label": S, ...C } = x, w = ["game-ui-asset-card", a].filter(Boolean).join(" "), T = m ?? ni[p], E = g ?? h;
+function ui({ assetId: e, badges: r = [], cardLayout: i = "list", className: a, description: o, disabled: s, facts: c = [], icon: l = "gem", onClick: u, onSelect: d, selected: f = !1, source: p, sourceLabel: m, status: h = "ready", statusLabel: g, thumbnailAlt: _ = "", thumbnailSrc: v, title: y, type: b = "button", ...x }) {
+	let { "aria-label": S, ...C } = x, w = ["game-ui-asset-card", a].filter(Boolean).join(" "), T = m ?? si[p], E = g ?? h;
 	return /* @__PURE__ */ n("button", {
 		"aria-label": S ?? y,
 		"aria-pressed": f,
@@ -4860,11 +4887,11 @@ function ai({ assetId: e, badges: r = [], cardLayout: i = "list", className: a,
 					className: "game-ui-asset-card-badges",
 					children: [
 						/* @__PURE__ */ t(Q, {
-							tone: ri[p],
+							tone: ci[p],
 							children: T
 						}),
 						/* @__PURE__ */ t(Q, {
-							tone: ii[h],
+							tone: li[h],
 							children: E
 						}),
 						r.map((e) => /* @__PURE__ */ t(Q, {
@@ -4883,7 +4910,7 @@ function ai({ assetId: e, badges: r = [], cardLayout: i = "list", className: a,
 		})]
 	});
 }
-function oi({ cardLayout: e = "auto", className: r, density: i = "comfortable", emptyAction: a, emptyDescription: o = "Assets will appear here when they are ready to place.", emptyTitle: s = "No assets ready", groups: c, label: l, onSelectAsset: u, selectedAssetId: d, subtitle: f, title: p }) {
+function di({ cardLayout: e = "auto", className: r, density: i = "comfortable", emptyAction: a, emptyDescription: o = "Assets will appear here when they are ready to place.", emptyTitle: s = "No assets ready", groups: c, label: l, onSelectAsset: u, selectedAssetId: d, subtitle: f, title: p }) {
 	let m = ["game-ui-asset-library", r].filter(Boolean).join(" "), h = c.reduce((e, t) => e + t.assets.length, 0), g = c.reduce((e, t) => (t.assets.forEach((t) => {
 		e[t.source] += 1;
 	}), e), {
@@ -4908,15 +4935,15 @@ function oi({ cardLayout: e = "auto", className: r, density: i = "comfortable",
 					"aria-label": "Asset source counts",
 					className: "game-ui-asset-library-counts",
 					children: Object.entries(g).map(([e, t]) => /* @__PURE__ */ n(Q, {
-						tone: ri[e],
+						tone: ci[e],
 						children: [
-							ni[e],
+							si[e],
 							" ",
 							t
 						]
 					}, e))
 				}),
-				h === 0 ? /* @__PURE__ */ t(qr, {
+				h === 0 ? /* @__PURE__ */ t(Qr, {
 					action: a,
 					description: o,
 					icon: "gem",
@@ -4928,13 +4955,13 @@ function oi({ cardLayout: e = "auto", className: r, density: i = "comfortable",
 						className: "game-ui-asset-library-group",
 						"data-asset-source": r.source,
 						children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t("strong", { children: r.label }), r.source ? /* @__PURE__ */ t(Q, {
-							tone: ri[r.source],
-							children: ni[r.source]
+							tone: ci[r.source],
+							children: si[r.source]
 						}) : null] }), /* @__PURE__ */ t("div", {
 							className: "game-ui-asset-library-grid",
 							children: r.assets.map((n) => {
 								let r = e === "auto" ? n.cardLayout : e;
-								return /* @__PURE__ */ t(ai, {
+								return /* @__PURE__ */ t(ui, {
 									...n,
 									...r ? { cardLayout: r } : {},
 									...u ? { onSelect: u } : {},
@@ -4948,7 +4975,7 @@ function oi({ cardLayout: e = "auto", className: r, density: i = "comfortable",
 		})
 	});
 }
-function si({ actions: e = [], capacityLabel: r = "Objects", className: i, density: a = "comfortable", maxObjects: o, objectActions: s = [], placedObjects: c, selectedLabel: l = "Selected", selectedTitle: u, statusLabel: d = "Status", statusTone: f = "neutral", statusValue: p = "Idle", title: m }) {
+function fi({ actions: e = [], capacityLabel: r = "Objects", className: i, density: a = "comfortable", maxObjects: o, objectActions: s = [], placedObjects: c, selectedLabel: l = "Selected", selectedTitle: u, statusLabel: d = "Status", statusTone: f = "neutral", statusValue: p = "Idle", title: m }) {
 	let h = ["game-ui-placement-toolbar", i].filter(Boolean).join(" "), g = typeof c == "number" && typeof o == "number", _ = g && o > 0 ? Math.min(o, c) : 0;
 	return /* @__PURE__ */ t(X, {
 		className: h,
@@ -4957,7 +4984,7 @@ function si({ actions: e = [], capacityLabel: r = "Objects", className: i, densi
 		children: /* @__PURE__ */ n("div", {
 			"data-density": a,
 			children: [
-				/* @__PURE__ */ t(Xr, {
+				/* @__PURE__ */ t(ti, {
 					density: a,
 					facts: [{
 						icon: "gem",
@@ -4973,19 +5000,19 @@ function si({ actions: e = [], capacityLabel: r = "Objects", className: i, densi
 					}],
 					label: `${m} facts`
 				}),
-				g ? /* @__PURE__ */ t(Kr, {
+				g ? /* @__PURE__ */ t(Zr, {
 					label: r,
 					max: o,
 					showValue: !0,
 					tone: _ >= o ? "warning" : "success",
 					value: _
 				}) : null,
-				e.length > 0 ? /* @__PURE__ */ t(Qr, {
+				e.length > 0 ? /* @__PURE__ */ t(ri, {
 					actions: e,
 					density: a,
 					label: `${m} actions`
 				}) : null,
-				s.length > 0 ? /* @__PURE__ */ t(Qr, {
+				s.length > 0 ? /* @__PURE__ */ t(ri, {
 					actions: s,
 					density: a,
 					label: `${m} object actions`,
@@ -4995,7 +5022,7 @@ function si({ actions: e = [], capacityLabel: r = "Objects", className: i, densi
 		})
 	});
 }
-var ci = si, li = {
+var pi = fi, mi = {
 	build: "home",
 	flatten: "card",
 	inspect: "compass",
@@ -5005,7 +5032,7 @@ var ci = si, li = {
 	raise: "energy",
 	smooth: "lucky",
 	terrain: "portal"
-}, ui = {
+}, hi = {
 	error: "danger",
 	locked: "warning",
 	missing: "danger",
@@ -5013,10 +5040,10 @@ var ci = si, li = {
 	ready: "neutral",
 	selected: "success"
 };
-function di(e, t, n, r) {
+function gi(e, t, n, r) {
 	let i = {
 		disabled: !!(r || e.disabled),
-		icon: e.icon ?? li[e.id] ?? "gem",
+		icon: e.icon ?? mi[e.id] ?? "gem",
 		id: e.id,
 		label: e.label,
 		selected: e.id === t,
@@ -5024,21 +5051,21 @@ function di(e, t, n, r) {
 	};
 	return e.ariaLabel && (i.ariaLabel = e.ariaLabel), e.compactLabel && (i.compactLabel = e.compactLabel), e.meta && (i.meta = e.meta), e.shortcut && (i.shortcut = e.shortcut), n && (i.onAction = n), i;
 }
-function fi(e, t, n) {
+function _i(e, t, n) {
 	return Number.isNaN(e) ? t : Math.min(n, Math.max(t, e));
 }
-function pi(e) {
+function vi(e) {
 	return e;
 }
-function mi(e, t) {
+function yi(e, t) {
 	return e === "auto" ? t === "mobile" || t === "small-mobile" ? "caption" : "hidden" : e;
 }
-function hi({ activeModeId: e, className: r, disabled: i = !1, label: a, modes: o, onModeChange: s, variant: c = "desktop", "data-testid": l }) {
+function bi({ activeModeId: e, className: r, disabled: i = !1, label: a, modes: o, onModeChange: s, variant: c = "desktop", "data-testid": l }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": a,
 		className: ["game-ui-terrain-mode-control", r].filter(Boolean).join(" "),
 		"data-ui-hook": "terrain-mode-control",
-		"data-variant": pi(c),
+		"data-variant": vi(c),
 		"data-testid": l,
 		children: [/* @__PURE__ */ t("span", {
 			className: "game-ui-sr-only",
@@ -5060,7 +5087,7 @@ function hi({ activeModeId: e, className: r, disabled: i = !1, label: a, modes:
 					type: "button",
 					children: [
 						/* @__PURE__ */ t($, {
-							icon: r.icon ?? li[r.id] ?? "portal",
+							icon: r.icon ?? mi[r.id] ?? "portal",
 							size: c === "small-mobile" ? "sm" : "md",
 							style: "line"
 						}),
@@ -5075,8 +5102,8 @@ function hi({ activeModeId: e, className: r, disabled: i = !1, label: a, modes:
 		})]
 	});
 }
-function gi({ activeToolId: e, className: n, compactLabelMode: r = "auto", density: i = "comfortable", disabled: a = !1, label: o, onToolChange: s, tools: c, variant: l = "desktop", "data-testid": u }) {
-	let d = ["game-ui-terrain-tool-strip", n].filter(Boolean).join(" "), f = mi(r, l);
+function xi({ activeToolId: e, className: n, compactLabelMode: r = "auto", density: i = "comfortable", disabled: a = !1, label: o, onToolChange: s, tools: c, variant: l = "desktop", "data-testid": u }) {
+	let d = ["game-ui-terrain-tool-strip", n].filter(Boolean).join(" "), f = yi(r, l);
 	return /* @__PURE__ */ t("section", {
 		"aria-label": o,
 		className: d,
@@ -5085,8 +5112,8 @@ function gi({ activeToolId: e, className: n, compactLabelMode: r = "auto", densi
 		"data-ui-hook": "terrain-tool-strip",
 		"data-variant": l,
 		"data-testid": u,
-		children: /* @__PURE__ */ t(Qr, {
-			actions: c.map((t) => di(t, e, s, a)),
+		children: /* @__PURE__ */ t(ri, {
+			actions: c.map((t) => gi(t, e, s, a)),
 			density: i,
 			iconLabelMode: f,
 			label: o,
@@ -5094,18 +5121,18 @@ function gi({ activeToolId: e, className: n, compactLabelMode: r = "auto", densi
 		})
 	});
 }
-function _i({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange: a, state: o, variant: s = "desktop", "data-testid": c }) {
-	let l = ["game-ui-brush-controls", e].filter(Boolean).join(" "), u = o.minRadius ?? 1, d = o.maxRadius ?? 8, f = o.radiusStep ?? .25, p = o.minStrength ?? 0, m = o.maxStrength ?? 1, h = o.strengthStep ?? .05, g = fi(o.radius, u, d), _ = fi(o.strength, p, m), v = !!o.disabled, y = (e) => {
-		i?.(fi(Number(e.currentTarget.value), u, d));
+function Si({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange: a, state: o, variant: s = "desktop", "data-testid": c }) {
+	let l = ["game-ui-brush-controls", e].filter(Boolean).join(" "), u = o.minRadius ?? 1, d = o.maxRadius ?? 8, f = o.radiusStep ?? .25, p = o.minStrength ?? 0, m = o.maxStrength ?? 1, h = o.strengthStep ?? .05, g = _i(o.radius, u, d), _ = _i(o.strength, p, m), v = !!o.disabled, y = (e) => {
+		i?.(_i(Number(e.currentTarget.value), u, d));
 	}, b = (e) => {
-		a?.(fi(Number(e.currentTarget.value), p, m));
+		a?.(_i(Number(e.currentTarget.value), p, m));
 	};
 	return /* @__PURE__ */ n("section", {
 		className: l,
 		"data-ui-hook": "brush-controls",
 		"data-variant": s,
 		"data-testid": c,
-		children: [/* @__PURE__ */ t(Hr, {
+		children: [/* @__PURE__ */ t(qr, {
 			...r.radiusHint ? { hint: r.radiusHint } : {},
 			label: r.radius ?? "Brush radius",
 			children: /* @__PURE__ */ n("div", {
@@ -5135,7 +5162,7 @@ function _i({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange:
 					value: g
 				})]
 			})
-		}), /* @__PURE__ */ t(Hr, {
+		}), /* @__PURE__ */ t(qr, {
 			...r.strengthHint ? { hint: r.strengthHint } : {},
 			label: r.strength ?? "Brush strength",
 			children: /* @__PURE__ */ n("div", {
@@ -5168,7 +5195,7 @@ function _i({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange:
 		})]
 	});
 }
-function vi({ activeMaterialId: e, className: r, disabled: i = !1, label: a, materials: o, onMaterialChange: s, variant: c = "desktop", "data-testid": l }) {
+function Ci({ activeMaterialId: e, className: r, disabled: i = !1, label: a, materials: o, onMaterialChange: s, variant: c = "desktop", "data-testid": l }) {
 	return /* @__PURE__ */ t("section", {
 		"aria-label": a,
 		className: ["game-ui-material-swatches", r].filter(Boolean).join(" "),
@@ -5211,14 +5238,14 @@ function vi({ activeMaterialId: e, className: r, disabled: i = !1, label: a, mat
 		})
 	});
 }
-function yi({ canRedo: e = !1, canUndo: n = !1, className: r, disabled: i = !1, label: a, onRedo: o, onUndo: s, redoLabel: c = "Redo", undoLabel: l = "Undo", variant: u = "desktop", "data-testid": d }) {
+function wi({ canRedo: e = !1, canUndo: n = !1, className: r, disabled: i = !1, label: a, onRedo: o, onUndo: s, redoLabel: c = "Redo", undoLabel: l = "Undo", variant: u = "desktop", "data-testid": d }) {
 	return /* @__PURE__ */ t("section", {
 		"aria-label": a,
 		className: ["game-ui-undo-redo-actions", r].filter(Boolean).join(" "),
 		"data-ui-hook": "undo-redo-actions",
 		"data-variant": u,
 		"data-testid": d,
-		children: /* @__PURE__ */ t(Qr, {
+		children: /* @__PURE__ */ t(ri, {
 			actions: [{
 				disabled: i || !n,
 				icon: "undo",
@@ -5244,7 +5271,7 @@ function yi({ canRedo: e = !1, canUndo: n = !1, className: r, disabled: i = !1,
 		})
 	});
 }
-function bi({ activeCategoryId: e, categories: r, className: i, density: a = "comfortable", emptyDescription: o = "Building pieces will appear here when a category is available.", emptyTitle: s = "No build pieces ready", label: c, onCategoryChange: l, onSelectItem: u, selectedItemId: d, title: f, variant: p = "desktop", "data-testid": m }) {
+function Ti({ activeCategoryId: e, categories: r, className: i, density: a = "comfortable", emptyDescription: o = "Building pieces will appear here when a category is available.", emptyTitle: s = "No build pieces ready", label: c, onCategoryChange: l, onSelectItem: u, selectedItemId: d, title: f, variant: p = "desktop", "data-testid": m }) {
 	let h = ["game-ui-build-library", i].filter(Boolean).join(" "), g = r.filter((e) => !e.disabled), _ = r.find((t) => t.id === e) ?? g[0] ?? r[0], v = _?.items ?? [], y = p === "small-mobile";
 	return /* @__PURE__ */ t(X, {
 		className: h,
@@ -5274,7 +5301,7 @@ function bi({ activeCategoryId: e, categories: r, className: i, density: a = "co
 						type: "button",
 						children: [
 							/* @__PURE__ */ t($, {
-								icon: e.icon ?? li[e.id] ?? "home",
+								icon: e.icon ?? mi[e.id] ?? "home",
 								size: "sm",
 								style: "line"
 							}),
@@ -5283,7 +5310,7 @@ function bi({ activeCategoryId: e, categories: r, className: i, density: a = "co
 						]
 					}, e.id);
 				})
-			}), v.length === 0 || !_ ? /* @__PURE__ */ t(qr, {
+			}), v.length === 0 || !_ ? /* @__PURE__ */ t(Qr, {
 				description: o,
 				icon: "home",
 				title: s
@@ -5321,7 +5348,7 @@ function bi({ activeCategoryId: e, categories: r, className: i, density: a = "co
 								/* @__PURE__ */ n("span", {
 									className: "game-ui-build-item-badges",
 									children: [/* @__PURE__ */ t(Q, {
-										tone: ui[i],
+										tone: hi[i],
 										children: i
 									}), e.badges?.map((e) => /* @__PURE__ */ t(Q, {
 										tone: e.tone ?? "neutral",
@@ -5339,7 +5366,7 @@ function bi({ activeCategoryId: e, categories: r, className: i, density: a = "co
 		})
 	});
 }
-function xi({ children: e, className: r, closeIcon: i = "close", closeLabel: a = "Close tools", disabled: o = !1, label: s, onOpenChange: c, open: l, panelId: u, title: d, triggerIcon: f = "settings", triggerLabel: p = "Tools", variant: m = "mobile", "data-testid": h }) {
+function Ei({ children: e, className: r, closeIcon: i = "close", closeLabel: a = "Close tools", disabled: o = !1, label: s, onOpenChange: c, open: l, panelId: u, title: d, triggerIcon: f = "settings", triggerLabel: p = "Tools", variant: m = "mobile", "data-testid": h }) {
 	let g = ["game-ui-compact-game-drawer", r].filter(Boolean).join(" "), _ = u ?? `${d.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "tools"}-drawer-panel`;
 	return /* @__PURE__ */ n("aside", {
 		"aria-label": s,
@@ -5374,7 +5401,7 @@ function xi({ children: e, className: r, closeIcon: i = "close", closeLabel: a =
 		})]
 	});
 }
-function Si({ status: e }) {
+function Di({ status: e }) {
 	if (!e) return null;
 	let r = typeof e.progressValue == "number" && typeof e.progressMax == "number", i = e.tone === "danger" ? "danger" : e.tone === "warning" ? "warning" : "success", a = e.progressMax ?? 100, o = e.progressValue ?? 0;
 	return /* @__PURE__ */ n("div", {
@@ -5387,7 +5414,7 @@ function Si({ status: e }) {
 				children: e.label
 			}),
 			e.description ? /* @__PURE__ */ t("p", { children: e.description }) : null,
-			r ? /* @__PURE__ */ t(Kr, {
+			r ? /* @__PURE__ */ t(Zr, {
 				label: e.progressLabel ?? e.label,
 				max: a,
 				showValue: !0,
@@ -5397,15 +5424,15 @@ function Si({ status: e }) {
 		]
 	});
 }
-function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, activeToolId: a, brush: o, buildCategories: s = [], density: c = "comfortable", disabled: l = !1, materials: u = [], modes: d, onBrushRadiusChange: f, onBrushStrengthChange: p, onBuildCategoryChange: m, onMaterialChange: h, onModeChange: g, onRedo: _, onSelectBuildItem: v, onToolChange: y, onUndo: b, selectedBuildItemId: x, status: S, toolCompactLabelMode: C = "auto", tools: w, undoRedo: T, variant: E = "desktop" }) {
+function Oi({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, activeToolId: a, brush: o, buildCategories: s = [], density: c = "comfortable", disabled: l = !1, materials: u = [], modes: d, onBrushRadiusChange: f, onBrushStrengthChange: p, onBuildCategoryChange: m, onMaterialChange: h, onModeChange: g, onRedo: _, onSelectBuildItem: v, onToolChange: y, onUndo: b, selectedBuildItemId: x, status: S, toolCompactLabelMode: C = "auto", tools: w, undoRedo: T, variant: E = "desktop" }) {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-terrain-build-toolbox-body",
 		"data-active-mode": i,
 		"data-active-tool": a,
 		"data-variant": E,
 		children: [
-			/* @__PURE__ */ t(Si, { status: S }),
-			/* @__PURE__ */ t(hi, {
+			/* @__PURE__ */ t(Di, { status: S }),
+			/* @__PURE__ */ t(bi, {
 				activeModeId: i,
 				disabled: l,
 				label: "Tool mode",
@@ -5416,7 +5443,7 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 			/* @__PURE__ */ n("div", {
 				className: "game-ui-terrain-build-main-grid",
 				children: [
-					/* @__PURE__ */ t(gi, {
+					/* @__PURE__ */ t(xi, {
 						activeToolId: a,
 						compactLabelMode: C,
 						density: c,
@@ -5426,7 +5453,7 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 						tools: w,
 						variant: E
 					}),
-					/* @__PURE__ */ t(yi, {
+					/* @__PURE__ */ t(wi, {
 						canRedo: T?.canRedo,
 						canUndo: T?.canUndo,
 						disabled: l,
@@ -5437,7 +5464,7 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 						undoLabel: T?.undoLabel,
 						variant: E
 					}),
-					/* @__PURE__ */ t(_i, {
+					/* @__PURE__ */ t(Si, {
 						onRadiusChange: f,
 						onStrengthChange: p,
 						state: {
@@ -5446,7 +5473,7 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 						},
 						variant: E
 					}),
-					u.length > 0 ? /* @__PURE__ */ t(vi, {
+					u.length > 0 ? /* @__PURE__ */ t(Ci, {
 						activeMaterialId: r,
 						disabled: l,
 						label: "Terrain materials",
@@ -5456,7 +5483,7 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 					}) : null
 				]
 			}),
-			s.length > 0 ? /* @__PURE__ */ t(bi, {
+			s.length > 0 ? /* @__PURE__ */ t(Ti, {
 				activeCategoryId: e,
 				categories: s,
 				density: c,
@@ -5470,12 +5497,12 @@ function Ci({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 		]
 	});
 }
-function wi({ className: e, drawerOpen: n = !1, drawerTitle: r = "Terrain and build tools", label: i, onDrawerOpenChange: a, title: o, variant: s = "desktop", "data-testid": c, ...l }) {
-	let u = ["game-ui-terrain-build-toolbox", e].filter(Boolean).join(" "), d = /* @__PURE__ */ t(Ci, {
+function ki({ className: e, drawerOpen: n = !1, drawerTitle: r = "Terrain and build tools", label: i, onDrawerOpenChange: a, title: o, variant: s = "desktop", "data-testid": c, ...l }) {
+	let u = ["game-ui-terrain-build-toolbox", e].filter(Boolean).join(" "), d = /* @__PURE__ */ t(Oi, {
 		...l,
 		variant: s
 	});
-	return s === "mobile" || s === "small-mobile" ? /* @__PURE__ */ t(xi, {
+	return s === "mobile" || s === "small-mobile" ? /* @__PURE__ */ t(Ei, {
 		className: u,
 		label: i,
 		onOpenChange: a,
@@ -5500,7 +5527,7 @@ function wi({ className: e, drawerOpen: n = !1, drawerTitle: r = "Terrain and bu
 }
 //#endregion
 //#region src/GameContractorTools.tsx
-var Ti = {
+var Ai = {
 	accepted: "success",
 	blocked: "danger",
 	cancelled: "neutral",
@@ -5509,7 +5536,7 @@ var Ti = {
 	queued: "warning",
 	readyForReview: "success",
 	working: "ai"
-}, Ei = {
+}, ji = {
 	accepted: "check",
 	blocked: "alert",
 	cancelled: "close",
@@ -5518,26 +5545,26 @@ var Ti = {
 	queued: "hourglass",
 	readyForReview: "vote",
 	working: "energy"
-}, Di = {
+}, Mi = {
 	active: "ai",
 	blocked: "danger",
 	complete: "success",
 	pending: "neutral"
-}, Oi = {
+}, Ni = {
 	blocked: "danger",
 	done: "success",
 	idle: "neutral",
 	queued: "warning",
 	working: "ai"
-}, ki = {
+}, Pi = {
 	"local-only": "Local only",
 	mock: "Mock run",
 	"paid-disabled": "Paid provider off"
-}, Ai = {
+}, Fi = {
 	"local-only": "success",
 	mock: "ai",
 	"paid-disabled": "warning"
-}, ji = {
+}, Ii = {
 	accepted: [{
 		id: "revert",
 		label: "Revert",
@@ -5643,17 +5670,17 @@ var Ti = {
 		tone: "danger"
 	}]
 };
-function Mi(e, t) {
+function Li(e, t) {
 	if (t) return t;
 	switch (e) {
 		case "readyForReview": return "Ready for review";
 		default: return e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase());
 	}
 }
-function Ni(e) {
+function Ri(e) {
 	return e === "blocked" || e === "cancelled" ? "danger" : e === "accepted" || e === "readyForReview" ? "success" : e === "queued" || e === "draft" || e === "preview" ? "warning" : "accent";
 }
-function Pi(e) {
+function zi(e) {
 	switch (e) {
 		case "accepted": return 100;
 		case "blocked": return 42;
@@ -5665,7 +5692,7 @@ function Pi(e) {
 		case "working": return 64;
 	}
 }
-function Fi(e, t, n) {
+function Bi(e, t, n) {
 	let r = {
 		disabled: !!(n || e.disabled),
 		id: e.id,
@@ -5674,14 +5701,14 @@ function Fi(e, t, n) {
 	};
 	return e.icon && (r.icon = e.icon), e.ariaLabel && (r.ariaLabel = e.ariaLabel), e.meta && (r.meta = e.meta), t && (r.onAction = t), r;
 }
-function Ii(e) {
+function Vi(e) {
 	return e === "danger" || e === "warning" ? "alert" : "status";
 }
-function Li(e) {
+function Hi(e) {
 	return !!(e.before && e.after);
 }
-function Ri({ className: e, label: r, max: i = 100, progressLabel: a = "Construction progress", showStatusBadge: o = !0, status: s, statusLabel: c, steps: l = [], validationWarnings: u = [], value: d, variant: f = "desktop", "data-testid": p }) {
-	let m = ["game-ui-construction-progress", e].filter(Boolean).join(" "), h = d ?? Pi(s), g = Mi(s, c);
+function Ui({ className: e, label: r, max: i = 100, progressLabel: a = "Construction progress", showStatusBadge: o = !0, status: s, statusLabel: c, steps: l = [], validationWarnings: u = [], value: d, variant: f = "desktop", "data-testid": p }) {
+	let m = ["game-ui-construction-progress", e].filter(Boolean).join(" "), h = d ?? zi(s), g = Li(s, c);
 	return /* @__PURE__ */ n("section", {
 		"aria-label": r,
 		className: m,
@@ -5693,18 +5720,18 @@ function Ri({ className: e, label: r, max: i = 100, progressLabel: a = "Construc
 			/* @__PURE__ */ n("header", {
 				className: "game-ui-construction-progress-header",
 				children: [/* @__PURE__ */ n("span", { children: [/* @__PURE__ */ t($, {
-					icon: Ei[s],
+					icon: ji[s],
 					size: "sm"
 				}), /* @__PURE__ */ t("strong", { children: a })] }), o ? /* @__PURE__ */ t(Q, {
-					tone: Ti[s],
+					tone: Ai[s],
 					children: g
 				}) : null]
 			}),
-			/* @__PURE__ */ t(Kr, {
+			/* @__PURE__ */ t(Zr, {
 				label: a,
 				max: i,
 				showValue: !0,
-				tone: Ni(s),
+				tone: Ri(s),
 				value: h
 			}),
 			l.length > 0 ? /* @__PURE__ */ t("ol", {
@@ -5719,7 +5746,7 @@ function Ri({ className: e, label: r, max: i = 100, progressLabel: a = "Construc
 						}),
 						/* @__PURE__ */ n("span", { children: [/* @__PURE__ */ t("strong", { children: e.label }), e.caption ? /* @__PURE__ */ t("small", { children: e.caption }) : null] }),
 						/* @__PURE__ */ t(Q, {
-							tone: Di[e.status],
+							tone: Mi[e.status],
 							children: e.status
 						})
 					]
@@ -5731,7 +5758,7 @@ function Ri({ className: e, label: r, max: i = 100, progressLabel: a = "Construc
 				children: u.map((e) => /* @__PURE__ */ n("div", {
 					className: "game-ui-construction-warning",
 					"data-warning-tone": e.tone ?? "warning",
-					role: Ii(e.tone),
+					role: Vi(e.tone),
 					children: [/* @__PURE__ */ t($, {
 						icon: e.tone === "danger" || e.tone === "warning" ? "alert" : "check",
 						size: "sm"
@@ -5741,8 +5768,8 @@ function Ri({ className: e, label: r, max: i = 100, progressLabel: a = "Construc
 		]
 	});
 }
-function zi({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLabel: o = "Local-only construction", onAction: s, providerMode: c, status: l, validationWarnings: u = [], variant: d = "desktop", "data-testid": f }) {
-	let p = ["game-ui-construction-approval-bar", r].filter(Boolean).join(" "), m = e ?? ji[l], h = u.filter((e) => e.tone !== "success").length, g = m.map((e) => Fi(e, s, i));
+function Wi({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLabel: o = "Local-only construction", onAction: s, providerMode: c, status: l, validationWarnings: u = [], variant: d = "desktop", "data-testid": f }) {
+	let p = ["game-ui-construction-approval-bar", r].filter(Boolean).join(" "), m = e ?? Ii[l], h = u.filter((e) => e.tone !== "success").length, g = m.map((e) => Bi(e, s, i));
 	return /* @__PURE__ */ n("section", {
 		"aria-label": a,
 		className: p,
@@ -5753,8 +5780,8 @@ function zi({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLab
 		children: [/* @__PURE__ */ n("div", {
 			className: "game-ui-construction-approval-meta",
 			children: [c ? /* @__PURE__ */ t(Q, {
-				tone: Ai[c],
-				children: ki[c]
+				tone: Fi[c],
+				children: Pi[c]
 			}) : /* @__PURE__ */ t(Q, {
 				tone: "success",
 				children: o
@@ -5769,21 +5796,21 @@ function zi({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLab
 				tone: "success",
 				children: "Validation clear"
 			})]
-		}), g.length > 0 ? /* @__PURE__ */ t(Qr, {
+		}), g.length > 0 ? /* @__PURE__ */ t(ri, {
 			actions: g,
 			density: d === "small-mobile" ? "dense" : "comfortable",
 			label: `${a} actions`
 		}) : null]
 	});
 }
-function Bi({ className: e, crew: r, emptyDescription: i = "Robot crew members appear here when a construction job starts.", emptyTitle: a = "No robot crew assigned", label: o, title: s, variant: c = "desktop", "data-testid": l }) {
+function Gi({ className: e, crew: r, emptyDescription: i = "Robot crew members appear here when a construction job starts.", emptyTitle: a = "No robot crew assigned", label: o, title: s, variant: c = "desktop", "data-testid": l }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": o,
 		className: ["game-ui-robot-crew-status", e].filter(Boolean).join(" "),
 		"data-ui-hook": "robot-crew-status",
 		"data-variant": c,
 		"data-testid": l,
-		children: [s ? /* @__PURE__ */ t("header", { children: /* @__PURE__ */ t("strong", { children: s }) }) : null, r.length === 0 ? /* @__PURE__ */ t(qr, {
+		children: [s ? /* @__PURE__ */ t("header", { children: /* @__PURE__ */ t("strong", { children: s }) }) : null, r.length === 0 ? /* @__PURE__ */ t(Qr, {
 			description: i,
 			icon: "ai",
 			title: a
@@ -5806,7 +5833,7 @@ function Bi({ className: e, crew: r, emptyDescription: i = "Robot crew members a
 						]
 					}),
 					/* @__PURE__ */ t(Q, {
-						tone: Oi[e.status],
+						tone: Ni[e.status],
 						children: e.status
 					})
 				]
@@ -5814,7 +5841,7 @@ function Bi({ className: e, crew: r, emptyDescription: i = "Robot crew members a
 		})]
 	});
 }
-function Vi({ activeView: e, after: r, before: i, className: a, label: o, onViewChange: s, variant: c = "desktop", "data-testid": l }) {
+function Ki({ activeView: e, after: r, before: i, className: a, label: o, onViewChange: s, variant: c = "desktop", "data-testid": l }) {
 	let u = ["game-ui-before-after-toggle", a].filter(Boolean).join(" "), d = e === "before" ? i : r;
 	return /* @__PURE__ */ n("section", {
 		"aria-label": o,
@@ -5823,7 +5850,7 @@ function Vi({ activeView: e, after: r, before: i, className: a, label: o, onView
 		"data-ui-hook": "before-after-toggle",
 		"data-variant": c,
 		"data-testid": l,
-		children: [/* @__PURE__ */ t(er, {
+		children: [/* @__PURE__ */ t(ar, {
 			activeId: e,
 			label: `${o} view`,
 			...s ? { onSelect: (e) => s(e) } : {},
@@ -5850,8 +5877,8 @@ function Vi({ activeView: e, after: r, before: i, className: a, label: o, onView
 		})]
 	});
 }
-function Hi({ className: e, density: r = "comfortable", job: i, onAction: a, onSelect: o, selected: s = !1, showApprovalBar: c = !0, showBeforeAfter: l = !1, variant: u = "desktop", "data-testid": d }) {
-	let f = ["game-ui-construction-job-card", e].filter(Boolean).join(" "), p = Mi(i.status, i.statusLabel), m = u === "mobile" || u === "small-mobile", h = i.facts ?? [];
+function qi({ className: e, density: r = "comfortable", job: i, onAction: a, onSelect: o, selected: s = !1, showApprovalBar: c = !0, showBeforeAfter: l = !1, variant: u = "desktop", "data-testid": d }) {
+	let f = ["game-ui-construction-job-card", e].filter(Boolean).join(" "), p = Li(i.status, i.statusLabel), m = u === "mobile" || u === "small-mobile", h = i.facts ?? [];
 	return /* @__PURE__ */ n("article", {
 		className: f,
 		"data-density": r,
@@ -5871,19 +5898,19 @@ function Hi({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 					onClick: () => o?.(i.id),
 					type: "button",
 					children: [/* @__PURE__ */ t($, {
-						icon: Ei[i.status],
+						icon: ji[i.status],
 						size: m ? "sm" : "md"
 					}), /* @__PURE__ */ n("span", { children: [/* @__PURE__ */ t("strong", { children: i.title }), i.description ? /* @__PURE__ */ t("small", { children: i.description }) : null] })]
 				}), /* @__PURE__ */ n("span", {
 					className: "game-ui-construction-job-badges",
 					children: [
 						/* @__PURE__ */ t(Q, {
-							tone: Ti[i.status],
+							tone: Ai[i.status],
 							children: p
 						}),
 						i.providerMode ? /* @__PURE__ */ t(Q, {
-							tone: Ai[i.providerMode],
-							children: ki[i.providerMode]
+							tone: Fi[i.providerMode],
+							children: Pi[i.providerMode]
 						}) : null,
 						i.badges?.map((e) => /* @__PURE__ */ t(Q, {
 							tone: e.tone ?? "neutral",
@@ -5901,7 +5928,7 @@ function Hi({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 					h.map((e) => /* @__PURE__ */ n("span", { children: [/* @__PURE__ */ t("small", { children: e.label }), /* @__PURE__ */ t("b", { children: e.value })] }, e.id))
 				]
 			}),
-			/* @__PURE__ */ t(Ri, {
+			/* @__PURE__ */ t(Ui, {
 				label: `${i.title} progress`,
 				progressLabel: i.progressLabel,
 				status: i.status,
@@ -5912,19 +5939,19 @@ function Hi({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 				max: i.progressMax,
 				variant: u
 			}),
-			l && Li(i) ? /* @__PURE__ */ t(Vi, {
+			l && Hi(i) ? /* @__PURE__ */ t(Ki, {
 				activeView: "after",
 				after: i.after,
 				before: i.before,
 				label: `${i.title} preview`,
 				variant: u
 			}) : null,
-			i.crew && i.crew.length > 0 ? /* @__PURE__ */ t(Bi, {
+			i.crew && i.crew.length > 0 ? /* @__PURE__ */ t(Gi, {
 				crew: i.crew,
 				label: `${i.title} robot crew`,
 				variant: u
 			}) : null,
-			c ? /* @__PURE__ */ t(zi, {
+			c ? /* @__PURE__ */ t(Wi, {
 				actions: i.actions,
 				label: `${i.title} approval`,
 				onAction: (e) => a?.(e, i.id),
@@ -5936,8 +5963,8 @@ function Hi({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 		]
 	});
 }
-function Ui({ children: e, className: n, closeLabel: r = "Close jobs", disabled: i = !1, jobs: a = [], label: o, onAction: s, onOpenChange: c, onSelectJob: l, open: u, panelId: d = "game-compact-job-drawer-panel", selectedJobId: f, title: p, triggerLabel: m = "Construction jobs", variant: h = "mobile", "data-testid": g }) {
-	return /* @__PURE__ */ t(xi, {
+function Ji({ children: e, className: n, closeLabel: r = "Close jobs", disabled: i = !1, jobs: a = [], label: o, onAction: s, onOpenChange: c, onSelectJob: l, open: u, panelId: d = "game-compact-job-drawer-panel", selectedJobId: f, title: p, triggerLabel: m = "Construction jobs", variant: h = "mobile", "data-testid": g }) {
+	return /* @__PURE__ */ t(Ei, {
 		className: ["game-ui-compact-job-drawer", n].filter(Boolean).join(" "),
 		closeLabel: r,
 		disabled: i,
@@ -5953,7 +5980,7 @@ function Ui({ children: e, className: n, closeLabel: r = "Close jobs", disabled:
 		children: e ?? /* @__PURE__ */ t("div", {
 			className: "game-ui-compact-job-drawer-list",
 			tabIndex: 0,
-			children: a.map((e) => /* @__PURE__ */ t(Hi, {
+			children: a.map((e) => /* @__PURE__ */ t(qi, {
 				density: "dense",
 				job: e,
 				onAction: s,
@@ -5965,7 +5992,7 @@ function Ui({ children: e, className: n, closeLabel: r = "Close jobs", disabled:
 		})
 	});
 }
-function Wi({ activePreviewView: e = "after", className: r, density: i = "comfortable", drawerOpen: a = !1, emptyDescription: o = "Draft construction jobs will appear here before any provider call is allowed.", emptyTitle: s = "No construction jobs", jobs: c, label: l, onAction: u, onDrawerOpenChange: d, onPreviewViewChange: f, onSelectJob: p, selectedJobId: m, subtitle: h, title: g, variant: _ = "desktop", "data-testid": v }) {
+function Yi({ activePreviewView: e = "after", className: r, density: i = "comfortable", drawerOpen: a = !1, emptyDescription: o = "Draft construction jobs will appear here before any provider call is allowed.", emptyTitle: s = "No construction jobs", jobs: c, label: l, onAction: u, onDrawerOpenChange: d, onPreviewViewChange: f, onSelectJob: p, selectedJobId: m, subtitle: h, title: g, variant: _ = "desktop", "data-testid": v }) {
 	let y = ["game-ui-contractor-panel", r].filter(Boolean).join(" "), b = c.find((e) => e.id === m) ?? c[0];
 	return _ === "mobile" || _ === "small-mobile" ? /* @__PURE__ */ n("section", {
 		"aria-label": l,
@@ -5974,7 +6001,7 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 		"data-variant": _,
 		"data-testid": v,
 		children: [
-			/* @__PURE__ */ t(Ui, {
+			/* @__PURE__ */ t(Ji, {
 				jobs: c,
 				label: `${l} drawer`,
 				onAction: u,
@@ -5986,16 +6013,16 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 				triggerLabel: "Contractor",
 				variant: _
 			}),
-			b && !a ? /* @__PURE__ */ t(Hi, {
+			b && !a ? /* @__PURE__ */ t(qi, {
 				density: "dense",
 				job: b,
 				onAction: u,
 				onSelect: p,
 				selected: !0,
-				showBeforeAfter: Li(b),
+				showBeforeAfter: Hi(b),
 				variant: _
 			}) : null,
-			b ? null : /* @__PURE__ */ t(qr, {
+			b ? null : /* @__PURE__ */ t(Qr, {
 				description: o,
 				icon: "energy",
 				title: s
@@ -6016,7 +6043,7 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 					className: "game-ui-contractor-panel-subtitle",
 					children: h
 				}) : null,
-				c.length === 0 ? /* @__PURE__ */ t(qr, {
+				c.length === 0 ? /* @__PURE__ */ t(Qr, {
 					description: o,
 					icon: "energy",
 					title: s
@@ -6027,7 +6054,7 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 						"aria-label": "Construction job queue",
 						className: "game-ui-contractor-job-list",
 						tabIndex: 0,
-						children: c.map((e) => /* @__PURE__ */ t(Hi, {
+						children: c.map((e) => /* @__PURE__ */ t(qi, {
 							density: i,
 							job: e,
 							onAction: u,
@@ -6040,7 +6067,7 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 						className: "game-ui-contractor-detail",
 						"aria-label": `${b.title} detail`,
 						children: [
-							/* @__PURE__ */ t(Ri, {
+							/* @__PURE__ */ t(Ui, {
 								label: `${b.title} progress detail`,
 								progressLabel: b.progressLabel,
 								status: b.status,
@@ -6051,7 +6078,7 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 								max: b.progressMax,
 								variant: _
 							}),
-							Li(b) ? /* @__PURE__ */ t(Vi, {
+							Hi(b) ? /* @__PURE__ */ t(Ki, {
 								activeView: e,
 								after: b.after,
 								before: b.before,
@@ -6059,13 +6086,13 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 								onViewChange: f,
 								variant: _
 							}) : null,
-							/* @__PURE__ */ t(Bi, {
+							/* @__PURE__ */ t(Gi, {
 								crew: b.crew ?? [],
 								label: `${b.title} robot crew`,
 								title: "Robot crew",
 								variant: _
 							}),
-							/* @__PURE__ */ t(zi, {
+							/* @__PURE__ */ t(Wi, {
 								actions: b.actions,
 								label: `${b.title} approval`,
 								onAction: u ? (e) => u(e, b.id) : void 0,
@@ -6083,16 +6110,16 @@ function Wi({ activePreviewView: e = "after", className: r, density: i = "comfor
 }
 //#endregion
 //#region src/GamePanelSystem.tsx
-function Gi(...e) {
+function Xi(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var Ki = {
+var Zi = {
 	collapse: "Collapse",
 	expand: "Expand"
 };
-function qi({ actions: e, children: r, className: i, defaultOpen: a = !0, labels: o, onOpenChange: s, open: c, title: l, tone: d = "default", ...f }) {
+function Qi({ actions: e, children: r, className: i, defaultOpen: a = !0, labels: o, onOpenChange: s, open: c, title: l, tone: d = "default", ...f }) {
 	let p = u(), [h, g] = m(a), _ = c ?? h, v = {
-		...Ki,
+		...Zi,
 		...o
 	}, y = () => {
 		let e = !_;
@@ -6100,7 +6127,7 @@ function qi({ actions: e, children: r, className: i, defaultOpen: a = !0, labels
 	};
 	return /* @__PURE__ */ n("section", {
 		...f,
-		className: Gi("game-ui-collapsible", i),
+		className: Xi("game-ui-collapsible", i),
 		"data-open": _,
 		"data-panel-tone": d,
 		children: [/* @__PURE__ */ n("header", {
@@ -6139,13 +6166,13 @@ function qi({ actions: e, children: r, className: i, defaultOpen: a = !0, labels
 		})]
 	});
 }
-var Ji = {
+var $i = {
 	close: "Close",
 	maximize: "Maximize",
 	minimize: "Minimize",
 	restore: "Restore"
 };
-function Yi({ kind: e }) {
+function ea({ kind: e }) {
 	return /* @__PURE__ */ t("svg", {
 		"aria-hidden": "true",
 		fill: "none",
@@ -6165,9 +6192,9 @@ function Yi({ kind: e }) {
 		})
 	});
 }
-function Xi({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, className: a, defaultState: o = "normal", footer: s, icon: c, labels: l, onClose: u, onStateChange: d, state: f, title: p, ...h }) {
+function ta({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, className: a, defaultState: o = "normal", footer: s, icon: c, labels: l, onClose: u, onStateChange: d, state: f, title: p, ...h }) {
 	let [g, _] = m(o), v = f ?? g, y = {
-		...Ji,
+		...$i,
 		...l
 	}, b = (e) => {
 		f === void 0 && _(e), d?.(e);
@@ -6175,7 +6202,7 @@ function Xi({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, classNa
 	return /* @__PURE__ */ n("section", {
 		...h,
 		"aria-label": p,
-		className: Gi("game-ui-window", a),
+		className: Xi("game-ui-window", a),
 		"data-window-state": v,
 		role: "group",
 		children: [/* @__PURE__ */ n("header", {
@@ -6198,21 +6225,21 @@ function Xi({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, classNa
 							className: "game-ui-icon-button game-ui-window-button",
 							onClick: () => b(x ? "normal" : "minimized"),
 							type: "button",
-							children: /* @__PURE__ */ t(Yi, { kind: x ? "restore" : "minimize" })
+							children: /* @__PURE__ */ t(ea, { kind: x ? "restore" : "minimize" })
 						}) : null,
 						e ? /* @__PURE__ */ t("button", {
 							"aria-label": S ? y.restore : y.maximize,
 							className: "game-ui-icon-button game-ui-window-button",
 							onClick: () => b(S ? "normal" : "maximized"),
 							type: "button",
-							children: /* @__PURE__ */ t(Yi, { kind: S ? "restore" : "maximize" })
+							children: /* @__PURE__ */ t(ea, { kind: S ? "restore" : "maximize" })
 						}) : null,
 						u ? /* @__PURE__ */ t("button", {
 							"aria-label": y.close,
 							className: "game-ui-icon-button game-ui-window-button",
 							onClick: u,
 							type: "button",
-							children: /* @__PURE__ */ t(Yi, { kind: "close" })
+							children: /* @__PURE__ */ t(ea, { kind: "close" })
 						}) : null
 					]
 				})
@@ -6232,14 +6259,14 @@ function Xi({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, classNa
 		})]
 	});
 }
-function Zi({ children: e, className: r, closeLabel: i = "Close", closeOnBackdrop: a = !0, footer: o, onClose: s, open: c, position: d = "center", size: f = "md", title: m }) {
+function na({ children: e, className: r, closeLabel: i = "Close", closeOnBackdrop: a = !0, footer: o, onClose: s, open: c, position: d = "center", size: f = "md", title: m }) {
 	let h = p(null), g = u();
 	return l(() => {
 		let e = h.current;
 		e && (c && !e.open && e.showModal(), !c && e.open && e.close());
 	}, [c]), /* @__PURE__ */ t("dialog", {
 		"aria-labelledby": g,
-		className: Gi("game-ui-modal", r),
+		className: Xi("game-ui-modal", r),
 		"data-position": d,
 		"data-size": f,
 		onCancel: (e) => {
@@ -6263,7 +6290,7 @@ function Zi({ children: e, className: r, closeLabel: i = "Close", closeOnBackdro
 						className: "game-ui-icon-button game-ui-window-button",
 						onClick: s,
 						type: "button",
-						children: /* @__PURE__ */ t(Yi, { kind: "close" })
+						children: /* @__PURE__ */ t(ea, { kind: "close" })
 					})]
 				}),
 				/* @__PURE__ */ t("div", {
@@ -6280,7 +6307,7 @@ function Zi({ children: e, className: r, closeLabel: i = "Close", closeOnBackdro
 }
 //#endregion
 //#region src/previewStates.ts
-var Qi = [
+var ra = [
 	{
 		id: "history-human-long",
 		kind: "human",
@@ -6302,9 +6329,9 @@ var Qi = [
 		speaker: "Table",
 		text: "Three votes are locked. One more read can still change the pact."
 	}
-], $i = {
+], ia = {
+	...B,
 	...V,
-	..._e,
 	...ve,
 	...H,
 	...U,
@@ -6312,13 +6339,13 @@ var Qi = [
 	...ye,
 	...xe,
 	...z
-}, ea = {
+}, aa = {
 	toneAttr: "data-game-ui-tone",
 	toneGlass: "glass",
 	densityAttr: "data-game-ui-density",
 	densityCompact: "compact",
 	scopeClass: "game-ui-overlay-scope"
-}, ta = be, na = /* @__PURE__ */ "--game-ui-bg.--game-ui-surface.--game-ui-surface-raised.--game-ui-panel.--game-ui-panel-strong.--game-ui-panel-deep.--game-ui-text.--game-ui-text-muted.--game-ui-accent.--game-ui-accent-bright.--game-ui-secondary.--game-ui-success.--game-ui-success-bright.--game-ui-danger.--game-ui-danger-bright.--game-ui-warning.--game-ui-focus-ring.--game-ui-border-subtle.--game-ui-border-strong.--game-ui-disabled.--game-ui-ink-deep.--game-ui-border-ink.--game-ui-wood.--game-ui-ink-title.--game-ui-ink-heading.--game-ui-liquid-metal-face.--game-ui-liquid-metal-ink".split("."), ra = {
+}, oa = be, sa = /* @__PURE__ */ "--game-ui-bg.--game-ui-surface.--game-ui-surface-raised.--game-ui-panel.--game-ui-panel-strong.--game-ui-panel-deep.--game-ui-text.--game-ui-text-muted.--game-ui-accent.--game-ui-accent-bright.--game-ui-secondary.--game-ui-success.--game-ui-success-bright.--game-ui-danger.--game-ui-danger-bright.--game-ui-warning.--game-ui-focus-ring.--game-ui-border-subtle.--game-ui-border-strong.--game-ui-disabled.--game-ui-ink-deep.--game-ui-border-ink.--game-ui-wood.--game-ui-ink-title.--game-ui-ink-heading.--game-ui-liquid-metal-face.--game-ui-liquid-metal-ink".split("."), ca = {
 	en: {
 		triggerLabel: "EN",
 		langMenuLabel: "Preview language",
@@ -6520,7 +6547,7 @@ var Qi = [
 			hint: "Rotate manually if this browser blocks automatic landscape lock."
 		},
 		historyLabel: "Round history",
-		history: Qi
+		history: ra
 	},
 	"zh-CN": {
 		triggerLabel: "中",
@@ -6747,18 +6774,18 @@ var Qi = [
 			}
 		]
 	}
-}, ia = i(ra.en), aa = () => c(ia), oa = [
+}, la = i(ca.en), ua = () => c(la), da = [
 	{
 		id: "colors",
 		tokens: L
 	},
 	{
 		id: "semantic",
-		tokens: V
+		tokens: B
 	},
 	{
 		id: "typography",
-		tokens: _e
+		tokens: V
 	},
 	{
 		id: "spacing",
@@ -6778,7 +6805,7 @@ var Qi = [
 	},
 	{
 		id: "overlayGlass",
-		tokens: B
+		tokens: _e
 	},
 	{
 		id: "liquidMetal",
@@ -6801,7 +6828,7 @@ var Qi = [
 		tokens: xe
 	}
 ];
-function sa({ id: e, label: r, tokens: i }) {
+function fa({ id: e, label: r, tokens: i }) {
 	return /* @__PURE__ */ n("article", {
 		className: "game-ui-token-card",
 		children: [/* @__PURE__ */ t("h3", { children: r }), /* @__PURE__ */ t("div", {
@@ -6813,7 +6840,7 @@ function sa({ id: e, label: r, tokens: i }) {
 		})]
 	});
 }
-function ca() {
+function pa() {
 	return /* @__PURE__ */ t("div", {
 		"aria-label": "Clay color swatches",
 		className: "game-ui-swatch-grid",
@@ -6823,8 +6850,8 @@ function ca() {
 		}, e))
 	});
 }
-function la() {
-	let { type: e } = aa();
+function ma() {
+	let { type: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-type-scale",
 		children: [
@@ -6839,8 +6866,8 @@ function la() {
 		]
 	});
 }
-function ua() {
-	let { buttons: e } = aa();
+function ha() {
+	let { buttons: e } = ua();
 	return /* @__PURE__ */ n(X, {
 		title: e.panelTitle,
 		tone: "strong",
@@ -6878,9 +6905,9 @@ function ua() {
 			/* @__PURE__ */ n("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ t(Zn, {
+					/* @__PURE__ */ t(nr, {
 						label: e.settingsTip,
-						children: /* @__PURE__ */ t(Xn, {
+						children: /* @__PURE__ */ t(tr, {
 							label: e.settingsTip,
 							children: /* @__PURE__ */ t($, {
 								icon: "settings",
@@ -6888,7 +6915,7 @@ function ua() {
 							})
 						})
 					}),
-					/* @__PURE__ */ t(Xn, {
+					/* @__PURE__ */ t(tr, {
 						label: e.copyInvite,
 						children: /* @__PURE__ */ t($, {
 							icon: "copy",
@@ -6909,7 +6936,7 @@ function ua() {
 					})
 				]
 			}),
-			/* @__PURE__ */ t(er, {
+			/* @__PURE__ */ t(ar, {
 				activeId: "live",
 				label: e.segmentedLabel,
 				options: [
@@ -6927,7 +6954,7 @@ function ua() {
 					}
 				]
 			}),
-			/* @__PURE__ */ t(Qn, {
+			/* @__PURE__ */ t(rr, {
 				activeId: "portal",
 				tabs: [
 					{
@@ -6944,7 +6971,7 @@ function ua() {
 					}
 				]
 			}),
-			/* @__PURE__ */ t(rr, {
+			/* @__PURE__ */ t(cr, {
 				items: [
 					{
 						id: "wave",
@@ -6961,28 +6988,28 @@ function ua() {
 				],
 				label: e.radialLabel
 			}),
-			/* @__PURE__ */ t(tr, {
+			/* @__PURE__ */ t(or, {
 				label: e.sliderLabel,
 				max: 100,
 				min: 0,
 				value: 68
 			}),
-			/* @__PURE__ */ t(nr, {
+			/* @__PURE__ */ t(sr, {
 				checked: !0,
 				label: e.toggleLabel
 			})
 		]
 	});
 }
-function da() {
-	let { hud: e, tiles: r } = aa();
+function ga() {
+	let { hud: e, tiles: r } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-stage-demo",
 		children: [/* @__PURE__ */ n("div", {
 			"aria-label": "Clay world HUD preview",
 			className: "game-ui-stage-world",
 			children: [
-				/* @__PURE__ */ t(kr, {
+				/* @__PURE__ */ t(Pr, {
 					label: e.label,
 					items: [
 						{
@@ -7005,15 +7032,15 @@ function da() {
 							value: "02:46"
 						}
 					],
-					actions: /* @__PURE__ */ n(Yn, {
+					actions: /* @__PURE__ */ n(er, {
 						label: e.tools,
-						children: [/* @__PURE__ */ t(Xn, {
+						children: [/* @__PURE__ */ t(tr, {
 							label: e.history,
 							children: /* @__PURE__ */ t($, {
 								icon: "scroll",
 								size: "sm"
 							})
-						}), /* @__PURE__ */ t(Xn, {
+						}), /* @__PURE__ */ t(tr, {
 							label: e.settings,
 							children: /* @__PURE__ */ t($, {
 								icon: "settings",
@@ -7053,7 +7080,7 @@ function da() {
 		}), /* @__PURE__ */ n("div", {
 			className: "game-ui-stage-sidecar",
 			children: [
-				/* @__PURE__ */ t(jr, {
+				/* @__PURE__ */ t(Ir, {
 					badge: r.daily.badge,
 					icon: "scroll",
 					kicker: r.daily.kicker,
@@ -7062,7 +7089,7 @@ function da() {
 					title: r.daily.title,
 					tone: "daily"
 				}),
-				/* @__PURE__ */ t(jr, {
+				/* @__PURE__ */ t(Ir, {
 					badge: r.portal.badge,
 					icon: "portal",
 					kicker: r.portal.kicker,
@@ -7070,7 +7097,7 @@ function da() {
 					title: r.portal.title,
 					tone: "portal"
 				}),
-				/* @__PURE__ */ t(jr, {
+				/* @__PURE__ */ t(Ir, {
 					icon: "energy",
 					kicker: r.host.kicker,
 					summary: r.host.summary,
@@ -7081,21 +7108,21 @@ function da() {
 		})]
 	});
 }
-function fa() {
-	let { hud: e, buttons: r } = aa(), i = (i) => {
+function _a() {
+	let { hud: e, buttons: r } = ua(), i = (i) => {
 		let a = i === "glass";
 		return /* @__PURE__ */ n("div", {
 			"aria-label": a ? "Overlay glass HUD" : "Default clay HUD",
 			className: [
 				"game-ui-stage-world",
 				"game-ui-overlay-glass-proof",
-				a ? ea.scopeClass : void 0
+				a ? aa.scopeClass : void 0
 			].filter(Boolean).join(" "),
 			...a ? {
-				[ea.toneAttr]: ea.toneGlass,
-				[ea.densityAttr]: ea.densityCompact
+				[aa.toneAttr]: aa.toneGlass,
+				[aa.densityAttr]: aa.densityCompact
 			} : {},
-			children: [/* @__PURE__ */ t(kr, {
+			children: [/* @__PURE__ */ t(Pr, {
 				label: e.label,
 				items: [
 					{
@@ -7118,15 +7145,15 @@ function fa() {
 						value: "02:46"
 					}
 				],
-				actions: /* @__PURE__ */ n(Yn, {
+				actions: /* @__PURE__ */ n(er, {
 					label: e.tools,
-					children: [/* @__PURE__ */ t(Xn, {
+					children: [/* @__PURE__ */ t(tr, {
 						label: e.history,
 						children: /* @__PURE__ */ t($, {
 							icon: "scroll",
 							size: "sm"
 						})
-					}), /* @__PURE__ */ t(Xn, {
+					}), /* @__PURE__ */ t(tr, {
 						label: e.settings,
 						children: /* @__PURE__ */ t($, {
 							icon: "settings",
@@ -7147,7 +7174,7 @@ function fa() {
 							tone: "success",
 							children: r.readyBadge
 						}),
-						/* @__PURE__ */ t(Kr, {
+						/* @__PURE__ */ t(Zr, {
 							label: e.reveal,
 							value: 68
 						})
@@ -7185,22 +7212,22 @@ function fa() {
 			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t("strong", { children: "Overlay glass + compact" }), /* @__PURE__ */ n("span", {
 				className: "game-ui-small-copy",
 				children: [
-					ea.toneAttr,
+					aa.toneAttr,
 					"=\"",
-					ea.toneGlass,
+					aa.toneGlass,
 					"\" ·",
 					" ",
-					ea.densityAttr,
+					aa.densityAttr,
 					"=\"",
-					ea.densityCompact,
+					aa.densityCompact,
 					"\""
 				]
 			})] }), i("glass")]
 		})]
 	});
 }
-function pa() {
-	let { liquidMetal: e } = aa();
+function va() {
+	let { liquidMetal: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-liquid-metal-compare",
 		children: [/* @__PURE__ */ t(X, {
@@ -7208,7 +7235,7 @@ function pa() {
 			tone: "strong",
 			children: /* @__PURE__ */ t("div", {
 				className: "game-ui-liquid-metal-stage",
-				children: /* @__PURE__ */ t(ge, {
+				children: /* @__PURE__ */ t(I, {
 					renderer: "css",
 					children: e.cta
 				})
@@ -7218,7 +7245,7 @@ function pa() {
 			tone: "strong",
 			children: /* @__PURE__ */ t("div", {
 				className: "game-ui-liquid-metal-stage",
-				children: /* @__PURE__ */ t(ge, {
+				children: /* @__PURE__ */ t(I, {
 					renderer: "webgl",
 					children: e.cta
 				})
@@ -7226,13 +7253,13 @@ function pa() {
 		})]
 	});
 }
-function ma() {
-	let { modals: e } = aa();
+function ya() {
+	let { modals: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ n(qn, {
+		children: [/* @__PURE__ */ n(Qn, {
 			title: e.dialogTitle,
-			children: [/* @__PURE__ */ t("p", { children: e.dialogBody }), /* @__PURE__ */ n(Yn, {
+			children: [/* @__PURE__ */ t("p", { children: e.dialogBody }), /* @__PURE__ */ n(er, {
 				label: e.actionsLabel,
 				children: [/* @__PURE__ */ t(w, {
 					variant: "primary",
@@ -7246,16 +7273,16 @@ function ma() {
 			title: e.panelTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ t(ir, {
+				/* @__PURE__ */ t(lr, {
 					tone: "success",
 					children: e.toastOk
 				}),
-				/* @__PURE__ */ t(ir, {
+				/* @__PURE__ */ t(lr, {
 					tone: "danger",
 					children: e.toastErr
 				}),
-				/* @__PURE__ */ t(Fr, { label: e.loading }),
-				/* @__PURE__ */ t(Fr, {
+				/* @__PURE__ */ t(Br, { label: e.loading }),
+				/* @__PURE__ */ t(Br, {
 					label: e.loadingErr,
 					tone: "error"
 				})
@@ -7263,14 +7290,14 @@ function ma() {
 		})]
 	});
 }
-function ha() {
-	let { cards: e } = aa();
+function ba() {
+	let { cards: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
 		children: [/* @__PURE__ */ t(X, {
 			title: e.fanTitle,
 			tone: "strong",
-			children: /* @__PURE__ */ t(Ar, {
+			children: /* @__PURE__ */ t(Fr, {
 				label: e.fanLabel,
 				cards: [
 					{
@@ -7302,16 +7329,16 @@ function ha() {
 			}), /* @__PURE__ */ n("div", {
 				className: "game-ui-asset-path-grid",
 				children: [
-					/* @__PURE__ */ t("code", { children: hr.catalog.manifest }),
-					/* @__PURE__ */ t("code", { children: hr.catalog.sourceCatalog }),
-					/* @__PURE__ */ t("code", { children: hr.buttons.primary }),
-					/* @__PURE__ */ t("code", { children: hr.icons.trophy })
+					/* @__PURE__ */ t("code", { children: br.catalog.manifest }),
+					/* @__PURE__ */ t("code", { children: br.catalog.sourceCatalog }),
+					/* @__PURE__ */ t("code", { children: br.buttons.primary }),
+					/* @__PURE__ */ t("code", { children: br.icons.trophy })
 				]
 			})]
 		})]
 	});
 }
-var ga = [
+var xa = [
 	{
 		id: "terrain",
 		label: "Terrain",
@@ -7327,7 +7354,7 @@ var ga = [
 		label: "Place",
 		icon: "gem"
 	}
-], _a = [
+], Sa = [
 	{
 		id: "raise",
 		label: "Raise",
@@ -7353,7 +7380,7 @@ var ga = [
 		label: "Paint",
 		shortcut: "5"
 	}
-], va = [
+], Ca = [
 	{
 		id: "grass",
 		label: "Grass",
@@ -7369,7 +7396,7 @@ var ga = [
 		label: "Path",
 		color: "#b98d5d"
 	}
-], ya = [{
+], wa = [{
 	id: "foundation",
 	label: "Foundation",
 	icon: "home",
@@ -7388,10 +7415,10 @@ var ga = [
 		status: "ready"
 	}]
 }];
-function ba() {
+function Ta() {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ t(wi, {
+		children: [/* @__PURE__ */ t(ki, {
 			activeBuildCategoryId: "foundation",
 			activeMaterialId: "grass",
 			activeModeId: "terrain",
@@ -7400,10 +7427,10 @@ function ba() {
 				radius: 2.75,
 				strength: .45
 			},
-			buildCategories: ya,
+			buildCategories: wa,
 			label: "Desktop terrain and build tools",
-			materials: va,
-			modes: ga,
+			materials: Ca,
+			modes: xa,
 			selectedBuildItemId: "floor-2x2",
 			status: {
 				label: "Ready",
@@ -7414,12 +7441,12 @@ function ba() {
 				progressValue: 68
 			},
 			title: "Island tools",
-			tools: _a,
+			tools: Sa,
 			undoRedo: {
 				canRedo: !1,
 				canUndo: !0
 			}
-		}), /* @__PURE__ */ t(wi, {
+		}), /* @__PURE__ */ t(ki, {
 			activeBuildCategoryId: "foundation",
 			activeMaterialId: "path",
 			activeModeId: "terrain",
@@ -7428,11 +7455,11 @@ function ba() {
 				radius: 1.5,
 				strength: .3
 			},
-			buildCategories: ya,
+			buildCategories: wa,
 			drawerOpen: !0,
 			label: "Small mobile terrain drawer",
-			materials: va,
-			modes: ga,
+			materials: Ca,
+			modes: xa,
 			selectedBuildItemId: "floor-2x2",
 			status: {
 				label: "Blocked",
@@ -7440,7 +7467,7 @@ function ba() {
 				description: "This edit would bury a placed object."
 			},
 			title: "Tools",
-			tools: _a,
+			tools: Sa,
 			undoRedo: {
 				canRedo: !0,
 				canUndo: !0
@@ -7449,7 +7476,7 @@ function ba() {
 		})]
 	});
 }
-function xa({ label: e, mode: r }) {
+function Ea({ label: e, mode: r }) {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-construction-preview-card",
 		"data-preview": r,
@@ -7463,7 +7490,7 @@ function xa({ label: e, mode: r }) {
 		]
 	});
 }
-var Sa = [
+var Da = [
 	{
 		id: "preview-deck",
 		title: "Deck robot crew",
@@ -7524,7 +7551,7 @@ var Sa = [
 		before: {
 			label: "Before",
 			caption: "Uneven terrain pad.",
-			content: /* @__PURE__ */ t(xa, {
+			content: /* @__PURE__ */ t(Ea, {
 				label: "Rough pad",
 				mode: "before"
 			})
@@ -7532,7 +7559,7 @@ var Sa = [
 		after: {
 			label: "After",
 			caption: "Flattened foundation pad with safe clearance.",
-			content: /* @__PURE__ */ t(xa, {
+			content: /* @__PURE__ */ t(Ea, {
 				label: "Foundation ready",
 				mode: "after"
 			})
@@ -7561,19 +7588,19 @@ var Sa = [
 		}]
 	}
 ];
-function Ca() {
+function Oa() {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ t(Wi, {
-			jobs: Sa,
+		children: [/* @__PURE__ */ t(Yi, {
+			jobs: Da,
 			label: "AI contractor jobs",
 			selectedJobId: "review-house-pad",
 			subtitle: "Official contractor UI covers drafts, previews, robot work, validation, review, and local-only provider boundaries.",
 			title: "AI contractor",
 			variant: "desktop"
-		}), /* @__PURE__ */ t(Wi, {
+		}), /* @__PURE__ */ t(Yi, {
 			drawerOpen: !0,
-			jobs: Sa,
+			jobs: Da,
 			label: "Small mobile contractor jobs",
 			selectedJobId: "blocked-fence",
 			title: "Contractor",
@@ -7581,10 +7608,10 @@ function Ca() {
 		})]
 	});
 }
-function wa() {
-	return /* @__PURE__ */ t(Jr, {
+function ka() {
+	return /* @__PURE__ */ t($r, {
 		title: "OwnMySpace island editor preview",
-		hud: /* @__PURE__ */ t(Xr, {
+		hud: /* @__PURE__ */ t(ti, {
 			label: "Island facts",
 			facts: [
 				{
@@ -7608,11 +7635,11 @@ function wa() {
 				}
 			]
 		}),
-		movementPad: /* @__PURE__ */ t(ti, {
+		movementPad: /* @__PURE__ */ t(oi, {
 			helpText: "WASD or arrows",
 			label: "Move avatar"
 		}),
-		assetLibrary: /* @__PURE__ */ t(oi, {
+		assetLibrary: /* @__PURE__ */ t(di, {
 			label: "Placeable assets",
 			title: "Assets",
 			subtitle: "Starter, generated, and imported assets stay visibly distinct but share one placement path.",
@@ -7659,7 +7686,7 @@ function wa() {
 				}
 			]
 		}),
-		bottomBar: /* @__PURE__ */ t(si, {
+		bottomBar: /* @__PURE__ */ t(fi, {
 			title: "Placement",
 			selectedTitle: "Manual chair",
 			placedObjects: 3,
@@ -7695,7 +7722,7 @@ function wa() {
 		})
 	});
 }
-var Ta = [{
+var Aa = [{
 	id: "starter",
 	label: "Starter pieces",
 	source: "starter",
@@ -7726,7 +7753,7 @@ var Ta = [{
 		}
 	]
 }];
-function Ea() {
+function ja() {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-asset-compression-repro",
 		"aria-label": "Asset card compression repro",
@@ -7750,9 +7777,9 @@ function Ea() {
 			className: "game-ui-asset-compression-repro-surface",
 			"data-repro-surface": e.id,
 			style: { "--repro-width": e.width },
-			children: [/* @__PURE__ */ t(Q, { children: e.label }), /* @__PURE__ */ t(oi, {
+			children: [/* @__PURE__ */ t(Q, { children: e.label }), /* @__PURE__ */ t(di, {
 				density: "dense",
-				groups: Ta,
+				groups: Aa,
 				label: `${e.label} assets`,
 				selectedAssetId: "asset-repro-chair",
 				title: "Build"
@@ -7760,13 +7787,13 @@ function Ea() {
 		}, e.id))
 	});
 }
-function Da() {
-	let { firstSession: e } = aa();
+function Ma() {
+	let { firstSession: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-first-session-preview",
 		children: [/* @__PURE__ */ t("div", {
 			className: "game-ui-first-session-world",
-			children: /* @__PURE__ */ t(Rr, {
+			children: /* @__PURE__ */ t(Ur, {
 				authenticated: !0,
 				batteryCount: 5,
 				dailyStreak: 3,
@@ -7800,7 +7827,7 @@ function Da() {
 			})
 		}), /* @__PURE__ */ t("div", {
 			className: "game-ui-first-session-modal-slot",
-			children: /* @__PURE__ */ t(zr, {
+			children: /* @__PURE__ */ t(Wr, {
 				open: !0,
 				onDismiss: () => void 0,
 				labels: {
@@ -7828,46 +7855,46 @@ function Da() {
 		})]
 	});
 }
-function Oa() {
-	let { responsive: e } = aa();
+function Na() {
+	let { responsive: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-proof-frames",
 		children: [/* @__PURE__ */ n("article", {
 			className: "game-ui-proof-frame is-desktop",
-			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(Q, { children: e.desktop }), /* @__PURE__ */ t("strong", { children: "1440×900" })] }), /* @__PURE__ */ t(da, {})]
+			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(Q, { children: e.desktop }), /* @__PURE__ */ t("strong", { children: "1440×900" })] }), /* @__PURE__ */ t(ga, {})]
 		}), /* @__PURE__ */ n("article", {
 			className: "game-ui-proof-frame is-mobile-landscape",
-			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(Q, { children: e.mobileLandscape }), /* @__PURE__ */ t("strong", { children: "844×390" })] }), /* @__PURE__ */ t(da, {})]
+			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(Q, { children: e.mobileLandscape }), /* @__PURE__ */ t("strong", { children: "844×390" })] }), /* @__PURE__ */ t(ga, {})]
 		})]
 	});
 }
-function ka() {
-	let { forms: e } = aa();
+function Pa() {
+	let { forms: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
 		children: [/* @__PURE__ */ n(X, {
 			title: e.formsTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ t(Hr, {
+				/* @__PURE__ */ t(qr, {
 					hint: e.roomCodeHint,
 					label: e.roomCodeLabel,
-					children: /* @__PURE__ */ t(Br, { placeholder: e.roomCodePlaceholder })
+					children: /* @__PURE__ */ t(Gr, { placeholder: e.roomCodePlaceholder })
 				}),
-				/* @__PURE__ */ t(Hr, {
+				/* @__PURE__ */ t(qr, {
 					label: e.nameLabel,
 					required: !0,
-					children: /* @__PURE__ */ t(Br, { placeholder: e.namePlaceholder })
+					children: /* @__PURE__ */ t(Gr, { placeholder: e.namePlaceholder })
 				}),
-				/* @__PURE__ */ t(Hr, {
+				/* @__PURE__ */ t(qr, {
 					error: e.readError,
 					label: e.readLabel,
-					children: /* @__PURE__ */ t(Vr, {
+					children: /* @__PURE__ */ t(Kr, {
 						invalid: !0,
 						placeholder: e.readPlaceholder
 					})
 				}),
-				/* @__PURE__ */ t(Ur, {
+				/* @__PURE__ */ t(Jr, {
 					defaultChecked: !0,
 					label: e.rememberLabel
 				})
@@ -7879,38 +7906,38 @@ function ka() {
 				/* @__PURE__ */ n("div", {
 					className: "game-ui-component-row",
 					children: [
-						/* @__PURE__ */ t(Gr, {
+						/* @__PURE__ */ t(Xr, {
 							name: "Mika Ono",
 							status: "online"
 						}),
-						/* @__PURE__ */ t(Gr, {
+						/* @__PURE__ */ t(Xr, {
 							name: "River",
 							size: "lg",
 							status: "busy"
 						}),
-						/* @__PURE__ */ t(Gr, {
+						/* @__PURE__ */ t(Xr, {
 							name: "Noa",
 							status: "away"
 						}),
-						/* @__PURE__ */ t(Gr, {
+						/* @__PURE__ */ t(Xr, {
 							name: e.guestName,
 							size: "sm"
 						})
 					]
 				}),
-				/* @__PURE__ */ t(Kr, {
+				/* @__PURE__ */ t(Zr, {
 					label: e.revealLabel,
 					showValue: !0,
 					value: 64
 				}),
-				/* @__PURE__ */ t(Kr, {
+				/* @__PURE__ */ t(Zr, {
 					label: e.batteryLabel,
 					max: 20,
 					showValue: !0,
 					tone: "success",
 					value: 14
 				}),
-				/* @__PURE__ */ t(qr, {
+				/* @__PURE__ */ t(Qr, {
 					action: /* @__PURE__ */ t(w, {
 						variant: "primary",
 						children: e.emptyCta
@@ -7923,8 +7950,8 @@ function ka() {
 		})]
 	});
 }
-var Aa = cr.filter((e) => fr(e).includes("game")), ja = cr.filter((e) => fr(e).includes("line"));
-function Ma({ names: e, style: r }) {
+var Fa = pr.filter((e) => _r(e).includes("game")), Ia = pr.filter((e) => _r(e).includes("line"));
+function La({ names: e, style: r }) {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-icon-grid",
 		children: e.map((e) => /* @__PURE__ */ n("figure", {
@@ -7937,10 +7964,10 @@ function Ma({ names: e, style: r }) {
 		}, `${r}-${e}`))
 	});
 }
-function Na() {
+function Ra() {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-icon-grid",
-		children: mr.map((e) => /* @__PURE__ */ n("figure", {
+		children: yr.map((e) => /* @__PURE__ */ n("figure", {
 			className: "game-ui-icon-cell",
 			children: [/* @__PURE__ */ t("span", {
 				className: "game-ui-asset-icon",
@@ -7949,14 +7976,14 @@ function Na() {
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ t("img", {
 					alt: "",
-					src: pr[e]
+					src: vr[e]
 				})
 			}), /* @__PURE__ */ t("figcaption", { children: e })]
 		}, `sprite-${e}`))
 	});
 }
-function Pa() {
-	let { gallery: e } = aa();
+function za() {
+	let { gallery: e } = ua();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-icon-gallery",
 		children: [
@@ -7971,8 +7998,8 @@ function Pa() {
 						className: "game-ui-small-copy",
 						children: e.gameHint
 					})]
-				}), /* @__PURE__ */ t(Ma, {
-					names: Aa,
+				}), /* @__PURE__ */ t(La, {
+					names: Fa,
 					style: "game"
 				})]
 			}),
@@ -7984,8 +8011,8 @@ function Pa() {
 						className: "game-ui-small-copy",
 						children: e.lineHint
 					})]
-				}), /* @__PURE__ */ t(Ma, {
-					names: ja,
+				}), /* @__PURE__ */ t(La, {
+					names: Ia,
 					style: "line"
 				})]
 			}),
@@ -8000,16 +8027,16 @@ function Pa() {
 						className: "game-ui-small-copy",
 						children: e.spriteHint
 					})]
-				}), /* @__PURE__ */ t(Na, {})]
+				}), /* @__PURE__ */ t(Ra, {})]
 			})
 		]
 	});
 }
-function Fa({ title: e, body: r }) {
-	let [i, a] = m("en"), o = ra[i], s = e && i === "en" ? e : o.heroTitle, c = r && i === "en" ? r : o.heroBody;
+function Ba({ title: e, body: r }) {
+	let [i, a] = m("en"), o = ca[i], s = e && i === "en" ? e : o.heroTitle, c = r && i === "en" ? r : o.heroBody;
 	return l(() => (document.documentElement.dataset.gameUiPreview = "clay", () => {
 		delete document.documentElement.dataset.gameUiPreview;
-	}), []), /* @__PURE__ */ t(ia.Provider, {
+	}), []), /* @__PURE__ */ t(la.Provider, {
 		value: o,
 		children: /* @__PURE__ */ n("main", {
 			"aria-label": "Swimmer UI Kit clay preview",
@@ -8022,7 +8049,7 @@ function Fa({ title: e, body: r }) {
 							tone: "ai",
 							children: "@pieai/swimmer-ui-kit"
 						}),
-						/* @__PURE__ */ t(Pr, {
+						/* @__PURE__ */ t(zr, {
 							currentLabel: o.triggerLabel,
 							label: o.langMenuLabel,
 							onSelect: (e) => a(e),
@@ -8049,10 +8076,10 @@ function Fa({ title: e, body: r }) {
 							id: "game-ui-preview-token-title",
 							children: o.sections.tokens
 						}),
-						/* @__PURE__ */ t(ca, {}),
+						/* @__PURE__ */ t(pa, {}),
 						/* @__PURE__ */ t("div", {
 							className: "game-ui-token-ledger",
-							children: oa.map((e) => /* @__PURE__ */ t(sa, {
+							children: da.map((e) => /* @__PURE__ */ t(fa, {
 								id: e.id,
 								label: o.tokenGroups[e.id] ?? e.id,
 								tokens: e.tokens
@@ -8072,7 +8099,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: o.iconsIntro
 						}),
-						/* @__PURE__ */ t(Pa, {})
+						/* @__PURE__ */ t(za, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8081,7 +8108,7 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-type-title",
 						children: o.sections.typography
-					}), /* @__PURE__ */ t(la, {})]
+					}), /* @__PURE__ */ t(ma, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-components-title",
@@ -8091,11 +8118,11 @@ function Fa({ title: e, body: r }) {
 							id: "game-ui-preview-components-title",
 							children: o.sections.components
 						}),
-						/* @__PURE__ */ t(ua, {}),
-						/* @__PURE__ */ t(da, {}),
-						/* @__PURE__ */ t(ma, {}),
 						/* @__PURE__ */ t(ha, {}),
-						/* @__PURE__ */ t(Jn, {
+						/* @__PURE__ */ t(ga, {}),
+						/* @__PURE__ */ t(ya, {}),
+						/* @__PURE__ */ t(ba, {}),
+						/* @__PURE__ */ t($n, {
 							entries: o.history,
 							label: o.historyLabel
 						})
@@ -8107,7 +8134,7 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-forms-title",
 						children: o.sections.forms
-					}), /* @__PURE__ */ t(ka, {})]
+					}), /* @__PURE__ */ t(Pa, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-overlay-glass-title",
@@ -8121,7 +8148,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: "Official HUD-on-scene tone: dark translucent glass, thin light border, no clay cast shadow, compact density. Use on any container that wraps scene-overlay chrome (3D tavern, cinematic stage). Nest inside light or night theme."
 						}),
-						/* @__PURE__ */ t(fa, {})
+						/* @__PURE__ */ t(_a, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8136,7 +8163,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: o.liquidMetal.body
 						}),
-						/* @__PURE__ */ t(pa, {})
+						/* @__PURE__ */ t(va, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8145,7 +8172,7 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-ownmyspace-title",
 						children: "OwnMySpace game surface pack"
-					}), /* @__PURE__ */ t(wa, {})]
+					}), /* @__PURE__ */ t(ka, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-terrain-build-title",
@@ -8159,7 +8186,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: "Official terrain controls cover mode, brush, material, undo/redo, build library, status, progress, and compact mobile drawer surfaces."
 						}),
-						/* @__PURE__ */ t(ba, {})
+						/* @__PURE__ */ t(Ta, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8174,7 +8201,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: "Official construction surfaces cover job queue states, before/after review, robot crew status, validation warnings, approval actions, and local-only provider badges."
 						}),
-						/* @__PURE__ */ t(Ca, {})
+						/* @__PURE__ */ t(Oa, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8189,7 +8216,7 @@ function Fa({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: "Official asset cards must stay visually complete when a game shell uses dense, narrow, or rail-style inventory slots."
 						}),
-						/* @__PURE__ */ t(Ea, {})
+						/* @__PURE__ */ t(ja, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -8198,7 +8225,7 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-first-session-title",
 						children: o.sections.firstSession
-					}), /* @__PURE__ */ t(Da, {})]
+					}), /* @__PURE__ */ t(Ma, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-orientation-title",
@@ -8206,7 +8233,7 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-orientation-title",
 						children: o.sections.orientation
-					}), /* @__PURE__ */ t(Nr, {
+					}), /* @__PURE__ */ t(Rr, {
 						badgeLabel: o.orientation.badge,
 						body: o.orientation.body,
 						cta: o.orientation.cta,
@@ -8221,11 +8248,11 @@ function Fa({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-responsive-title",
 						children: o.sections.responsive
-					}), /* @__PURE__ */ t(Oa, {})]
+					}), /* @__PURE__ */ t(Na, {})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { hr as CLAY_ASSETS, or as CLAY_ASSET_BASE_PATH, xe as CLAY_ASSET_SIZE_TOKENS, L as CLAY_COLOR_TOKENS, U as CLAY_ELEVATION_TOKENS, pr as CLAY_GAME_SPRITES, mr as CLAY_GAME_SPRITE_NAMES, cr as CLAY_ICON_NAMES, sr as CLAY_ICON_VARIANTS, ye as CLAY_LAYER_TOKENS, z as CLAY_LIQUID_GOOEY_TOKENS, z as GAME_UI_LIQUID_GOOEY_TOKENS, R as CLAY_LIQUID_METAL_TOKENS, R as GAME_UI_LIQUID_METAL_TOKENS, W as CLAY_MOTION_TOKENS, B as CLAY_OVERLAY_GLASS_TOKENS, B as GAME_UI_OVERLAY_GLASS_TOKENS, H as CLAY_RADIUS_TOKENS, V as CLAY_SEMANTIC_TOKENS, ve as CLAY_SPACE_TOKENS, be as CLAY_TARGET_TOKENS, _e as CLAY_TYPE_TOKENS, Se as CLAY_UI_TOKENS, Ce as DEFAULT_LIQUID_GOOEY_ANIMATION_BUDGET, we as DEFAULT_LIQUID_GOOEY_FILTER_AREA_BUDGET, T as DEFAULT_LIQUID_METAL_CONTEXT_BUDGET, J as DISSOLVE_DEFAULTS, Rr as FirstSessionHud, zr as FirstSessionOnboarding, ea as GAME_UI_OVERLAY, Qi as GAME_UI_PREVIEW_MESSAGES, ta as GAME_UI_TARGETS, na as GAME_UI_THEME_CONTRACT, $i as GAME_UI_TOKENS, Qr as GameActionGrid, ai as GameAssetCard, $ as GameAssetIcon, oi as GameAssetLibrary, Gr as GameAvatar, Q as GameBadge, Vi as GameBeforeAfterToggle, _i as GameBrushControls, bi as GameBuildLibrary, w as GameButton, Kn as GameCallout, Ar as GameCardFan, Ur as GameCheckbox, qi as GameCollapsiblePanel, xi as GameCompactGameDrawer, Ui as GameCompactJobDrawer, zi as GameConstructionApprovalBar, Hi as GameConstructionJobCard, Ri as GameConstructionProgress, Wi as GameContractorPanel, qn as GameDialog, qr as GameEmptyState, Xr as GameFactList, Hr as GameField, Jn as GameHistoryPanel, kr as GameHud, Yn as GameHudActions, Xn as GameIconButton, Br as GameInput, Pr as GameLanguageMenu, Fr as GameLoadingState, vi as GameMaterialSwatches, Zi as GameModal, ti as GameMovementPad, ci as GameObjectToolbar, Nr as GameOrientationGate, X as GamePanel, si as GamePlacementToolbar, Kr as GameProgress, ar as GamePrompt, rr as GameRadialMenu, Bi as GameRobotCrewStatus, Yr as GameSceneHudLayout, er as GameSegmentedControl, Jr as GameShell, tr as GameSlider, jr as GameStageTile, Zr as GameStatList, Qn as GameTabs, wi as GameTerrainBuildToolbox, hi as GameTerrainModeControl, gi as GameTerrainToolStrip, Vr as GameTextArea, ir as GameToast, nr as GameToggle, Zn as GameTooltip, Fa as GameUiPreview, yi as GameUndoRedoActions, Xi as GameWindowPanel, Qt as IMAGE_MELT_DEFAULTS, ze as LIQUID_GOOEY_WAVINESS_MAX_FRACTION, Gn as LiquidGroup, Wn as LiquidItem, ge as LiquidMetalButton, Er as acknowledgeClayPlaceholders, Cr as getClayAssetBasePath, xr as getClayAssetMode, Ir as getClayCatalogPaths, Dr as getClayIconPath, fr as getClayIconStyles, Or as getClaySourceAssetPath, Oe as getLiquidGooeyBudget, O as getLiquidMetalContextBudget, C as playGameInteractionSound, S as playGameInteractionSoundForContext, rn as resolveDissolveOptions, Sr as setClayAssetBasePath, br as setClayAssetMode, ke as setLiquidGooeyBudget, k as setLiquidMetalContextBudget };
+export { br as CLAY_ASSETS, dr as CLAY_ASSET_BASE_PATH, xe as CLAY_ASSET_SIZE_TOKENS, L as CLAY_COLOR_TOKENS, U as CLAY_ELEVATION_TOKENS, vr as CLAY_GAME_SPRITES, yr as CLAY_GAME_SPRITE_NAMES, pr as CLAY_ICON_NAMES, fr as CLAY_ICON_VARIANTS, ye as CLAY_LAYER_TOKENS, z as CLAY_LIQUID_GOOEY_TOKENS, z as GAME_UI_LIQUID_GOOEY_TOKENS, R as CLAY_LIQUID_METAL_TOKENS, R as GAME_UI_LIQUID_METAL_TOKENS, W as CLAY_MOTION_TOKENS, _e as CLAY_OVERLAY_GLASS_TOKENS, _e as GAME_UI_OVERLAY_GLASS_TOKENS, H as CLAY_RADIUS_TOKENS, B as CLAY_SEMANTIC_TOKENS, ve as CLAY_SPACE_TOKENS, be as CLAY_TARGET_TOKENS, V as CLAY_TYPE_TOKENS, Se as CLAY_UI_TOKENS, Ce as DEFAULT_LIQUID_GOOEY_ANIMATION_BUDGET, we as DEFAULT_LIQUID_GOOEY_FILTER_AREA_BUDGET, T as DEFAULT_LIQUID_METAL_CONTEXT_BUDGET, J as DISSOLVE_DEFAULTS, Ur as FirstSessionHud, Wr as FirstSessionOnboarding, aa as GAME_UI_OVERLAY, ra as GAME_UI_PREVIEW_MESSAGES, oa as GAME_UI_TARGETS, sa as GAME_UI_THEME_CONTRACT, ia as GAME_UI_TOKENS, ri as GameActionGrid, ui as GameAssetCard, $ as GameAssetIcon, di as GameAssetLibrary, Xr as GameAvatar, Q as GameBadge, Ki as GameBeforeAfterToggle, Si as GameBrushControls, Ti as GameBuildLibrary, w as GameButton, Zn as GameCallout, Fr as GameCardFan, Jr as GameCheckbox, Qi as GameCollapsiblePanel, Ei as GameCompactGameDrawer, Ji as GameCompactJobDrawer, Wi as GameConstructionApprovalBar, qi as GameConstructionJobCard, Ui as GameConstructionProgress, Yi as GameContractorPanel, Qn as GameDialog, Qr as GameEmptyState, ti as GameFactList, qr as GameField, $n as GameHistoryPanel, Pr as GameHud, er as GameHudActions, tr as GameIconButton, Gr as GameInput, zr as GameLanguageMenu, Br as GameLoadingState, Ci as GameMaterialSwatches, na as GameModal, oi as GameMovementPad, pi as GameObjectToolbar, Rr as GameOrientationGate, X as GamePanel, fi as GamePlacementToolbar, Zr as GameProgress, ur as GamePrompt, cr as GameRadialMenu, Gi as GameRobotCrewStatus, ei as GameSceneHudLayout, ar as GameSegmentedControl, $r as GameShell, or as GameSlider, Ir as GameStageTile, ni as GameStatList, rr as GameTabs, ki as GameTerrainBuildToolbox, bi as GameTerrainModeControl, xi as GameTerrainToolStrip, Kr as GameTextArea, lr as GameToast, sr as GameToggle, nr as GameTooltip, Ba as GameUiPreview, wi as GameUndoRedoActions, ta as GameWindowPanel, an as IMAGE_MELT_DEFAULTS, Ve as LIQUID_GOOEY_WAVINESS_MAX_FRACTION, Xn as LiquidGroup, Yn as LiquidItem, I as LiquidMetalButton, jr as acknowledgeClayPlaceholders, Or as getClayAssetBasePath, Er as getClayAssetMode, Vr as getClayCatalogPaths, Mr as getClayIconPath, _r as getClayIconStyles, Nr as getClaySourceAssetPath, Oe as getLiquidGooeyBudget, O as getLiquidMetalContextBudget, C as playGameInteractionSound, S as playGameInteractionSoundForContext, un as resolveDissolveOptions, Dr as setClayAssetBasePath, Tr as setClayAssetMode, ke as setLiquidGooeyBudget, ee as setLiquidMetalContextBudget };