@pieai/swimmer-ui-kit 1.8.1 → 1.9.0

package/dist/index.js

@@ -1,19 +1,20 @@
 import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { cloneElement as r, createContext as i, forwardRef as a, isValidElement as o, useContext as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import { cloneElement as r, createContext as i, forwardRef as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { createPortal as h } from "react-dom";
 //#region src/interactionSound.ts
-var f = null, p = !1;
-function m(e) {
+var g = null, _ = !1;
+function v(e) {
 	return typeof e != "number" || !Number.isFinite(e) ? 1 : Math.min(1, Math.max(0, e));
 }
-function h() {
-	p || typeof document > "u" || (document.addEventListener("visibilitychange", () => {
-		document.visibilityState === "hidden" && f?.state === "running" && f.suspend();
-	}), p = !0);
+function y() {
+	_ || typeof document > "u" || (document.addEventListener("visibilitychange", () => {
+		document.visibilityState === "hidden" && g?.state === "running" && g.suspend();
+	}), _ = !0);
 }
-function g() {
-	return typeof window > "u" || window.AudioContext === void 0 ? null : (h(), f ??= new window.AudioContext(), f);
+function b() {
+	return typeof window > "u" || window.AudioContext === void 0 ? null : (y(), g ??= new window.AudioContext(), g);
 }
-function _(e) {
+function x(e) {
 	let t = /* @__PURE__ */ new WeakMap();
 	return {
 		createGain: () => {
@@ -50,21 +51,21 @@ function _(e) {
 		suspend: () => e.suspend()
 	};
 }
-function v(e, t = {}) {
+function S(e, t = {}) {
 	if (t.enabled === !1) return !1;
-	let n = .06 * m(t.masterVolume) * m(t.sfxVolume);
+	let n = .06 * v(t.masterVolume) * v(t.sfxVolume);
 	if (n <= 0) return !1;
 	e.state === "suspended" && e.resume();
 	let r = e.currentTime, i = e.createOscillator(), a = e.createGain();
 	return i.type = "triangle", i.frequency.setValueAtTime(420, r), i.frequency.exponentialRampToValueAtTime(620, r + .045), a.gain.setValueAtTime(1e-4, r), a.gain.exponentialRampToValueAtTime(n, r + .008), a.gain.exponentialRampToValueAtTime(1e-4, r + .055), i.connect(a), a.connect(e.destination), i.start(r), i.stop(r + .055), !0;
 }
-function y(e = {}) {
-	let t = g();
-	return t ? v(_(t), e) : !1;
+function C(e = {}) {
+	let t = b();
+	return t ? S(x(t), e) : !1;
 }
 //#endregion
 //#region src/GameButton.tsx
-function b({ children: e, className: n, onClick: r, sound: i = !1, static: a = !1, type: o = "button", variant: s = "secondary", ...c }) {
+function w({ children: e, className: n, onClick: r, sound: i = !1, static: a = !1, type: o = "button", variant: s = "secondary", ...c }) {
 	return /* @__PURE__ */ t("button", {
 		className: [
 			"game-ui-button",
@@ -73,7 +74,7 @@ function b({ children: e, className: n, onClick: r, sound: i = !1, static: a = !
 			n
 		].filter(Boolean).join(" "),
 		onClick: (e) => {
-			i && y(i), r?.(e);
+			i && C(i), r?.(e);
 		},
 		type: o,
 		...c,
@@ -82,28 +83,28 @@ function b({ children: e, className: n, onClick: r, sound: i = !1, static: a = !
 }
 //#endregion
 //#region src/liquidMetalBudget.ts
-var x = 2, S = 2, C = 0;
-function ee() {
+var T = 2, E = 2, D = 0;
+function O() {
 	return {
-		limit: S,
-		used: C
+		limit: E,
+		used: D
 	};
 }
-function w(e) {
-	S = Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
+function ee(e) {
+	E = Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
 }
-function T() {
-	return C >= S ? !1 : (C += 1, !0);
+function k() {
+	return D >= E ? !1 : (D += 1, !0);
 }
 function te() {
-	C > 0 && --C;
+	D > 0 && --D;
 }
-function E(e) {
+function ne(e) {
 	return !(e.renderer === "css" || !e.hasWebGL2 || e.prefersReducedMotion || !e.isInViewport);
 }
 //#endregion
 //#region src/liquidMetalWebGL.ts
-var ne = "#version 300 es\nin vec2 position; void main(){ gl_Position = vec4(position,0.,1.); }", D = "#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", re = `${D}
+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
@@ -173,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);
-}`, ie = `${D}
+}`, re = `${j}
 uniform float uP[21];    // tunables
 
 float h21(vec2 p){
@@ -295,7 +296,7 @@ void main(){
   col = col * (1. + rip * 1.15 + well * 0.60);
 
   o = vec4(col * pill * uHover, pill);
-}`, ae = "#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}", oe = "#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}", O = `${D}
+}`, 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;
@@ -344,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);
-}`, se = {
+}`, P = {
 	valFreq: .5,
 	valAmp: .55,
 	dens: 2.4,
@@ -366,7 +367,7 @@ void main(){
 	litLo: -.26,
 	litHi: .1,
 	dim: .44
-}, ce = Object.keys(se), le = {
+}, oe = Object.keys(P), se = {
 	base: .2,
 	hot: .82,
 	chromA: .42,
@@ -375,14 +376,14 @@ void main(){
 	top: .35,
 	press: .85,
 	ripple: 1.6
-}, ue = Object.keys(le), k = {
+}, ce = Object.keys(se), le = {
 	glow: 1.95,
 	glowR: 1.3,
 	glowIn: .3,
 	occl: .62,
 	soften: .24,
 	punch: 1.5
-}, A = {
+}, F = {
 	speed: 1.85,
 	width: .2,
 	decay: 1.35,
@@ -398,7 +399,7 @@ void main(){
 	ptrLag: .0016,
 	ptrVref: 4.5
 };
-function de(e) {
+function ue(e) {
 	let t = e.trim(), n = /^#([0-9a-f]{3,8})$/i.exec(t);
 	if (n?.[1]) {
 		let e = n[1];
@@ -423,11 +424,11 @@ function de(e) {
 		1
 	];
 }
-function fe(e, t, n) {
+function de(e, t, n) {
 	let r = Number.parseFloat(e.getPropertyValue(t).trim());
 	return Number.isFinite(r) ? r : n;
 }
-function pe(e, t) {
+function fe(e, t) {
 	let n = (e) => t[e] ?? null;
 	return {
 		f1: (t, r) => e.uniform1f(n(t), r),
@@ -439,7 +440,7 @@ function pe(e, t) {
 		i1: (t, r) => e.uniform1i(n(t), r)
 	};
 }
-function me(e, t, n) {
+function pe(e, t, n) {
 	if (typeof e.getContext != "function") return null;
 	let r = null;
 	try {
@@ -455,21 +456,21 @@ function me(e, t, n) {
 	if (!r) return null;
 	let i = r;
 	try {
-		return M(i, e, t, n);
+		return he(i, e, t, n);
 	} catch {
 		return i.getExtension("WEBGL_lose_context")?.loseContext(), null;
 	}
 }
-function he(e, t, n) {
+function me(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 j(e, t) {
+function I(e, t) {
 	let n = e.createProgram();
 	if (!n) throw Error("liquid-metal: createProgram returned null");
-	if (e.attachShader(n, he(e, e.VERTEX_SHADER, ne)), 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");
+	if (e.attachShader(n, me(e, e.VERTEX_SHADER, A)), 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");
 	let r = {}, i = e.getProgramParameter(n, e.ACTIVE_UNIFORMS);
 	for (let t = 0; t < i; t += 1) {
 		let i = e.getActiveUniform(n, t);
@@ -480,8 +481,8 @@ function j(e, t) {
 		u: r
 	};
 }
-function M(e, t, n, r) {
-	let i = j(e, ie), a = j(e, re), o = j(e, ae), s = j(e, oe), c = j(e, O), l = e.createVertexArray(), u = e.createBuffer();
+function he(e, t, n, r) {
+	let i = I(e, re), a = I(e, M), o = I(e, ie), s = I(e, ae), c = I(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,
@@ -505,22 +506,22 @@ function M(e, t, n, r) {
 	function p(t, n, r) {
 		t.w === n && t.h === r || (t.w = n, t.h = r, e.bindTexture(e.TEXTURE_2D, t.tex), d ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA16F, n, r, 0, e.RGBA, e.HALF_FLOAT, null) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, n, r, 0, e.RGBA, e.UNSIGNED_BYTE, null), e.bindFramebuffer(e.FRAMEBUFFER, t.fbo), e.checkFramebufferStatus(e.FRAMEBUFFER) !== e.FRAMEBUFFER_COMPLETE && (e.bindTexture(e.TEXTURE_2D, t.tex), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, n, r, 0, e.RGBA, e.UNSIGNED_BYTE, null)));
 	}
-	let m = f(), h = f(), g = f(), _ = f(), v = f(), y = f(), b = 0, x = 0, S = 0, C = 0, ee = 0, w = 0, T = 4, te = !0, E = document.createElement("span");
-	E.setAttribute("aria-hidden", "true"), E.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;color:var(--game-ui-liquid-metal-accent)", r.appendChild(E);
-	function ne() {
+	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 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));
-		(s !== b || c !== x) && (b = s, x = c, t.width = b, t.height = x), S = e.width * r, C = e.height * r, ee = b / 2, w = x / 2, p(m, b, x), p(h, b, x);
+		(s !== b || c !== x) && (b = s, x = c, t.width = b, t.height = x), S = e.width * r, C = e.height * r, w = b / 2, T = x / 2, p(m, b, x), p(h, b, x);
 		let l = Math.max(2, Math.ceil(b / 2)), u = Math.max(2, Math.ceil(x / 2));
-		p(g, l, u), p(_, l, u), T = Math.max(1, Math.min(4, Math.round(Math.max(C, 110) / 129)));
-		let d = Math.max(2, Math.ceil(b / T)), f = Math.max(2, Math.ceil(x / T));
-		p(v, d, f), p(y, d, f), te = !1;
+		p(g, l, u), p(_, l, u), E = Math.max(1, Math.min(4, Math.round(Math.max(C, 110) / 129)));
+		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 D(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 me = new Float32Array(ce.length), he = new Float32Array(ue.length), M = 0, N = 0, ge = 0, _e = performance.now(), ve = [
+	let te = new Float32Array(oe.length), ne = new Float32Array(ce.length), A = 0, j = 0, pe = 0, me = performance.now(), he = [
 		0,
 		1,
 		2
@@ -529,153 +530,153 @@ function M(e, t, n, r) {
 		y: 0,
 		t: -99,
 		on: 0
-	})), P = /* @__PURE__ */ new Float32Array(12), F = 0, I = 0, ye = 0, L = {
+	})), L = /* @__PURE__ */ new Float32Array(12), R = 0, ge = 0, _e = 0, z = {
 		x: 0,
 		y: 0
-	}, R = {
+	}, B = {
 		x: 0,
 		y: 0
-	}, z = 0, B = 0, V = {
+	}, ve = 0, ye = 0, V = {
 		over: !1,
 		press: !1,
 		focus: !1
 	};
 	function H(e, t) {
-		let n = ve[F];
-		n && (F = (F + 1) % ve.length, n.x = e, n.y = t, n.t = ge, n.on = 1);
+		let n = he[R];
+		n && (R = (R + 1) % he.length, n.x = e, n.y = t, n.t = pe, n.on = 1);
 	}
 	function U(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 W() {
-		N = V.over || V.press || V.focus ? 1 : 0, ye = +!!V.press;
+		j = V.over || V.press || V.focus ? 1 : 0, _e = +!!V.press;
 	}
-	let be = window.matchMedia("(prefers-reduced-motion: reduce)"), xe = null, G = 0, K = !1, Se = !1;
-	function Ce() {
+	let be = window.matchMedia("(prefers-reduced-motion: reduce)"), xe = null, G = 0, Se = !1, Ce = !1;
+	function we() {
 		let e = getComputedStyle(n);
-		return le.base = fe(e, "--game-ui-liquid-metal-rest", le.base), le.speed = fe(e, "--game-ui-liquid-metal-sweep-speed", le.speed), se.disp = fe(e, "--game-ui-liquid-metal-dispersion", se.disp), k.glow = fe(e, "--game-ui-liquid-metal-bloom", k.glow), { accent: de(getComputedStyle(E).color) };
+		return se.base = de(e, "--game-ui-liquid-metal-rest", se.base), se.speed = de(e, "--game-ui-liquid-metal-sweep-speed", se.speed), P.disp = de(e, "--game-ui-liquid-metal-dispersion", P.disp), le.glow = de(e, "--game-ui-liquid-metal-bloom", le.glow), { accent: ue(getComputedStyle(O).color) };
 	}
-	function we(t) {
-		if (G = 0, K || Se) return;
-		let r = (t - _e) / 1e3;
-		_e = t;
+	function Te(t) {
+		if (G = 0, Se || Ce) return;
+		let r = (t - me) / 1e3;
+		me = t;
 		let l = Math.min(r, 1 / 20);
-		be.matches || (ge += l);
-		let u = N > M ? 1 - .0012 ** l : 1 - 12e-5 ** l;
-		M += (N - M) * u, Math.abs(N - M) < 8e-4 && (M = N);
-		let d = ye > I ? 1 - 1e-9 ** l : 1 - .004 ** l;
-		I += (ye - I) * d, Math.abs(ye - I) < .002 && (I = ye);
+		be.matches || (pe += 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 = _e > ge ? 1 - 1e-9 ** l : 1 - .004 ** l;
+		ge += (_e - ge) * d, Math.abs(_e - ge) < .002 && (ge = _e);
 		let f = !1;
-		for (let e = 0; e < ve.length; e += 1) {
-			let t = ve[e];
-			t && (t.on && ge - t.t > 4 && (t.on = 0), t.on && (f = !0), P[e * 4] = t.x, P[e * 4 + 1] = t.y, P[e * 4 + 2] = t.t, P[e * 4 + 3] = t.on);
+		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), L[e * 4] = t.x, L[e * 4 + 1] = t.y, L[e * 4 + 2] = t.t, L[e * 4 + 3] = t.on);
 		}
-		let p = 1 - A.ptrLag ** +l, E = (L.x - R.x) * p, re = (L.y - R.y) * p;
-		R.x += E, R.y += re;
-		let ie = Math.min(Math.hypot(E, re) / Math.max(l, .001) / A.ptrVref, 1);
-		B += (ie - B) * (1 - (ie > B ? .001 : .02) ** l);
-		let ae = V.over || V.press ? 1 : 0;
-		z += (ae - z) * (1 - .004 ** l), Math.abs(ae - z) < .002 && (z = ae), V.over = n.matches(":hover"), V.focus = n.matches(":focus-visible"), W(), te && ne();
-		let oe = be.matches && !f && z < .002 ? `${M}|${I}|${b}|${x}` : null;
-		if (oe !== null && oe === xe) {
-			G = requestAnimationFrame(we);
+		let p = 1 - F.ptrLag ** +l, O = (z.x - B.x) * p, M = (z.y - B.y) * p;
+		B.x += O, B.y += M;
+		let re = Math.min(Math.hypot(O, M) / Math.max(l, .001) / F.ptrVref, 1);
+		ye += (re - ye) * (1 - (re > ye ? .001 : .02) ** l);
+		let ie = V.over || V.press ? 1 : 0;
+		ve += (ie - ve) * (1 - .004 ** l), Math.abs(ie - ve) < .002 && (ve = ie), V.over = n.matches(":hover"), V.focus = n.matches(":focus-visible"), W(), D && ee();
+		let ae = be.matches && !f && ve < .002 ? `${A}|${ge}|${b}|${x}` : null;
+		if (ae !== null && ae === xe) {
+			G = requestAnimationFrame(Te);
 			return;
 		}
-		xe = oe;
-		let { accent: O } = Ce();
-		for (let e = 0; e < me.length; e += 1) {
-			let t = ce[e];
-			t && (me[e] = se[t]);
+		xe = ae;
+		let { accent: N } = we();
+		for (let e = 0; e < te.length; e += 1) {
+			let t = oe[e];
+			t && (te[e] = P[t]);
 		}
-		for (let e = 0; e < he.length; e += 1) {
-			let t = ue[e];
-			t && (he[e] = le[t]);
+		for (let e = 0; e < ne.length; e += 1) {
+			let t = ce[e];
+			t && (ne[e] = se[t]);
 		}
-		let de = Math.max(C, 110), fe = Math.max(2.4, de / 516 * 3.2), j = pe(e, i.u), F = pe(e, a.u), H = pe(e, o.u), U = pe(e, s.u), q = pe(e, c.u);
-		e.useProgram(i.p), j.f2("uC", ee, w), j.f2("uHalf", S / 2, C / 2), j.f1("uT", ge), j.f1("uHover", M), j.f1("uPress", I), j.fv4("uRip", P), j.f4("uRipK", A.speed, A.width, A.decay, A.amp), j.f4("uRipK2", A.facet, A.lobes, A.sharp, A.emit), j.f4("uPtr", R.x, R.y, z, B), j.f4("uPtrK", A.ptrRad, A.ptrAmp, A.ptrFast, A.ptrRim), j.f3("uAccent", O[0], O[1], O[2]), j.fv1("uP", me), D(m), e.useProgram(a.p), F.f2("uC", ee, w), F.f2("uHalf", S / 2, C / 2), F.f1("uT", ge), F.f1("uBw", fe), F.f1("uPress", I), F.fv4("uRip", P), F.f4("uRipK", A.speed, A.width, A.decay, A.amp), F.f4("uRipK2", A.facet, A.lobes, A.sharp, A.emit), F.f4("uPtr", R.x, R.y, z, B), F.f4("uPtrK", A.ptrRad, A.ptrAmp, A.ptrFast, A.ptrRim), F.f3("uAccent", O[0], O[1], O[2]), F.fv1("uE", he), D(h), e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, m.tex), H.i1("uTex", 0), H.f1("uAdd", 0), H.f2("uDstTexel", 1 / g.w, 1 / g.h), H.f2("uSrcTexel", 1 / b, 1 / x), D(g), e.useProgram(s.p), U.i1("uTex", 0), U.f2("uTexel", 1 / g.w, 1 / g.h);
-		let J = k.soften * (de * .5) * .95;
-		if (J > .1) {
-			let t = Math.min(4, Math.max(1, Math.ceil(J / 3)));
-			U.f1("uR", J / Math.sqrt(t) / 1.95);
-			for (let n = 0; n < t; n += 1) e.bindTexture(e.TEXTURE_2D, g.tex), U.f2("uDir", 1, 0), D(_), e.bindTexture(e.TEXTURE_2D, _.tex), U.f2("uDir", 0, 1), D(g);
+		let ue = Math.max(C, 110), de = Math.max(2.4, ue / 516 * 3.2), I = fe(e, i.u), R = fe(e, a.u), H = fe(e, o.u), U = fe(e, s.u), K = 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", A), I.f1("uPress", ge), I.fv4("uRip", L), 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", B.x, B.y, ve, ye), I.f4("uPtrK", F.ptrRad, F.ptrAmp, F.ptrFast, F.ptrRim), I.f3("uAccent", N[0], N[1], N[2]), I.fv1("uP", te), k(m), e.useProgram(a.p), R.f2("uC", w, T), R.f2("uHalf", S / 2, C / 2), R.f1("uT", pe), R.f1("uBw", de), R.f1("uPress", ge), R.fv4("uRip", L), R.f4("uRipK", F.speed, F.width, F.decay, F.amp), R.f4("uRipK2", F.facet, F.lobes, F.sharp, F.emit), R.f4("uPtr", B.x, B.y, ve, ye), R.f4("uPtrK", F.ptrRad, F.ptrAmp, F.ptrFast, F.ptrRim), R.f3("uAccent", N[0], N[1], N[2]), R.fv1("uE", ne), k(h), e.useProgram(o.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, m.tex), H.i1("uTex", 0), H.f1("uAdd", 0), H.f2("uDstTexel", 1 / g.w, 1 / g.h), H.f2("uSrcTexel", 1 / b, 1 / x), k(g), e.useProgram(s.p), U.i1("uTex", 0), U.f2("uTexel", 1 / g.w, 1 / g.h);
+		let Ee = le.soften * (ue * .5) * .95;
+		if (Ee > .1) {
+			let t = Math.min(4, Math.max(1, Math.ceil(Ee / 3)));
+			U.f1("uR", Ee / Math.sqrt(t) / 1.95);
+			for (let n = 0; n < t; n += 1) e.bindTexture(e.TEXTURE_2D, g.tex), U.f2("uDir", 1, 0), k(_), e.bindTexture(e.TEXTURE_2D, _.tex), U.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), H.i1("uTex", 0), H.i1("uTex2", 1), H.f1("uAdd", 1), H.f2("uDstTexel", 1 / v.w, 1 / v.h), H.f2("uSrcTexel", 1 / g.w, 1 / g.h), D(v), e.useProgram(s.p), e.activeTexture(e.TEXTURE0), U.i1("uTex", 0), U.f2("uTexel", 1 / v.w, 1 / v.h);
-		let Te = k.glowR * (de / T) / 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), H.i1("uTex", 0), H.i1("uTex2", 1), H.f1("uAdd", 1), H.f2("uDstTexel", 1 / v.w, 1 / v.h), H.f2("uSrcTexel", 1 / g.w, 1 / g.h), k(v), e.useProgram(s.p), e.activeTexture(e.TEXTURE0), U.i1("uTex", 0), U.f2("uTexel", 1 / v.w, 1 / v.h);
+		let De = le.glowR * (ue / E) / 129;
 		for (let t of [
 			1,
 			2.3,
 			5.2,
 			9
-		].map((e) => e * Te)) U.f1("uR", t), e.bindTexture(e.TEXTURE_2D, v.tex), U.f2("uDir", 1, 0), D(y), e.bindTexture(e.TEXTURE_2D, y.tex), U.f2("uDir", 0, 1), D(v);
-		e.useProgram(c.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), q.i1("uSoft", 0), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), q.i1("uRim", 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, v.tex), q.i1("uGlow", 2), q.f2("uRes", b, x), q.f2("uC", ee, w), q.f2("uHalf", S / 2, C / 2), q.f1("uT", ge), q.fv4("uRip", P), q.f4("uRipK", A.speed, A.width, A.decay, A.amp), q.f4("uRipK2", A.facet, A.lobes, A.sharp, A.emit), q.f3("uAccent", O[0], O[1], O[2]), q.f1("uGlowGain", k.glow), q.f1("uGlowIn", k.glowIn), q.f1("uOccl", k.occl), q.f1("uDim", se.dim), q.f1("uPunch", k.punch), D(null), G = requestAnimationFrame(we);
+		].map((e) => e * De)) U.f1("uR", t), e.bindTexture(e.TEXTURE_2D, v.tex), U.f2("uDir", 1, 0), k(y), e.bindTexture(e.TEXTURE_2D, y.tex), U.f2("uDir", 0, 1), k(v);
+		e.useProgram(c.p), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, g.tex), K.i1("uSoft", 0), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, h.tex), K.i1("uRim", 1), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, v.tex), K.i1("uGlow", 2), K.f2("uRes", b, x), K.f2("uC", w, T), K.f2("uHalf", S / 2, C / 2), K.f1("uT", pe), K.fv4("uRip", L), K.f4("uRipK", F.speed, F.width, F.decay, F.amp), K.f4("uRipK2", F.facet, F.lobes, F.sharp, F.emit), K.f3("uAccent", N[0], N[1], N[2]), K.f1("uGlowGain", le.glow), K.f1("uGlowIn", le.glowIn), K.f1("uOccl", le.occl), K.f1("uDim", P.dim), K.f1("uPunch", le.punch), k(null), G = requestAnimationFrame(Te);
 	}
-	let q = (e) => {
+	let K = (e) => {
 		if (e.pointerType !== "mouse") return;
 		let [t, n] = U(e);
-		L.x = t, L.y = n, R.x = t, R.y = n, B = 0, V.over = !0, W();
-	}, J = (e) => {
+		z.x = t, z.y = n, B.x = t, B.y = n, ye = 0, V.over = !0, W();
+	}, Ee = (e) => {
 		e.pointerType === "mouse" && (V.over = !1, W());
-	}, Te = (e) => {
+	}, De = (e) => {
 		if (!V.over && !V.press) return;
 		let [t, n] = U(e);
-		L.x = t, L.y = n;
-	}, Ee = (e) => {
+		z.x = t, z.y = n;
+	}, Oe = (e) => {
 		let [t, n] = U(e);
-		L.x = t, L.y = n, V.press = !0, W(), H(t, n);
-	}, De = () => {
+		z.x = t, z.y = n, V.press = !0, W(), H(t, n);
+	}, ke = () => {
 		V.press = !1, W();
-	}, Oe = () => {
+	}, Ae = () => {
 		V.focus = n.matches(":focus-visible"), W();
-	}, Y = () => {
+	}, je = () => {
 		V.focus = !1, W();
-	}, ke = (e) => {
+	}, Me = (e) => {
 		e.key !== "Enter" && e.key !== " " || e.repeat || (V.press = !0, W(), H(0, 0));
-	}, Ae = (e) => {
+	}, Ne = (e) => {
 		e.key !== "Enter" && e.key !== " " || (V.press = !1, W());
 	};
-	n.addEventListener("pointerenter", q), n.addEventListener("pointerleave", J), window.addEventListener("pointermove", Te, { passive: !0 }), n.addEventListener("pointerdown", Ee), window.addEventListener("pointerup", De), window.addEventListener("pointercancel", De), n.addEventListener("focus", Oe), n.addEventListener("blur", Y), n.addEventListener("keydown", ke), n.addEventListener("keyup", Ae);
-	let je = new ResizeObserver(() => {
-		te = !0;
+	n.addEventListener("pointerenter", K), n.addEventListener("pointerleave", Ee), window.addEventListener("pointermove", De, { passive: !0 }), n.addEventListener("pointerdown", Oe), window.addEventListener("pointerup", ke), window.addEventListener("pointercancel", ke), n.addEventListener("focus", Ae), n.addEventListener("blur", je), n.addEventListener("keydown", Me), n.addEventListener("keyup", Ne);
+	let Pe = new ResizeObserver(() => {
+		D = !0;
 	});
-	return je.observe(r), je.observe(n), ne(), G = requestAnimationFrame(we), {
+	return Pe.observe(r), Pe.observe(n), ee(), G = requestAnimationFrame(Te), {
 		pause: () => {
-			K = !0, G && cancelAnimationFrame(G), G = 0;
+			Se = !0, G && cancelAnimationFrame(G), G = 0;
 		},
 		resume: () => {
-			Se || (K = !1, _e = performance.now(), xe = null, G ||= requestAnimationFrame(we));
+			Ce || (Se = !1, me = performance.now(), xe = null, G ||= requestAnimationFrame(Te));
 		},
 		dispose: () => {
-			Se || (Se = !0, K = !0, G && cancelAnimationFrame(G), G = 0, je.disconnect(), n.removeEventListener("pointerenter", q), n.removeEventListener("pointerleave", J), window.removeEventListener("pointermove", Te), n.removeEventListener("pointerdown", Ee), window.removeEventListener("pointerup", De), window.removeEventListener("pointercancel", De), n.removeEventListener("focus", Oe), n.removeEventListener("blur", Y), n.removeEventListener("keydown", ke), n.removeEventListener("keyup", Ae), E.remove(), e.getExtension("WEBGL_lose_context")?.loseContext());
+			Ce || (Ce = !0, Se = !0, G && cancelAnimationFrame(G), G = 0, Pe.disconnect(), n.removeEventListener("pointerenter", K), n.removeEventListener("pointerleave", Ee), window.removeEventListener("pointermove", De), n.removeEventListener("pointerdown", Oe), window.removeEventListener("pointerup", ke), window.removeEventListener("pointercancel", ke), n.removeEventListener("focus", Ae), n.removeEventListener("blur", je), n.removeEventListener("keydown", Me), n.removeEventListener("keyup", Ne), O.remove(), e.getExtension("WEBGL_lose_context")?.loseContext());
 		}
 	};
 }
 //#endregion
 //#region src/LiquidMetalButton.tsx
-function N({ children: e, className: r, onClick: i, sound: a = !1, type: o = "button", renderer: s = "auto", ...l }) {
-	let f = u(null), p = u(null), m = u(null), [h, g] = d("css");
-	c(() => {
-		let e = f.current, t = p.current, n = m.current;
+function L({ 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 &&= (te(), !1), c || g("css");
-		}, u = () => {
-			if (!(c || o) && E({
+		}, p = () => {
+			if (!(c || o) && ne({
 				renderer: s,
 				hasWebGL2: typeof WebGL2RenderingContext < "u",
 				prefersReducedMotion: r.matches,
 				isInViewport: i
-			}) && T()) {
-				if (a = !0, o = me(n, t, e), !o) {
+			}) && k()) {
+				if (a = !0, o = pe(n, t, e), !o) {
 					te(), a = !1;
 					return;
 				}
 				g("webgl");
 			}
-		}, d = new IntersectionObserver((e) => {
-			i = !!e[0]?.isIntersecting, o ? i && document.visibilityState !== "hidden" ? o.resume() : o.pause() : u();
+		}, m = new IntersectionObserver((e) => {
+			i = !!e[0]?.isIntersecting, o ? i && document.visibilityState !== "hidden" ? o.resume() : o.pause() : p();
 		}, { rootMargin: "80px" });
-		d.observe(e);
+		m.observe(e);
 		let h = () => {
 			o && (document.visibilityState === "hidden" || !i ? o.pause() : o.resume());
 		};
@@ -685,17 +686,17 @@ function N({ children: e, className: r, onClick: i, sound: a = !1, type: o = "bu
 				l();
 				return;
 			}
-			u();
+			p();
 		};
-		return r.addEventListener("change", _), u(), () => {
-			c = !0, d.disconnect(), document.removeEventListener("visibilitychange", h), r.removeEventListener("change", _), l();
+		return r.addEventListener("change", _), p(), () => {
+			c = !0, m.disconnect(), document.removeEventListener("visibilitychange", h), r.removeEventListener("change", _), l();
 		};
 	}, [s]);
 	let _ = (e) => {
-		a && y(a), i?.(e);
+		a && C(a), i?.(e);
 	}, v = ["game-ui-liquid-metal", r].filter(Boolean).join(" ");
 	return /* @__PURE__ */ n("span", {
-		ref: f,
+		ref: u,
 		className: "game-ui-liquid-metal-host",
 		"data-renderer": h,
 		children: [
@@ -704,16 +705,16 @@ function N({ children: e, className: r, onClick: i, sound: a = !1, type: o = "bu
 				className: "game-ui-liquid-metal-plate"
 			}),
 			/* @__PURE__ */ t("canvas", {
-				ref: m,
+				ref: f,
 				"aria-hidden": "true",
 				className: "game-ui-liquid-metal-canvas"
 			}),
 			/* @__PURE__ */ t("button", {
 				className: v,
 				onClick: _,
-				ref: p,
+				ref: d,
 				type: o,
-				...l,
+				...c,
 				children: /* @__PURE__ */ t("span", {
 					className: "game-ui-liquid-metal-label",
 					children: e
@@ -723,8 +724,720 @@ function N({ children: e, className: r, onClick: i, sound: a = !1, type: o = "bu
 	});
 }
 //#endregion
+//#region src/liquidGooeyFilter.tsx
+var R = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5";
+function ge({ index: n, shadow: r }) {
+	let i = [], a = "bin";
+	return r.spread !== 0 && (i.push(/* @__PURE__ */ t("feMorphology", {
+		in: a,
+		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,
+		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,
+		stdDeviation: r.blur / 2,
+		result: `shadow-${n}-blur`
+	}, "blur")), a = `shadow-${n}-blur`), i.push(/* @__PURE__ */ t("feComposite", {
+		in: "bin",
+		in2: a,
+		operator: "out",
+		result: `shadow-${n}-band`
+	}, "band"), /* @__PURE__ */ t("feFlood", {
+		floodColor: r.color,
+		result: `shadow-${n}-color`
+	}, "color"), /* @__PURE__ */ t("feComposite", {
+		in: `shadow-${n}-color`,
+		in2: `shadow-${n}-band`,
+		operator: "in",
+		result: `shadow-${n}`
+	}, "fill")), /* @__PURE__ */ t(e, { children: i });
+}
+function _e({ index: n, shadow: r }) {
+	let i = [], a = "shape";
+	return r.spread !== 0 && (i.push(/* @__PURE__ */ t("feMorphology", {
+		in: "bin",
+		operator: r.spread > 0 ? "dilate" : "erode",
+		radius: Math.abs(r.spread),
+		result: `shadow-${n}-spread`
+	}, "spread")), a = `shadow-${n}-spread`), r.blur > 0 && (i.push(/* @__PURE__ */ t("feGaussianBlur", {
+		in: a,
+		stdDeviation: r.blur / 2,
+		result: `shadow-${n}-blur`
+	}, "blur")), a = `shadow-${n}-blur`), (r.x !== 0 || r.y !== 0) && (i.push(/* @__PURE__ */ t("feOffset", {
+		in: a,
+		dx: r.x,
+		dy: r.y,
+		result: `shadow-${n}-offset`
+	}, "offset")), a = `shadow-${n}-offset`), i.push(/* @__PURE__ */ t("feFlood", {
+		floodColor: r.color,
+		result: `shadow-${n}-color`
+	}, "color"), /* @__PURE__ */ t("feComposite", {
+		in: `shadow-${n}-color`,
+		in2: a,
+		operator: "in",
+		result: `shadow-${n}`
+	}, "fill")), /* @__PURE__ */ t(e, { children: i });
+}
+function z({ stroke: n }) {
+	let r = [];
+	return r.push(/* @__PURE__ */ t("feMorphology", {
+		in: "bin",
+		operator: "erode",
+		radius: n.width,
+		result: "stroke-erode"
+	}, "erode"), /* @__PURE__ */ t("feComposite", {
+		in: "bin",
+		in2: "stroke-erode",
+		operator: "out",
+		result: "stroke-band"
+	}, "band"), /* @__PURE__ */ t("feFlood", {
+		floodColor: n.color,
+		result: "stroke-color"
+	}, "color"), /* @__PURE__ */ t("feComposite", {
+		in: "stroke-color",
+		in2: "stroke-band",
+		operator: "in",
+		result: "stroke-out"
+	}, "fill")), /* @__PURE__ */ t(e, { children: r });
+}
+function B({ blur: r, contrast: i, shadows: a, stroke: o }) {
+	let s = Math.round((.5 - 5 / 12 * i) * 100) / 100;
+	return /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("feGaussianBlur", {
+			in: "SourceGraphic",
+			stdDeviation: r,
+			result: "blur"
+		}),
+		/* @__PURE__ */ t("feColorMatrix", {
+			in: "blur",
+			type: "matrix",
+			values: `1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${i} ${s}`,
+			result: "goo"
+		}),
+		/* @__PURE__ */ t("feComposite", {
+			in: "SourceGraphic",
+			in2: "goo",
+			operator: "atop",
+			result: "shape"
+		}),
+		o !== null || a.some((e) => e.inset || e.spread !== 0) ? /* @__PURE__ */ t("feColorMatrix", {
+			in: "shape",
+			type: "matrix",
+			values: R,
+			result: "bin"
+		}) : null,
+		a.map((e, n) => e.inset ? /* @__PURE__ */ t(ge, {
+			index: n,
+			shadow: e
+		}, n) : /* @__PURE__ */ t(_e, {
+			index: n,
+			shadow: e
+		}, n)),
+		o ? /* @__PURE__ */ t(z, { 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" }),
+			o ? /* @__PURE__ */ t("feMergeNode", { in: "stroke-out" }) : null,
+			a.map((e, n) => e.inset ? /* @__PURE__ */ t("feMergeNode", { in: `shadow-${n}` }, n) : null)
+		] }) : null
+	] });
+}
+//#endregion
+//#region src/liquidGooeyGeometry.ts
+function ve(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 {
+		x: n,
+		y: r
+	};
+}
+function ye(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;
+	};
+	return [
+		i(r.borderTopLeftRadius),
+		i(r.borderTopRightRadius),
+		i(r.borderBottomRightRadius),
+		i(r.borderBottomLeftRadius)
+	];
+}
+function V(e) {
+	return typeof e == "number" ? [
+		e,
+		e,
+		e,
+		e
+	] : e;
+}
+function H(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/liquidGooeyBudget.ts
+var U = 2, W = 48e4, be = 2, xe = W, G = 0;
+function Se(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : t;
+}
+function Ce() {
+	return {
+		maxAnimatedGroups: be,
+		maxFilterArea: xe,
+		activeGroups: G
+	};
+}
+function we(e) {
+	if (typeof e == "number") {
+		be = Se(e, 0);
+		return;
+	}
+	e.maxAnimatedGroups !== void 0 && (be = Se(e.maxAnimatedGroups, 0)), e.maxFilterArea !== void 0 && (xe = Se(e.maxFilterArea, 0));
+}
+function Te(e) {
+	return G >= be || (Number.isFinite(e) ? Math.max(0, e) : Infinity) > xe ? !1 : (G += 1, !0);
+}
+function K() {
+	G > 0 && --G;
+}
+//#endregion
+//#region src/liquidGooeySpring.ts
+var Ee = {
+	snappy: {
+		stiffness: 480,
+		damping: 34,
+		mass: 1
+	},
+	smooth: {
+		stiffness: 190,
+		damping: 26,
+		mass: 1
+	},
+	bouncy: {
+		stiffness: 320,
+		damping: 17,
+		mass: 1
+	}
+}, De = 1 / 240;
+function Oe(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 * De, t += n * De, r += De, 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 / De), 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);
+	}
+	return u[u.length - 1] = 1, {
+		duration: s,
+		values: u,
+		overshoots: a > 1.001
+	};
+}
+var ke = null;
+function Ae() {
+	return ke === null && (ke = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), ke;
+}
+var je = /* @__PURE__ */ new Map(), Me = /* @__PURE__ */ new Map();
+function Ne(e) {
+	let t = Me.get(e);
+	if (t) return t;
+	let n = /^linear\(([^)]+)\)$/.exec(e.trim()), r = /^cubic-bezier\(([^)]+)\)$/.exec(e.trim()), i;
+	if (n) {
+		let e = (n[1] ?? "").split(",").map(Number);
+		i = (t) => {
+			if (t <= 0) return e[0] ?? 0;
+			if (t >= 1) return e[e.length - 1] ?? 1;
+			let n = t * (e.length - 1), r = Math.floor(n), i = e[r] ?? 0;
+			return i + ((e[r + 1] ?? i) - i) * (n - r);
+		};
+	} else if (r) {
+		let [e = 0, t = 0, n = 1, a = 1] = (r[1] ?? "").split(",").map(Number);
+		i = (r) => {
+			if (r <= 0) return 0;
+			if (r >= 1) return 1;
+			let i = 0, o = 1;
+			for (let t = 0; t < 24; t += 1) {
+				let t = (i + o) / 2;
+				3 * t * (1 - t) * (1 - t) * e + 3 * t * t * (1 - t) * n + t ** 3 < r ? i = t : o = t;
+			}
+			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" ? Ne("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? Ne("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? Ne("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? Ne("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
+	return Me.set(e, i), i;
+}
+function Pe(e, t = !1) {
+	if (t) return {
+		duration: 0,
+		easing: "linear"
+	};
+	let n = e ?? "smooth";
+	if (typeof n == "object" && "duration" in n) return {
+		duration: Math.max(0, n.duration),
+		easing: n.ease ?? "cubic-bezier(0.22, 1, 0.36, 1)"
+	};
+	let r = typeof n == "string" ? Ee[n] : {
+		stiffness: 300,
+		damping: 24,
+		mass: 1,
+		...n
+	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${Ae()}`, a = je.get(i);
+	if (!a) {
+		let e = Oe(r);
+		a = {
+			duration: Math.round(e.duration * 1e3),
+			easing: Ae() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
+		}, je.set(i, a);
+	}
+	return a;
+}
+//#endregion
+//#region src/liquidGooeyEngine.ts
+function Fe(e, t) {
+	return e !== void 0 && Number.isFinite(e) ? e : t;
+}
+function Ie(e) {
+	let t = {
+		x: Fe(e.x, 0),
+		y: Fe(e.y, 0),
+		scale: Math.max(.01, Fe(e.scale, 1))
+	};
+	return e.transition !== void 0 && (t.transition = e.transition), e.delay !== void 0 && (t.delay = Math.max(0, Fe(e.delay, 0))), e.radius !== void 0 && (t.radius = e.radius), t;
+}
+function Le(e) {
+	return {
+		x: e.x,
+		y: e.y,
+		scale: e.scale
+	};
+}
+function Re(e, t) {
+	return e.x === t.x && e.y === t.y && e.scale === t.scale;
+}
+function ze(e) {
+	return e === void 0 ? "" : JSON.stringify(e);
+}
+function Be(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 Ve(e) {
+	return String(Math.round(e * 1e3) / 1e3);
+}
+var He = class {
+	getGroup;
+	getFilterArea;
+	onModeChange;
+	nowFn;
+	requestFrame;
+	cancelFrame;
+	items = /* @__PURE__ */ new Map();
+	removeListeners = [];
+	mutationObserver = null;
+	awake = !1;
+	raf = 0;
+	needsPaint = !1;
+	lastActivity = 0;
+	claimed = !1;
+	reducedMotion;
+	filterArea = 0;
+	mode = "static";
+	disposed = !1;
+	constructor(e) {
+		this.getGroup = e.getGroup, this.getFilterArea = e.getFilterArea, this.reducedMotion = e.reducedMotion ?? !1, this.onModeChange = e.onModeChange, this.nowFn = e.now ?? (() => performance.now()), this.requestFrame = e.requestFrame ?? ((e) => requestAnimationFrame(e)), this.cancelFrame = e.cancelFrame ?? ((e) => cancelAnimationFrame(e));
+	}
+	register(e) {
+		this.unregister(e.id);
+		let t = Ie(e.config), n = {
+			...e,
+			config: t,
+			target: Le(t),
+			current: Le(t),
+			motion: null,
+			lastBox: null,
+			lastPaint: null,
+			ownTransform: "",
+			resizeObserver: null
+		};
+		return n.host.style.transformOrigin = "center", this.applyHost(n), typeof ResizeObserver < "u" && (n.resizeObserver = new ResizeObserver(() => {
+			this.touch(), this.wake();
+		}), n.resizeObserver.observe(n.host)), this.items.set(n.id, n), this.ensureSources(), this.touch(), this.wake(), () => this.unregister(n.id);
+	}
+	update(e, t) {
+		let n = this.items.get(e);
+		if (!n) return;
+		let r = Ie(t), i = Le(r), a = !Re(n.target, i), o = ze(n.config.radius) !== ze(r.radius);
+		if (n.config = r, !a) {
+			o && (n.lastPaint = null, this.touch(), this.wake());
+			return;
+		}
+		let s = this.now();
+		if (this.advanceEntry(n, s), n.target = i, this.reducedMotion) this.snapEntry(n), this.setMode("reduced");
+		else {
+			let e = Pe(r.transition);
+			e.duration <= 0 || !this.ensureClaim() ? (this.snapEntry(n), this.setMode("static")) : (n.motion = {
+				from: { ...n.current },
+				to: { ...i },
+				start: s + (r.delay ?? 0),
+				duration: e.duration,
+				ease: Ne(e.easing)
+			}, n.host.style.willChange = "transform", this.setMode("animated"));
+		}
+		this.touch(s), this.needsPaint = !0, this.wake();
+	}
+	setReducedMotion(e) {
+		if (this.reducedMotion !== e) {
+			if (this.reducedMotion = e, e) {
+				let e = this.now();
+				for (let t of this.items.values()) this.advanceEntry(t, e), this.snapEntry(t);
+				this.releaseClaim(), this.setMode("reduced");
+			} else this.claimed || this.setMode("static");
+			this.touch(), this.needsPaint = !0, this.wake();
+		}
+	}
+	setFilterArea(e) {
+		let t = Number.isFinite(e) ? Math.max(0, e) : Infinity;
+		if (!(Math.abs(t - this.filterArea) < .5)) {
+			if (this.filterArea = t, this.claimed && t > Ce().maxFilterArea) {
+				for (let e of this.items.values()) this.snapEntry(e);
+				this.releaseClaim(), this.setMode(this.reducedMotion ? "reduced" : "static");
+			}
+			this.needsPaint = !0, this.wake();
+		}
+	}
+	wake() {
+		this.disposed || this.items.size === 0 || (this.needsPaint = !0, !this.awake && (this.awake = !0, this.raf = this.requestFrame(this.loop)));
+	}
+	dispose() {
+		if (!this.disposed) {
+			this.disposed = !0, this.raf && this.cancelFrame(this.raf), this.mutationObserver?.disconnect(), this.removeListeners.forEach((e) => e());
+			for (let e of this.items.values()) e.resizeObserver?.disconnect(), e.host.style.willChange = "";
+			this.items.clear(), this.releaseClaim(), this.awake = !1;
+		}
+	}
+	getDebugState() {
+		return {
+			awake: this.awake,
+			mode: this.mode,
+			itemCount: this.items.size,
+			claimed: this.claimed
+		};
+	}
+	now() {
+		return this.nowFn();
+	}
+	touch(e = this.now()) {
+		this.lastActivity = e;
+	}
+	setMode(e) {
+		this.mode !== e && (this.mode = e, this.onModeChange?.(e));
+	}
+	ensureClaim() {
+		if (this.claimed) return !0;
+		let e = this.getFilterArea();
+		return Number.isFinite(e) && (this.filterArea = Math.max(0, e)), Te(this.filterArea) ? (this.claimed = !0, !0) : !1;
+	}
+	releaseClaim() {
+		this.claimed &&= (K(), !1);
+	}
+	snapEntry(e) {
+		e.current = { ...e.target }, e.motion = null, e.host.style.willChange = "", this.applyHost(e);
+	}
+	advanceEntry(e, t) {
+		let n = e.motion;
+		if (!n) return !1;
+		let r = Math.min(1, Math.max(0, (t - n.start) / n.duration)), i = n.ease(r);
+		return e.current = {
+			x: n.from.x + (n.to.x - n.from.x) * i,
+			y: n.from.y + (n.to.y - n.from.y) * i,
+			scale: n.from.scale + (n.to.scale - n.from.scale) * i
+		}, this.applyHost(e), r >= 1 ? (e.current = { ...n.to }, e.motion = null, e.host.style.willChange = "", this.applyHost(e), !1) : !0;
+	}
+	applyHost(e) {
+		let t = `translate(${Ve(e.current.x)}px, ${Ve(e.current.y)}px) scale(${Ve(e.current.scale)})`;
+		e.ownTransform !== t && (e.ownTransform = t, e.host.style.transform = t);
+	}
+	readBox(e, t) {
+		let n = ve(e.host, t), r = e.host.offsetWidth, i = e.host.offsetHeight, a = e.host.firstElementChild ?? e.host, o = e.config.radius === void 0 ? ye(a, r, i) : V(e.config.radius);
+		return {
+			x: n.x,
+			y: n.y,
+			w: r,
+			h: i,
+			r: o
+		};
+	}
+	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(${Ve(n)} ${Ve(r)}) scale(${Ve(e.current.scale)})`, a = H(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) => {
+		if (this.raf = 0, this.disposed || this.items.size === 0) {
+			this.awake = !1;
+			return;
+		}
+		let t = !1;
+		for (let n of this.items.values()) this.advanceEntry(n, e) && (t = !0);
+		let n = this.getGroup(), r = !1;
+		if (n) {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of this.items.values()) e.set(t.id, this.readBox(t, n));
+			for (let t of this.items.values()) {
+				let n = e.get(t.id);
+				n && (Be(t.lastBox, n) || (t.lastBox = n, t.lastPaint = null, r = !0), this.paintEntry(t, n) && (r = !0));
+			}
+		}
+		this.needsPaint = !1, (t || r) && this.touch(e);
+		let i = e - this.lastActivity < 500;
+		if (t || this.needsPaint || i) {
+			this.raf = this.requestFrame(this.loop);
+			return;
+		}
+		this.awake = !1, this.releaseClaim(), this.setMode(this.reducedMotion ? "reduced" : "static");
+	};
+	ensureSources() {
+		if (this.mutationObserver) return;
+		let e = this.getGroup();
+		if (!e || typeof MutationObserver > "u") return;
+		this.mutationObserver = new MutationObserver((e) => {
+			let t = !1;
+			for (let n of e) {
+				let e = n.target;
+				if (!(e instanceof Element && e.closest("[data-liquid-gooey-silhouette]"))) {
+					if (n.type === "attributes" && n.attributeName === "style") {
+						let t = [...this.items.values()].find((t) => t.host === e);
+						if (t && t.ownTransform === t.host.style.transform) continue;
+					}
+					t = !0;
+					break;
+				}
+			}
+			t && (this.touch(), this.wake());
+		}), this.mutationObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: ["class", "style"],
+			childList: !0,
+			subtree: !0
+		});
+		let t = () => {
+			this.touch(), this.wake();
+		};
+		for (let n of [
+			"transitionrun",
+			"animationstart",
+			"pointerdown"
+		]) e.addEventListener(n, t, !0), this.removeListeners.push(() => e.removeEventListener(n, t, !0));
+		window.addEventListener("scroll", t, {
+			capture: !0,
+			passive: !0
+		}), this.removeListeners.push(() => window.removeEventListener("scroll", t, !0));
+	}
+	unregister(e) {
+		let t = this.items.get(e);
+		t && (t.resizeObserver?.disconnect(), t.host.style.willChange = "", this.items.delete(e), this.items.size === 0 && (this.raf && this.cancelFrame(this.raf), this.raf = 0, this.awake = !1, this.releaseClaim()));
+	}
+};
+//#endregion
+//#region src/liquidGooeyShadow.ts
+function Ue(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 We = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
+function Ge(e) {
+	if (!e || e.trim() === "" || e.trim() === "none") return [];
+	let t = [];
+	for (let n of Ue(e, ",")) {
+		let e = Ue(n, " "), r = e.includes("inset"), i = [], a = [];
+		for (let t of e) t !== "inset" && (i.length < 4 && We.test(t) ? i.push(parseFloat(t)) : a.push(t));
+		let [o = 0, s = 0, c = 0, l = 0] = i;
+		t.push({
+			x: o,
+			y: s,
+			blur: c,
+			spread: l,
+			color: a.join(" ") || "var(--game-ui-shadow-color, transparent)",
+			inset: r
+		});
+	}
+	return t;
+}
+function Ke(e) {
+	if (!e || e.trim() === "" || e.trim() === "none") return null;
+	let t = Ue(e, " "), n = 0, r = [];
+	for (let e of t) e !== "solid" && (n === 0 && We.test(e) ? n = parseFloat(e) : r.push(e));
+	return {
+		width: n,
+		color: r.join(" ") || "var(--game-ui-stroke, transparent)"
+	};
+}
+//#endregion
+//#region src/LiquidGroup.tsx
+var qe = i(null);
+function Je() {
+	let e = c(qe);
+	if (!e) throw Error("<LiquidGroup.Item> must be rendered inside <LiquidGroup>.");
+	return e;
+}
+function Ye(e) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "");
+}
+function Xe(e, t) {
+	return Number.isFinite(e) ? e : t;
+}
+function Ze(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+function Qe() {
+	let [e, t] = m(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	return l(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (e) => t(e.matches);
+		return t(e.matches), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, []), e;
+}
+function $e(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 et = 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, motion: h = "auto", className: g, style: _, children: v, ...y }, b) {
+	let x = p(null), [S, C] = m(null), [w, T] = m({
+		w: 0,
+		h: 0
+	}), E = Qe(), D = h === "reduced" || E, [O, ee] = m(D ? "reduced" : "static"), k = Math.max(0, Xe(e, 6)), te = Math.max(1, Xe(r, 18)), ne = Math.max(0, Xe(a, 24)), A = f(() => Ge(o), [o]), j = f(() => Ke(c), [c]), M = Math.ceil(k * 3 + ne + $e(A) + (j ? j.width : 0)), re = p(M);
+	re.current = M;
+	let ie = `liquid-gooey-${Ye(u())}`, ae = s((e) => {
+		x.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
+	}, [b]), N = s((e) => C(e), []), P = f(() => new He({
+		getGroup: () => x.current,
+		getFilterArea: () => {
+			let e = x.current;
+			return e ? (e.offsetWidth + re.current * 2) * (e.offsetHeight + re.current * 2) : 0;
+		},
+		onModeChange: ee
+	}), []);
+	d(() => {
+		let e = x.current;
+		if (!e) return;
+		let t = () => {
+			let t = {
+				w: e.offsetWidth,
+				h: e.offsetHeight
+			};
+			T((e) => e.w === t.w && e.h === t.h ? e : t), P.setFilterArea((t.w + M * 2) * (t.h + M * 2));
+		};
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [P, M]), l(() => {
+		P.setReducedMotion(D);
+	}, [P, D]), l(() => () => P.dispose(), [P]);
+	let oe = Math.max(1, w.w), se = Math.max(1, w.h), ce = Ze("game-ui-liquid-group", g);
+	return /* @__PURE__ */ n("div", {
+		...y,
+		ref: ae,
+		className: ce,
+		"data-liquid-motion": O,
+		style: _,
+		children: [/* @__PURE__ */ n("svg", {
+			"aria-hidden": "true",
+			className: "game-ui-liquid-silhouette",
+			"data-liquid-gooey-silhouette": "",
+			focusable: "false",
+			viewBox: `0 0 ${oe} ${se}`,
+			children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("filter", {
+				colorInterpolationFilters: "sRGB",
+				filterUnits: "userSpaceOnUse",
+				height: se + M * 2,
+				id: ie,
+				width: oe + M * 2,
+				x: -M,
+				y: -M,
+				children: /* @__PURE__ */ t(B, {
+					blur: k,
+					contrast: te,
+					shadows: A,
+					stroke: j
+				})
+			}) }), /* @__PURE__ */ t("g", {
+				ref: N,
+				fill: i,
+				filter: `url(#${ie})`
+			})]
+		}), /* @__PURE__ */ t(qe.Provider, {
+			value: {
+				portal: S,
+				engine: P
+			},
+			children: /* @__PURE__ */ t("div", {
+				className: "game-ui-liquid-content",
+				children: v
+			})
+		})]
+	});
+}), tt = a(function({ x: r = 0, y: i = 0, scale: a = 1, transition: o, delay: c, radius: l, className: m, style: g, children: _, ...v }, y) {
+	let { portal: b, engine: x } = Je(), S = `liquid-item-${Ye(u())}`, C = p(null), w = p(null), T = p(null), E = f(() => {
+		let e = {
+			x: Xe(r, 0),
+			y: Xe(i, 0),
+			scale: Xe(a, 1)
+		};
+		return o !== void 0 && (e.transition = o), c !== void 0 && (e.delay = c), l !== void 0 && (e.radius = l), e;
+	}, [
+		c,
+		l,
+		a,
+		o,
+		r,
+		i
+	]);
+	T.current === null && (T.current = E);
+	let D = s((e) => {
+		C.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+	}, [y]);
+	return d(() => {
+		let e = C.current, t = w.current;
+		if (!(!b || !e || !t || !T.current)) return x.register({
+			id: S,
+			host: e,
+			blob: t,
+			config: T.current
+		});
+	}, [
+		x,
+		S,
+		b
+	]), d(() => {
+		x.update(S, E);
+	}, [
+		E,
+		x,
+		S
+	]), d(() => {}, []), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+		...v,
+		ref: D,
+		className: Ze("game-ui-liquid-item", m),
+		style: g,
+		children: _
+	}), b ? h(/* @__PURE__ */ t("path", {
+		ref: w,
+		d: "",
+		"data-liquid-gooey-blob": ""
+	}), b) : null] });
+}), nt = Object.assign(et, { Item: tt });
+//#endregion
 //#region src/GameCallout.tsx
-function ge({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
+function rt({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
 	return /* @__PURE__ */ n("div", {
 		className: [
 			"game-ui-callout",
@@ -745,8 +1458,8 @@ function ge({ heading: e, children: r, tone: i = "info", className: a, ...o }) {
 }
 //#endregion
 //#region src/GameDialog.tsx
-function _e({ children: e, className: r, title: i }) {
-	let a = l();
+function it({ children: e, className: r, title: i }) {
+	let a = u();
 	return /* @__PURE__ */ n("section", {
 		"aria-labelledby": a,
 		"aria-modal": "true",
@@ -763,7 +1476,7 @@ function _e({ children: e, className: r, title: i }) {
 }
 //#endregion
 //#region src/GameHistoryPanel.tsx
-function ve({ entries: e, label: r }) {
+function at({ entries: e, label: r }) {
 	return /* @__PURE__ */ t("section", {
 		"aria-label": r,
 		className: "game-ui-history",
@@ -779,7 +1492,7 @@ function ve({ entries: e, label: r }) {
 }
 //#endregion
 //#region src/GameHudActions.tsx
-function P({ children: e, className: n, label: r, ...i }) {
+function ot({ children: e, className: n, label: r, ...i }) {
 	return /* @__PURE__ */ t("nav", {
 		"aria-label": r,
 		className: ["game-ui-hud-actions", n].filter(Boolean).join(" "),
@@ -790,7 +1503,7 @@ function P({ children: e, className: n, label: r, ...i }) {
 }
 //#endregion
 //#region src/GameSurfaces.tsx
-function F({ children: e, className: r, title: i, tone: a = "default", ...o }) {
+function q({ children: e, className: r, title: i, tone: a = "default", ...o }) {
 	let s = ["game-ui-panel", r].filter(Boolean).join(" ");
 	return /* @__PURE__ */ n("section", {
 		...o,
@@ -799,7 +1512,7 @@ function F({ children: e, className: r, title: i, tone: a = "default", ...o }) {
 		children: [i ? /* @__PURE__ */ t("h3", { children: i }) : null, e]
 	});
 }
-function I({ children: e, className: n, label: r, type: i = "button", ...a }) {
+function st({ 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(" "),
@@ -808,8 +1521,8 @@ function I({ children: e, className: n, label: r, type: i = "button", ...a }) {
 		children: e
 	});
 }
-function ye({ children: e, label: i }) {
-	let a = l();
+function ct({ children: e, label: i }) {
+	let a = u();
 	return /* @__PURE__ */ n("span", {
 		className: "game-ui-tooltip",
 		children: [o(e) ? r(e, { "aria-describedby": [e.props["aria-describedby"], a].filter(Boolean).join(" ") }) : e, /* @__PURE__ */ t("span", {
@@ -819,8 +1532,8 @@ function ye({ children: e, label: i }) {
 		})]
 	});
 }
-function L({ activeId: e, id: n, onSelect: r, tabs: i }) {
-	let a = l(), o = n ?? a;
+function lt({ activeId: e, id: n, onSelect: r, tabs: i }) {
+	let a = u(), o = n ?? a;
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-tabs",
 		onKeyDown: (t) => {
@@ -859,7 +1572,7 @@ function L({ activeId: e, id: n, onSelect: r, tabs: i }) {
 		}, n.id))
 	});
 }
-function R({ activeId: e, label: n, onSelect: r, options: i }) {
+function ut({ activeId: e, label: n, onSelect: r, options: i }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-label": n,
 		className: "game-ui-segmented",
@@ -873,7 +1586,7 @@ function R({ activeId: e, label: n, onSelect: r, options: i }) {
 		}, n.id))
 	});
 }
-function z({ label: e, max: r, min: i, onChange: a, value: o }) {
+function dt({ 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", {
@@ -887,7 +1600,7 @@ function z({ label: e, max: r, min: i, onChange: a, value: o }) {
 		})]
 	});
 }
-function B({ checked: e, disabled: r, label: i, onClick: a }) {
+function ft({ checked: e, disabled: r, label: i, onClick: a }) {
 	return /* @__PURE__ */ n("button", {
 		"aria-checked": e,
 		className: "game-ui-toggle",
@@ -901,7 +1614,7 @@ function B({ checked: e, disabled: r, label: i, onClick: a }) {
 		})]
 	});
 }
-function V({ items: e, label: n, onSelect: r }) {
+function pt({ items: e, label: n, onSelect: r }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-label": n,
 		className: "game-ui-radial-menu",
@@ -916,7 +1629,7 @@ function V({ items: e, label: n, onSelect: r }) {
 		}, e.id))
 	});
 }
-function H({ children: e, tone: n = "info" }) {
+function mt({ children: e, tone: n = "info" }) {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-toast",
 		"data-toast-tone": n,
@@ -924,11 +1637,11 @@ function H({ children: e, tone: n = "info" }) {
 		children: e
 	});
 }
-function U({ actionLabel: e, children: r, title: i }) {
+function ht({ actionLabel: e, children: r, title: i }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": i,
 		className: "game-ui-prompt",
-		children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h3", { children: i }), /* @__PURE__ */ t("p", { children: r })] }), e ? /* @__PURE__ */ t(b, {
+		children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h3", { children: i }), /* @__PURE__ */ t("p", { children: r })] }), e ? /* @__PURE__ */ t(w, {
 			variant: "primary",
 			children: e
 		}) : null]
@@ -936,7 +1649,7 @@ function U({ actionLabel: e, children: r, title: i }) {
 }
 //#endregion
 //#region src/clay/tokens.ts
-var W = {
+var J = {
 	ink: "#3b2d23",
 	inkMuted: "#786250",
 	parchment: "#fff8ec",
@@ -959,7 +1672,7 @@ var W = {
 	overlayGlassText: "#fff6ee",
 	liquidMetalFace: "#3a2518",
 	liquidMetalInk: "#fff8ec"
-}, be = {
+}, gt = {
 	face: "var(--game-ui-liquid-metal-face)",
 	ink: "var(--game-ui-liquid-metal-ink)",
 	accent: "var(--game-ui-liquid-metal-accent)",
@@ -967,7 +1680,7 @@ var W = {
 	sweepSpeed: "var(--game-ui-liquid-metal-sweep-speed)",
 	rest: "var(--game-ui-liquid-metal-rest)",
 	bloom: "var(--game-ui-liquid-metal-bloom)"
-}, xe = {
+}, _t = {
 	bg: "var(--game-ui-overlay-glass-bg)",
 	bgHover: "var(--game-ui-overlay-glass-bg-hover)",
 	bgStrong: "var(--game-ui-overlay-glass-bg-strong)",
@@ -979,7 +1692,7 @@ var W = {
 	blur: "var(--game-ui-overlay-glass-blur)",
 	focusRing: "var(--game-ui-overlay-glass-focus-ring)",
 	primaryFill: "var(--game-ui-overlay-glass-primary-fill)"
-}, G = {
+}, vt = {
 	background: "var(--game-ui-bg)",
 	playfieldScrim: "var(--game-ui-playfield-scrim)",
 	surface: "var(--game-ui-surface)",
@@ -998,7 +1711,7 @@ var W = {
 	borderSubtle: "var(--game-ui-border-subtle)",
 	borderStrong: "var(--game-ui-border-strong)",
 	disabled: "var(--game-ui-disabled)"
-}, K = {
+}, yt = {
 	familyDisplay: "var(--game-ui-font-display)",
 	familyBody: "var(--game-ui-font-body)",
 	familyMono: "var(--game-ui-font-mono)",
@@ -1016,7 +1729,7 @@ var W = {
 	weightBody: "var(--game-ui-weight-body)",
 	weightStrong: "var(--game-ui-weight-strong)",
 	weightTitle: "var(--game-ui-weight-title)"
-}, Se = {
+}, bt = {
 	px2: "var(--game-ui-space-2)",
 	px4: "var(--game-ui-space-4)",
 	px6: "var(--game-ui-space-6)",
@@ -1031,33 +1744,33 @@ var W = {
 	safeRight: "var(--game-ui-safe-right)",
 	safeBottom: "var(--game-ui-safe-bottom)",
 	safeLeft: "var(--game-ui-safe-left)"
-}, Ce = {
+}, xt = {
 	bead: "var(--game-ui-radius-bead)",
 	control: "var(--game-ui-radius-control)",
 	card: "var(--game-ui-radius-card)",
 	panel: "var(--game-ui-radius-panel)",
 	modal: "var(--game-ui-radius-modal)"
-}, we = {
+}, St = {
 	button: "var(--game-ui-shadow-button)",
 	panel: "var(--game-ui-shadow-panel)",
 	modal: "var(--game-ui-shadow-modal)",
 	inset: "var(--game-ui-shadow-inset)",
 	stroke: "var(--game-ui-stroke)"
-}, q = {
+}, Ct = {
 	fast: "var(--game-ui-motion-fast)",
 	base: "var(--game-ui-motion-base)",
 	slow: "var(--game-ui-motion-slow)",
 	easingPop: "var(--game-ui-ease-pop)",
 	easingSoft: "var(--game-ui-ease-soft)",
 	reducedMotion: "var(--game-ui-reduced-motion-policy)"
-}, J = {
+}, wt = {
 	playfield: "var(--game-ui-z-playfield)",
 	hud: "var(--game-ui-z-hud)",
 	sidebar: "var(--game-ui-z-sidebar)",
 	overlay: "var(--game-ui-z-overlay)",
 	modal: "var(--game-ui-z-modal)",
 	toast: "var(--game-ui-z-toast)"
-}, Te = {
+}, Tt = {
 	touchMinimumPx: 44,
 	touchPrimaryPx: 52,
 	touchIconPx: 48,
@@ -1068,7 +1781,7 @@ var W = {
 	desktopProofHeightPx: 900,
 	mobileLandscapeProofWidthPx: 844,
 	mobileLandscapeProofHeightPx: 390
-}, Ee = {
+}, Et = {
 	iconSm: "var(--game-ui-asset-icon-sm)",
 	iconMd: "var(--game-ui-asset-icon-md)",
 	iconLg: "var(--game-ui-asset-icon-lg)",
@@ -1080,20 +1793,20 @@ var W = {
 	terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)",
 	buildRailCardSize: "var(--game-ui-build-rail-card-size)",
 	brushNumberWidth: "var(--game-ui-brush-number-width)"
-}, De = {
-	colors: W,
-	semantic: G,
-	typography: K,
-	spacing: Se,
-	radius: Ce,
-	elevation: we,
-	motion: q,
-	layers: J,
-	targets: Te,
-	assetSizing: Ee,
-	overlayGlass: xe,
-	liquidMetal: be
-}, Oe = "/assets/game/ui/clay/phase03-clay-kit", Y = (e) => `${Oe}/${e}`, ke = {
+}, Dt = {
+	colors: J,
+	semantic: vt,
+	typography: yt,
+	spacing: bt,
+	radius: xt,
+	elevation: St,
+	motion: Ct,
+	layers: wt,
+	targets: Tt,
+	assetSizing: Et,
+	overlayGlass: _t,
+	liquidMetal: gt
+}, Ot = "/assets/game/ui/clay/phase03-clay-kit", Y = (e) => `${Ot}/${e}`, kt = {
 	ai: { line: Y("icons/function/brain-v1.png") },
 	alert: {
 		game: Y("components/common/alert-v1.png"),
@@ -1183,20 +1896,20 @@ var W = {
 		game: Y("icons/common/target-v1.png"),
 		line: Y("icons/function/target-v1.png")
 	}
-}, Ae = Object.keys(ke), je = Oe;
-function Me(e) {
-	let t = je;
+}, At = Object.keys(kt), jt = Ot;
+function Mt(e) {
+	let t = jt;
 	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 Ne(e, t) {
-	let n = ke[e];
-	return Me(t === "line" ? n.line ?? n.game ?? "" : n.game ?? n.line ?? "");
+function Nt(e, t) {
+	let n = kt[e];
+	return Mt(t === "line" ? n.line ?? n.game ?? "" : n.game ?? n.line ?? "");
 }
-function Pe(e) {
-	let t = ke[e], n = [];
+function Pt(e) {
+	let t = kt[e], n = [];
 	return t.game && n.push("game"), t.line && n.push("line"), n;
 }
-var Fe = {
+var Ft = {
 	anvil: Y("icons/common/anvil-v1.png"),
 	arrow: Y("icons/common/arrow-v1.png"),
 	bomb: Y("icons/common/bomb-v1.png"),
@@ -1223,7 +1936,7 @@ var Fe = {
 	swordB: Y("icons/common/sword-b-v1.png"),
 	talaria: Y("icons/common/talaria-v1.png"),
 	treasure: Y("icons/common/treasure-v1.png")
-}, Ie = Object.keys(Fe), Le = {
+}, It = Object.keys(Ft), Lt = {
 	buttons: {
 		primary: Y("buttons/button-brown-large-v2.png"),
 		blue: Y("buttons/button-blue-large-v2.png"),
@@ -1244,7 +1957,7 @@ var Fe = {
 		tabSelected: Y("components/common/tab-s-v1.png"),
 		tabNormal: Y("components/common/tab-n-v1.png")
 	},
-	icons: Object.fromEntries(Ae.map((e) => [e, Ne(e)])),
+	icons: Object.fromEntries(At.map((e) => [e, Nt(e)])),
 	catalog: {
 		manifest: "/assets/game/ui/clay/asset-manifest.json",
 		sourceCatalog: Y("catalog/phase03-clay-ui-catalog.json"),
@@ -1252,7 +1965,7 @@ var Fe = {
 		contactSheetComponents: Y("catalog/component-candidates-contact-sheet-v1.png"),
 		contactSheetFunction: Y("catalog/function-icons-contact-sheet-v1.png")
 	}
-}, Re = {
+}, Rt = {
 	ai: "AI",
 	alert: "!",
 	card: "▣",
@@ -1288,72 +2001,72 @@ var Fe = {
 	timer: "◷",
 	trophy: "★",
 	vote: "⌾"
-}, ze = {
-	ai: W.berry,
-	alert: W.red,
-	card: W.honey,
-	chat: W.sky,
-	check: W.green,
-	close: W.red,
-	coin: W.honey,
-	compass: W.teal,
-	copy: W.wood,
-	crown: W.honey,
-	energy: W.orange,
-	gem: W.sky,
-	gift: W.red,
-	globe: W.teal,
-	history: W.inkMuted,
-	redo: W.wood,
-	undo: W.wood,
-	home: W.wood,
-	hourglass: W.orange,
-	laurel: W.green,
-	lock: W.ink,
-	lucky: W.green,
-	mail: W.sky,
-	medal: W.honey,
-	mission: W.berry,
-	mobile: W.sky,
-	portal: W.teal,
-	scroll: W.berry,
-	settings: W.inkMuted,
-	shirt: W.sky,
-	shop: W.inkMuted,
-	smile: W.honey,
-	timer: W.orange,
-	trophy: W.honey,
-	vote: W.red
+}, zt = {
+	ai: J.berry,
+	alert: J.red,
+	card: J.honey,
+	chat: J.sky,
+	check: J.green,
+	close: J.red,
+	coin: J.honey,
+	compass: J.teal,
+	copy: J.wood,
+	crown: J.honey,
+	energy: J.orange,
+	gem: J.sky,
+	gift: J.red,
+	globe: J.teal,
+	history: J.inkMuted,
+	redo: J.wood,
+	undo: J.wood,
+	home: J.wood,
+	hourglass: J.orange,
+	laurel: J.green,
+	lock: J.ink,
+	lucky: J.green,
+	mail: J.sky,
+	medal: J.honey,
+	mission: J.berry,
+	mobile: J.sky,
+	portal: J.teal,
+	scroll: J.berry,
+	settings: J.inkMuted,
+	shirt: J.sky,
+	shop: J.inkMuted,
+	smile: J.honey,
+	timer: J.orange,
+	trophy: J.honey,
+	vote: J.red
 };
-function Be(e) {
-	let t = Re[e], n = ze[e], r = W.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 Bt(e) {
+	let t = Rt[e], n = zt[e], r = J.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 Ve = "inline";
-function He(e) {
-	Ve = e;
+var Vt = "inline";
+function Ht(e) {
+	Vt = e;
 }
-function Ue() {
-	return Ve;
+function Ut() {
+	return Vt;
 }
-function We(e) {
-	je = e.replace(/\/+$/, "");
+function Wt(e) {
+	jt = e.replace(/\/+$/, "");
 }
-function Ge() {
-	return je;
+function Gt() {
+	return jt;
 }
-var Ke = !1;
-function qe() {
-	Ke || (Ke = !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 Kt = !1;
+function qt() {
+	Kt || (Kt = !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 Je() {
-	Ke = !0;
+function Jt() {
+	Kt = !0;
 }
-function Ye(e, t = {}) {
-	return t.inline ?? Ve === "inline" ? (qe(), Be(e)) : Ne(e, t.style);
+function Yt(e, t = {}) {
+	return t.inline ?? Vt === "inline" ? (qt(), Bt(e)) : Nt(e, t.style);
 }
-function Xe(e, t) {
-	return Ne(e, t);
+function Xt(e, t) {
+	return Nt(e, t);
 }
 //#endregion
 //#region src/ClayComponents.tsx
@@ -1365,7 +2078,7 @@ function X({ children: e, className: n, tone: r = "neutral" }) {
 	});
 }
 function Z({ 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 = Ye(n, {
+	let s = ["game-ui-asset-icon", e].filter(Boolean).join(" "), c = r ? { "aria-label": r } : { "aria-hidden": !0 }, l = Yt(n, {
 		...a ? { style: a } : {},
 		...o ? { inline: !1 } : {}
 	});
@@ -1380,7 +2093,7 @@ function Z({ className: e, icon: n, label: r, size: i = "md", style: a, useSourc
 		})
 	});
 }
-function Ze({ actions: e, className: r, items: i, label: a }) {
+function Zt({ actions: e, className: r, items: i, label: a }) {
 	return /* @__PURE__ */ n("section", {
 		"aria-label": a,
 		className: ["game-ui-hud", r].filter(Boolean).join(" "),
@@ -1403,7 +2116,7 @@ function Ze({ actions: e, className: r, items: i, label: a }) {
 		}) : null]
 	});
 }
-function Qe({ cards: e, className: r, label: i }) {
+function Qt({ 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,
@@ -1426,7 +2139,7 @@ function Qe({ cards: e, className: r, label: i }) {
 		}, e.id))
 	});
 }
-function $e({ badge: e, className: r, icon: i, kicker: a, selected: o = !1, summary: s, title: c, tone: l = "daily", type: u = "button", ...d }) {
+function $t({ 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(" "),
@@ -1453,27 +2166,27 @@ function $e({ badge: e, className: r, icon: i, kicker: a, selected: o = !1, summ
 		]
 	});
 }
-function et() {
+function en() {
 	return typeof window > "u" ? !1 : (window.matchMedia?.("(pointer: coarse), (max-width: 899px)").matches ?? window.innerWidth < 900) && window.innerHeight > window.innerWidth;
 }
-function tt({ 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 [l, u] = d(o || et), [f, p] = d("");
-	if (c(() => {
+function tn({ 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 || en), [d, f] = m("");
+	if (l(() => {
 		if (o) return;
 		let e = () => {
-			let e = et();
-			u(e), e || p("");
+			let e = en();
+			u(e), e || f("");
 		};
 		return e(), window.addEventListener("resize", e), window.addEventListener("orientationchange", e), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e);
 		};
-	}, [o]), !l) return null;
-	let m = async () => {
-		if (p(""), !o) try {
+	}, [o]), !c) return null;
+	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(et());
+			!document.fullscreenElement && e.requestFullscreen && await e.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), u(en());
 		} catch {
-			p(a);
+			f(a);
 		}
 	};
 	return /* @__PURE__ */ t("aside", {
@@ -1493,32 +2206,32 @@ function tt({ body: e, cta: r, badgeLabel: i = "Landscape only", manualHint: a =
 				/* @__PURE__ */ t("h2", { children: s }),
 				/* @__PURE__ */ t("p", { children: e }),
 				/* @__PURE__ */ t("button", {
-					onClick: () => void m(),
+					onClick: () => void p(),
 					type: "button",
 					children: r
 				}),
-				f ? /* @__PURE__ */ t("small", { children: f }) : null
+				d ? /* @__PURE__ */ t("small", { children: d }) : null
 			]
 		})
 	});
 }
-function nt({ className: e, currentLabel: r, label: i, options: a, value: o, defaultValue: s, onSelect: c }) {
-	let [u, f] = d(!1), [p, m] = d(s ?? a[0]?.id ?? ""), h = l(), g = ["game-ui-language-menu", e].filter(Boolean).join(" "), _ = o ?? p, v = a.find((e) => e.id === _), y = r ?? v?.label ?? a[0]?.label ?? "", b = (e) => {
-		o === void 0 && m(e), c?.(e), f(!1);
+function nn({ 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);
 	};
 	return /* @__PURE__ */ n("div", {
 		className: g,
 		children: [/* @__PURE__ */ n("button", {
 			"aria-controls": h,
-			"aria-expanded": u,
+			"aria-expanded": l,
 			className: "game-ui-language-trigger",
-			onClick: () => f((e) => !e),
+			onClick: () => d((e) => !e),
 			type: "button",
 			children: [/* @__PURE__ */ t(Z, {
 				icon: "globe",
 				size: "sm"
 			}), /* @__PURE__ */ t("span", { children: y })]
-		}), u ? /* @__PURE__ */ t("div", {
+		}), l ? /* @__PURE__ */ t("div", {
 			"aria-label": i,
 			className: "game-ui-language-popover",
 			id: h,
@@ -1534,34 +2247,34 @@ function nt({ className: e, currentLabel: r, label: i, options: a, value: o, def
 		}) : null]
 	});
 }
-function rt({ label: e, tone: r = "loading" }) {
+function rn({ 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: Ye(r === "error" ? "alert" : "timer")
+			src: Yt(r === "error" ? "alert" : "timer")
 		}), /* @__PURE__ */ t("span", { children: e })]
 	});
 }
-function it() {
-	return Le.catalog;
+function an() {
+	return Lt.catalog;
 }
 //#endregion
 //#region src/FirstSessionGameShell.tsx
-function at({ fallback: e, slot: n }) {
+function on({ fallback: e, slot: n }) {
 	return n ?? /* @__PURE__ */ t(Z, {
 		icon: e,
 		size: "sm"
 	});
 }
-function ot({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, iconSlots: o, labels: s, onHistory: c, onSettings: l, onWardrobe: u, playerName: d }) {
+function sn({ 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(Ze, {
+		children: [/* @__PURE__ */ t(Zt, {
 			className: "swimmer-first-session-hud",
 			items: [
 				{
@@ -1593,33 +2306,33 @@ function ot({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				}
 			],
 			label: s.hud,
-			actions: /* @__PURE__ */ n(P, {
+			actions: /* @__PURE__ */ n(ot, {
 				className: "swimmer-first-session-hud-actions",
 				label: s.tools,
 				children: [
-					/* @__PURE__ */ n(b, {
+					/* @__PURE__ */ n(w, {
 						"aria-label": s.wardrobe,
 						onClick: u,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(at, {
+						children: [/* @__PURE__ */ t(on, {
 							fallback: "shirt",
 							slot: o?.wardrobe
 						}), s.wardrobe]
 					}),
-					/* @__PURE__ */ n(b, {
+					/* @__PURE__ */ n(w, {
 						"aria-label": s.settings,
 						onClick: l,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(at, {
+						children: [/* @__PURE__ */ t(on, {
 							fallback: "settings",
 							slot: o?.settings
 						}), s.settings]
 					}),
-					/* @__PURE__ */ n(b, {
+					/* @__PURE__ */ n(w, {
 						"aria-label": s.history,
 						onClick: c,
 						variant: "secondary",
-						children: [/* @__PURE__ */ t(at, {
+						children: [/* @__PURE__ */ t(on, {
 							fallback: "history",
 							slot: o?.history
 						}), s.history]
@@ -1644,7 +2357,7 @@ function ot({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				}),
 				/* @__PURE__ */ n("label", {
 					className: "swimmer-first-session-input",
-					children: [/* @__PURE__ */ t(at, {
+					children: [/* @__PURE__ */ t(on, {
 						fallback: "chat",
 						slot: o?.input
 					}), /* @__PURE__ */ t("span", { children: s.input })]
@@ -1652,7 +2365,7 @@ function ot({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 				/* @__PURE__ */ n("button", {
 					className: "swimmer-first-session-emote",
 					type: "button",
-					children: [/* @__PURE__ */ t(at, {
+					children: [/* @__PURE__ */ t(on, {
 						fallback: "smile",
 						slot: o?.emote
 					}), s.emote]
@@ -1661,7 +2374,7 @@ function ot({ authenticated: e, batteryCount: r, className: i, dailyStreak: a, i
 		})]
 	});
 }
-function st({ labels: e, onDismiss: r, open: i }) {
+function cn({ labels: e, onDismiss: r, open: i }) {
 	return i ? /* @__PURE__ */ n("aside", {
 		"aria-labelledby": "swimmer-first-session-onboarding-title",
 		"aria-modal": "true",
@@ -1693,11 +2406,11 @@ function st({ labels: e, onDismiss: r, open: i }) {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "swimmer-first-session-onboarding-actions",
-					children: [/* @__PURE__ */ t(b, {
+					children: [/* @__PURE__ */ t(w, {
 						onClick: r,
 						variant: "primary",
 						children: e.start
-					}), /* @__PURE__ */ t(b, {
+					}), /* @__PURE__ */ t(w, {
 						onClick: r,
 						variant: "ghost",
 						children: e.skip
@@ -1709,7 +2422,7 @@ function st({ labels: e, onDismiss: r, open: i }) {
 }
 //#endregion
 //#region src/GameForms.tsx
-var ct = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
+var ln = 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,
@@ -1717,7 +2430,7 @@ var ct = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
 		type: r,
 		...i
 	});
-}), lt = a(function({ className: e, invalid: n, rows: r = 3, ...i }, a) {
+}), un = a(function({ className: e, invalid: n, rows: r = 3, ...i }, a) {
 	return /* @__PURE__ */ t("textarea", {
 		className: [
 			"game-ui-input",
@@ -1730,7 +2443,7 @@ var ct = a(function({ className: e, invalid: n, type: r = "text", ...i }, a) {
 		...i
 	});
 });
-function ut({ children: e, className: r, error: i, hint: a, label: o, required: s }) {
+function dn({ 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,
@@ -1756,7 +2469,7 @@ function ut({ children: e, className: r, error: i, hint: a, label: o, required:
 		]
 	});
 }
-function dt({ className: e, label: r, ...i }) {
+function fn({ className: e, label: r, ...i }) {
 	return /* @__PURE__ */ n("label", {
 		className: ["game-ui-checkbox", e].filter(Boolean).join(" "),
 		children: [
@@ -1778,11 +2491,11 @@ function dt({ className: e, label: r, ...i }) {
 }
 //#endregion
 //#region src/GameDisplay.tsx
-function ft(e) {
+function pn(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "?" : t.slice(0, 2).map((e) => e[0] ?? "").join("").toUpperCase();
 }
-function pt({ className: r, name: i, size: a = "md", src: o, status: s = "none" }) {
+function mn({ 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,
@@ -1793,7 +2506,7 @@ function pt({ 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: ft(i)
+			children: pn(i)
 		}), /* @__PURE__ */ t("span", {
 			className: "game-ui-sr-only",
 			children: i
@@ -1803,7 +2516,7 @@ function pt({ className: r, name: i, size: a = "md", src: o, status: s = "none"
 		})]
 	});
 }
-function mt({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o = "accent", value: s, valueLabel: c }) {
+function hn({ 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;
 	return /* @__PURE__ */ n("div", {
 		className: d,
@@ -1829,7 +2542,7 @@ function mt({ className: e, label: r, max: i = 100, showValue: a = !1, tone: o =
 		}) : null]
 	});
 }
-function ht({ action: e, className: r, description: i, icon: a, title: o }) {
+function gn({ action: e, className: r, description: i, icon: a, title: o }) {
 	return /* @__PURE__ */ n("div", {
 		className: ["game-ui-empty-state", r].filter(Boolean).join(" "),
 		children: [
@@ -1854,7 +2567,7 @@ function ht({ action: e, className: r, description: i, icon: a, title: o }) {
 }
 //#endregion
 //#region src/GameSurfacePack.tsx
-function gt({ 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 _n({ 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(" "),
@@ -1892,8 +2605,8 @@ function gt({ assetLibrary: e, bottomBar: r, children: i, className: a, density:
 		]
 	});
 }
-var _t = gt;
-function vt({ className: e, density: r = "comfortable", facts: i, label: a, variant: o = "facts" }) {
+var vn = _n;
+function yn({ 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(" "),
@@ -1922,9 +2635,9 @@ function vt({ className: e, density: r = "comfortable", facts: i, label: a, vari
 		}, e.id))
 	});
 }
-var yt = vt;
-function bt({ actions: r, className: i, density: a = "comfortable", iconLabelMode: o = "hidden", label: s, style: c = "button" }) {
-	return /* @__PURE__ */ n(P, {
+var bn = yn;
+function xn({ actions: r, className: i, density: a = "comfortable", iconLabelMode: o = "hidden", label: s, style: c = "button" }) {
+	return /* @__PURE__ */ n(ot, {
 		className: ["game-ui-action-grid", i].filter(Boolean).join(" "),
 		"data-icon-label-mode": c === "icon" ? o : void 0,
 		label: s,
@@ -1949,14 +2662,14 @@ function bt({ 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(I, {
+			return c === "icon" ? /* @__PURE__ */ t(st, {
 				"aria-pressed": r.selected,
 				className: "game-ui-action-grid-button",
 				disabled: r.disabled,
 				label: r.ariaLabel ?? r.label,
 				onClick: l,
 				children: s
-			}, r.id) : /* @__PURE__ */ t(b, {
+			}, r.id) : /* @__PURE__ */ t(w, {
 				"aria-pressed": r.selected,
 				className: "game-ui-action-grid-button",
 				disabled: r.disabled,
@@ -1967,7 +2680,7 @@ function bt({ actions: r, className: i, density: a = "comfortable", iconLabelMod
 		})]
 	});
 }
-var xt = [
+var Sn = [
 	{
 		direction: "forward",
 		label: "Move forward",
@@ -1992,7 +2705,7 @@ var xt = [
 		shortcut: "S / ↓",
 		symbol: "↓"
 	}
-], St = {
+], Cn = {
 	ArrowUp: "forward",
 	w: "forward",
 	W: "forward",
@@ -2007,7 +2720,7 @@ var xt = [
 	S: "backward",
 	" ": "reset"
 };
-function Ct({ actions: e = xt, className: r, density: i = "comfortable", disabled: a = !1, helpText: o, label: s, layout: c = "dpad", onMove: l }) {
+function wn({ actions: e = Sn, 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);
 	};
@@ -2017,7 +2730,7 @@ function Ct({ actions: e = xt, className: r, density: i = "comfortable", disable
 		"data-density": i,
 		"data-layout": c,
 		onKeyDown: (t) => {
-			let n = St[t.key];
+			let n = Cn[t.key];
 			if (!n) return;
 			let r = e.find((e) => e.direction === n);
 			!r || r.disabled || a || (t.preventDefault(), d(n));
@@ -2025,7 +2738,7 @@ function Ct({ actions: e = xt, className: r, density: i = "comfortable", disable
 		tabIndex: 0,
 		children: [/* @__PURE__ */ t("div", {
 			className: "game-ui-movement-pad-grid",
-			children: e.map((e) => /* @__PURE__ */ n(I, {
+			children: e.map((e) => /* @__PURE__ */ n(st, {
 				className: "game-ui-movement-button",
 				"data-direction": e.direction,
 				disabled: a || e.disabled,
@@ -2043,15 +2756,15 @@ function Ct({ actions: e = xt, className: r, density: i = "comfortable", disable
 		}), o ? /* @__PURE__ */ t("p", { children: o }) : null]
 	});
 }
-var wt = {
+var Tn = {
 	generated: "Generated",
 	imported: "Imported",
 	starter: "Starter"
-}, Tt = {
+}, En = {
 	generated: "ai",
 	imported: "warning",
 	starter: "neutral"
-}, Et = {
+}, Dn = {
 	error: "danger",
 	generating: "ai",
 	missing: "danger",
@@ -2059,12 +2772,12 @@ var wt = {
 	ready: "neutral",
 	selected: "success"
 };
-function Dt({ 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, ee = ["game-ui-asset-card", a].filter(Boolean).join(" "), w = m ?? wt[p], T = g ?? h;
+function On({ 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 ?? Tn[p], E = g ?? h;
 	return /* @__PURE__ */ n("button", {
 		"aria-label": S ?? y,
 		"aria-pressed": f,
-		className: ee,
+		className: w,
 		"data-asset-card-layout": i,
 		"data-asset-source": p,
 		"data-asset-status": h,
@@ -2091,12 +2804,12 @@ function Dt({ assetId: e, badges: r = [], cardLayout: i = "list", className: a,
 					className: "game-ui-asset-card-badges",
 					children: [
 						/* @__PURE__ */ t(X, {
-							tone: Tt[p],
-							children: w
+							tone: En[p],
+							children: T
 						}),
 						/* @__PURE__ */ t(X, {
-							tone: Et[h],
-							children: T
+							tone: Dn[h],
+							children: E
 						}),
 						r.map((e) => /* @__PURE__ */ t(X, {
 							tone: e.tone ?? "neutral",
@@ -2114,7 +2827,7 @@ function Dt({ assetId: e, badges: r = [], cardLayout: i = "list", className: a,
 		})]
 	});
 }
-function Ot({ 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 kn({ 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), {
@@ -2122,7 +2835,7 @@ function Ot({ cardLayout: e = "auto", className: r, density: i = "comfortable",
 		imported: 0,
 		starter: 0
 	});
-	return /* @__PURE__ */ t(F, {
+	return /* @__PURE__ */ t(q, {
 		className: m,
 		"data-card-layout": e,
 		title: p,
@@ -2139,15 +2852,15 @@ function Ot({ 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(X, {
-						tone: Tt[e],
+						tone: En[e],
 						children: [
-							wt[e],
+							Tn[e],
 							" ",
 							t
 						]
 					}, e))
 				}),
-				h === 0 ? /* @__PURE__ */ t(ht, {
+				h === 0 ? /* @__PURE__ */ t(gn, {
 					action: a,
 					description: o,
 					icon: "gem",
@@ -2159,13 +2872,13 @@ function Ot({ 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(X, {
-							tone: Tt[r.source],
-							children: wt[r.source]
+							tone: En[r.source],
+							children: Tn[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(Dt, {
+								return /* @__PURE__ */ t(On, {
 									...n,
 									...r ? { cardLayout: r } : {},
 									...u ? { onSelect: u } : {},
@@ -2179,16 +2892,16 @@ function Ot({ cardLayout: e = "auto", className: r, density: i = "comfortable",
 		})
 	});
 }
-function kt({ 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 An({ 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(F, {
+	return /* @__PURE__ */ t(q, {
 		className: h,
 		title: m,
 		tone: "strong",
 		children: /* @__PURE__ */ n("div", {
 			"data-density": a,
 			children: [
-				/* @__PURE__ */ t(vt, {
+				/* @__PURE__ */ t(yn, {
 					density: a,
 					facts: [{
 						icon: "gem",
@@ -2204,19 +2917,19 @@ function kt({ actions: e = [], capacityLabel: r = "Objects", className: i, densi
 					}],
 					label: `${m} facts`
 				}),
-				g ? /* @__PURE__ */ t(mt, {
+				g ? /* @__PURE__ */ t(hn, {
 					label: r,
 					max: o,
 					showValue: !0,
 					tone: _ >= o ? "warning" : "success",
 					value: _
 				}) : null,
-				e.length > 0 ? /* @__PURE__ */ t(bt, {
+				e.length > 0 ? /* @__PURE__ */ t(xn, {
 					actions: e,
 					density: a,
 					label: `${m} actions`
 				}) : null,
-				s.length > 0 ? /* @__PURE__ */ t(bt, {
+				s.length > 0 ? /* @__PURE__ */ t(xn, {
 					actions: s,
 					density: a,
 					label: `${m} object actions`,
@@ -2226,7 +2939,7 @@ function kt({ actions: e = [], capacityLabel: r = "Objects", className: i, densi
 		})
 	});
 }
-var At = kt, jt = {
+var jn = An, Mn = {
 	build: "home",
 	flatten: "card",
 	inspect: "compass",
@@ -2236,7 +2949,7 @@ var At = kt, jt = {
 	raise: "energy",
 	smooth: "lucky",
 	terrain: "portal"
-}, Mt = {
+}, Nn = {
 	error: "danger",
 	locked: "warning",
 	missing: "danger",
@@ -2244,10 +2957,10 @@ var At = kt, jt = {
 	ready: "neutral",
 	selected: "success"
 };
-function Nt(e, t, n, r) {
+function Pn(e, t, n, r) {
 	let i = {
 		disabled: !!(r || e.disabled),
-		icon: e.icon ?? jt[e.id] ?? "gem",
+		icon: e.icon ?? Mn[e.id] ?? "gem",
 		id: e.id,
 		label: e.label,
 		selected: e.id === t,
@@ -2255,21 +2968,21 @@ function Nt(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 Pt(e, t, n) {
+function Fn(e, t, n) {
 	return Number.isNaN(e) ? t : Math.min(n, Math.max(t, e));
 }
-function Ft(e) {
+function In(e) {
 	return e;
 }
-function It(e, t) {
+function Ln(e, t) {
 	return e === "auto" ? t === "mobile" || t === "small-mobile" ? "caption" : "hidden" : e;
 }
-function Lt({ activeModeId: e, className: r, disabled: i = !1, label: a, modes: o, onModeChange: s, variant: c = "desktop", "data-testid": l }) {
+function Rn({ 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": Ft(c),
+		"data-variant": In(c),
 		"data-testid": l,
 		children: [/* @__PURE__ */ t("span", {
 			className: "game-ui-sr-only",
@@ -2291,7 +3004,7 @@ function Lt({ activeModeId: e, className: r, disabled: i = !1, label: a, modes:
 					type: "button",
 					children: [
 						/* @__PURE__ */ t(Z, {
-							icon: r.icon ?? jt[r.id] ?? "portal",
+							icon: r.icon ?? Mn[r.id] ?? "portal",
 							size: c === "small-mobile" ? "sm" : "md",
 							style: "line"
 						}),
@@ -2306,8 +3019,8 @@ function Lt({ activeModeId: e, className: r, disabled: i = !1, label: a, modes:
 		})]
 	});
 }
-function Rt({ 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 = It(r, l);
+function zn({ 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 = Ln(r, l);
 	return /* @__PURE__ */ t("section", {
 		"aria-label": o,
 		className: d,
@@ -2316,8 +3029,8 @@ function Rt({ activeToolId: e, className: n, compactLabelMode: r = "auto", densi
 		"data-ui-hook": "terrain-tool-strip",
 		"data-variant": l,
 		"data-testid": u,
-		children: /* @__PURE__ */ t(bt, {
-			actions: c.map((t) => Nt(t, e, s, a)),
+		children: /* @__PURE__ */ t(xn, {
+			actions: c.map((t) => Pn(t, e, s, a)),
 			density: i,
 			iconLabelMode: f,
 			label: o,
@@ -2325,18 +3038,18 @@ function Rt({ activeToolId: e, className: n, compactLabelMode: r = "auto", densi
 		})
 	});
 }
-function zt({ 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 = Pt(o.radius, u, d), _ = Pt(o.strength, p, m), v = !!o.disabled, y = (e) => {
-		i?.(Pt(Number(e.currentTarget.value), u, d));
+function Bn({ 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 = Fn(o.radius, u, d), _ = Fn(o.strength, p, m), v = !!o.disabled, y = (e) => {
+		i?.(Fn(Number(e.currentTarget.value), u, d));
 	}, b = (e) => {
-		a?.(Pt(Number(e.currentTarget.value), p, m));
+		a?.(Fn(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(ut, {
+		children: [/* @__PURE__ */ t(dn, {
 			...r.radiusHint ? { hint: r.radiusHint } : {},
 			label: r.radius ?? "Brush radius",
 			children: /* @__PURE__ */ n("div", {
@@ -2366,7 +3079,7 @@ function zt({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange:
 					value: g
 				})]
 			})
-		}), /* @__PURE__ */ t(ut, {
+		}), /* @__PURE__ */ t(dn, {
 			...r.strengthHint ? { hint: r.strengthHint } : {},
 			label: r.strength ?? "Brush strength",
 			children: /* @__PURE__ */ n("div", {
@@ -2399,7 +3112,7 @@ function zt({ className: e, labels: r = {}, onRadiusChange: i, onStrengthChange:
 		})]
 	});
 }
-function Bt({ activeMaterialId: e, className: r, disabled: i = !1, label: a, materials: o, onMaterialChange: s, variant: c = "desktop", "data-testid": l }) {
+function Vn({ 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(" "),
@@ -2442,14 +3155,14 @@ function Bt({ activeMaterialId: e, className: r, disabled: i = !1, label: a, mat
 		})
 	});
 }
-function Vt({ 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 Hn({ 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(bt, {
+		children: /* @__PURE__ */ t(xn, {
 			actions: [{
 				disabled: i || !n,
 				icon: "undo",
@@ -2475,9 +3188,9 @@ function Vt({ canRedo: e = !1, canUndo: n = !1, className: r, disabled: i = !1,
 		})
 	});
 }
-function Ht({ 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 Un({ 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(F, {
+	return /* @__PURE__ */ t(q, {
 		className: h,
 		"data-ui-hook": "build-library",
 		"data-variant": p,
@@ -2505,7 +3218,7 @@ function Ht({ activeCategoryId: e, categories: r, className: i, density: a = "co
 						type: "button",
 						children: [
 							/* @__PURE__ */ t(Z, {
-								icon: e.icon ?? jt[e.id] ?? "home",
+								icon: e.icon ?? Mn[e.id] ?? "home",
 								size: "sm",
 								style: "line"
 							}),
@@ -2514,7 +3227,7 @@ function Ht({ activeCategoryId: e, categories: r, className: i, density: a = "co
 						]
 					}, e.id);
 				})
-			}), v.length === 0 || !_ ? /* @__PURE__ */ t(ht, {
+			}), v.length === 0 || !_ ? /* @__PURE__ */ t(gn, {
 				description: o,
 				icon: "home",
 				title: s
@@ -2552,7 +3265,7 @@ function Ht({ activeCategoryId: e, categories: r, className: i, density: a = "co
 								/* @__PURE__ */ n("span", {
 									className: "game-ui-build-item-badges",
 									children: [/* @__PURE__ */ t(X, {
-										tone: Mt[i],
+										tone: Nn[i],
 										children: i
 									}), e.badges?.map((e) => /* @__PURE__ */ t(X, {
 										tone: e.tone ?? "neutral",
@@ -2570,7 +3283,7 @@ function Ht({ activeCategoryId: e, categories: r, className: i, density: a = "co
 		})
 	});
 }
-function Ut({ 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 Wn({ 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,
@@ -2579,7 +3292,7 @@ function Ut({ children: e, className: r, closeIcon: i = "close", closeLabel: a =
 		"data-ui-hook": "compact-game-drawer",
 		"data-variant": m,
 		"data-testid": h,
-		children: [/* @__PURE__ */ n(b, {
+		children: [/* @__PURE__ */ n(w, {
 			"aria-controls": _,
 			"aria-expanded": l,
 			className: "game-ui-compact-game-drawer-trigger",
@@ -2597,7 +3310,7 @@ function Ut({ children: e, className: r, closeIcon: i = "close", closeLabel: a =
 			className: "game-ui-compact-game-drawer-panel",
 			"data-drawer-panel": "true",
 			id: _,
-			children: /* @__PURE__ */ t(F, {
+			children: /* @__PURE__ */ t(q, {
 				title: d,
 				tone: "strong",
 				children: e
@@ -2605,7 +3318,7 @@ function Ut({ children: e, className: r, closeIcon: i = "close", closeLabel: a =
 		})]
 	});
 }
-function Wt({ status: e }) {
+function Gn({ 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", {
@@ -2618,7 +3331,7 @@ function Wt({ status: e }) {
 				children: e.label
 			}),
 			e.description ? /* @__PURE__ */ t("p", { children: e.description }) : null,
-			r ? /* @__PURE__ */ t(mt, {
+			r ? /* @__PURE__ */ t(hn, {
 				label: e.progressLabel ?? e.label,
 				max: a,
 				showValue: !0,
@@ -2628,66 +3341,66 @@ function Wt({ status: e }) {
 		]
 	});
 }
-function Gt({ 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: ee, undoRedo: w, variant: T = "desktop" }) {
+function Kn({ 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": T,
+		"data-variant": E,
 		children: [
-			/* @__PURE__ */ t(Wt, { status: S }),
-			/* @__PURE__ */ t(Lt, {
+			/* @__PURE__ */ t(Gn, { status: S }),
+			/* @__PURE__ */ t(Rn, {
 				activeModeId: i,
 				disabled: l,
 				label: "Tool mode",
 				modes: d,
 				onModeChange: g,
-				variant: T
+				variant: E
 			}),
 			/* @__PURE__ */ n("div", {
 				className: "game-ui-terrain-build-main-grid",
 				children: [
-					/* @__PURE__ */ t(Rt, {
+					/* @__PURE__ */ t(zn, {
 						activeToolId: a,
 						compactLabelMode: C,
 						density: c,
 						disabled: l,
 						label: "Terrain tools",
 						onToolChange: y,
-						tools: ee,
-						variant: T
+						tools: w,
+						variant: E
 					}),
-					/* @__PURE__ */ t(Vt, {
-						canRedo: w?.canRedo,
-						canUndo: w?.canUndo,
+					/* @__PURE__ */ t(Hn, {
+						canRedo: T?.canRedo,
+						canUndo: T?.canUndo,
 						disabled: l,
 						label: "Terrain history",
 						onRedo: _,
 						onUndo: b,
-						redoLabel: w?.redoLabel,
-						undoLabel: w?.undoLabel,
-						variant: T
+						redoLabel: T?.redoLabel,
+						undoLabel: T?.undoLabel,
+						variant: E
 					}),
-					/* @__PURE__ */ t(zt, {
+					/* @__PURE__ */ t(Bn, {
 						onRadiusChange: f,
 						onStrengthChange: p,
 						state: {
 							...o,
 							disabled: !!(l || o.disabled)
 						},
-						variant: T
+						variant: E
 					}),
-					u.length > 0 ? /* @__PURE__ */ t(Bt, {
+					u.length > 0 ? /* @__PURE__ */ t(Vn, {
 						activeMaterialId: r,
 						disabled: l,
 						label: "Terrain materials",
 						materials: u,
 						onMaterialChange: h,
-						variant: T
+						variant: E
 					}) : null
 				]
 			}),
-			s.length > 0 ? /* @__PURE__ */ t(Ht, {
+			s.length > 0 ? /* @__PURE__ */ t(Un, {
 				activeCategoryId: e,
 				categories: s,
 				density: c,
@@ -2696,17 +3409,17 @@ function Gt({ activeBuildCategoryId: e, activeMaterialId: r, activeModeId: i, ac
 				onSelectItem: v,
 				selectedItemId: x,
 				title: "Build pieces",
-				variant: T
+				variant: E
 			}) : null
 		]
 	});
 }
-function Kt({ 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(Gt, {
+function qn({ 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(Kn, {
 		...l,
 		variant: s
 	});
-	return s === "mobile" || s === "small-mobile" ? /* @__PURE__ */ t(Ut, {
+	return s === "mobile" || s === "small-mobile" ? /* @__PURE__ */ t(Wn, {
 		className: u,
 		label: i,
 		onOpenChange: a,
@@ -2716,7 +3429,7 @@ function Kt({ className: e, drawerOpen: n = !1, drawerTitle: r = "Terrain and bu
 		variant: s,
 		"data-testid": c,
 		children: d
-	}) : /* @__PURE__ */ t(F, {
+	}) : /* @__PURE__ */ t(q, {
 		className: u,
 		"data-ui-hook": "terrain-build-toolbox",
 		"data-variant": s,
@@ -2731,7 +3444,7 @@ function Kt({ className: e, drawerOpen: n = !1, drawerTitle: r = "Terrain and bu
 }
 //#endregion
 //#region src/GameContractorTools.tsx
-var qt = {
+var Jn = {
 	accepted: "success",
 	blocked: "danger",
 	cancelled: "neutral",
@@ -2740,7 +3453,7 @@ var qt = {
 	queued: "warning",
 	readyForReview: "success",
 	working: "ai"
-}, Jt = {
+}, Yn = {
 	accepted: "check",
 	blocked: "alert",
 	cancelled: "close",
@@ -2749,26 +3462,26 @@ var qt = {
 	queued: "hourglass",
 	readyForReview: "vote",
 	working: "energy"
-}, Yt = {
+}, Xn = {
 	active: "ai",
 	blocked: "danger",
 	complete: "success",
 	pending: "neutral"
-}, Xt = {
+}, Zn = {
 	blocked: "danger",
 	done: "success",
 	idle: "neutral",
 	queued: "warning",
 	working: "ai"
-}, Zt = {
+}, Qn = {
 	"local-only": "Local only",
 	mock: "Mock run",
 	"paid-disabled": "Paid provider off"
-}, Qt = {
+}, $n = {
 	"local-only": "success",
 	mock: "ai",
 	"paid-disabled": "warning"
-}, $t = {
+}, er = {
 	accepted: [{
 		id: "revert",
 		label: "Revert",
@@ -2874,17 +3587,17 @@ var qt = {
 		tone: "danger"
 	}]
 };
-function en(e, t) {
+function tr(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 tn(e) {
+function nr(e) {
 	return e === "blocked" || e === "cancelled" ? "danger" : e === "accepted" || e === "readyForReview" ? "success" : e === "queued" || e === "draft" || e === "preview" ? "warning" : "accent";
 }
-function nn(e) {
+function rr(e) {
 	switch (e) {
 		case "accepted": return 100;
 		case "blocked": return 42;
@@ -2896,7 +3609,7 @@ function nn(e) {
 		case "working": return 64;
 	}
 }
-function rn(e, t, n) {
+function ir(e, t, n) {
 	let r = {
 		disabled: !!(n || e.disabled),
 		id: e.id,
@@ -2905,14 +3618,14 @@ function rn(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 an(e) {
+function ar(e) {
 	return e === "danger" || e === "warning" ? "alert" : "status";
 }
-function on(e) {
+function or(e) {
 	return !!(e.before && e.after);
 }
-function sn({ 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 ?? nn(s), g = en(s, c);
+function sr({ 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 ?? rr(s), g = tr(s, c);
 	return /* @__PURE__ */ n("section", {
 		"aria-label": r,
 		className: m,
@@ -2924,18 +3637,18 @@ function sn({ 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(Z, {
-					icon: Jt[s],
+					icon: Yn[s],
 					size: "sm"
 				}), /* @__PURE__ */ t("strong", { children: a })] }), o ? /* @__PURE__ */ t(X, {
-					tone: qt[s],
+					tone: Jn[s],
 					children: g
 				}) : null]
 			}),
-			/* @__PURE__ */ t(mt, {
+			/* @__PURE__ */ t(hn, {
 				label: a,
 				max: i,
 				showValue: !0,
-				tone: tn(s),
+				tone: nr(s),
 				value: h
 			}),
 			l.length > 0 ? /* @__PURE__ */ t("ol", {
@@ -2950,7 +3663,7 @@ function sn({ 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(X, {
-							tone: Yt[e.status],
+							tone: Xn[e.status],
 							children: e.status
 						})
 					]
@@ -2962,7 +3675,7 @@ function sn({ 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: an(e.tone),
+					role: ar(e.tone),
 					children: [/* @__PURE__ */ t(Z, {
 						icon: e.tone === "danger" || e.tone === "warning" ? "alert" : "check",
 						size: "sm"
@@ -2972,8 +3685,8 @@ function sn({ className: e, label: r, max: i = 100, progressLabel: a = "Construc
 		]
 	});
 }
-function cn({ 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 ?? $t[l], h = u.filter((e) => e.tone !== "success").length, g = m.map((e) => rn(e, s, i));
+function cr({ 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 ?? er[l], h = u.filter((e) => e.tone !== "success").length, g = m.map((e) => ir(e, s, i));
 	return /* @__PURE__ */ n("section", {
 		"aria-label": a,
 		className: p,
@@ -2984,8 +3697,8 @@ function cn({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLab
 		children: [/* @__PURE__ */ n("div", {
 			className: "game-ui-construction-approval-meta",
 			children: [c ? /* @__PURE__ */ t(X, {
-				tone: Qt[c],
-				children: Zt[c]
+				tone: $n[c],
+				children: Qn[c]
 			}) : /* @__PURE__ */ t(X, {
 				tone: "success",
 				children: o
@@ -3000,21 +3713,21 @@ function cn({ actions: e, className: r, disabled: i = !1, label: a, localOnlyLab
 				tone: "success",
 				children: "Validation clear"
 			})]
-		}), g.length > 0 ? /* @__PURE__ */ t(bt, {
+		}), g.length > 0 ? /* @__PURE__ */ t(xn, {
 			actions: g,
 			density: d === "small-mobile" ? "dense" : "comfortable",
 			label: `${a} actions`
 		}) : null]
 	});
 }
-function ln({ 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 lr({ 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(ht, {
+		children: [s ? /* @__PURE__ */ t("header", { children: /* @__PURE__ */ t("strong", { children: s }) }) : null, r.length === 0 ? /* @__PURE__ */ t(gn, {
 			description: i,
 			icon: "ai",
 			title: a
@@ -3037,7 +3750,7 @@ function ln({ className: e, crew: r, emptyDescription: i = "Robot crew members a
 						]
 					}),
 					/* @__PURE__ */ t(X, {
-						tone: Xt[e.status],
+						tone: Zn[e.status],
 						children: e.status
 					})
 				]
@@ -3045,7 +3758,7 @@ function ln({ className: e, crew: r, emptyDescription: i = "Robot crew members a
 		})]
 	});
 }
-function un({ activeView: e, after: r, before: i, className: a, label: o, onViewChange: s, variant: c = "desktop", "data-testid": l }) {
+function ur({ 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,
@@ -3054,7 +3767,7 @@ function un({ 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(R, {
+		children: [/* @__PURE__ */ t(ut, {
 			activeId: e,
 			label: `${o} view`,
 			...s ? { onSelect: (e) => s(e) } : {},
@@ -3081,8 +3794,8 @@ function un({ activeView: e, after: r, before: i, className: a, label: o, onView
 		})]
 	});
 }
-function dn({ 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 = en(i.status, i.statusLabel), m = u === "mobile" || u === "small-mobile", h = i.facts ?? [];
+function dr({ 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 = tr(i.status, i.statusLabel), m = u === "mobile" || u === "small-mobile", h = i.facts ?? [];
 	return /* @__PURE__ */ n("article", {
 		className: f,
 		"data-density": r,
@@ -3102,19 +3815,19 @@ function dn({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 					onClick: () => o?.(i.id),
 					type: "button",
 					children: [/* @__PURE__ */ t(Z, {
-						icon: Jt[i.status],
+						icon: Yn[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(X, {
-							tone: qt[i.status],
+							tone: Jn[i.status],
 							children: p
 						}),
 						i.providerMode ? /* @__PURE__ */ t(X, {
-							tone: Qt[i.providerMode],
-							children: Zt[i.providerMode]
+							tone: $n[i.providerMode],
+							children: Qn[i.providerMode]
 						}) : null,
 						i.badges?.map((e) => /* @__PURE__ */ t(X, {
 							tone: e.tone ?? "neutral",
@@ -3132,7 +3845,7 @@ function dn({ 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(sn, {
+			/* @__PURE__ */ t(sr, {
 				label: `${i.title} progress`,
 				progressLabel: i.progressLabel,
 				status: i.status,
@@ -3143,19 +3856,19 @@ function dn({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 				max: i.progressMax,
 				variant: u
 			}),
-			l && on(i) ? /* @__PURE__ */ t(un, {
+			l && or(i) ? /* @__PURE__ */ t(ur, {
 				activeView: "after",
 				after: i.after,
 				before: i.before,
 				label: `${i.title} preview`,
 				variant: u
 			}) : null,
-			i.crew && i.crew.length > 0 ? /* @__PURE__ */ t(ln, {
+			i.crew && i.crew.length > 0 ? /* @__PURE__ */ t(lr, {
 				crew: i.crew,
 				label: `${i.title} robot crew`,
 				variant: u
 			}) : null,
-			c ? /* @__PURE__ */ t(cn, {
+			c ? /* @__PURE__ */ t(cr, {
 				actions: i.actions,
 				label: `${i.title} approval`,
 				onAction: (e) => a?.(e, i.id),
@@ -3167,8 +3880,8 @@ function dn({ className: e, density: r = "comfortable", job: i, onAction: a, onS
 		]
 	});
 }
-function fn({ 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(Ut, {
+function fr({ 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(Wn, {
 		className: ["game-ui-compact-job-drawer", n].filter(Boolean).join(" "),
 		closeLabel: r,
 		disabled: i,
@@ -3184,7 +3897,7 @@ function fn({ 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(dn, {
+			children: a.map((e) => /* @__PURE__ */ t(dr, {
 				density: "dense",
 				job: e,
 				onAction: s,
@@ -3196,7 +3909,7 @@ function fn({ children: e, className: n, closeLabel: r = "Close jobs", disabled:
 		})
 	});
 }
-function pn({ 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 pr({ 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,
@@ -3205,7 +3918,7 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 		"data-variant": _,
 		"data-testid": v,
 		children: [
-			/* @__PURE__ */ t(fn, {
+			/* @__PURE__ */ t(fr, {
 				jobs: c,
 				label: `${l} drawer`,
 				onAction: u,
@@ -3217,22 +3930,22 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 				triggerLabel: "Contractor",
 				variant: _
 			}),
-			b && !a ? /* @__PURE__ */ t(dn, {
+			b && !a ? /* @__PURE__ */ t(dr, {
 				density: "dense",
 				job: b,
 				onAction: u,
 				onSelect: p,
 				selected: !0,
-				showBeforeAfter: on(b),
+				showBeforeAfter: or(b),
 				variant: _
 			}) : null,
-			b ? null : /* @__PURE__ */ t(ht, {
+			b ? null : /* @__PURE__ */ t(gn, {
 				description: o,
 				icon: "energy",
 				title: s
 			})
 		]
-	}) : /* @__PURE__ */ t(F, {
+	}) : /* @__PURE__ */ t(q, {
 		className: y,
 		"data-ui-hook": "contractor-panel",
 		"data-variant": _,
@@ -3247,7 +3960,7 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 					className: "game-ui-contractor-panel-subtitle",
 					children: h
 				}) : null,
-				c.length === 0 ? /* @__PURE__ */ t(ht, {
+				c.length === 0 ? /* @__PURE__ */ t(gn, {
 					description: o,
 					icon: "energy",
 					title: s
@@ -3258,7 +3971,7 @@ function pn({ 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(dn, {
+						children: c.map((e) => /* @__PURE__ */ t(dr, {
 							density: i,
 							job: e,
 							onAction: u,
@@ -3271,7 +3984,7 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 						className: "game-ui-contractor-detail",
 						"aria-label": `${b.title} detail`,
 						children: [
-							/* @__PURE__ */ t(sn, {
+							/* @__PURE__ */ t(sr, {
 								label: `${b.title} progress detail`,
 								progressLabel: b.progressLabel,
 								status: b.status,
@@ -3282,7 +3995,7 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 								max: b.progressMax,
 								variant: _
 							}),
-							on(b) ? /* @__PURE__ */ t(un, {
+							or(b) ? /* @__PURE__ */ t(ur, {
 								activeView: e,
 								after: b.after,
 								before: b.before,
@@ -3290,13 +4003,13 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 								onViewChange: f,
 								variant: _
 							}) : null,
-							/* @__PURE__ */ t(ln, {
+							/* @__PURE__ */ t(lr, {
 								crew: b.crew ?? [],
 								label: `${b.title} robot crew`,
 								title: "Robot crew",
 								variant: _
 							}),
-							/* @__PURE__ */ t(cn, {
+							/* @__PURE__ */ t(cr, {
 								actions: b.actions,
 								label: `${b.title} approval`,
 								onAction: u ? (e) => u(e, b.id) : void 0,
@@ -3314,32 +4027,32 @@ function pn({ activePreviewView: e = "after", className: r, density: i = "comfor
 }
 //#endregion
 //#region src/GamePanelSystem.tsx
-function mn(...e) {
+function mr(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var hn = {
+var hr = {
 	collapse: "Collapse",
 	expand: "Expand"
 };
-function gn({ actions: e, children: r, className: i, defaultOpen: a = !0, labels: o, onOpenChange: s, open: c, title: u, tone: f = "default", ...p }) {
-	let m = l(), [h, g] = d(a), _ = c ?? h, v = {
-		...hn,
+function gr({ 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 = {
+		...hr,
 		...o
 	}, y = () => {
 		let e = !_;
 		c === void 0 && g(e), s?.(e);
 	};
 	return /* @__PURE__ */ n("section", {
-		...p,
-		className: mn("game-ui-collapsible", i),
+		...f,
+		className: mr("game-ui-collapsible", i),
 		"data-open": _,
-		"data-panel-tone": f,
+		"data-panel-tone": d,
 		children: [/* @__PURE__ */ n("header", {
 			className: "game-ui-collapsible-header",
 			children: [/* @__PURE__ */ t("h3", {
 				className: "game-ui-collapsible-heading",
 				children: /* @__PURE__ */ n("button", {
-					"aria-controls": m,
+					"aria-controls": p,
 					"aria-expanded": _,
 					className: "game-ui-collapsible-toggle",
 					onClick: y,
@@ -3350,7 +4063,7 @@ function gn({ actions: e, children: r, className: i, defaultOpen: a = !0, labels
 						className: "game-ui-collapsible-chevron"
 					}), /* @__PURE__ */ t("span", {
 						className: "game-ui-collapsible-title",
-						children: u
+						children: l
 					})]
 				})
 			}), e ? /* @__PURE__ */ t("span", {
@@ -3359,7 +4072,7 @@ function gn({ actions: e, children: r, className: i, defaultOpen: a = !0, labels
 			}) : null]
 		}), /* @__PURE__ */ t("div", {
 			className: "game-ui-collapsible-region",
-			id: m,
+			id: p,
 			children: /* @__PURE__ */ t("div", {
 				className: "game-ui-collapsible-clip",
 				children: /* @__PURE__ */ t("div", {
@@ -3370,13 +4083,13 @@ function gn({ actions: e, children: r, className: i, defaultOpen: a = !0, labels
 		})]
 	});
 }
-var _n = {
+var _r = {
 	close: "Close",
 	maximize: "Maximize",
 	minimize: "Minimize",
 	restore: "Restore"
 };
-function vn({ kind: e }) {
+function vr({ kind: e }) {
 	return /* @__PURE__ */ t("svg", {
 		"aria-hidden": "true",
 		fill: "none",
@@ -3396,17 +4109,17 @@ function vn({ kind: e }) {
 		})
 	});
 }
-function yn({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, className: a, defaultState: o = "normal", footer: s, icon: c, labels: l, onClose: u, onStateChange: f, state: p, title: m, ...h }) {
-	let [g, _] = d(o), v = p ?? g, y = {
-		..._n,
+function yr({ 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 = {
+		..._r,
 		...l
 	}, b = (e) => {
-		p === void 0 && _(e), f?.(e);
+		f === void 0 && _(e), d?.(e);
 	}, x = v === "minimized", S = v === "maximized";
 	return /* @__PURE__ */ n("section", {
 		...h,
-		"aria-label": m,
-		className: mn("game-ui-window", a),
+		"aria-label": p,
+		className: mr("game-ui-window", a),
 		"data-window-state": v,
 		role: "group",
 		children: [/* @__PURE__ */ n("header", {
@@ -3419,7 +4132,7 @@ function yn({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, classNa
 				}) : null,
 				/* @__PURE__ */ t("h3", {
 					className: "game-ui-window-title",
-					children: m
+					children: p
 				}),
 				/* @__PURE__ */ n("span", {
 					className: "game-ui-window-actions",
@@ -3429,21 +4142,21 @@ function yn({ 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(vn, { kind: x ? "restore" : "minimize" })
+							children: /* @__PURE__ */ t(vr, { 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(vn, { kind: S ? "restore" : "maximize" })
+							children: /* @__PURE__ */ t(vr, { 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(vn, { kind: "close" })
+							children: /* @__PURE__ */ t(vr, { kind: "close" })
 						}) : null
 					]
 				})
@@ -3463,16 +4176,16 @@ function yn({ allowMaximize: e = !0, allowMinimize: r = !0, children: i, classNa
 		})]
 	});
 }
-function bn({ children: e, className: r, closeLabel: i = "Close", closeOnBackdrop: a = !0, footer: o, onClose: s, open: d, position: f = "center", size: p = "md", title: m }) {
-	let h = u(null), g = l();
-	return c(() => {
+function br({ 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 && (d && !e.open && e.showModal(), !d && e.open && e.close());
-	}, [d]), /* @__PURE__ */ t("dialog", {
+		e && (c && !e.open && e.showModal(), !c && e.open && e.close());
+	}, [c]), /* @__PURE__ */ t("dialog", {
 		"aria-labelledby": g,
-		className: mn("game-ui-modal", r),
-		"data-position": f,
-		"data-size": p,
+		className: mr("game-ui-modal", r),
+		"data-position": d,
+		"data-size": f,
 		onCancel: (e) => {
 			e.preventDefault(), s();
 		},
@@ -3494,12 +4207,12 @@ function bn({ children: e, className: r, closeLabel: i = "Close", closeOnBackdro
 						className: "game-ui-icon-button game-ui-window-button",
 						onClick: s,
 						type: "button",
-						children: /* @__PURE__ */ t(vn, { kind: "close" })
+						children: /* @__PURE__ */ t(vr, { kind: "close" })
 					})]
 				}),
 				/* @__PURE__ */ t("div", {
 					className: "game-ui-modal-body",
-					children: d ? e : null
+					children: c ? e : null
 				}),
 				o ? /* @__PURE__ */ t("footer", {
 					className: "game-ui-modal-footer",
@@ -3511,7 +4224,7 @@ function bn({ children: e, className: r, closeLabel: i = "Close", closeOnBackdro
 }
 //#endregion
 //#region src/previewStates.ts
-var xn = [
+var xr = [
 	{
 		id: "history-human-long",
 		kind: "human",
@@ -3533,22 +4246,22 @@ var xn = [
 		speaker: "Table",
 		text: "Three votes are locked. One more read can still change the pact."
 	}
-], Sn = {
-	...G,
-	...K,
-	...Se,
-	...Ce,
-	...we,
-	...q,
-	...J,
-	...Ee
+], Sr = {
+	...vt,
+	...yt,
+	...bt,
+	...xt,
+	...St,
+	...Ct,
+	...wt,
+	...Et
 }, Q = {
 	toneAttr: "data-game-ui-tone",
 	toneGlass: "glass",
 	densityAttr: "data-game-ui-density",
 	densityCompact: "compact",
 	scopeClass: "game-ui-overlay-scope"
-}, Cn = Te, wn = /* @__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("."), Tn = {
+}, Cr = Tt, wr = /* @__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("."), Tr = {
 	en: {
 		triggerLabel: "EN",
 		langMenuLabel: "Preview language",
@@ -3749,7 +4462,7 @@ var xn = [
 			hint: "Rotate manually if this browser blocks automatic landscape lock."
 		},
 		historyLabel: "Round history",
-		history: xn
+		history: xr
 	},
 	"zh-CN": {
 		triggerLabel: "中",
@@ -3975,57 +4688,57 @@ var xn = [
 			}
 		]
 	}
-}, En = i(Tn.en), $ = () => s(En), Dn = [
+}, Er = i(Tr.en), $ = () => c(Er), Dr = [
 	{
 		id: "colors",
-		tokens: W
+		tokens: J
 	},
 	{
 		id: "semantic",
-		tokens: G
+		tokens: vt
 	},
 	{
 		id: "typography",
-		tokens: K
+		tokens: yt
 	},
 	{
 		id: "spacing",
-		tokens: Se
+		tokens: bt
 	},
 	{
 		id: "radius",
-		tokens: Ce
+		tokens: xt
 	},
 	{
 		id: "elevation",
-		tokens: we
+		tokens: St
 	},
 	{
 		id: "motion",
-		tokens: q
+		tokens: Ct
 	},
 	{
 		id: "overlayGlass",
-		tokens: xe
+		tokens: _t
 	},
 	{
 		id: "liquidMetal",
-		tokens: be
+		tokens: gt
 	},
 	{
 		id: "layers",
-		tokens: J
+		tokens: wt
 	},
 	{
 		id: "targets",
-		tokens: Te
+		tokens: Tt
 	},
 	{
 		id: "assetSizing",
-		tokens: Ee
+		tokens: Et
 	}
 ];
-function On({ id: e, label: r, tokens: i }) {
+function Or({ id: e, label: r, tokens: i }) {
 	return /* @__PURE__ */ n("article", {
 		className: "game-ui-token-card",
 		children: [/* @__PURE__ */ t("h3", { children: r }), /* @__PURE__ */ t("div", {
@@ -4037,17 +4750,17 @@ function On({ id: e, label: r, tokens: i }) {
 		})]
 	});
 }
-function kn() {
+function kr() {
 	return /* @__PURE__ */ t("div", {
 		"aria-label": "Clay color swatches",
 		className: "game-ui-swatch-grid",
-		children: Object.entries(W).map(([e, r]) => /* @__PURE__ */ n("figure", {
+		children: Object.entries(J).map(([e, r]) => /* @__PURE__ */ n("figure", {
 			className: "game-ui-swatch",
 			children: [/* @__PURE__ */ t("span", { style: { background: r } }), /* @__PURE__ */ n("figcaption", { children: [/* @__PURE__ */ t("strong", { children: e }), /* @__PURE__ */ t("code", { children: r })] })]
 		}, e))
 	});
 }
-function An() {
+function Ar() {
 	let { type: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-type-scale",
@@ -4063,36 +4776,36 @@ function An() {
 		]
 	});
 }
-function jn() {
+function jr() {
 	let { buttons: e } = $();
-	return /* @__PURE__ */ n(F, {
+	return /* @__PURE__ */ n(q, {
 		title: e.panelTitle,
 		tone: "strong",
 		children: [
 			/* @__PURE__ */ n("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						variant: "primary",
 						children: e.openTable
 					}),
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						variant: "secondary",
 						children: e.useCode
 					}),
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						variant: "ghost",
 						children: e.continueHost
 					}),
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						variant: "success",
 						children: e.readyUp
 					}),
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						variant: "danger",
 						children: e.leaveTable
 					}),
-					/* @__PURE__ */ t(b, {
+					/* @__PURE__ */ t(w, {
 						disabled: !0,
 						variant: "secondary",
 						children: e.waiting
@@ -4102,9 +4815,9 @@ function jn() {
 			/* @__PURE__ */ n("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ t(ye, {
+					/* @__PURE__ */ t(ct, {
 						label: e.settingsTip,
-						children: /* @__PURE__ */ t(I, {
+						children: /* @__PURE__ */ t(st, {
 							label: e.settingsTip,
 							children: /* @__PURE__ */ t(Z, {
 								icon: "settings",
@@ -4112,7 +4825,7 @@ function jn() {
 							})
 						})
 					}),
-					/* @__PURE__ */ t(I, {
+					/* @__PURE__ */ t(st, {
 						label: e.copyInvite,
 						children: /* @__PURE__ */ t(Z, {
 							icon: "copy",
@@ -4133,7 +4846,7 @@ function jn() {
 					})
 				]
 			}),
-			/* @__PURE__ */ t(R, {
+			/* @__PURE__ */ t(ut, {
 				activeId: "live",
 				label: e.segmentedLabel,
 				options: [
@@ -4151,7 +4864,7 @@ function jn() {
 					}
 				]
 			}),
-			/* @__PURE__ */ t(L, {
+			/* @__PURE__ */ t(lt, {
 				activeId: "portal",
 				tabs: [
 					{
@@ -4168,7 +4881,7 @@ function jn() {
 					}
 				]
 			}),
-			/* @__PURE__ */ t(V, {
+			/* @__PURE__ */ t(pt, {
 				items: [
 					{
 						id: "wave",
@@ -4185,20 +4898,20 @@ function jn() {
 				],
 				label: e.radialLabel
 			}),
-			/* @__PURE__ */ t(z, {
+			/* @__PURE__ */ t(dt, {
 				label: e.sliderLabel,
 				max: 100,
 				min: 0,
 				value: 68
 			}),
-			/* @__PURE__ */ t(B, {
+			/* @__PURE__ */ t(ft, {
 				checked: !0,
 				label: e.toggleLabel
 			})
 		]
 	});
 }
-function Mn() {
+function Mr() {
 	let { hud: e, tiles: r } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-stage-demo",
@@ -4206,7 +4919,7 @@ function Mn() {
 			"aria-label": "Clay world HUD preview",
 			className: "game-ui-stage-world",
 			children: [
-				/* @__PURE__ */ t(Ze, {
+				/* @__PURE__ */ t(Zt, {
 					label: e.label,
 					items: [
 						{
@@ -4229,15 +4942,15 @@ function Mn() {
 							value: "02:46"
 						}
 					],
-					actions: /* @__PURE__ */ n(P, {
+					actions: /* @__PURE__ */ n(ot, {
 						label: e.tools,
-						children: [/* @__PURE__ */ t(I, {
+						children: [/* @__PURE__ */ t(st, {
 							label: e.history,
 							children: /* @__PURE__ */ t(Z, {
 								icon: "scroll",
 								size: "sm"
 							})
-						}), /* @__PURE__ */ t(I, {
+						}), /* @__PURE__ */ t(st, {
 							label: e.settings,
 							children: /* @__PURE__ */ t(Z, {
 								icon: "settings",
@@ -4265,10 +4978,10 @@ function Mn() {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "game-ui-input-strip",
-					children: [/* @__PURE__ */ t(b, {
+					children: [/* @__PURE__ */ t(w, {
 						variant: "secondary",
 						children: e.emote
-					}), /* @__PURE__ */ t(b, {
+					}), /* @__PURE__ */ t(w, {
 						variant: "primary",
 						children: e.sendRead
 					})]
@@ -4277,7 +4990,7 @@ function Mn() {
 		}), /* @__PURE__ */ n("div", {
 			className: "game-ui-stage-sidecar",
 			children: [
-				/* @__PURE__ */ t($e, {
+				/* @__PURE__ */ t($t, {
 					badge: r.daily.badge,
 					icon: "scroll",
 					kicker: r.daily.kicker,
@@ -4286,7 +4999,7 @@ function Mn() {
 					title: r.daily.title,
 					tone: "daily"
 				}),
-				/* @__PURE__ */ t($e, {
+				/* @__PURE__ */ t($t, {
 					badge: r.portal.badge,
 					icon: "portal",
 					kicker: r.portal.kicker,
@@ -4294,7 +5007,7 @@ function Mn() {
 					title: r.portal.title,
 					tone: "portal"
 				}),
-				/* @__PURE__ */ t($e, {
+				/* @__PURE__ */ t($t, {
 					icon: "energy",
 					kicker: r.host.kicker,
 					summary: r.host.summary,
@@ -4305,7 +5018,7 @@ function Mn() {
 		})]
 	});
 }
-function Nn() {
+function Nr() {
 	let { hud: e, buttons: r } = $(), i = (i) => {
 		let a = i === "glass";
 		return /* @__PURE__ */ n("div", {
@@ -4319,7 +5032,7 @@ function Nn() {
 				[Q.toneAttr]: Q.toneGlass,
 				[Q.densityAttr]: Q.densityCompact
 			} : {},
-			children: [/* @__PURE__ */ t(Ze, {
+			children: [/* @__PURE__ */ t(Zt, {
 				label: e.label,
 				items: [
 					{
@@ -4342,15 +5055,15 @@ function Nn() {
 						value: "02:46"
 					}
 				],
-				actions: /* @__PURE__ */ n(P, {
+				actions: /* @__PURE__ */ n(ot, {
 					label: e.tools,
-					children: [/* @__PURE__ */ t(I, {
+					children: [/* @__PURE__ */ t(st, {
 						label: e.history,
 						children: /* @__PURE__ */ t(Z, {
 							icon: "scroll",
 							size: "sm"
 						})
-					}), /* @__PURE__ */ t(I, {
+					}), /* @__PURE__ */ t(st, {
 						label: e.settings,
 						children: /* @__PURE__ */ t(Z, {
 							icon: "settings",
@@ -4358,7 +5071,7 @@ function Nn() {
 						})
 					})]
 				})
-			}), /* @__PURE__ */ n(F, {
+			}), /* @__PURE__ */ n(q, {
 				title: r.panelTitle,
 				children: [/* @__PURE__ */ n("div", {
 					className: "game-ui-hud-cluster",
@@ -4371,7 +5084,7 @@ function Nn() {
 							tone: "success",
 							children: r.readyBadge
 						}),
-						/* @__PURE__ */ t(mt, {
+						/* @__PURE__ */ t(hn, {
 							label: e.reveal,
 							value: 68
 						})
@@ -4379,15 +5092,15 @@ function Nn() {
 				}), /* @__PURE__ */ n("div", {
 					className: "game-ui-input-strip",
 					children: [
-						/* @__PURE__ */ t(b, {
+						/* @__PURE__ */ t(w, {
 							variant: "secondary",
 							children: e.emote
 						}),
-						/* @__PURE__ */ t(b, {
+						/* @__PURE__ */ t(w, {
 							variant: "primary",
 							children: e.sendRead
 						}),
-						/* @__PURE__ */ t(b, {
+						/* @__PURE__ */ t(w, {
 							variant: "ghost",
 							children: r.leaveTable
 						})
@@ -4423,26 +5136,26 @@ function Nn() {
 		})]
 	});
 }
-function Pn() {
+function Pr() {
 	let { liquidMetal: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-liquid-metal-compare",
-		children: [/* @__PURE__ */ t(F, {
+		children: [/* @__PURE__ */ t(q, {
 			title: e.cssTitle,
 			tone: "strong",
 			children: /* @__PURE__ */ t("div", {
 				className: "game-ui-liquid-metal-stage",
-				children: /* @__PURE__ */ t(N, {
+				children: /* @__PURE__ */ t(L, {
 					renderer: "css",
 					children: e.cta
 				})
 			})
-		}), /* @__PURE__ */ t(F, {
+		}), /* @__PURE__ */ t(q, {
 			title: e.webglTitle,
 			tone: "strong",
 			children: /* @__PURE__ */ t("div", {
 				className: "game-ui-liquid-metal-stage",
-				children: /* @__PURE__ */ t(N, {
+				children: /* @__PURE__ */ t(L, {
 					renderer: "webgl",
 					children: e.cta
 				})
@@ -4450,36 +5163,36 @@ function Pn() {
 		})]
 	});
 }
-function Fn() {
+function Fr() {
 	let { modals: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ n(_e, {
+		children: [/* @__PURE__ */ n(it, {
 			title: e.dialogTitle,
-			children: [/* @__PURE__ */ t("p", { children: e.dialogBody }), /* @__PURE__ */ n(P, {
+			children: [/* @__PURE__ */ t("p", { children: e.dialogBody }), /* @__PURE__ */ n(ot, {
 				label: e.actionsLabel,
-				children: [/* @__PURE__ */ t(b, {
+				children: [/* @__PURE__ */ t(w, {
 					variant: "primary",
 					children: e.confirm
-				}), /* @__PURE__ */ t(b, {
+				}), /* @__PURE__ */ t(w, {
 					variant: "ghost",
 					children: e.back
 				})]
 			})]
-		}), /* @__PURE__ */ n(F, {
+		}), /* @__PURE__ */ n(q, {
 			title: e.panelTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ t(H, {
+				/* @__PURE__ */ t(mt, {
 					tone: "success",
 					children: e.toastOk
 				}),
-				/* @__PURE__ */ t(H, {
+				/* @__PURE__ */ t(mt, {
 					tone: "danger",
 					children: e.toastErr
 				}),
-				/* @__PURE__ */ t(rt, { label: e.loading }),
-				/* @__PURE__ */ t(rt, {
+				/* @__PURE__ */ t(rn, { label: e.loading }),
+				/* @__PURE__ */ t(rn, {
 					label: e.loadingErr,
 					tone: "error"
 				})
@@ -4487,14 +5200,14 @@ function Fn() {
 		})]
 	});
 }
-function In() {
+function Ir() {
 	let { cards: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ t(F, {
+		children: [/* @__PURE__ */ t(q, {
 			title: e.fanTitle,
 			tone: "strong",
-			children: /* @__PURE__ */ t(Qe, {
+			children: /* @__PURE__ */ t(Qt, {
 				label: e.fanLabel,
 				cards: [
 					{
@@ -4517,7 +5230,7 @@ function In() {
 					}
 				]
 			})
-		}), /* @__PURE__ */ n(F, {
+		}), /* @__PURE__ */ n(q, {
 			title: e.assetTitle,
 			tone: "strong",
 			children: [/* @__PURE__ */ t("p", {
@@ -4526,16 +5239,16 @@ function In() {
 			}), /* @__PURE__ */ n("div", {
 				className: "game-ui-asset-path-grid",
 				children: [
-					/* @__PURE__ */ t("code", { children: Le.catalog.manifest }),
-					/* @__PURE__ */ t("code", { children: Le.catalog.sourceCatalog }),
-					/* @__PURE__ */ t("code", { children: Le.buttons.primary }),
-					/* @__PURE__ */ t("code", { children: Le.icons.trophy })
+					/* @__PURE__ */ t("code", { children: Lt.catalog.manifest }),
+					/* @__PURE__ */ t("code", { children: Lt.catalog.sourceCatalog }),
+					/* @__PURE__ */ t("code", { children: Lt.buttons.primary }),
+					/* @__PURE__ */ t("code", { children: Lt.icons.trophy })
 				]
 			})]
 		})]
 	});
 }
-var Ln = [
+var Lr = [
 	{
 		id: "terrain",
 		label: "Terrain",
@@ -4551,7 +5264,7 @@ var Ln = [
 		label: "Place",
 		icon: "gem"
 	}
-], Rn = [
+], Rr = [
 	{
 		id: "raise",
 		label: "Raise",
@@ -4577,7 +5290,7 @@ var Ln = [
 		label: "Paint",
 		shortcut: "5"
 	}
-], zn = [
+], zr = [
 	{
 		id: "grass",
 		label: "Grass",
@@ -4593,7 +5306,7 @@ var Ln = [
 		label: "Path",
 		color: "#b98d5d"
 	}
-], Bn = [{
+], Br = [{
 	id: "foundation",
 	label: "Foundation",
 	icon: "home",
@@ -4612,10 +5325,10 @@ var Ln = [
 		status: "ready"
 	}]
 }];
-function Vn() {
+function Vr() {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ t(Kt, {
+		children: [/* @__PURE__ */ t(qn, {
 			activeBuildCategoryId: "foundation",
 			activeMaterialId: "grass",
 			activeModeId: "terrain",
@@ -4624,10 +5337,10 @@ function Vn() {
 				radius: 2.75,
 				strength: .45
 			},
-			buildCategories: Bn,
+			buildCategories: Br,
 			label: "Desktop terrain and build tools",
-			materials: zn,
-			modes: Ln,
+			materials: zr,
+			modes: Lr,
 			selectedBuildItemId: "floor-2x2",
 			status: {
 				label: "Ready",
@@ -4638,12 +5351,12 @@ function Vn() {
 				progressValue: 68
 			},
 			title: "Island tools",
-			tools: Rn,
+			tools: Rr,
 			undoRedo: {
 				canRedo: !1,
 				canUndo: !0
 			}
-		}), /* @__PURE__ */ t(Kt, {
+		}), /* @__PURE__ */ t(qn, {
 			activeBuildCategoryId: "foundation",
 			activeMaterialId: "path",
 			activeModeId: "terrain",
@@ -4652,11 +5365,11 @@ function Vn() {
 				radius: 1.5,
 				strength: .3
 			},
-			buildCategories: Bn,
+			buildCategories: Br,
 			drawerOpen: !0,
 			label: "Small mobile terrain drawer",
-			materials: zn,
-			modes: Ln,
+			materials: zr,
+			modes: Lr,
 			selectedBuildItemId: "floor-2x2",
 			status: {
 				label: "Blocked",
@@ -4664,7 +5377,7 @@ function Vn() {
 				description: "This edit would bury a placed object."
 			},
 			title: "Tools",
-			tools: Rn,
+			tools: Rr,
 			undoRedo: {
 				canRedo: !0,
 				canUndo: !0
@@ -4673,7 +5386,7 @@ function Vn() {
 		})]
 	});
 }
-function Hn({ label: e, mode: r }) {
+function Hr({ label: e, mode: r }) {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-construction-preview-card",
 		"data-preview": r,
@@ -4687,7 +5400,7 @@ function Hn({ label: e, mode: r }) {
 		]
 	});
 }
-var Un = [
+var Ur = [
 	{
 		id: "preview-deck",
 		title: "Deck robot crew",
@@ -4748,7 +5461,7 @@ var Un = [
 		before: {
 			label: "Before",
 			caption: "Uneven terrain pad.",
-			content: /* @__PURE__ */ t(Hn, {
+			content: /* @__PURE__ */ t(Hr, {
 				label: "Rough pad",
 				mode: "before"
 			})
@@ -4756,7 +5469,7 @@ var Un = [
 		after: {
 			label: "After",
 			caption: "Flattened foundation pad with safe clearance.",
-			content: /* @__PURE__ */ t(Hn, {
+			content: /* @__PURE__ */ t(Hr, {
 				label: "Foundation ready",
 				mode: "after"
 			})
@@ -4785,19 +5498,19 @@ var Un = [
 		}]
 	}
 ];
-function Wn() {
+function Wr() {
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ t(pn, {
-			jobs: Un,
+		children: [/* @__PURE__ */ t(pr, {
+			jobs: Ur,
 			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(pn, {
+		}), /* @__PURE__ */ t(pr, {
 			drawerOpen: !0,
-			jobs: Un,
+			jobs: Ur,
 			label: "Small mobile contractor jobs",
 			selectedJobId: "blocked-fence",
 			title: "Contractor",
@@ -4805,10 +5518,10 @@ function Wn() {
 		})]
 	});
 }
-function Gn() {
-	return /* @__PURE__ */ t(gt, {
+function Gr() {
+	return /* @__PURE__ */ t(_n, {
 		title: "OwnMySpace island editor preview",
-		hud: /* @__PURE__ */ t(vt, {
+		hud: /* @__PURE__ */ t(yn, {
 			label: "Island facts",
 			facts: [
 				{
@@ -4832,11 +5545,11 @@ function Gn() {
 				}
 			]
 		}),
-		movementPad: /* @__PURE__ */ t(Ct, {
+		movementPad: /* @__PURE__ */ t(wn, {
 			helpText: "WASD or arrows",
 			label: "Move avatar"
 		}),
-		assetLibrary: /* @__PURE__ */ t(Ot, {
+		assetLibrary: /* @__PURE__ */ t(kn, {
 			label: "Placeable assets",
 			title: "Assets",
 			subtitle: "Starter, generated, and imported assets stay visibly distinct but share one placement path.",
@@ -4883,7 +5596,7 @@ function Gn() {
 				}
 			]
 		}),
-		bottomBar: /* @__PURE__ */ t(kt, {
+		bottomBar: /* @__PURE__ */ t(An, {
 			title: "Placement",
 			selectedTitle: "Manual chair",
 			placedObjects: 3,
@@ -4919,7 +5632,7 @@ function Gn() {
 		})
 	});
 }
-var Kn = [{
+var Kr = [{
 	id: "starter",
 	label: "Starter pieces",
 	source: "starter",
@@ -4950,7 +5663,7 @@ var Kn = [{
 		}
 	]
 }];
-function qn() {
+function qr() {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-asset-compression-repro",
 		"aria-label": "Asset card compression repro",
@@ -4974,9 +5687,9 @@ function qn() {
 			className: "game-ui-asset-compression-repro-surface",
 			"data-repro-surface": e.id,
 			style: { "--repro-width": e.width },
-			children: [/* @__PURE__ */ t(X, { children: e.label }), /* @__PURE__ */ t(Ot, {
+			children: [/* @__PURE__ */ t(X, { children: e.label }), /* @__PURE__ */ t(kn, {
 				density: "dense",
-				groups: Kn,
+				groups: Kr,
 				label: `${e.label} assets`,
 				selectedAssetId: "asset-repro-chair",
 				title: "Build"
@@ -4984,13 +5697,13 @@ function qn() {
 		}, e.id))
 	});
 }
-function Jn() {
+function Jr() {
 	let { firstSession: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-first-session-preview",
 		children: [/* @__PURE__ */ t("div", {
 			className: "game-ui-first-session-world",
-			children: /* @__PURE__ */ t(ot, {
+			children: /* @__PURE__ */ t(sn, {
 				authenticated: !0,
 				batteryCount: 5,
 				dailyStreak: 3,
@@ -5024,7 +5737,7 @@ function Jn() {
 			})
 		}), /* @__PURE__ */ t("div", {
 			className: "game-ui-first-session-modal-slot",
-			children: /* @__PURE__ */ t(st, {
+			children: /* @__PURE__ */ t(cn, {
 				open: !0,
 				onDismiss: () => void 0,
 				labels: {
@@ -5052,90 +5765,90 @@ function Jn() {
 		})]
 	});
 }
-function Yn() {
+function Yr() {
 	let { responsive: e } = $();
 	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(X, { children: e.desktop }), /* @__PURE__ */ t("strong", { children: "1440×900" })] }), /* @__PURE__ */ t(Mn, {})]
+			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(X, { children: e.desktop }), /* @__PURE__ */ t("strong", { children: "1440×900" })] }), /* @__PURE__ */ t(Mr, {})]
 		}), /* @__PURE__ */ n("article", {
 			className: "game-ui-proof-frame is-mobile-landscape",
-			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(X, { children: e.mobileLandscape }), /* @__PURE__ */ t("strong", { children: "844×390" })] }), /* @__PURE__ */ t(Mn, {})]
+			children: [/* @__PURE__ */ n("header", { children: [/* @__PURE__ */ t(X, { children: e.mobileLandscape }), /* @__PURE__ */ t("strong", { children: "844×390" })] }), /* @__PURE__ */ t(Mr, {})]
 		})]
 	});
 }
-function Xn() {
+function Xr() {
 	let { forms: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ n(F, {
+		children: [/* @__PURE__ */ n(q, {
 			title: e.formsTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ t(ut, {
+				/* @__PURE__ */ t(dn, {
 					hint: e.roomCodeHint,
 					label: e.roomCodeLabel,
-					children: /* @__PURE__ */ t(ct, { placeholder: e.roomCodePlaceholder })
+					children: /* @__PURE__ */ t(ln, { placeholder: e.roomCodePlaceholder })
 				}),
-				/* @__PURE__ */ t(ut, {
+				/* @__PURE__ */ t(dn, {
 					label: e.nameLabel,
 					required: !0,
-					children: /* @__PURE__ */ t(ct, { placeholder: e.namePlaceholder })
+					children: /* @__PURE__ */ t(ln, { placeholder: e.namePlaceholder })
 				}),
-				/* @__PURE__ */ t(ut, {
+				/* @__PURE__ */ t(dn, {
 					error: e.readError,
 					label: e.readLabel,
-					children: /* @__PURE__ */ t(lt, {
+					children: /* @__PURE__ */ t(un, {
 						invalid: !0,
 						placeholder: e.readPlaceholder
 					})
 				}),
-				/* @__PURE__ */ t(dt, {
+				/* @__PURE__ */ t(fn, {
 					defaultChecked: !0,
 					label: e.rememberLabel
 				})
 			]
-		}), /* @__PURE__ */ n(F, {
+		}), /* @__PURE__ */ n(q, {
 			title: e.displayTitle,
 			tone: "strong",
 			children: [
 				/* @__PURE__ */ n("div", {
 					className: "game-ui-component-row",
 					children: [
-						/* @__PURE__ */ t(pt, {
+						/* @__PURE__ */ t(mn, {
 							name: "Mika Ono",
 							status: "online"
 						}),
-						/* @__PURE__ */ t(pt, {
+						/* @__PURE__ */ t(mn, {
 							name: "River",
 							size: "lg",
 							status: "busy"
 						}),
-						/* @__PURE__ */ t(pt, {
+						/* @__PURE__ */ t(mn, {
 							name: "Noa",
 							status: "away"
 						}),
-						/* @__PURE__ */ t(pt, {
+						/* @__PURE__ */ t(mn, {
 							name: e.guestName,
 							size: "sm"
 						})
 					]
 				}),
-				/* @__PURE__ */ t(mt, {
+				/* @__PURE__ */ t(hn, {
 					label: e.revealLabel,
 					showValue: !0,
 					value: 64
 				}),
-				/* @__PURE__ */ t(mt, {
+				/* @__PURE__ */ t(hn, {
 					label: e.batteryLabel,
 					max: 20,
 					showValue: !0,
 					tone: "success",
 					value: 14
 				}),
-				/* @__PURE__ */ t(ht, {
-					action: /* @__PURE__ */ t(b, {
+				/* @__PURE__ */ t(gn, {
+					action: /* @__PURE__ */ t(w, {
 						variant: "primary",
 						children: e.emptyCta
 					}),
@@ -5147,8 +5860,8 @@ function Xn() {
 		})]
 	});
 }
-var Zn = Ae.filter((e) => Pe(e).includes("game")), Qn = Ae.filter((e) => Pe(e).includes("line"));
-function $n({ names: e, style: r }) {
+var Zr = At.filter((e) => Pt(e).includes("game")), Qr = At.filter((e) => Pt(e).includes("line"));
+function $r({ names: e, style: r }) {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-icon-grid",
 		children: e.map((e) => /* @__PURE__ */ n("figure", {
@@ -5161,10 +5874,10 @@ function $n({ names: e, style: r }) {
 		}, `${r}-${e}`))
 	});
 }
-function er() {
+function ei() {
 	return /* @__PURE__ */ t("div", {
 		className: "game-ui-icon-grid",
-		children: Ie.map((e) => /* @__PURE__ */ n("figure", {
+		children: It.map((e) => /* @__PURE__ */ n("figure", {
 			className: "game-ui-icon-cell",
 			children: [/* @__PURE__ */ t("span", {
 				className: "game-ui-asset-icon",
@@ -5173,13 +5886,13 @@ function er() {
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ t("img", {
 					alt: "",
-					src: Fe[e]
+					src: Ft[e]
 				})
 			}), /* @__PURE__ */ t("figcaption", { children: e })]
 		}, `sprite-${e}`))
 	});
 }
-function tr() {
+function ti() {
 	let { gallery: e } = $();
 	return /* @__PURE__ */ n("div", {
 		className: "game-ui-icon-gallery",
@@ -5195,8 +5908,8 @@ function tr() {
 						className: "game-ui-small-copy",
 						children: e.gameHint
 					})]
-				}), /* @__PURE__ */ t($n, {
-					names: Zn,
+				}), /* @__PURE__ */ t($r, {
+					names: Zr,
 					style: "game"
 				})]
 			}),
@@ -5208,8 +5921,8 @@ function tr() {
 						className: "game-ui-small-copy",
 						children: e.lineHint
 					})]
-				}), /* @__PURE__ */ t($n, {
-					names: Qn,
+				}), /* @__PURE__ */ t($r, {
+					names: Qr,
 					style: "line"
 				})]
 			}),
@@ -5224,16 +5937,16 @@ function tr() {
 						className: "game-ui-small-copy",
 						children: e.spriteHint
 					})]
-				}), /* @__PURE__ */ t(er, {})]
+				}), /* @__PURE__ */ t(ei, {})]
 			})
 		]
 	});
 }
-function nr({ title: e, body: r }) {
-	let [i, a] = d("en"), o = Tn[i], s = e && i === "en" ? e : o.heroTitle, l = r && i === "en" ? r : o.heroBody;
-	return c(() => (document.documentElement.dataset.gameUiPreview = "clay", () => {
+function ni({ title: e, body: r }) {
+	let [i, a] = m("en"), o = Tr[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(En.Provider, {
+	}), []), /* @__PURE__ */ t(Er.Provider, {
 		value: o,
 		children: /* @__PURE__ */ n("main", {
 			"aria-label": "Swimmer UI Kit clay preview",
@@ -5246,7 +5959,7 @@ function nr({ title: e, body: r }) {
 							tone: "ai",
 							children: "@pieai/swimmer-ui-kit"
 						}),
-						/* @__PURE__ */ t(nt, {
+						/* @__PURE__ */ t(nn, {
 							currentLabel: o.triggerLabel,
 							label: o.langMenuLabel,
 							onSelect: (e) => a(e),
@@ -5262,7 +5975,7 @@ function nr({ title: e, body: r }) {
 							value: i
 						}),
 						/* @__PURE__ */ t("h1", { children: s }),
-						/* @__PURE__ */ t("p", { children: l })
+						/* @__PURE__ */ t("p", { children: c })
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5273,10 +5986,10 @@ function nr({ title: e, body: r }) {
 							id: "game-ui-preview-token-title",
 							children: o.sections.tokens
 						}),
-						/* @__PURE__ */ t(kn, {}),
+						/* @__PURE__ */ t(kr, {}),
 						/* @__PURE__ */ t("div", {
 							className: "game-ui-token-ledger",
-							children: Dn.map((e) => /* @__PURE__ */ t(On, {
+							children: Dr.map((e) => /* @__PURE__ */ t(Or, {
 								id: e.id,
 								label: o.tokenGroups[e.id] ?? e.id,
 								tokens: e.tokens
@@ -5296,7 +6009,7 @@ function nr({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: o.iconsIntro
 						}),
-						/* @__PURE__ */ t(tr, {})
+						/* @__PURE__ */ t(ti, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5305,7 +6018,7 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-type-title",
 						children: o.sections.typography
-					}), /* @__PURE__ */ t(An, {})]
+					}), /* @__PURE__ */ t(Ar, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-components-title",
@@ -5315,11 +6028,11 @@ function nr({ title: e, body: r }) {
 							id: "game-ui-preview-components-title",
 							children: o.sections.components
 						}),
-						/* @__PURE__ */ t(jn, {}),
-						/* @__PURE__ */ t(Mn, {}),
-						/* @__PURE__ */ t(Fn, {}),
-						/* @__PURE__ */ t(In, {}),
-						/* @__PURE__ */ t(ve, {
+						/* @__PURE__ */ t(jr, {}),
+						/* @__PURE__ */ t(Mr, {}),
+						/* @__PURE__ */ t(Fr, {}),
+						/* @__PURE__ */ t(Ir, {}),
+						/* @__PURE__ */ t(at, {
 							entries: o.history,
 							label: o.historyLabel
 						})
@@ -5331,7 +6044,7 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-forms-title",
 						children: o.sections.forms
-					}), /* @__PURE__ */ t(Xn, {})]
+					}), /* @__PURE__ */ t(Xr, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-overlay-glass-title",
@@ -5345,7 +6058,7 @@ function nr({ 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(Nn, {})
+						/* @__PURE__ */ t(Nr, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5360,7 +6073,7 @@ function nr({ title: e, body: r }) {
 							className: "game-ui-small-copy",
 							children: o.liquidMetal.body
 						}),
-						/* @__PURE__ */ t(Pn, {})
+						/* @__PURE__ */ t(Pr, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5369,7 +6082,7 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-ownmyspace-title",
 						children: "OwnMySpace game surface pack"
-					}), /* @__PURE__ */ t(Gn, {})]
+					}), /* @__PURE__ */ t(Gr, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-terrain-build-title",
@@ -5383,7 +6096,7 @@ function nr({ 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(Vn, {})
+						/* @__PURE__ */ t(Vr, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5398,7 +6111,7 @@ function nr({ 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(Wn, {})
+						/* @__PURE__ */ t(Wr, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5413,7 +6126,7 @@ function nr({ 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(qn, {})
+						/* @__PURE__ */ t(qr, {})
 					]
 				}),
 				/* @__PURE__ */ n("section", {
@@ -5422,7 +6135,7 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-first-session-title",
 						children: o.sections.firstSession
-					}), /* @__PURE__ */ t(Jn, {})]
+					}), /* @__PURE__ */ t(Jr, {})]
 				}),
 				/* @__PURE__ */ n("section", {
 					"aria-labelledby": "game-ui-preview-orientation-title",
@@ -5430,7 +6143,7 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-orientation-title",
 						children: o.sections.orientation
-					}), /* @__PURE__ */ t(tt, {
+					}), /* @__PURE__ */ t(tn, {
 						badgeLabel: o.orientation.badge,
 						body: o.orientation.body,
 						cta: o.orientation.cta,
@@ -5445,11 +6158,11 @@ function nr({ title: e, body: r }) {
 					children: [/* @__PURE__ */ t("h2", {
 						id: "game-ui-preview-responsive-title",
 						children: o.sections.responsive
-					}), /* @__PURE__ */ t(Yn, {})]
+					}), /* @__PURE__ */ t(Yr, {})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { Le as CLAY_ASSETS, Oe as CLAY_ASSET_BASE_PATH, Ee as CLAY_ASSET_SIZE_TOKENS, W as CLAY_COLOR_TOKENS, we as CLAY_ELEVATION_TOKENS, Fe as CLAY_GAME_SPRITES, Ie as CLAY_GAME_SPRITE_NAMES, Ae as CLAY_ICON_NAMES, ke as CLAY_ICON_VARIANTS, J as CLAY_LAYER_TOKENS, be as CLAY_LIQUID_METAL_TOKENS, be as GAME_UI_LIQUID_METAL_TOKENS, q as CLAY_MOTION_TOKENS, xe as CLAY_OVERLAY_GLASS_TOKENS, xe as GAME_UI_OVERLAY_GLASS_TOKENS, Ce as CLAY_RADIUS_TOKENS, G as CLAY_SEMANTIC_TOKENS, Se as CLAY_SPACE_TOKENS, Te as CLAY_TARGET_TOKENS, K as CLAY_TYPE_TOKENS, De as CLAY_UI_TOKENS, x as DEFAULT_LIQUID_METAL_CONTEXT_BUDGET, ot as FirstSessionHud, st as FirstSessionOnboarding, Q as GAME_UI_OVERLAY, xn as GAME_UI_PREVIEW_MESSAGES, Cn as GAME_UI_TARGETS, wn as GAME_UI_THEME_CONTRACT, Sn as GAME_UI_TOKENS, bt as GameActionGrid, Dt as GameAssetCard, Z as GameAssetIcon, Ot as GameAssetLibrary, pt as GameAvatar, X as GameBadge, un as GameBeforeAfterToggle, zt as GameBrushControls, Ht as GameBuildLibrary, b as GameButton, ge as GameCallout, Qe as GameCardFan, dt as GameCheckbox, gn as GameCollapsiblePanel, Ut as GameCompactGameDrawer, fn as GameCompactJobDrawer, cn as GameConstructionApprovalBar, dn as GameConstructionJobCard, sn as GameConstructionProgress, pn as GameContractorPanel, _e as GameDialog, ht as GameEmptyState, vt as GameFactList, ut as GameField, ve as GameHistoryPanel, Ze as GameHud, P as GameHudActions, I as GameIconButton, ct as GameInput, nt as GameLanguageMenu, rt as GameLoadingState, Bt as GameMaterialSwatches, bn as GameModal, Ct as GameMovementPad, At as GameObjectToolbar, tt as GameOrientationGate, F as GamePanel, kt as GamePlacementToolbar, mt as GameProgress, U as GamePrompt, V as GameRadialMenu, ln as GameRobotCrewStatus, _t as GameSceneHudLayout, R as GameSegmentedControl, gt as GameShell, z as GameSlider, $e as GameStageTile, yt as GameStatList, L as GameTabs, Kt as GameTerrainBuildToolbox, Lt as GameTerrainModeControl, Rt as GameTerrainToolStrip, lt as GameTextArea, H as GameToast, B as GameToggle, ye as GameTooltip, nr as GameUiPreview, Vt as GameUndoRedoActions, yn as GameWindowPanel, N as LiquidMetalButton, Je as acknowledgeClayPlaceholders, Ge as getClayAssetBasePath, Ue as getClayAssetMode, it as getClayCatalogPaths, Ye as getClayIconPath, Pe as getClayIconStyles, Xe as getClaySourceAssetPath, ee as getLiquidMetalContextBudget, y as playGameInteractionSound, v as playGameInteractionSoundForContext, We as setClayAssetBasePath, He as setClayAssetMode, w as setLiquidMetalContextBudget };
+export { Lt as CLAY_ASSETS, Ot as CLAY_ASSET_BASE_PATH, Et as CLAY_ASSET_SIZE_TOKENS, J as CLAY_COLOR_TOKENS, St as CLAY_ELEVATION_TOKENS, Ft as CLAY_GAME_SPRITES, It as CLAY_GAME_SPRITE_NAMES, At as CLAY_ICON_NAMES, kt as CLAY_ICON_VARIANTS, wt as CLAY_LAYER_TOKENS, gt as CLAY_LIQUID_METAL_TOKENS, gt as GAME_UI_LIQUID_METAL_TOKENS, Ct as CLAY_MOTION_TOKENS, _t as CLAY_OVERLAY_GLASS_TOKENS, _t as GAME_UI_OVERLAY_GLASS_TOKENS, xt as CLAY_RADIUS_TOKENS, vt as CLAY_SEMANTIC_TOKENS, bt as CLAY_SPACE_TOKENS, Tt as CLAY_TARGET_TOKENS, yt as CLAY_TYPE_TOKENS, Dt as CLAY_UI_TOKENS, U as DEFAULT_LIQUID_GOOEY_ANIMATION_BUDGET, W as DEFAULT_LIQUID_GOOEY_FILTER_AREA_BUDGET, T as DEFAULT_LIQUID_METAL_CONTEXT_BUDGET, sn as FirstSessionHud, cn as FirstSessionOnboarding, Q as GAME_UI_OVERLAY, xr as GAME_UI_PREVIEW_MESSAGES, Cr as GAME_UI_TARGETS, wr as GAME_UI_THEME_CONTRACT, Sr as GAME_UI_TOKENS, xn as GameActionGrid, On as GameAssetCard, Z as GameAssetIcon, kn as GameAssetLibrary, mn as GameAvatar, X as GameBadge, ur as GameBeforeAfterToggle, Bn as GameBrushControls, Un as GameBuildLibrary, w as GameButton, rt as GameCallout, Qt as GameCardFan, fn as GameCheckbox, gr as GameCollapsiblePanel, Wn as GameCompactGameDrawer, fr as GameCompactJobDrawer, cr as GameConstructionApprovalBar, dr as GameConstructionJobCard, sr as GameConstructionProgress, pr as GameContractorPanel, it as GameDialog, gn as GameEmptyState, yn as GameFactList, dn as GameField, at as GameHistoryPanel, Zt as GameHud, ot as GameHudActions, st as GameIconButton, ln as GameInput, nn as GameLanguageMenu, rn as GameLoadingState, Vn as GameMaterialSwatches, br as GameModal, wn as GameMovementPad, jn as GameObjectToolbar, tn as GameOrientationGate, q as GamePanel, An as GamePlacementToolbar, hn as GameProgress, ht as GamePrompt, pt as GameRadialMenu, lr as GameRobotCrewStatus, vn as GameSceneHudLayout, ut as GameSegmentedControl, _n as GameShell, dt as GameSlider, $t as GameStageTile, bn as GameStatList, lt as GameTabs, qn as GameTerrainBuildToolbox, Rn as GameTerrainModeControl, zn as GameTerrainToolStrip, un as GameTextArea, mt as GameToast, ft as GameToggle, ct as GameTooltip, ni as GameUiPreview, Hn as GameUndoRedoActions, yr as GameWindowPanel, nt as LiquidGroup, tt as LiquidItem, L as LiquidMetalButton, Jt as acknowledgeClayPlaceholders, Gt as getClayAssetBasePath, Ut as getClayAssetMode, an as getClayCatalogPaths, Yt as getClayIconPath, Pt as getClayIconStyles, Xt as getClaySourceAssetPath, Ce as getLiquidGooeyBudget, O as getLiquidMetalContextBudget, C as playGameInteractionSound, S as playGameInteractionSoundForContext, Wt as setClayAssetBasePath, Ht as setClayAssetMode, we as setLiquidGooeyBudget, ee as setLiquidMetalContextBudget };