@taole/giftstage 0.1.31 → 0.1.32

package/dist/gift-stage.es.js

@@ -1446,12 +1446,12 @@ const AA = class _ {
     if (typeof VideoFrame != "undefined" && I instanceof VideoFrame) {
       const s = I, D = s.displayWidth || s.codedWidth, h = s.displayHeight || s.codedHeight;
       if (!D || !h) return;
-      const w = C != null ? C : D, n = E != null ? E : h;
-      if (w !== D || n !== h) {
+      const w = C != null ? C : D, r = E != null ? E : h;
+      if (w !== D || r !== h) {
         this.drawVideoLikeSourceToTextureRegion(
           o.texture,
           w,
-          n,
+          r,
           s,
           i.origin.x,
           i.origin.y
@@ -1480,12 +1480,12 @@ const AA = class _ {
     if (I instanceof HTMLVideoElement) {
       const s = I, D = s.videoWidth, h = s.videoHeight;
       if (s.readyState < HTMLMediaElement.HAVE_CURRENT_DATA || !D || !h) return;
-      const w = C != null ? C : D, n = E != null ? E : h;
-      if (w !== D || n !== h) {
+      const w = C != null ? C : D, r = E != null ? E : h;
+      if (w !== D || r !== h) {
         this.drawVideoLikeSourceToTextureRegion(
           o.texture,
           w,
-          n,
+          r,
           s,
           i.origin.x,
           i.origin.y
@@ -1610,20 +1610,20 @@ const AA = class _ {
       console.warn("[WebGPU] uniform slot overflow; increase maxUniformSlots");
       return;
     }
-    const n = w * this.uniformSlotStride, F = A.uniforms.u_projection;
+    const r = w * this.uniformSlotStride, n = A.uniforms.u_projection;
     if (t.textureCount > 0) {
       const y = A.uniforms.u_transform, R = y instanceof Float32Array && y.length >= 16 ? y : $g, S = A.uniforms.u_atlasRemap, N = S instanceof Float32Array && S.length >= 4 ? S : sC, U = typeof A.uniforms.u_opacity == "number" ? A.uniforms.u_opacity : 1, L = typeof A.uniforms.u_rgbPremultiplied == "number" ? A.uniforms.u_rgbPremultiplied : 1;
-      if (F instanceof Float32Array && F.length >= 16) {
+      if (n instanceof Float32Array && n.length >= 16) {
         const l = this.uniformScratch160;
-        l.set(F.length === 16 ? F : F.subarray(0, 16), 0), l.set(R.length === 16 ? R : R.subarray(0, 16), 16), l.set(N.length === 4 ? N : N.subarray(0, 4), 32), l[36] = U, l[37] = L, l[38] = 0, l[39] = 0, this.device.queue.writeBuffer(this.uniformBuffer, n, l.buffer, l.byteOffset, 160);
+        l.set(n.length === 16 ? n : n.subarray(0, 16), 0), l.set(R.length === 16 ? R : R.subarray(0, 16), 16), l.set(N.length === 4 ? N : N.subarray(0, 4), 32), l[36] = U, l[37] = L, l[38] = 0, l[39] = 0, this.device.queue.writeBuffer(this.uniformBuffer, r, l.buffer, l.byteOffset, 160);
       } else {
-        this.device.queue.writeBuffer(this.uniformBuffer, n + 64, R.buffer, R.byteOffset, 64), this.device.queue.writeBuffer(this.uniformBuffer, n + 128, N.buffer, N.byteOffset, 16);
+        this.device.queue.writeBuffer(this.uniformBuffer, r + 64, R.buffer, R.byteOffset, 64), this.device.queue.writeBuffer(this.uniformBuffer, r + 128, N.buffer, N.byteOffset, 16);
         const l = this.uniformOpacityScratch;
-        l[0] = U, l[1] = L, l[2] = 0, l[3] = 0, this.device.queue.writeBuffer(this.uniformBuffer, n + 144, l);
+        l[0] = U, l[1] = L, l[2] = 0, l[3] = 0, this.device.queue.writeBuffer(this.uniformBuffer, r + 144, l);
       }
-    } else if (F instanceof Float32Array && F.length >= 16) {
+    } else if (n instanceof Float32Array && n.length >= 16) {
       const y = A.uniforms.u_transform, R = y instanceof Float32Array && y.length >= 16 ? y : $g, S = this.uniformScratch128;
-      S.set(F.length === 16 ? F : F.subarray(0, 16), 0), S.set(R.length === 16 ? R : R.subarray(0, 16), 16), this.device.queue.writeBuffer(this.uniformBuffer, n, S.buffer, S.byteOffset, 128);
+      S.set(n.length === 16 ? n : n.subarray(0, 16), 0), S.set(R.length === 16 ? R : R.subarray(0, 16), 16), this.device.queue.writeBuffer(this.uniformBuffer, r, S.buffer, S.byteOffset, 128);
     }
     if (t.textureCount === 1) {
       const y = A.textures.length > 0 ? A.textures[0] : null, R = y ? this.textures.get(y.id) : null, S = (g = R == null ? void 0 : R.view) != null ? g : this.dummyTextureView, N = (Q = y == null ? void 0 : y.id) != null ? Q : 0;
@@ -1638,7 +1638,7 @@ const AA = class _ {
           { binding: 1, resource: S },
           { binding: 2, resource: this.sampler }
         ]
-      }), this.texturedBindGroupCache.set(N, U)), s.setBindGroup(0, U, [n]);
+      }), this.texturedBindGroupCache.set(N, U)), s.setBindGroup(0, U, [r]);
     } else if (t.textureCount === 2) {
       const y = A.textures[0], R = A.textures[1], S = y ? this.textures.get(y.id) : null, N = R ? this.textures.get(R.id) : null, U = (C = y == null ? void 0 : y.id) != null ? C : 0, L = (E = R == null ? void 0 : R.id) != null ? E : 0;
       let l = this.dualTexturedBindGroupCache.get(U);
@@ -1655,7 +1655,7 @@ const AA = class _ {
           { binding: 2, resource: (i = N == null ? void 0 : N.view) != null ? i : this.dummyTextureView },
           { binding: 3, resource: this.sampler }
         ]
-      }), l.set(L, f)), s.setBindGroup(0, f, [n]);
+      }), l.set(L, f)), s.setBindGroup(0, f, [r]);
     } else
       t.uniformOnlyBindGroup || (t.uniformOnlyBindGroup = this.device.createBindGroup({
         layout: t.bindGroupLayout,
@@ -1665,11 +1665,11 @@ const AA = class _ {
             resource: { buffer: this.uniformBuffer, offset: 0, size: 128 }
           }
         ]
-      })), s.setBindGroup(0, t.uniformOnlyBindGroup, [n]);
-    const c = this.buffers.get(A.vertexBuffer.id), r = this.buffers.get(A.indexBuffer.id);
-    if (!c || !r) return;
+      })), s.setBindGroup(0, t.uniformOnlyBindGroup, [r]);
+    const c = this.buffers.get(A.vertexBuffer.id), F = this.buffers.get(A.indexBuffer.id);
+    if (!c || !F) return;
     const G = A.vertexBuffer.id, M = A.indexBuffer.id;
-    this.lastVertexBufferId !== G && (s.setVertexBuffer(0, c.buffer), this.lastVertexBufferId = G), this.lastIndexBufferId !== M && (s.setIndexBuffer(r.buffer, "uint32"), this.lastIndexBufferId = M), s.drawIndexed(A.indexCount);
+    this.lastVertexBufferId !== G && (s.setVertexBuffer(0, c.buffer), this.lastVertexBufferId = G), this.lastIndexBufferId !== M && (s.setIndexBuffer(F.buffer, "uint32"), this.lastIndexBufferId = M), s.drawIndexed(A.indexCount);
   }
   /** One `drawIndexed` with `instanceCount` for all SVGA sprites sharing the same atlas. */
   drawInstancedSvga(A) {
@@ -1689,13 +1689,13 @@ const AA = class _ {
     const h = this.buffers.get(A.vertexBuffer.id), w = this.buffers.get(A.indexBuffer.id);
     if (!h || !w) return;
     this.ensureInstancedProjection(D);
-    const n = E * _.SVGA_INSTANCED_STRIDE, F = this.instancedStorageRingOffset, c = this.ensureInstancedStorageBuffer();
-    if (F + _.INSTANCED_SVGA_CHUNK_BYTES > c.size) {
+    const r = E * _.SVGA_INSTANCED_STRIDE, n = this.instancedStorageRingOffset, c = this.ensureInstancedStorageBuffer();
+    if (n + _.INSTANCED_SVGA_CHUNK_BYTES > c.size) {
       console.warn("[WebGPU] instanced SVGA storage ring full");
       return;
     }
-    this.instancedStorageRingOffset += Ig(n, this.storageBindOffsetAlign), this.device.queue.writeBuffer(c, F, o.buffer, o.byteOffset, n);
-    const r = A.textures[0], G = r ? this.textures.get(r.id) : null, M = (g = G == null ? void 0 : G.view) != null ? g : this.dummyTextureView, y = (Q = r == null ? void 0 : r.id) != null ? Q : 0;
+    this.instancedStorageRingOffset += Ig(r, this.storageBindOffsetAlign), this.device.queue.writeBuffer(c, n, o.buffer, o.byteOffset, r);
+    const F = A.textures[0], G = F ? this.textures.get(F.id) : null, M = (g = G == null ? void 0 : G.view) != null ? g : this.dummyTextureView, y = (Q = F == null ? void 0 : F.id) != null ? Q : 0;
     let R = this.instancedTextureBindGroupCache.get(y);
     R || (R = this.device.createBindGroup({
       layout: this.instancedTextureBindGroupLayout,
@@ -1703,7 +1703,7 @@ const AA = class _ {
         { binding: 0, resource: M },
         { binding: 1, resource: this.sampler }
       ]
-    }), this.instancedTextureBindGroupCache.set(y, R)), C.setBindGroup(0, a.instancedDataBindGroup, [F]), this.lastInstancedTextureBindGroup !== R && (C.setBindGroup(1, R), this.lastInstancedTextureBindGroup = R);
+    }), this.instancedTextureBindGroupCache.set(y, R)), C.setBindGroup(0, a.instancedDataBindGroup, [n]), this.lastInstancedTextureBindGroup !== R && (C.setBindGroup(1, R), this.lastInstancedTextureBindGroup = R);
     const S = A.vertexBuffer.id, N = A.indexBuffer.id;
     this.lastVertexBufferId !== S && (C.setVertexBuffer(0, h.buffer), this.lastVertexBufferId = S), this.lastIndexBufferId !== N && (C.setIndexBuffer(w.buffer, "uint32"), this.lastIndexBufferId = N), C.drawIndexed(A.indexCount, E, 0, 0, 0);
   }
@@ -1723,18 +1723,18 @@ const AA = class _ {
     const s = this.buffers.get(A.vertexBuffer.id), D = this.buffers.get(A.indexBuffer.id);
     if (!s || !D) return;
     this.ensureInstancedProjection(t);
-    const h = E * _.ALPHA_INSTANCED_STRIDE, w = this.instancedStorageRingOffset, n = this.ensureInstancedStorageBuffer();
-    if (w + _.INSTANCED_ALPHA_CHUNK_BYTES > n.size) {
+    const h = E * _.ALPHA_INSTANCED_STRIDE, w = this.instancedStorageRingOffset, r = this.ensureInstancedStorageBuffer();
+    if (w + _.INSTANCED_ALPHA_CHUNK_BYTES > r.size) {
       console.warn("[WebGPU] instanced alpha storage ring full");
       return;
     }
-    this.instancedStorageRingOffset += Ig(h, this.storageBindOffsetAlign), this.device.queue.writeBuffer(n, w, o.buffer, o.byteOffset, h);
-    const F = A.textures[0], c = F ? this.textures.get(F.id) : null, r = (g = c == null ? void 0 : c.view) != null ? g : this.dummyTextureView, G = (Q = F == null ? void 0 : F.id) != null ? Q : 0;
+    this.instancedStorageRingOffset += Ig(h, this.storageBindOffsetAlign), this.device.queue.writeBuffer(r, w, o.buffer, o.byteOffset, h);
+    const n = A.textures[0], c = n ? this.textures.get(n.id) : null, F = (g = c == null ? void 0 : c.view) != null ? g : this.dummyTextureView, G = (Q = n == null ? void 0 : n.id) != null ? Q : 0;
     let M = this.instancedTextureBindGroupCache.get(G);
     M || (M = this.device.createBindGroup({
       layout: this.instancedTextureBindGroupLayout,
       entries: [
-        { binding: 0, resource: r },
+        { binding: 0, resource: F },
         { binding: 1, resource: this.sampler }
       ]
     }), this.instancedTextureBindGroupCache.set(G, M)), C.setBindGroup(0, e.instancedDataBindGroup, [w]), this.lastInstancedTextureBindGroup !== M && (C.setBindGroup(1, M), this.lastInstancedTextureBindGroup = M);
@@ -1756,18 +1756,18 @@ const AA = class _ {
     const s = this.buffers.get(A.vertexBuffer.id), D = this.buffers.get(A.indexBuffer.id);
     if (!s || !D) return;
     this.ensureInstancedProjection(t);
-    const h = E * _.VAP_INSTANCED_STRIDE, w = this.instancedStorageRingOffset, n = this.ensureInstancedStorageBuffer();
-    if (w + _.INSTANCED_VAP_CHUNK_BYTES > n.size) {
+    const h = E * _.VAP_INSTANCED_STRIDE, w = this.instancedStorageRingOffset, r = this.ensureInstancedStorageBuffer();
+    if (w + _.INSTANCED_VAP_CHUNK_BYTES > r.size) {
       console.warn("[WebGPU] instanced VAP storage ring full");
       return;
     }
-    this.instancedStorageRingOffset += Ig(h, this.storageBindOffsetAlign), this.device.queue.writeBuffer(n, w, o.buffer, o.byteOffset, h);
-    const F = A.textures[0], c = F ? this.textures.get(F.id) : null, r = (g = c == null ? void 0 : c.view) != null ? g : this.dummyTextureView, G = (Q = F == null ? void 0 : F.id) != null ? Q : 0;
+    this.instancedStorageRingOffset += Ig(h, this.storageBindOffsetAlign), this.device.queue.writeBuffer(r, w, o.buffer, o.byteOffset, h);
+    const n = A.textures[0], c = n ? this.textures.get(n.id) : null, F = (g = c == null ? void 0 : c.view) != null ? g : this.dummyTextureView, G = (Q = n == null ? void 0 : n.id) != null ? Q : 0;
     let M = this.instancedTextureBindGroupCache.get(G);
     M || (M = this.device.createBindGroup({
       layout: this.instancedTextureBindGroupLayout,
       entries: [
-        { binding: 0, resource: r },
+        { binding: 0, resource: F },
         { binding: 1, resource: this.sampler }
       ]
     }), this.instancedTextureBindGroupCache.set(G, M)), C.setBindGroup(0, e.instancedDataBindGroup, [w]), this.lastInstancedTextureBindGroup !== M && (C.setBindGroup(1, M), this.lastInstancedTextureBindGroup = M);
@@ -2809,15 +2809,15 @@ function zB(B, A) {
   const e = B.length;
   let a = A != null ? A : 0;
   if (a <= 0)
-    for (const r of B)
-      a = Math.max(a, r.frames.length);
-  const t = B.map((r) => r.imageKey), s = new Float32Array(e * a * xg), D = [], h = /* @__PURE__ */ new Map(), w = new Int32Array(e * a).fill(-1), n = [], F = new Int32Array(e * a).fill(-1);
+    for (const F of B)
+      a = Math.max(a, F.frames.length);
+  const t = B.map((F) => F.imageKey), s = new Float32Array(e * a * xg), D = [], h = /* @__PURE__ */ new Map(), w = new Int32Array(e * a).fill(-1), r = [], n = new Int32Array(e * a).fill(-1);
   let c = !1;
-  for (let r = 0; r < e; r++) {
-    const G = B[r];
+  for (let F = 0; F < e; F++) {
+    const G = B[F];
     let M = null, y = -1;
     for (let R = 0; R < a; R++) {
-      const S = G.frames[R], N = dC(r, R, a);
+      const S = G.frames[R], N = dC(F, R, a);
       if (!S) {
         s[N + 2] = 1, s[N + 5] = 1;
         continue;
@@ -2827,7 +2827,7 @@ function zB(B, A) {
       const f = (o = S.clipPath) != null ? o : "";
       if (f.length > 0) {
         let K = h.get(f);
-        K === void 0 && (K = D.length, D.push(f), h.set(f, K)), w[r * a + R] = K;
+        K === void 0 && (K = D.length, D.push(f), h.set(f, K)), w[F * a + R] = K;
       }
       const d = S.shapes;
       if (!d || d.length === 0) {
@@ -2835,11 +2835,11 @@ function zB(B, A) {
         continue;
       }
       if (((i = d[0]) == null ? void 0 : i.kind) === "keep") {
-        y >= 0 && (F[r * a + R] = y, c = !0);
+        y >= 0 && (n[F * a + R] = y, c = !0);
         continue;
       }
       if (M !== null && d === M && y >= 0) {
-        F[r * a + R] = y, c = !0;
+        n[F * a + R] = y, c = !0;
         continue;
       }
       const u = d.every(
@@ -2849,7 +2849,7 @@ function zB(B, A) {
         M = null, y = -1;
         continue;
       }
-      M = u, y = n.length, n.push(u), F[r * a + R] = y, c = !0;
+      M = u, y = r.length, r.push(u), n[F * a + R] = y, c = !0;
     }
   }
   return {
@@ -2859,22 +2859,22 @@ function zB(B, A) {
     frameData: s,
     clipPaths: D,
     clipPathIndex: w,
-    shapesTable: n,
-    shapesIndex: F,
+    shapesTable: r,
+    shapesIndex: n,
     hasAnyShapes: c
   };
 }
 function gg(B, A, I) {
   const g = Math.floor(B.length / HA), Q = Math.floor(A.length / (vA * cA)), C = Math.floor(I.length / iI), E = Math.min(g, Q, C);
   for (let o = 0; o < E; o++) {
-    const i = o * HA, e = B[i], a = B[i + 1], t = B[i + 2], s = B[i + 3], D = B[i + 4], h = B[i + 5], w = B[i + 6], n = B[i + 7], F = B[i + 8], c = B[i + 9], r = B[i + 10], G = B[i + 11], M = B[i + 12], y = w, R = n, S = t * e + w, N = s * e + n, U = t * e + D * a + w, L = s * e + h * a + n, l = D * a + w, f = h * a + n, d = o * vA * cA;
-    A[d] = y, A[d + 1] = R, A[d + 2] = 0, A[d + 3] = 1, A[d + 4] = 1, A[d + 5] = 1, A[d + 6] = F, A[d + 7] = c, A[d + 8] = r;
+    const i = o * HA, e = B[i], a = B[i + 1], t = B[i + 2], s = B[i + 3], D = B[i + 4], h = B[i + 5], w = B[i + 6], r = B[i + 7], n = B[i + 8], c = B[i + 9], F = B[i + 10], G = B[i + 11], M = B[i + 12], y = w, R = r, S = t * e + w, N = s * e + r, U = t * e + D * a + w, L = s * e + h * a + r, l = D * a + w, f = h * a + r, d = o * vA * cA;
+    A[d] = y, A[d + 1] = R, A[d + 2] = 0, A[d + 3] = 1, A[d + 4] = 1, A[d + 5] = 1, A[d + 6] = n, A[d + 7] = c, A[d + 8] = F;
     const u = d + cA;
-    A[u] = S, A[u + 1] = N, A[u + 2] = 0, A[u + 3] = 1, A[u + 4] = 1, A[u + 5] = 1, A[u + 6] = F, A[u + 7] = G, A[u + 8] = r;
+    A[u] = S, A[u + 1] = N, A[u + 2] = 0, A[u + 3] = 1, A[u + 4] = 1, A[u + 5] = 1, A[u + 6] = n, A[u + 7] = G, A[u + 8] = F;
     const K = d + 2 * cA;
-    A[K] = U, A[K + 1] = L, A[K + 2] = 0, A[K + 3] = 1, A[K + 4] = 1, A[K + 5] = 1, A[K + 6] = F, A[K + 7] = G, A[K + 8] = M;
+    A[K] = U, A[K + 1] = L, A[K + 2] = 0, A[K + 3] = 1, A[K + 4] = 1, A[K + 5] = 1, A[K + 6] = n, A[K + 7] = G, A[K + 8] = M;
     const x = d + 3 * cA;
-    A[x] = l, A[x + 1] = f, A[x + 2] = 0, A[x + 3] = 1, A[x + 4] = 1, A[x + 5] = 1, A[x + 6] = F, A[x + 7] = c, A[x + 8] = M;
+    A[x] = l, A[x + 1] = f, A[x + 2] = 0, A[x + 3] = 1, A[x + 4] = 1, A[x + 5] = 1, A[x + 6] = n, A[x + 7] = c, A[x + 8] = M;
     const X = o * iI, gA = o * vA;
     I[X] = gA, I[X + 1] = gA + 1, I[X + 2] = gA + 2, I[X + 3] = gA, I[X + 4] = gA + 2, I[X + 5] = gA + 3;
   }
@@ -3213,13 +3213,13 @@ function gE(B) {
       );
   const s = ((C = B.sprites) != null ? C : []).map(BE), D = ((E = B.audios) != null ? E : []).map(
     (h) => {
-      var w, n, F, c, r;
+      var w, r, n, c, F;
       return {
         audioKey: (w = h.audio_key) != null ? w : "",
-        startFrame: (n = h.start_frame) != null ? n : 0,
-        endFrame: (F = h.end_frame) != null ? F : 0,
+        startFrame: (r = h.start_frame) != null ? r : 0,
+        endFrame: (n = h.end_frame) != null ? n : 0,
         startTime: (c = h.start_time) != null ? c : 0,
-        totalTime: (r = h.total_time) != null ? r : 0
+        totalTime: (F = h.total_time) != null ? F : 0
       };
     }
   );
@@ -3235,10 +3235,10 @@ function BE(B) {
   var A, I;
   let g = null;
   const Q = ((A = B.frames) != null ? A : []).map((C) => {
-    var E, o, i, e, a, t, s, D, h, w, n;
-    const F = Array.isArray(C.shapes) ? C.shapes : [];
+    var E, o, i, e, a, t, s, D, h, w, r;
+    const n = Array.isArray(C.shapes) ? C.shapes : [];
     let c;
-    return F.length === 0 ? (g = null, c = null) : ((E = F[0]) == null ? void 0 : E.kind) === "keep" ? c = g : (c = EE(F), g = c), {
+    return n.length === 0 ? (g = null, c = null) : ((E = n[0]) == null ? void 0 : E.kind) === "keep" ? c = g : (c = EE(n), g = c), {
       alpha: (o = C.alpha) != null ? o : 0,
       layout: C.layout ? {
         width: (i = C.layout.width) != null ? i : 0,
@@ -3252,7 +3252,7 @@ function BE(B) {
         tx: (h = C.transform.tx) != null ? h : 0,
         ty: (w = C.transform.ty) != null ? w : 0
       } : null,
-      clipPath: (n = C.clip_path) != null ? n : "",
+      clipPath: (r = C.clip_path) != null ? r : "",
       shapes: c
     };
   });
@@ -3299,10 +3299,10 @@ function EE(B) {
   if (!Array.isArray(B) || B.length === 0) return null;
   const h = [];
   for (const w of B) {
-    const n = w == null ? void 0 : w.kind;
-    if (n !== "path" && n !== "rect" && n !== "ellipse") continue;
-    const F = {
-      kind: n,
+    const r = w == null ? void 0 : w.kind;
+    if (r !== "path" && r !== "rect" && r !== "ellipse") continue;
+    const n = {
+      kind: r,
       pathData: (A = w.path_data) != null ? A : w.pathData,
       rect: w.rect ? {
         x: (I = w.rect.x) != null ? I : 0,
@@ -3320,7 +3320,7 @@ function EE(B) {
       style: QE(w.style),
       transform: CE(w.transform)
     };
-    h.push(F);
+    h.push(n);
   }
   return h.length > 0 ? h : null;
 }
@@ -3417,43 +3417,43 @@ function QQ(B) {
         break;
       case "C": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = t(), h = t(), w = t(), n = t(), F = t(), c = t();
-          KI(I, g, Q, D, h, w, n, F, c), o = w, i = n, g = F, Q = c;
+          const D = t(), h = t(), w = t(), r = t(), n = t(), c = t();
+          KI(I, g, Q, D, h, w, r, n, c), o = w, i = r, g = n, Q = c;
         }
         break;
       }
       case "c": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = g + t(), h = Q + t(), w = g + t(), n = Q + t(), F = g + t(), c = Q + t();
-          KI(I, g, Q, D, h, w, n, F, c), o = w, i = n, g = F, Q = c;
+          const D = g + t(), h = Q + t(), w = g + t(), r = Q + t(), n = g + t(), c = Q + t();
+          KI(I, g, Q, D, h, w, r, n, c), o = w, i = r, g = n, Q = c;
         }
         break;
       }
       case "S": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = 2 * g - o, h = 2 * Q - i, w = t(), n = t(), F = t(), c = t();
-          KI(I, g, Q, D, h, w, n, F, c), o = w, i = n, g = F, Q = c;
+          const D = 2 * g - o, h = 2 * Q - i, w = t(), r = t(), n = t(), c = t();
+          KI(I, g, Q, D, h, w, r, n, c), o = w, i = r, g = n, Q = c;
         }
         break;
       }
       case "s": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = 2 * g - o, h = 2 * Q - i, w = g + t(), n = Q + t(), F = g + t(), c = Q + t();
-          KI(I, g, Q, D, h, w, n, F, c), o = w, i = n, g = F, Q = c;
+          const D = 2 * g - o, h = 2 * Q - i, w = g + t(), r = Q + t(), n = g + t(), c = Q + t();
+          KI(I, g, Q, D, h, w, r, n, c), o = w, i = r, g = n, Q = c;
         }
         break;
       }
       case "Q": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = t(), h = t(), w = t(), n = t();
-          eB(I, g, Q, D, h, w, n), o = D, i = h, g = w, Q = n;
+          const D = t(), h = t(), w = t(), r = t();
+          eB(I, g, Q, D, h, w, r), o = D, i = h, g = w, Q = r;
         }
         break;
       }
       case "q": {
         for (; a < e.length && !isNaN(parseFloat(e[a])); ) {
-          const D = g + t(), h = Q + t(), w = g + t(), n = Q + t();
-          eB(I, g, Q, D, h, w, n), o = D, i = h, g = w, Q = n;
+          const D = g + t(), h = Q + t(), w = g + t(), r = Q + t();
+          eB(I, g, Q, D, h, w, r), o = D, i = h, g = w, Q = r;
         }
         break;
       }
@@ -3495,11 +3495,11 @@ function DE(B) {
     let o = !1;
     const i = g.length;
     for (let e = 0; e < i; e++) {
-      const a = g[(e - 1 + i) % i], t = g[e], s = g[(e + 1) % i], D = B[a], h = B[t], w = B[s], n = (h.x - D.x) * (w.y - D.y) - (h.y - D.y) * (w.x - D.x);
-      if (!(C ? n > 0 : n < 0)) continue;
+      const a = g[(e - 1 + i) % i], t = g[e], s = g[(e + 1) % i], D = B[a], h = B[t], w = B[s], r = (h.x - D.x) * (w.y - D.y) - (h.y - D.y) * (w.x - D.x);
+      if (!(C ? r > 0 : r < 0)) continue;
       let c = !1;
-      for (let r = 0; r < i; r++)
-        if (!(r === (e - 1 + i) % i || r === e || r === (e + 1) % i) && wE(B[g[r]], D, h, w)) {
+      for (let F = 0; F < i; F++)
+        if (!(F === (e - 1 + i) % i || F === e || F === (e + 1) % i) && wE(B[g[F]], D, h, w)) {
           c = !0;
           break;
         }
@@ -3620,18 +3620,18 @@ function cE(B) {
 function FE(B, A, I, g) {
   const Q = B.prev, C = B, E = B.next;
   if (V(Q, C, E) >= 0) return !1;
-  const o = Q.x, i = C.x, e = E.x, a = Q.y, t = C.y, s = E.y, D = Math.min(o, i, e), h = Math.min(a, t, s), w = Math.max(o, i, e), n = Math.max(a, t, s), F = Kg(D, h, A, I, g), c = Kg(w, n, A, I, g);
-  let r = B.prevZ, G = B.nextZ;
-  for (; r && r.z >= F && G && G.z <= c; ) {
-    if (r.x >= D && r.x <= w && r.y >= h && r.y <= n && r !== Q && r !== E && CI(o, a, i, t, e, s, r.x, r.y) && V(r.prev, r, r.next) >= 0 || (r = r.prevZ, G.x >= D && G.x <= w && G.y >= h && G.y <= n && G !== Q && G !== E && CI(o, a, i, t, e, s, G.x, G.y) && V(G.prev, G, G.next) >= 0)) return !1;
+  const o = Q.x, i = C.x, e = E.x, a = Q.y, t = C.y, s = E.y, D = Math.min(o, i, e), h = Math.min(a, t, s), w = Math.max(o, i, e), r = Math.max(a, t, s), n = Kg(D, h, A, I, g), c = Kg(w, r, A, I, g);
+  let F = B.prevZ, G = B.nextZ;
+  for (; F && F.z >= n && G && G.z <= c; ) {
+    if (F.x >= D && F.x <= w && F.y >= h && F.y <= r && F !== Q && F !== E && CI(o, a, i, t, e, s, F.x, F.y) && V(F.prev, F, F.next) >= 0 || (F = F.prevZ, G.x >= D && G.x <= w && G.y >= h && G.y <= r && G !== Q && G !== E && CI(o, a, i, t, e, s, G.x, G.y) && V(G.prev, G, G.next) >= 0)) return !1;
     G = G.nextZ;
   }
-  for (; r && r.z >= F; ) {
-    if (r.x >= D && r.x <= w && r.y >= h && r.y <= n && r !== Q && r !== E && CI(o, a, i, t, e, s, r.x, r.y) && V(r.prev, r, r.next) >= 0) return !1;
-    r = r.prevZ;
+  for (; F && F.z >= n; ) {
+    if (F.x >= D && F.x <= w && F.y >= h && F.y <= r && F !== Q && F !== E && CI(o, a, i, t, e, s, F.x, F.y) && V(F.prev, F, F.next) >= 0) return !1;
+    F = F.prevZ;
   }
   for (; G && G.z <= c; ) {
-    if (G.x >= D && G.x <= w && G.y >= h && G.y <= n && G !== Q && G !== E && CI(o, a, i, t, e, s, G.x, G.y) && V(G.prev, G, G.next) >= 0) return !1;
+    if (G.x >= D && G.x <= w && G.y >= h && G.y <= r && G !== Q && G !== E && CI(o, a, i, t, e, s, G.x, G.y) && V(G.prev, G, G.next) >= 0) return !1;
     G = G.nextZ;
   }
   return !0;
@@ -4794,8 +4794,8 @@ function pA(B, A, I, g, Q) {
   ];
   let a = 1 / 0, t = 1 / 0, s = -1 / 0, D = -1 / 0;
   for (const [h, w] of e) {
-    const n = h - i.x, F = w - i.y, c = i.x + E * n - o * F, r = i.y + o * n + E * F;
-    a = Math.min(a, c), t = Math.min(t, r), s = Math.max(s, c), D = Math.max(D, r);
+    const r = h - i.x, n = w - i.y, c = i.x + E * r - o * n, F = i.y + o * r + E * n;
+    a = Math.min(a, c), t = Math.min(t, F), s = Math.max(s, c), D = Math.max(D, F);
   }
   return { x: a, y: t, w: s - a, h: D - t };
 }
@@ -4880,9 +4880,9 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
     C.length = 0;
     let E = null;
     for (const o of I) {
-      const i = o.videoEntity, e = i.params.viewBoxWidth, a = i.params.viewBoxHeight, t = DA(o), s = dA(o, e, a), D = s.scaleX, h = s.scaleY, w = o.width * o.scale, n = o.height * o.scale, F = t === "cover" ? w : Math.min(s.width, w), c = t === "cover" ? n : Math.min(s.height, n), r = t === "cover" ? o.x : o.x + s.offsetX, G = t === "cover" ? o.y : o.y + s.offsetY;
+      const i = o.videoEntity, e = i.params.viewBoxWidth, a = i.params.viewBoxHeight, t = DA(o), s = dA(o, e, a), D = s.scaleX, h = s.scaleY, w = o.width * o.scale, r = o.height * o.scale, n = t === "cover" ? w : Math.min(s.width, w), c = t === "cover" ? r : Math.min(s.height, r), F = t === "cover" ? o.x : o.x + s.offsetX, G = t === "cover" ? o.y : o.y + s.offsetY;
       C.length > 0 && (this.drawBatch(A, C, E, Q), C.length = 0, E = null);
-      const M = pA(o, r, G, F, c);
+      const M = pA(o, F, G, n, c);
       A.setScissor(M.x, M.y, M.w, M.h), this.slotScissor.x = M.x, this.slotScissor.y = M.y, this.slotScissor.w = M.w, this.slotScissor.h = M.h;
       for (let y = 0; y < i.spriteTable.spriteCount; y++) {
         const R = i.spriteTable, S = o.currentFrame;
@@ -4956,15 +4956,15 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
       return;
     }
     const E = this.pool.getFloat32(C * HA);
-    for (let F = 0; F < C; F++)
-      this.packFrameData(E, F, I[F]);
+    for (let n = 0; n < C; n++)
+      this.packFrameData(E, n, I[n]);
     const o = C * vA * cA, i = C * iI, e = this.pool.getFloat32B(o), a = this.pool.getUint32(i), t = new Float32Array(E.buffer, 0, C * HA), s = new Float32Array(e.buffer, 0, o), D = new Uint32Array(a.buffer, 0, i);
     (!eI() || Eg(t, s, D) === null) && gg(t, s, D);
-    const h = this.batchDrawCursor++, w = this.ensureVertexBuffer(A, h, s), n = this.ensureIndexBuffer(A, h, D);
+    const h = this.batchDrawCursor++, w = this.ensureVertexBuffer(A, h, s), r = this.ensureIndexBuffer(A, h, D);
     A.draw({
       shader: "svga-batch-premul",
       vertexBuffer: w,
-      indexBuffer: n,
+      indexBuffer: r,
       indexCount: i,
       textures: [g],
       uniforms: { u_projection: Q, u_atlas: 0 }
@@ -4988,20 +4988,20 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
   }
   drawClippedSprite(A, I, g, Q) {
     var C;
-    const { slot: E, sx: o, sy: i, offsetX: e, offsetY: a, a: t, b: s, c: D, d: h, tx: w, ty: n } = I, F = this.rotateTransform(
+    const { slot: E, sx: o, sy: i, offsetX: e, offsetY: a, a: t, b: s, c: D, d: h, tx: w, ty: r } = I, n = this.rotateTransform(
       E,
       t * o,
       s * i,
       D * o,
       h * i,
       w * o + E.x + e,
-      n * i + E.y + a
-    ), { a: c, b: r, c: G, d: M, tx: y, ty: R } = F, S = this.getClipRect(g);
-    if (S && ((C = E.rotation) != null ? C : 0) === 0 && hB(c, r, G, M)) {
+      r * i + E.y + a
+    ), { a: c, b: F, c: G, d: M, tx: y, ty: R } = n, S = this.getClipRect(g);
+    if (S && ((C = E.rotation) != null ? C : 0) === 0 && hB(c, F, G, M)) {
       this.applyClipRectScissor(A, S, c, M, y, R) && this.drawSingleSprite(A, I, Q), this.restoreSlotScissor(A);
       return;
     }
-    const N = this.ensureClipMeshBuffers(A, g), U = this.packClipTransform(c, r, G, M, y, R), L = {
+    const N = this.ensureClipMeshBuffers(A, g), U = this.packClipTransform(c, F, G, M, y, R), L = {
       shader: "clip-mask",
       vertexBuffer: N.vertexBuf,
       indexBuffer: N.indexBuf,
@@ -5126,20 +5126,20 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
     return i.a = I, i.b = g, i.c = Q, i.d = C, i.tx = E, i.ty = o, OE(A, i, i);
   }
   packFrameData(A, I, g) {
-    const { slot: Q, layoutW: C, layoutH: E, a: o, b: i, c: e, d: a, tx: t, ty: s, alpha: D, rect: h, override: w, sx: n, sy: F, offsetX: c, offsetY: r } = g;
+    const { slot: Q, layoutW: C, layoutH: E, a: o, b: i, c: e, d: a, tx: t, ty: s, alpha: D, rect: h, override: w, sx: r, sy: n, offsetX: c, offsetY: F } = g;
     let G = C || (w == null ? void 0 : w.logicalWidth) || 0, M = E || (w == null ? void 0 : w.logicalHeight) || 0, y = 0, R = 0;
     if ((w == null ? void 0 : w.mode) === "dynamic") {
       const LA = C || w.logicalWidth, W = E || w.logicalHeight;
       G = w.logicalWidth, M = w.logicalHeight, y = Math.max(0, (LA - G) * 0.5), R = Math.max(0, (W - M) * 0.5);
     }
-    const S = I * HA, N = o * n, U = i * F, L = e * n, l = a * F, f = this.rotateTransform(
+    const S = I * HA, N = o * r, U = i * n, L = e * r, l = a * n, f = this.rotateTransform(
       Q,
       N,
       U,
       L,
       l,
-      t * n + N * y + L * R + Q.x + c,
-      s * F + U * y + l * R + Q.y + r
+      t * r + N * y + L * R + Q.x + c,
+      s * n + U * y + l * R + Q.y + F
     ), { a: d, b: u, c: K, d: x, tx: X, ty: gA } = f;
     A[S] = G, A[S + 1] = M, A[S + 2] = d, A[S + 3] = u, A[S + 4] = K, A[S + 5] = x, A[S + 6] = X, A[S + 7] = gA, A[S + 8] = D * Q.opacity, A[S + 9] = h.x, A[S + 10] = h.y, A[S + 11] = h.x + h.w, A[S + 12] = h.y + h.h;
   }
@@ -5156,20 +5156,20 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
     var E;
     const o = this.getShapeMesh(g);
     if (!o || o.indices.length === 0) return;
-    const { slot: i, sx: e, sy: a, offsetX: t, offsetY: s, a: D, b: h, c: w, d: n, tx: F, ty: c, alpha: r } = I, G = this.getWhiteTexture(A), M = this.rotateTransform(
+    const { slot: i, sx: e, sy: a, offsetX: t, offsetY: s, a: D, b: h, c: w, d: r, tx: n, ty: c, alpha: F } = I, G = this.getWhiteTexture(A), M = this.rotateTransform(
       i,
       D * e,
       h * a,
       w * e,
-      n * a,
-      F * e + i.x + t,
+      r * a,
+      n * e + i.x + t,
       c * a + i.y + s
     ), { a: y, b: R, c: S, d: N, tx: U, ty: L } = M, l = o.vertices, f = l.length / 6 * cA;
     (!this.shapeVertsScratch || this.shapeVertsScratch.length < f) && (this.shapeVertsScratch = new Float32Array(f));
     const d = this.shapeVertsScratch;
     for (let W = 0, eA = 0; W < l.length; W += 6, eA += cA) {
       const kI = l[W], SA = l[W + 1];
-      d[eA] = y * kI + S * SA + U, d[eA + 1] = R * kI + N * SA + L, d[eA + 2] = 0, d[eA + 3] = l[W + 2], d[eA + 4] = l[W + 3], d[eA + 5] = l[W + 4], d[eA + 6] = l[W + 5] * r * i.opacity, d[eA + 7] = 0.5, d[eA + 8] = 0.5;
+      d[eA] = y * kI + S * SA + U, d[eA + 1] = R * kI + N * SA + L, d[eA + 2] = 0, d[eA + 3] = l[W + 2], d[eA + 4] = l[W + 3], d[eA + 5] = l[W + 4], d[eA + 6] = l[W + 5] * F * i.opacity, d[eA + 7] = 0.5, d[eA + 8] = 0.5;
     }
     let u = !1, K = null, x = null;
     if (Q && Q.indices.length > 0) {
@@ -5298,8 +5298,8 @@ const sg = 2048, Dg = { x: 0, y: 0, w: 1, h: 1 }, Vg = class Lg {
     for (let o = 0; o < A.length; o++) {
       const i = A[o], e = A[(o + 1) % A.length], a = e.x - i.x, t = e.y - i.y, s = Math.hypot(a, t);
       if (s <= 1e-4) continue;
-      const D = -t / s * E, h = a / s * E, w = Q.length / 6, n = this.clamp01(I.r), F = this.clamp01(I.g), c = this.clamp01(I.b), r = this.clamp01(I.a);
-      Q.push(i.x - D, i.y - h, n, F, c, r), Q.push(i.x + D, i.y + h, n, F, c, r), Q.push(e.x + D, e.y + h, n, F, c, r), Q.push(e.x - D, e.y - h, n, F, c, r), C.push(w, w + 1, w + 2, w + 2, w + 3, w);
+      const D = -t / s * E, h = a / s * E, w = Q.length / 6, r = this.clamp01(I.r), n = this.clamp01(I.g), c = this.clamp01(I.b), F = this.clamp01(I.a);
+      Q.push(i.x - D, i.y - h, r, n, c, F), Q.push(i.x + D, i.y + h, r, n, c, F), Q.push(e.x + D, e.y + h, r, n, c, F), Q.push(e.x - D, e.y - h, r, n, c, F), C.push(w, w + 1, w + 2, w + 2, w + 3, w);
     }
   }
   clamp01(A) {
@@ -5401,8 +5401,8 @@ function _E(B, A) {
   const i = Math.max(E, o) * 1e-4 + 1e-6;
   let e = 0;
   for (let a = 0; a < 8; a += 2) {
-    const t = B[a], s = B[a + 1], D = Math.abs(t - I) <= i, h = Math.abs(t - Q) <= i, w = Math.abs(s - g) <= i, n = Math.abs(s - C) <= i;
-    if (!D && !h || !w && !n) return null;
+    const t = B[a], s = B[a + 1], D = Math.abs(t - I) <= i, h = Math.abs(t - Q) <= i, w = Math.abs(s - g) <= i, r = Math.abs(s - C) <= i;
+    if (!D && !h || !w && !r) return null;
     e |= 1 << ((D ? 0 : 1) | (w ? 0 : 2));
   }
   return e !== 15 ? null : { x: I, y: g, w: E, h: o };
@@ -5964,32 +5964,32 @@ function li(B, A, I, g, Q, C, E, o) {
 }
 function wQ(B, A, I, g) {
   var Q, C, E, o, i, e;
-  const a = Math.max(1, g.scale || 1), t = Math.max(1, Math.round(B)), s = Math.max(1, Math.round(A)), D = OA(1, 1), h = jA(D), w = (Q = g.color) != null ? Q : "#ffffff", n = Math.max(0, (C = g.padding) != null ? C : 2), F = Math.max(1, t - n * 2), c = Math.max(1, s - n * 2), r = Math.max(
+  const a = Math.max(1, g.scale || 1), t = Math.max(1, Math.round(B)), s = Math.max(1, Math.round(A)), D = OA(1, 1), h = jA(D), w = (Q = g.color) != null ? Q : "#ffffff", r = Math.max(0, (C = g.padding) != null ? C : 2), n = Math.max(1, t - r * 2), c = Math.max(1, s - r * 2), F = Math.max(
     1,
     (i = (o = (E = g.maxFontSize) != null ? E : g.fontSize) != null ? o : Si(g.fontStyle)) != null ? i : Math.max(8, c)
-  ), G = Math.max(1, Math.min((e = g.minFontSize) != null ? e : 8, r)), M = w, y = `${g.style === "b" ? "bold " : ""}${r * a}px Arial`, R = Mi(g.fontStyle, y, M), S = (d) => Ni(R.font, d * a), N = li(
+  ), G = Math.max(1, Math.min((e = g.minFontSize) != null ? e : 8, F)), M = w, y = `${g.style === "b" ? "bold " : ""}${F * a}px Arial`, R = Mi(g.fontStyle, y, M), S = (d) => Ni(R.font, d * a), N = li(
     h,
     I,
     a,
     S,
-    F,
+    n,
     c,
     G,
-    zA(g.fontSize) ? Math.min(g.fontSize, r) : r
-  ), U = g.sizing === "intrinsic" ? Math.max(1, Math.min(t, Math.ceil(N.metrics.width + n * 2))) : t, L = g.sizing === "intrinsic" ? Math.max(1, Math.min(s, Math.ceil(N.metrics.height + n * 2))) : s, l = OA(U * a, L * a), f = jA(l);
+    zA(g.fontSize) ? Math.min(g.fontSize, F) : F
+  ), U = g.sizing === "intrinsic" ? Math.max(1, Math.min(t, Math.ceil(N.metrics.width + r * 2))) : t, L = g.sizing === "intrinsic" ? Math.max(1, Math.min(s, Math.ceil(N.metrics.height + r * 2))) : s, l = OA(U * a, L * a), f = jA(l);
   return f.clearRect(0, 0, l.width, l.height), f.textAlign = "center", f.textBaseline = "middle", f.font = S(N.fontSize), f.fillStyle = R.color, f.fillText(I, l.width / 2, l.height / 2), { canvas: l, logicalWidth: U, logicalHeight: L };
 }
 async function ki(B, A, I, g) {
   var Q, C, E, o, i, e;
   const a = B.spriteTable, t = new Set(A), s = /* @__PURE__ */ new Map();
   for (let w = 0; w < a.imageKeys.length; w++) {
-    const n = a.imageKeys[w];
-    t.has(n) && s.set(n, w);
+    const r = a.imageKeys[w];
+    t.has(r) && s.set(r, w);
   }
   const D = /* @__PURE__ */ new Map(), { frameCount: h } = a;
   for (const w of A) {
-    const n = s.get(w);
-    if (n == null) {
+    const r = s.get(w);
+    if (r == null) {
       const y = B.atlasRects.get(w);
       D.set(w, {
         width: (y == null ? void 0 : y.w) || 1,
@@ -5998,18 +5998,18 @@ async function ki(B, A, I, g) {
       });
       continue;
     }
-    let F = 0, c = 0, r = Number.POSITIVE_INFINITY;
+    let n = 0, c = 0, F = Number.POSITIVE_INFINITY;
     for (let y = 0; y < h; y++) {
-      const R = (n * h + y) * 9, S = (Q = a.frameData[R]) != null ? Q : 0, N = (C = a.frameData[R + 1]) != null ? C : 0, U = (E = a.frameData[R + 2]) != null ? E : 1, L = (o = a.frameData[R + 3]) != null ? o : 0, l = (i = a.frameData[R + 4]) != null ? i : 0, f = (e = a.frameData[R + 5]) != null ? e : 1;
-      if (F = Math.max(F, S), c = Math.max(c, N), S > 0 && N > 0) {
+      const R = (r * h + y) * 9, S = (Q = a.frameData[R]) != null ? Q : 0, N = (C = a.frameData[R + 1]) != null ? C : 0, U = (E = a.frameData[R + 2]) != null ? E : 1, L = (o = a.frameData[R + 3]) != null ? o : 0, l = (i = a.frameData[R + 4]) != null ? i : 0, f = (e = a.frameData[R + 5]) != null ? e : 1;
+      if (n = Math.max(n, S), c = Math.max(c, N), S > 0 && N > 0) {
         const d = Math.abs(U) * S + Math.abs(l) * N, u = Math.abs(L) * S + Math.abs(f) * N, K = d > 0 ? d / S : 1, x = u > 0 ? u / N : 1, X = Math.min(K || 1, x || 1);
-        zA(X) && (r = Math.min(r, X));
+        zA(X) && (F = Math.min(F, X));
       }
       y + 1 < h && I.shouldYield() && (await I.yield(), g == null || g());
     }
-    const G = zA(r) ? r : 1, M = B.atlasRects.get(w);
+    const G = zA(F) ? F : 1, M = B.atlasRects.get(w);
     D.set(w, {
-      width: F || (M == null ? void 0 : M.w) || 1,
+      width: n || (M == null ? void 0 : M.w) || 1,
       height: c || (M == null ? void 0 : M.h) || 1,
       renderScale: G
     });
@@ -6087,14 +6087,14 @@ async function Yi(B, A, I, g = {}) {
       h.width,
       h.height,
       h.renderScale
-    ), n = PA(w.source), F = n.width || h.width, c = n.height || h.height, r = B.createTexture(w.source, {
-      width: F,
+    ), r = PA(w.source), n = r.width || h.width, c = r.height || h.height, F = B.createTexture(w.source, {
+      width: n,
       height: c,
       filter: "linear",
       premultiplyAlpha: !0
     });
     o.set(s, {
-      texture: r,
+      texture: F,
       mode: w.mode,
       logicalWidth: w.logicalWidth,
       logicalHeight: w.logicalHeight
@@ -6204,13 +6204,13 @@ function FB(B, A, I, g, Q = !0) {
   var C, E;
   if (!B.compositeCanvas || !B.compositeCtx || !B.rawCanvas || !B.rawCtx || !B.scratchCanvas || !B.scratchCtx)
     throw new Error("VAP CPU compositor state is incomplete");
-  const { info: o } = A, i = o.videoW || B.width, e = o.videoH || B.height, [a, t, s, D] = o.rgbFrame, [h, w, n, F] = o.aFrame;
+  const { info: o } = A, i = o.videoW || B.width, e = o.videoH || B.height, [a, t, s, D] = o.rgbFrame, [h, w, r, n] = o.aFrame;
   (B.rawCanvas.width !== i || B.rawCanvas.height !== e) && (B.rawCanvas.width = i, B.rawCanvas.height = e), B.rawCtx.clearRect(0, 0, i, e), B.rawCtx.drawImage(I, 0, 0, i, e);
-  const c = B.rawCtx.getImageData(0, 0, i, e).data, r = B.compositeCtx.createImageData(B.width, B.height), G = r.data;
+  const c = B.rawCtx.getImageData(0, 0, i, e).data, F = B.compositeCtx.createImageData(B.width, B.height), G = F.data;
   for (let y = 0; y < B.height; y++) {
-    const R = Math.min(e - 1, Math.max(0, t + Math.floor(y / B.height * D))), S = Math.min(e - 1, Math.max(0, w + Math.floor(y / B.height * F)));
+    const R = Math.min(e - 1, Math.max(0, t + Math.floor(y / B.height * D))), S = Math.min(e - 1, Math.max(0, w + Math.floor(y / B.height * n)));
     for (let N = 0; N < B.width; N++) {
-      const U = Math.min(i - 1, Math.max(0, a + Math.floor(N / B.width * s))), L = Math.min(i - 1, Math.max(0, h + Math.floor(N / B.width * n))), l = (R * i + U) * 4, f = (S * i + L) * 4, d = c[f] / 255, u = (y * B.width + N) * 4, K = Q ? 1 : d;
+      const U = Math.min(i - 1, Math.max(0, a + Math.floor(N / B.width * s))), L = Math.min(i - 1, Math.max(0, h + Math.floor(N / B.width * r))), l = (R * i + U) * 4, f = (S * i + L) * 4, d = c[f] / 255, u = (y * B.width + N) * 4, K = Q ? 1 : d;
       G[u] = Math.round(c[l] * K), G[u + 1] = Math.round(c[l + 1] * K), G[u + 2] = Math.round(c[l + 2] * K), G[u + 3] = Math.round(d * 255);
     }
   }
@@ -6238,7 +6238,7 @@ function FB(B, A, I, g, Q = !0) {
       }
     }
   }
-  return B.compositeCtx.putImageData(r, 0, 0), B.compositeCanvas;
+  return B.compositeCtx.putImageData(F, 0, 0), B.compositeCanvas;
 }
 var qi = Object.defineProperty, pi = (B, A, I) => A in B ? qi(B, A, { enumerable: !0, configurable: !0, writable: !0, value: I }) : B[A] = I, T = (B, A, I) => pi(B, typeof A != "symbol" ? A + "" : A, I);
 const rg = 1024, GB = 32, lI = class RA {
@@ -6365,10 +6365,10 @@ const rg = 1024, GB = 32, lI = class RA {
       w.height,
       s
     ), I.set(s, g);
-    const n = $A(e.rgbFrame, a, t), F = $A(e.aFrame, a, t), c = A.videoTextureHandle, r = VI(c.width, c.height, A.wcAtlasRect, this.scratchAtlasRemap);
-    I.set(r, g + 16);
+    const r = $A(e.rgbFrame, a, t), n = $A(e.aFrame, a, t), c = A.videoTextureHandle, F = VI(c.width, c.height, A.wcAtlasRect, this.scratchAtlasRemap);
+    I.set(F, g + 16);
     const G = g + 20;
-    I[G + 0] = n.left, I[G + 1] = n.right, I[G + 2] = n.top, I[G + 3] = n.bottom, I[G + 4] = F.left, I[G + 5] = F.right, I[G + 6] = F.top, I[G + 7] = F.bottom, I[G + 8] = A.opacity, I[G + 9] = A.options.videoRGBAlphaMode !== "straight" ? 1 : 0, I[G + 10] = 0, I[G + 11] = 0;
+    I[G + 0] = r.left, I[G + 1] = r.right, I[G + 2] = r.top, I[G + 3] = r.bottom, I[G + 4] = n.left, I[G + 5] = n.right, I[G + 6] = n.top, I[G + 7] = n.bottom, I[G + 8] = A.opacity, I[G + 9] = A.options.videoRGBAlphaMode !== "straight" ? 1 : 0, I[G + 10] = 0, I[G + 11] = 0;
   }
   syncMixedTexture(A, I) {
     var g;
@@ -6416,7 +6416,7 @@ const rg = 1024, GB = 32, lI = class RA {
       console.warn("[GiftStage:WC] VAP vapConfig missing — draw skipped", { giftId: I.id });
       return;
     }
-    const { info: t } = a, s = t.videoW > 0 ? t.videoW : (Q = (g = I.webcodecsPlayback) == null ? void 0 : g.videoWidth) != null ? Q : 1, D = t.videoH > 0 ? t.videoH : (E = (C = I.webcodecsPlayback) == null ? void 0 : C.videoHeight) != null ? E : 1, h = this.scratchTransform, w = DA(I), { w: n, h: F } = mA(t), c = dA(I, n, F);
+    const { info: t } = a, s = t.videoW > 0 ? t.videoW : (Q = (g = I.webcodecsPlayback) == null ? void 0 : g.videoWidth) != null ? Q : 1, D = t.videoH > 0 ? t.videoH : (E = (C = I.webcodecsPlayback) == null ? void 0 : C.videoHeight) != null ? E : 1, h = this.scratchTransform, w = DA(I), { w: r, h: n } = mA(t), c = dA(I, r, n);
     ZA(
       I,
       I.x + c.offsetX,
@@ -6425,8 +6425,8 @@ const rg = 1024, GB = 32, lI = class RA {
       c.height,
       h
     );
-    const r = $A(t.rgbFrame, s, D), G = $A(t.aFrame, s, D), M = I.videoTextureHandle, y = VI(M.width, M.height, I.wcAtlasRect, this.scratchAtlasRemap), R = this.vapVertexScratch;
-    R[0] = 0, R[1] = 0, R[2] = r.left, R[3] = r.top, R[4] = G.left, R[5] = G.top, R[6] = 1, R[7] = 0, R[8] = r.right, R[9] = r.top, R[10] = G.right, R[11] = G.top, R[12] = 1, R[13] = 1, R[14] = r.right, R[15] = r.bottom, R[16] = G.right, R[17] = G.bottom, R[18] = 0, R[19] = 1, R[20] = r.left, R[21] = r.bottom, R[22] = G.left, R[23] = G.bottom, this.quadVB = this.ensureBuffer(A, this.quadVB, R, "vertex"), this.quadIB || (this.quadIB = A.createBuffer(RA.QUAD_INDICES, "index"));
+    const F = $A(t.rgbFrame, s, D), G = $A(t.aFrame, s, D), M = I.videoTextureHandle, y = VI(M.width, M.height, I.wcAtlasRect, this.scratchAtlasRemap), R = this.vapVertexScratch;
+    R[0] = 0, R[1] = 0, R[2] = F.left, R[3] = F.top, R[4] = G.left, R[5] = G.top, R[6] = 1, R[7] = 0, R[8] = F.right, R[9] = F.top, R[10] = G.right, R[11] = G.top, R[12] = 1, R[13] = 1, R[14] = F.right, R[15] = F.bottom, R[16] = G.right, R[17] = G.bottom, R[18] = 0, R[19] = 1, R[20] = F.left, R[21] = F.bottom, R[22] = G.left, R[23] = G.bottom, this.quadVB = this.ensureBuffer(A, this.quadVB, R, "vertex"), this.quadIB || (this.quadIB = A.createBuffer(RA.QUAD_INDICES, "index"));
     const S = {
       shader: "vap",
       vertexBuffer: this.quadVB,
@@ -6533,10 +6533,10 @@ const rg = 1024, GB = 32, lI = class RA {
       );
       A.setScissor(c.x, c.y, c.w, c.h);
     }
-    const h = a.videoW > 0 ? a.videoW : C.width, w = a.videoH > 0 ? a.videoH : C.height, n = this.scratchTransform, F = this.scratchAtlasRemap;
+    const h = a.videoW > 0 ? a.videoW : C.width, w = a.videoH > 0 ? a.videoH : C.height, r = this.scratchTransform, n = this.scratchAtlasRemap;
     for (const c of E) {
-      const r = Q.resourceTextures.get(String(c.srcId));
-      if (!r) continue;
+      const F = Q.resourceTextures.get(String(c.srcId));
+      if (!F) continue;
       const [G, M, y, R] = c.frame, [, , S, N] = c.mFrame;
       if (y <= 0 || R <= 0 || S <= 0 || N <= 0) continue;
       ZA(
@@ -6545,19 +6545,19 @@ const rg = 1024, GB = 32, lI = class RA {
         I.y + D.offsetY + M * D.scaleY,
         y * D.scaleX,
         R * D.scaleY,
-        n
+        r
       );
       const U = $A(c.mFrame, h, w);
-      F[0] = U.left, F[1] = U.right, F[2] = U.top, F[3] = U.bottom, A.draw({
+      n[0] = U.left, n[1] = U.right, n[2] = U.top, n[3] = U.bottom, A.draw({
         shader: "vap-mix-overlay",
         vertexBuffer: this.rgbaTopLeftQuadVB,
         indexBuffer: this.rgbaQuadIB,
         indexCount: 6,
-        textures: [r, C],
+        textures: [F, C],
         uniforms: {
           u_projection: e,
-          u_transform: n,
-          u_atlasRemap: F,
+          u_transform: r,
+          u_atlasRemap: n,
           u_opacity: I.opacity,
           u_resource: 0,
           u_video: 1
@@ -7363,16 +7363,16 @@ class Qo {
     (g = A.onComplete) == null || g.call(A, I), A.state = A.options.clearsAfterStop === !1 ? "stopped" : "finished";
   }
   tickSVGA(A, I, g, Q) {
-    var C;
-    const E = A.videoEntity, o = E.params.fps, i = E.params.frames;
-    if (o <= 0 || i <= 0) return !1;
-    const e = 1 / o, a = A.currentFrame;
+    var C, E;
+    const o = A.videoEntity, i = o.params.fps, e = o.params.frames;
+    if (i <= 0 || e <= 0) return !1;
+    const a = 1 / i, t = A.currentFrame;
     A.accumulatedTime += I;
-    const t = Math.floor(A.accumulatedTime / e);
-    if (t <= 0) return !1;
-    A.accumulatedTime -= t * e;
-    const s = (C = A.options.loop) != null ? C : 1, D = A.loopCount * i + A.currentFrame + t;
-    return s === 0 ? (A.loopCount = Math.floor(D / i), A.currentFrame = D % i) : D >= s * i ? (A.loopCount = s, A.currentFrame = i - 1, this.onGiftPlayComplete(A, g, Q)) : (A.loopCount = Math.floor(D / i), A.currentFrame = D % i), A.currentFrame = Math.max(0, Math.min(A.currentFrame, i - 1)), A.currentFrame !== a && this.audioManager.tickFrame(A, A.currentFrame, g), A.currentFrame !== a;
+    const s = Math.floor(A.accumulatedTime / a);
+    if (s <= 0) return !1;
+    A.accumulatedTime -= s * a;
+    const D = (C = A.options.loop) != null ? C : 1, h = A.loopCount * e + A.currentFrame + s;
+    return D === 0 ? (A.loopCount = Math.floor(h / e), A.currentFrame = h % e) : h >= D * e ? (A.loopCount = D, A.currentFrame = e - 1, this.onGiftPlayComplete(A, g, Q)) : (A.loopCount = Math.floor(h / e), A.currentFrame = h % e), A.currentFrame = Math.max(0, Math.min(A.currentFrame, e - 1)), A.currentFrame !== t && (this.audioManager.tickFrame(A, A.currentFrame, g), (E = A.onFrame) == null || E.call(A, A.currentFrame, g)), A.currentFrame !== t;
   }
   onGiftPlayComplete(A, I, g) {
     var Q;
@@ -7496,8 +7496,8 @@ class Qo {
       case "svga": {
         const s = A.videoEntity, D = (I = s == null ? void 0 : s.atlasTextureHandles) != null && I.length ? s.atlasTextureHandles : (g = s == null ? void 0 : s.atlasTextureHandle) != null ? g : null, h = A.svgaSlotTextures && A.svgaSlotTextures.size > 0 ? 1 : 0;
         if (t && t.d0 === D && t.d1 === h) return t.key;
-        const n = `svga:${((Q = s == null ? void 0 : s.atlasTextureHandles) != null && Q.length ? s.atlasTextureHandles : s != null && s.atlasTextureHandle ? [s.atlasTextureHandle] : []).map((F) => F.id).join(",")}:${h}`;
-        return A.batchKeyCache = { key: n, d0: D, d1: h, d2: null }, n;
+        const r = `svga:${((Q = s == null ? void 0 : s.atlasTextureHandles) != null && Q.length ? s.atlasTextureHandles : s != null && s.atlasTextureHandle ? [s.atlasTextureHandle] : []).map((n) => n.id).join(",")}:${h}`;
+        return A.batchKeyCache = { key: r, d0: D, d1: h, d2: null }, r;
       }
       case "vap": {
         const s = A.videoTextureHandle, D = !!A.vapMixState, h = (C = A.options.objectFit) != null ? C : "contain";
@@ -7600,15 +7600,15 @@ async function cg(B, A, I) {
     let s = 0;
     const D = Q ? QA() : 0;
     for (; ; ) {
-      const { done: F, value: c } = await o.read();
-      if (F) break;
+      const { done: n, value: c } = await o.read();
+      if (n) break;
       t.push(c), s += c.length;
     }
     await Promise.all([e, a]), Q && (Q.readMs = QA() - D, Q.outputChunks = t.length, Q.outputBytes = s);
     const h = Q ? QA() : 0, w = new Uint8Array(s);
-    let n = 0;
-    for (const F of t)
-      w.set(F, n), n += F.length;
+    let r = 0;
+    for (const n of t)
+      w.set(n, r), r += n.length;
     return Q && (Q.concatMs = QA() - h, Q.totalMs = QA() - g, Q.status = "success"), w;
   } catch (C) {
     throw Q && (Q.totalMs = QA() - g, Q.error = rQ(C)), C;
@@ -8243,13 +8243,13 @@ async function GQ(B, A) {
   B.skip(a * 4), await A();
   const D = B.u32(), h = [];
   for (let c = 0; c < D; c++) {
-    const r = B.u32(), G = [];
-    for (let M = 0; M < r; M++)
+    const F = B.u32(), G = [];
+    for (let M = 0; M < F; M++)
       G.push(ko(B)), await A();
     h.push(G);
   }
   B.pad4();
-  const w = I * Q, n = B.position, F = new Int32Array(B.sourceBuffer(), n, w);
+  const w = I * Q, r = B.position, n = new Int32Array(B.sourceBuffer(), r, w);
   return B.skip(w * 4), await A(), {
     spriteCount: I,
     frameCount: Q,
@@ -8258,7 +8258,7 @@ async function GQ(B, A) {
     clipPaths: e,
     clipPathIndex: s,
     shapesTable: h,
-    shapesIndex: F,
+    shapesIndex: n,
     hasAnyShapes: B.u8() !== 0
   };
 }
@@ -8340,8 +8340,8 @@ async function RQ(B, A, I, g) {
     }), await C();
   const t = [], s = E.u32();
   for (let h = 0; h < s; h++) {
-    const w = E.string(), n = E.bytesRef();
-    t.push({ key: w, offset: n.offset, length: n.length }), await C();
+    const w = E.string(), r = E.bytesRef();
+    t.push({ key: w, offset: r.offset, length: r.length }), await C();
   }
   const D = await GQ(E, C);
   return Y(g, "SVGA payload deserialization aborted"), {
@@ -10124,24 +10124,24 @@ async function vo(B, A, I = {}) {
         }
         const a = To++, t = await new Promise((s, D) => {
           var h, w;
-          const n = {
+          const r = {
             owner: g,
             signal: I.signal,
             resolve: s,
             reject: D
           };
-          if (n.onAbort = () => {
+          if (r.onAbort = () => {
             OI(
               g,
               $("SVGA image decode aborted"),
               a
             );
-          }, MI.set(a, n), (h = I.signal) != null && h.aborted) {
-            n.onAbort();
+          }, MI.set(a, r), (h = I.signal) != null && h.aborted) {
+            r.onAbort();
             return;
           }
-          (w = I.signal) == null || w.addEventListener("abort", n.onAbort, { once: !0 });
-          const F = {
+          (w = I.signal) == null || w.addEventListener("abort", r.onAbort, { once: !0 });
+          const n = {
             type: "decode-batch",
             id: a,
             items: i,
@@ -10149,7 +10149,7 @@ async function vo(B, A, I = {}) {
             maxConcurrency: I.maxConcurrency
           };
           try {
-            g.postMessage(F, e);
+            g.postMessage(n, e);
           } catch (c) {
             OI(
               g,
@@ -10241,14 +10241,14 @@ async function HB(B, A, I) {
       await Promise.all(
         t.map(async ([h, w]) => {
           try {
-            const n = await createImageBitmap(new Blob([new Uint8Array(w)]), {
+            const r = await createImageBitmap(new Blob([new Uint8Array(w)]), {
               premultiplyAlpha: "none"
             });
             if (I != null && I.aborted)
-              throw n.close(), $("SVGA image decode aborted");
-            g.set(h, n);
-          } catch (n) {
-            if (JA(n)) throw n;
+              throw r.close(), $("SVGA image decode aborted");
+            g.set(h, r);
+          } catch (r) {
+            if (JA(r)) throw r;
           }
         })
       );
@@ -10378,16 +10378,16 @@ async function SQ(B, A, I, g, Q) {
           I,
           Q == null ? void 0 : Q.svgaLoadFrameBudgetMs,
           E
-        ), r = await mo(c, {
+        ), F = await mo(c, {
           profile: Q == null ? void 0 : Q.svgaParseProfile,
           workerTimeSliceMs: Q == null ? void 0 : Q.svgaWorkerFrameBudgetMs,
           mainThreadFrameBudgetMs: Q == null ? void 0 : Q.svgaLoadFrameBudgetMs,
           signal: E
         });
-        return Y(E, "SVGA parse aborted"), fB(Q == null ? void 0 : Q.svgaParseProfile, r), A ? wB(A, r) : bI.set(B, r), r;
-      } catch (F) {
-        if (JA(F)) throw F;
-        console.warn("[GiftStage:SVGA] worker parse failed, using main thread", F), I = typeof B == "string" ? new Uint8Array(await xA(B)) : new Uint8Array(B);
+        return Y(E, "SVGA parse aborted"), fB(Q == null ? void 0 : Q.svgaParseProfile, F), A ? wB(A, F) : bI.set(B, F), F;
+      } catch (n) {
+        if (JA(n)) throw n;
+        console.warn("[GiftStage:SVGA] worker parse failed, using main thread", n), I = typeof B == "string" ? new Uint8Array(await xA(B)) : new Uint8Array(B);
       }
     Y(E, "SVGA parse aborted");
     const a = Q != null && Q.svgaParseProfile ? z() : 0;
@@ -10395,25 +10395,25 @@ async function SQ(B, A, I, g, Q) {
     const s = await Co(
       I,
       () => eI() && _C(I),
-      Q != null && Q.svgaParseProfile ? (F) => {
-        t = F;
+      Q != null && Q.svgaParseProfile ? (n) => {
+        t = n;
       } : void 0
     );
     Y(E, "SVGA parse aborted");
-    let D, h, w, n;
+    let D, h, w, r;
     if (eI()) {
-      const F = Q != null && Q.svgaParseProfile ? z() : 0, c = Q != null && Q.svgaParseProfile ? IE(s) : null, r = (e = c == null ? void 0 : c.payload) != null ? e : AE(s);
-      if (Y(E, "SVGA parse aborted"), r) {
+      const n = Q != null && Q.svgaParseProfile ? z() : 0, c = Q != null && Q.svgaParseProfile ? IE(s) : null, F = (e = c == null ? void 0 : c.payload) != null ? e : AE(s);
+      if (Y(E, "SVGA parse aborted"), F) {
         Q != null && Q.svgaParseProfile && (h = {
           path: "wasmDecodeSVGAPayload",
           operation: "protobufDecodeAndPayloadBuild",
           inputBytes: s.byteLength,
-          outputBytes: r.byteLength,
-          totalMs: z() - F,
+          outputBytes: F.byteLength,
+          totalMs: z() - n,
           wasm: c == null ? void 0 : c.profile
         });
-        const G = Q != null && Q.svgaParseProfile ? z() : 0, M = r.byteOffset === 0 && r.byteLength === r.buffer.byteLength ? r.buffer : await jI(
-          r,
+        const G = Q != null && Q.svgaParseProfile ? z() : 0, M = F.byteOffset === 0 && F.byteLength === F.buffer.byteLength ? F.buffer : await jI(
+          F,
           Q == null ? void 0 : Q.svgaLoadFrameBudgetMs,
           E
         );
@@ -10422,7 +10422,7 @@ async function SQ(B, A, I, g, Q) {
           void 0,
           Q == null ? void 0 : Q.svgaLoadFrameBudgetMs,
           E
-        ), Q != null && Q.svgaParseProfile && (n = z() - G);
+        ), Q != null && Q.svgaParseProfile && (r = z() - G);
       } else {
         const G = Q != null && Q.svgaParseProfile ? z() : 0;
         let M = $C(s);
@@ -10455,19 +10455,19 @@ async function SQ(B, A, I, g, Q) {
         ), Q != null && Q.svgaParseProfile && (w = z() - y);
       }
     } else {
-      const F = Q != null && Q.svgaParseProfile ? z() : 0, c = UB(s);
+      const n = Q != null && Q.svgaParseProfile ? z() : 0, c = UB(s);
       Y(E, "SVGA parse aborted"), Q != null && Q.svgaParseProfile && (h = {
         path: "jsDecodeSVGAProto",
         operation: "protobufDecode",
         inputBytes: s.byteLength,
-        totalMs: z() - F
+        totalMs: z() - n
       });
-      const r = Q != null && Q.svgaParseProfile ? z() : 0;
+      const F = Q != null && Q.svgaParseProfile ? z() : 0;
       D = await pB(
         c,
         Q == null ? void 0 : Q.svgaLoadFrameBudgetMs,
         E
-      ), Q != null && Q.svgaParseProfile && (w = z() - r);
+      ), Q != null && Q.svgaParseProfile && (w = z() - F);
     }
     return Q != null && Q.svgaParseProfile && (D.__debug = {
       parser: {
@@ -10478,7 +10478,7 @@ async function SQ(B, A, I, g, Q) {
         inflate: t,
         protobuf: h,
         payloadSerializeMs: w,
-        payloadDeserializeMs: n
+        payloadDeserializeMs: r
       }
     }, fB(!0, D)), Y(E, "SVGA parse aborted"), A ? wB(A, D) : bI.set(B, D), D;
   }), i = {
@@ -11166,12 +11166,12 @@ async function se(B, A, I, g, Q) {
       if (!w) throw new Error("Atlas: 2d context unavailable");
       w.clearRect(0, 0, D.atlasW, D.atlasH);
       for (let c = 0; c < D.rects.length; c++) {
-        const r = D.rects[c], G = B.get(r.key);
-        w.drawImage(G, r.x, r.y, r.w, r.h), Qe(h, w, r, D.atlasW, D.atlasH, g), c + 1 < D.rects.length && E.shouldYield() && await E.yield(), Y(Q == null ? void 0 : Q.signal, "SVGA atlas build aborted");
+        const F = D.rects[c], G = B.get(F.key);
+        w.drawImage(G, F.x, F.y, F.w, F.h), Qe(h, w, F, D.atlasW, D.atlasH, g), c + 1 < D.rects.length && E.shouldYield() && await E.yield(), Y(Q == null ? void 0 : Q.signal, "SVGA atlas build aborted");
       }
-      const n = (Q == null ? void 0 : Q.captureEncodedPng) === !0 ? te(h) : void 0;
+      const r = (Q == null ? void 0 : Q.captureEncodedPng) === !0 ? te(h) : void 0;
       Y(Q == null ? void 0 : Q.signal, "SVGA atlas build aborted");
-      const F = A.createTexture(h, {
+      const n = A.createTexture(h, {
         width: D.atlasW,
         height: D.atlasH,
         filter: "linear",
@@ -11186,10 +11186,10 @@ async function se(B, A, I, g, Q) {
           textureIndex: s
         });
       t.push({
-        textureHandle: F,
+        textureHandle: n,
         atlasWidth: D.atlasW,
         atlasHeight: D.atlasH,
-        encodedPngBytesPromise: n
+        encodedPngBytesPromise: r
       });
     }
   } catch (s) {
@@ -11327,12 +11327,12 @@ async function Ge(B) {
         return;
       }
       const w = [];
-      Q.onSamples = (F, c, r) => {
-        w.push(...r);
+      Q.onSamples = (n, c, F) => {
+        w.push(...F);
       }, Q.setExtractionOptions(h.id, null, {
         nbSamples: Math.max(h.nb_samples, 1)
       }), Q.start();
-      const n = h.timescale > 0 ? h.duration / h.timescale : E.duration / (E.timescale || 1);
+      const r = h.timescale > 0 ? h.duration / h.timescale : E.duration / (E.timescale || 1);
       if (w.length === 0) {
         g(new Error("mp4box: extraction produced no samples"));
         return;
@@ -11340,7 +11340,7 @@ async function Ge(B) {
       I({
         codec: h.codec,
         timescale: h.timescale,
-        durationSec: Number.isFinite(n) ? n : 0,
+        durationSec: Number.isFinite(r) ? r : 0,
         videoWidth: (a = (e = (i = h.video) == null ? void 0 : i.width) != null ? e : h.track_width) != null ? a : 0,
         videoHeight: (D = (s = (t = h.video) == null ? void 0 : t.height) != null ? s : h.track_height) != null ? D : 0,
         samples: w
@@ -11391,8 +11391,8 @@ async function Me(B, A, I, g) {
   if (I.length === 0)
     return { frames: [], timesSec: new Float64Array(0) };
   const E = [...I].sort((h, w) => {
-    var n, F, c, r;
-    const G = ((F = (n = h.dts) != null ? n : h.cts) != null ? F : 0) - ((r = (c = w.dts) != null ? c : w.cts) != null ? r : 0);
+    var r, n, c, F;
+    const G = ((n = (r = h.dts) != null ? r : h.cts) != null ? n : 0) - ((F = (c = w.dts) != null ? c : w.cts) != null ? F : 0);
     return G !== 0 ? G : 0;
   }), o = [], i = new VideoDecoder({
     output: (h) => {
@@ -11407,13 +11407,13 @@ async function Me(B, A, I, g) {
   for (const h of E) {
     const w = h.data;
     if (!w || w.byteLength === 0) continue;
-    const n = (C = (Q = h.cts) != null ? Q : h.dts) != null ? C : 0, F = Math.round(n / g * 1e6), c = h.duration && g > 0 ? Math.round(h.duration / g * 1e6) : void 0, r = new Uint8Array(w.byteLength);
-    r.set(w);
+    const r = (C = (Q = h.cts) != null ? Q : h.dts) != null ? C : 0, n = Math.round(r / g * 1e6), c = h.duration && g > 0 ? Math.round(h.duration / g * 1e6) : void 0, F = new Uint8Array(w.byteLength);
+    F.set(w);
     const G = new EncodedVideoChunk({
       type: h.is_sync ? "key" : "delta",
-      timestamp: F,
+      timestamp: n,
       duration: c,
-      data: r
+      data: F
     });
     try {
       i.decode(G);
@@ -11620,11 +11620,11 @@ class VA {
     const Q = new le(), C = Je++, E = new Ke(I);
     let o = 0, i = 0, e = 0, a = new Float64Array(0), t = !1, s = null;
     const D = (c) => {
-      const r = c.data;
-      if (!(!r || r.id !== C)) {
-        if (r.type === "meta") {
-          o = r.duration, i = r.videoWidth, e = r.videoHeight;
-          const G = r.timesSec;
+      const F = c.data;
+      if (!(!F || F.id !== C)) {
+        if (F.type === "meta") {
+          o = F.duration, i = F.videoWidth, e = F.videoHeight;
+          const G = F.timesSec;
           a = new Float64Array(
             G.buffer,
             G.byteOffset,
@@ -11632,11 +11632,11 @@ class VA {
           ), t = !0;
           return;
         }
-        if (r.type === "frame") {
-          E.set(r.index, r.frame);
+        if (F.type === "frame") {
+          E.set(F.index, F.frame);
           return;
         }
-        r.type !== "eos" && r.type === "error" && (s = new Error(r.message));
+        F.type !== "eos" && F.type === "error" && (s = new Error(F.message));
       }
     }, h = (c) => {
       s = new Error(c.message || "Worker error");
@@ -11655,14 +11655,14 @@ class VA {
     );
     try {
       if (await WB(() => t || s != null, 6e4, "meta"), s) throw s;
-      const c = o > 0 ? o : 1e-6, r = lg(a, c, 0);
-      if (await WB(() => s != null || E.bestAtOrBefore(r) != null, 6e4, "first frame"), s) throw s;
+      const c = o > 0 ? o : 1e-6, F = lg(a, c, 0);
+      if (await WB(() => s != null || E.bestAtOrBefore(F) != null, 6e4, "first frame"), s) throw s;
     } catch (c) {
       throw Q.removeEventListener("message", D), Q.removeEventListener("error", h), Q.terminate(), E.clear(), c instanceof Error ? c : new Error(String(c));
     }
-    const n = a.length > 0 ? a[0] : 0, F = a.length > 0 ? a[a.length - 1] : 0;
+    const r = a.length > 0 ? a[0] : 0, n = a.length > 0 ? a[a.length - 1] : 0;
     return console.info(
-      `[GiftStage:WC] worker streaming ready frames=${a.length} duration=${o.toFixed(4)}s size=${i}x${e} times=[${n.toFixed(4)} … ${F.toFixed(4)}] ring=${I}`
+      `[GiftStage:WC] worker streaming ready frames=${a.length} duration=${o.toFixed(4)}s size=${i}x${e} times=[${r.toFixed(4)} … ${n.toFixed(4)}] ring=${I}`
     ), new VA(
       o,
       i,
@@ -11967,8 +11967,8 @@ function Te(B, A, I, g, Q = new Float32Array(
     const a = I.get(String(e.srcId));
     if (!a) continue;
     if (i + SI > Q.length) break;
-    const [t, s, D, h] = e.frame, [w, n, F, c] = e.mFrame, r = zI(t + E, s + o, D, h, B.info.videoW, B.info.videoH), G = zI(w, n, F, c, B.info.videoW, B.info.videoH);
-    Q[i++] = a, Q[i++] = r[0], Q[i++] = r[1], Q[i++] = r[2], Q[i++] = r[3], Q[i++] = G[0], Q[i++] = G[1], Q[i++] = G[2], Q[i++] = G[3];
+    const [t, s, D, h] = e.frame, [w, r, n, c] = e.mFrame, F = zI(t + E, s + o, D, h, B.info.videoW, B.info.videoH), G = zI(w, r, n, c, B.info.videoW, B.info.videoH);
+    Q[i++] = a, Q[i++] = F[0], Q[i++] = F[1], Q[i++] = F[2], Q[i++] = F[3], Q[i++] = G[0], Q[i++] = G[1], Q[i++] = G[2], Q[i++] = G[3];
   }
   return Q;
 }
@@ -12021,16 +12021,16 @@ class We {
     this.imagePositionsScratch = new Float32Array(
       w * SI
     );
-    const n = be(
+    const r = be(
       this.resourceEntries.length,
       w,
       e
-    ), F = qe(a, n.vertex, n.fragment);
-    this.program = F.program, this.vertexShader = F.vertexShader, this.fragmentShader = F.fragmentShader, this.imagePosLoc = a.getUniformLocation(this.program, "image_pos"), this.videoTexture = vB(a, 0);
+    ), n = qe(a, r.vertex, r.fragment);
+    this.program = n.program, this.vertexShader = n.vertexShader, this.fragmentShader = n.fragmentShader, this.imagePosLoc = a.getUniformLocation(this.program, "image_pos"), this.videoTexture = vB(a, 0);
     const c = a.getUniformLocation(this.program, "u_image_video");
     c !== null && a.uniform1i(c, 0);
-    const r = a.getUniformLocation(this.program, "u_rgbPremultiplied");
-    r !== null && a.uniform1f(r, E ? 1 : 0);
+    const F = a.getUniformLocation(this.program, "u_rgbPremultiplied");
+    F !== null && a.uniform1f(F, E ? 1 : 0);
     for (const N of this.resourceEntries) {
       const U = a.getUniformLocation(this.program, `u_image${N.unit}`);
       U !== null && a.uniform1i(U, N.unit);
@@ -12258,14 +12258,14 @@ async function Pe(B, A) {
     fps: g.f32(),
     frames: g.u32()
   }, C = g.u32(), E = [];
-  for (let n = 0; n < C; n++) {
-    const F = g.u32(), c = g.u32(), r = await g.ownedBytesValueCooperative(I);
-    E.push({ width: F, height: c, imageBytes: r }), await aA(I);
+  for (let r = 0; r < C; r++) {
+    const n = g.u32(), c = g.u32(), F = await g.ownedBytesValueCooperative(I);
+    E.push({ width: n, height: c, imageBytes: F }), await aA(I);
   }
   const o = g.u32(), i = /* @__PURE__ */ new Map();
-  for (let n = 0; n < o; n++) {
-    const F = g.string(), c = g.u32();
-    i.set(F, {
+  for (let r = 0; r < o; r++) {
+    const n = g.string(), c = g.u32();
+    i.set(n, {
       textureIndex: c,
       x: g.f32(),
       y: g.f32(),
@@ -12274,7 +12274,7 @@ async function Pe(B, A) {
     }), await aA(I);
   }
   const e = g.u32(), a = [];
-  for (let n = 0; n < e; n++)
+  for (let r = 0; r < e; r++)
     a.push({
       audioKey: g.string(),
       startFrame: g.u32(),
@@ -12283,14 +12283,14 @@ async function Pe(B, A) {
       totalTime: g.f32()
     }), await aA(I);
   const t = g.u32(), s = /* @__PURE__ */ new Map();
-  for (let n = 0; n < t; n++) {
-    const F = g.string();
-    s.set(F, await g.ownedBytesValueCooperative(I)), await aA(I);
+  for (let r = 0; r < t; r++) {
+    const n = g.string();
+    s.set(n, await g.ownedBytesValueCooperative(I)), await aA(I);
   }
   const D = await GQ(g, () => aA(I)), h = g.u32(), w = /* @__PURE__ */ new Map();
-  for (let n = 0; n < h; n++) {
-    const F = g.string(), c = new Float32Array(await g.ownedBytesValueCooperative(I)), r = new Uint32Array(await g.ownedBytesValueCooperative(I));
-    F && c.length >= 6 && r.length >= 3 && w.set(F, { vertices: c, indices: r }), await aA(I);
+  for (let r = 0; r < h; r++) {
+    const n = g.string(), c = new Float32Array(await g.ownedBytesValueCooperative(I)), F = new Uint32Array(await g.ownedBytesValueCooperative(I));
+    n && c.length >= 6 && F.length >= 3 && w.set(n, { vertices: c, indices: F }), await aA(I);
   }
   return {
     params: Q,
@@ -12634,16 +12634,16 @@ const wA = class BA {
         const w = (D = this.manager) == null ? void 0 : D.getSlot(A.id);
         if (!w || w.state === "finished") return I;
         s === "afterGiftComplete" && await this.waitForGiftPlaybackComplete(A.id);
-        let n = !1;
-        for (const F of Q) {
+        let r = !1;
+        for (const n of Q) {
           if (o || !((h = this.manager) != null && h.getSlot(A.id)) || A.state === "finished") {
-            n = !0;
+            r = !0;
             break;
           }
-          Ba(F) ? await a(F.delayMs) : await this.runGiftAnimationStep(A, I, F);
+          Ba(n) ? await a(n.delayMs) : await this.runGiftAnimationStep(A, I, n);
         }
-        if (!n && !o)
-          for (const F of C) F(I);
+        if (!r && !o)
+          for (const n of C) n(I);
         return I;
       },
       cancel: () => {
@@ -12654,42 +12654,42 @@ const wA = class BA {
     return t;
   }
   async addGift(A) {
-    var I, g, Q, C, E, o, i, e;
+    var I, g, Q, C, E, o, i, e, a;
     if (console.info("[GiftStage] addGift await ready…", A.type), await this.ready, console.info("[GiftStage] addGift ready, loading…", A.type), this.destroyed) throw new Error("GiftStage is destroyed");
-    let a = null;
-    A.type === "image" && (a = await this.acquireImageTexture(A.source));
-    let t;
+    let t = null;
+    A.type === "image" && (t = await this.acquireImageTexture(A.source));
+    let s;
     try {
-      t = await this.normalizeAddGiftOptions(
+      s = await this.normalizeAddGiftOptions(
         A,
-        a ? { width: a.width, height: a.height } : void 0
+        t ? { width: t.width, height: t.height } : void 0
       );
-    } catch (r) {
-      throw a == null || a.release(), r;
+    } catch (G) {
+      throw t == null || t.release(), G;
     }
     if (this.destroyed)
-      throw a == null || a.release(), new Error("GiftStage is destroyed");
-    const s = tE(), { sx: D, sy: h } = dg(this.canvas), w = nQ(
-      t.x,
-      t.y,
-      t.width,
-      t.height,
+      throw t == null || t.release(), new Error("GiftStage is destroyed");
+    const D = tE(), { sx: h, sy: w } = dg(this.canvas), r = nQ(
+      s.x,
+      s.y,
+      s.width,
+      s.height,
       this.canvas.clientWidth,
       this.canvas.clientHeight
     ), n = {
-      id: s,
-      type: t.type,
+      id: D,
+      type: s.type,
       state: "loading",
-      options: t,
-      zIndex: (I = t.zIndex) != null ? I : 0,
+      options: s,
+      zIndex: (I = s.zIndex) != null ? I : 0,
       renderOrder: this.nextRenderOrder++,
-      x: w.x * D,
-      y: w.y * h,
-      width: t.width * D,
-      height: t.height * h,
+      x: r.x * h,
+      y: r.y * w,
+      width: s.width * h,
+      height: s.height * w,
       scale: 1,
-      opacity: OB((g = t.opacity) != null ? g : 1),
-      rotation: Number.isFinite(t.rotation) ? t.rotation : 0,
+      opacity: OB((g = s.opacity) != null ? g : 1),
+      rotation: Number.isFinite(s.rotation) ? s.rotation : 0,
       paused: !1,
       currentFrame: 0,
       accumulatedTime: 0,
@@ -12710,59 +12710,60 @@ const wA = class BA {
       releaseWebCodecsPlayback: null,
       wcPlaybackTime: 0,
       videoTextureHandle: null,
-      imageTextureHandle: (Q = a == null ? void 0 : a.texture) != null ? Q : null,
-      releaseSharedImageTexture: (C = a == null ? void 0 : a.release) != null ? C : null,
+      imageTextureHandle: (Q = t == null ? void 0 : t.texture) != null ? Q : null,
+      releaseSharedImageTexture: (C = t == null ? void 0 : t.release) != null ? C : null,
       webcodecsSurface: null,
       releaseWebCodecsSurface: null,
       vapMixState: null,
+      onFrame: s.onFrame,
       onComplete: void 0
     };
-    let F;
-    F = {
-      id: s,
-      type: t.type,
+    let c;
+    c = {
+      id: D,
+      type: s.type,
       pause: () => {
-        var r;
-        n.paused = !0, (r = this.manager) == null || r.postAnimator.pauseForGift(n.id);
+        var G;
+        n.paused = !0, (G = this.manager) == null || G.postAnimator.pauseForGift(n.id);
       },
       resume: () => {
-        var r;
-        n.paused = !1, (r = this.manager) == null || r.postAnimator.resumeForGift(n.id);
+        var G;
+        n.paused = !1, (G = this.manager) == null || G.postAnimator.resumeForGift(n.id);
       },
       destroy: () => {
-        this.removeGift(s);
+        this.removeGift(D);
       },
-      animate: (r) => this.createGiftAnimationChain(n, F, r)
+      animate: (G) => this.createGiftAnimationChain(n, c, G)
     };
-    const c = t.onComplete;
-    n.onComplete = (r) => {
-      this.markGiftPlaybackComplete(n.id), c == null || c(r);
-    }, this.manager.addSlot(n, F);
+    const F = s.onComplete;
+    n.onComplete = (G) => {
+      this.markGiftPlaybackComplete(n.id), F == null || F(G);
+    }, this.manager.addSlot(n, c);
     try {
-      switch (t.type) {
+      switch (s.type) {
         case "svga":
           await this.loadSVGA(n);
           break;
         case "vap":
-          await this.loadVAP(n, t);
+          await this.loadVAP(n, s);
           break;
         case "alphaVideo":
-          await this.loadAlphaVideo(n, t);
+          await this.loadAlphaVideo(n, s);
           break;
         case "image":
           break;
       }
-      this.assertSlotLoadActive(n), n.state = "playing", t.type === "svga" && n.videoEntity && this.manager.audioManager.tickFrame(n, n.currentFrame, F), n.webcodecsPlayback && console.info("[GiftStage:WC] gift playing", {
+      this.assertSlotLoadActive(n), n.state = "playing", s.type === "svga" && n.videoEntity && (this.manager.audioManager.tickFrame(n, n.currentFrame, c), (E = n.onFrame) == null || E.call(n, n.currentFrame, c)), n.webcodecsPlayback && console.info("[GiftStage:WC] gift playing", {
         giftId: n.id,
         type: n.type,
         layoutBufPx: { x: n.x, y: n.y, w: n.width, h: n.height }
-      }), t.type === "image" && !(t.duration > 0) && this.markGiftPlaybackComplete(n.id);
-    } catch (r) {
-      if (this.isLoadCanceled(r))
-        return ((E = this.manager) == null ? void 0 : E.getSlot(n.id)) === n ? this.manager.removeSlot(n.id) : (o = this.manager) == null || o.releaseSlotResources(n), F;
-      n.state = "finished", (e = (i = this.options).onError) == null || e.call(i, r instanceof Error ? r : new Error(String(r)));
+      }), s.type === "image" && !(s.duration > 0) && this.markGiftPlaybackComplete(n.id);
+    } catch (G) {
+      if (this.isLoadCanceled(G))
+        return ((o = this.manager) == null ? void 0 : o.getSlot(n.id)) === n ? this.manager.removeSlot(n.id) : (i = this.manager) == null || i.releaseSlotResources(n), c;
+      n.state = "finished", (a = (e = this.options).onError) == null || a.call(e, G instanceof Error ? G : new Error(String(G)));
     }
-    return F;
+    return c;
   }
   async loadSVGA(A) {
     var I, g, Q, C;
@@ -12799,10 +12800,10 @@ const wA = class BA {
             audios: i.audios,
             audioBlobs: a,
             atlasRects: t.rects,
-            atlasPages: t.pages.map((w, n) => ({
+            atlasPages: t.pages.map((w, r) => ({
               width: w.atlasWidth,
               height: w.atlasHeight,
-              imageBytes: h[n]
+              imageBytes: h[r]
             }))
           },
           { frameBudgetMs: this.options.svgaLoadFrameBudgetMs }
@@ -12898,7 +12899,7 @@ const wA = class BA {
         a = await this.buildSVGAAtlasIfNeeded(e.imageBitmaps, !0, !0, I);
       } catch (w) {
         if (JA(w) || !(w instanceof KA)) throw w;
-        for (const n of e.imageBitmaps.values()) n.close();
+        for (const r of e.imageBitmaps.values()) r.close();
         e = await Ng(A, this.svgaParseOptions(I)), a = await this.buildSVGAAtlasIfNeeded(e.imageBitmaps, !0, !1, I);
       }
       const { movie: t, audioBlobs: s } = e, D = {
@@ -12918,9 +12919,9 @@ const wA = class BA {
       });
       const h = this.manager.snapshotSVGAClipMeshes(D);
       if (Y(I, v), a && a.encodedPngBytesPromises) {
-        const w = a, n = a.encodedPngBytesPromises;
-        Promise.all(n).then((F) => {
-          I != null && I.aborted || F.some((c) => !c) || Ug(
+        const w = a, r = a.encodedPngBytesPromises;
+        Promise.all(r).then((n) => {
+          I != null && I.aborted || n.some((c) => !c) || Ug(
             A,
             {
               params: t.params,
@@ -12928,10 +12929,10 @@ const wA = class BA {
               audios: t.audios,
               audioBlobs: s,
               atlasRects: w.rects,
-              atlasPages: w.pages.map((c, r) => ({
+              atlasPages: w.pages.map((c, F) => ({
                 width: c.atlasWidth,
                 height: c.atlasHeight,
-                imageBytes: F[r]
+                imageBytes: n[F]
               })),
               clipMeshes: h
             },
@@ -13062,8 +13063,8 @@ const wA = class BA {
     var A;
     return Math.max(1, Math.floor((A = this.options.svgaAtlasMaxPages) != null ? A : 4));
   }
-  shouldTryWebCodecs() {
-    return this.options.preferWebCodecs === !0 && typeof VideoDecoder != "undefined";
+  shouldTryWebCodecs(A) {
+    return (A == null ? void 0 : A.mute) !== !1 && this.options.preferWebCodecs === !0 && typeof VideoDecoder != "undefined";
   }
   /** DevTools: filter by `[GiftStage]` to see WebCodecs vs &lt;video&gt; per gift. */
   logPlaybackBackend(A, I, g) {
@@ -13087,7 +13088,7 @@ const wA = class BA {
     }
   }
   async acquireWebCodecsPlayback(A, I) {
-    if (!this.shouldTryWebCodecs()) return null;
+    if (!this.shouldTryWebCodecs(A)) return null;
     if (this.options.shareIdenticalVideoPlayback !== !1 && A.loop === 0 && typeof A.source == "string") {
       const Q = this.normalizeSharedVideoSourceKey(A.source);
       if (Q) return this.acquireSharedWebCodecsPlayback(Q, I);
@@ -13192,8 +13193,8 @@ const wA = class BA {
     if (e && e.width > 0 && e.height > 0) {
       const h = `${i.id}:atlas:${e.width}x${e.height}:${C}x${E}`, w = this.retainSharedWebCodecsSurface(h);
       if (w) return w;
-      const n = this.nextSharedWebCodecsSurfaceId++, F = `wc-shared-surface:${n}`, c = this.manager.tryAllocateWebCodecsAtlas(
-        F,
+      const r = this.nextSharedWebCodecsSurfaceId++, n = `wc-shared-surface:${r}`, c = this.manager.tryAllocateWebCodecsAtlas(
+        n,
         C,
         E,
         e
@@ -13208,16 +13209,16 @@ const wA = class BA {
             c.rect.w,
             c.rect.h
           );
-        } catch (r) {
-          throw this.manager.releaseWebCodecsAtlasAllocation(F), r;
+        } catch (F) {
+          throw this.manager.releaseWebCodecsAtlasAllocation(n), F;
         }
         return this.createSharedWebCodecsSurface(
           h,
-          n,
+          r,
           c.handle,
           I,
           c.rect,
-          F
+          n
         );
       }
     }
@@ -13280,10 +13281,10 @@ const wA = class BA {
       if (this.backend.type === "webgpu" || this.backend.type === "webgl2")
         try {
           w = this.createVAPMixResourceTextures(i);
-        } catch (n) {
+        } catch (r) {
           console.warn(
             "[GiftStage] VAP main-context mixed textures failed; falling back to compositor",
-            n
+            r
           );
         }
       if (w)
@@ -13297,9 +13298,9 @@ const wA = class BA {
           lastSourceRef: null
         };
       else {
-        let n = null, F = null;
+        let r = null, n = null;
         try {
-          n = new We(
+          r = new We(
             o,
             h,
             i,
@@ -13307,8 +13308,8 @@ const wA = class BA {
             D.h,
             I.videoRGBAlphaMode !== "straight"
           );
-        } catch (r) {
-          console.warn("[GiftStage] VAP mixed rendering fell back to CPU compositor", r), F = Hi(D.w, D.h);
+        } catch (F) {
+          console.warn("[GiftStage] VAP mixed rendering fell back to CPU compositor", F), n = Hi(D.w, D.h);
         }
         const c = this.backend.createEmptyTexture(D.w, D.h, {
           filter: "linear"
@@ -13318,12 +13319,12 @@ const wA = class BA {
           texture: c,
           width: D.w,
           height: D.h,
-          composer: n,
+          composer: r,
           frameMap: h,
-          resources: n ? void 0 : i,
+          resources: r ? void 0 : i,
           lastFrameIndex: -1,
           lastSourceRef: null,
-          ...F != null ? F : {}
+          ...n != null ? n : {}
         }, A.videoTextureHandle = c;
       }
     }
@@ -13336,22 +13337,22 @@ const wA = class BA {
       if (!D)
         throw this.releaseAttachedWebCodecsPlayback(A), new Error("WebCodecs: missing first frame");
       if (!A.vapMixState || A.vapMixState.mode === "direct") {
-        const w = D.displayWidth || D.codedWidth, n = D.displayHeight || D.codedHeight, F = !A.vapMixState, { w: c, h: r } = ZB(A, w, n, "vap", o), G = this.acquireSharedWebCodecsSurface(
+        const w = D.displayWidth || D.codedWidth, r = D.displayHeight || D.codedHeight, n = !A.vapMixState, { w: c, h: F } = ZB(A, w, r, "vap", o), G = this.acquireSharedWebCodecsSurface(
           A,
           D,
           w,
-          n,
-          c,
           r,
-          F
+          c,
+          F,
+          n
         );
         if (G)
           this.attachSharedWebCodecsSurface(A, G);
         else {
-          const M = F ? this.manager.tryAllocateWebCodecsAtlas(
+          const M = n ? this.manager.tryAllocateWebCodecsAtlas(
             A.id,
             c,
-            r,
+            F,
             this.options.webCodecsVideoAtlas
           ) : null;
           M ? (A.videoTextureHandle = M.handle, A.wcAtlasRect = M.rect, this.backend.updateTextureRegion(
@@ -13360,10 +13361,10 @@ const wA = class BA {
             M.rect.x,
             M.rect.y,
             c,
-            r
+            F
           )) : A.videoTextureHandle = this.backend.createTexture(D, {
             width: w,
-            height: n,
+            height: r,
             filter: "linear"
           });
         }
@@ -13390,7 +13391,11 @@ const wA = class BA {
       if (!this.isSlotLoadActive(A))
         throw (Q = D.release) == null || Q.call(D), new Error(v);
       A.releaseMediaSource = (C = D.release) != null ? C : null;
-      const h = this.createVideo(D.src, I.loop === 0);
+      const h = this.createVideo(
+        D.src,
+        I.loop === 0,
+        I.mute !== !1
+      );
       A.videoElement = h;
     }
     const s = A.videoElement;
@@ -13407,7 +13412,7 @@ const wA = class BA {
     A.releaseSharedVideoPlayback || this.bindVideoLoopOnEnded(A, s), this.logPlaybackBackend(
       A,
       "video",
-      this.shouldTryWebCodecs() ? "fallback after WebCodecs unavailable or failed" : "preferWebCodecs off or no VideoDecoder"
+      I.mute === !1 ? "WebCodecs disabled for audible playback" : this.shouldTryWebCodecs(I) ? "fallback after WebCodecs unavailable or failed" : "preferWebCodecs off or no VideoDecoder"
     );
   }
   createVAPMixResourceTextures(A) {
@@ -13452,17 +13457,17 @@ const wA = class BA {
       if (w)
         this.attachSharedWebCodecsSurface(A, w);
       else {
-        const F = this.manager.tryAllocateWebCodecsAtlas(
+        const n = this.manager.tryAllocateWebCodecsAtlas(
           A.id,
           D,
           h,
           this.options.webCodecsVideoAtlas
         );
-        F ? (A.videoTextureHandle = F.handle, A.wcAtlasRect = F.rect, this.backend.updateTextureRegion(
-          F.handle,
+        n ? (A.videoTextureHandle = n.handle, A.wcAtlasRect = n.rect, this.backend.updateTextureRegion(
+          n.handle,
           a,
-          F.rect.x,
-          F.rect.y,
+          n.rect.x,
+          n.rect.y,
           D,
           h
         )) : A.videoTextureHandle = this.backend.createTexture(a, {
@@ -13472,11 +13477,11 @@ const wA = class BA {
         });
       }
       A.videoElement = null;
-      const n = A.videoTextureHandle;
+      const r = A.videoTextureHandle;
       console.info("[GiftStage:WC] alphaVideo texture", {
         giftId: A.id,
         atlas: !!A.wcAtlasRect,
-        tex: `${n.width}x${n.height}`,
+        tex: `${r.width}x${r.height}`,
         frame0: `${a.displayWidth}x${a.displayHeight}`,
         atlasCell: A.wcAtlasRect ? `${A.wcAtlasRect.w}x${A.wcAtlasRect.h}` : void 0
       }), this.logPlaybackBackend(A, "webcodecs");
@@ -13492,7 +13497,11 @@ const wA = class BA {
       if (!this.isSlotLoadActive(A))
         throw (Q = a.release) == null || Q.call(a), new Error(v);
       A.releaseMediaSource = (C = a.release) != null ? C : null;
-      const t = this.createVideo(a.src, I.loop === 0);
+      const t = this.createVideo(
+        a.src,
+        I.loop === 0,
+        I.mute !== !1
+      );
       A.videoElement = t;
     }
     const e = A.videoElement;
@@ -13509,7 +13518,7 @@ const wA = class BA {
     A.releaseSharedVideoPlayback || this.bindVideoLoopOnEnded(A, e), this.logPlaybackBackend(
       A,
       "video",
-      this.shouldTryWebCodecs() ? "fallback after WebCodecs unavailable or failed" : "preferWebCodecs off or no VideoDecoder"
+      I.mute === !1 ? "WebCodecs disabled for audible playback" : this.shouldTryWebCodecs(I) ? "fallback after WebCodecs unavailable or failed" : "preferWebCodecs off or no VideoDecoder"
     );
   }
   /**
@@ -13595,9 +13604,9 @@ const wA = class BA {
       Math.min(o + i, BA.MAX_TIMER_DELAY_MS)
     );
   }
-  createVideo(A, I) {
-    const g = document.createElement("video");
-    return g.crossOrigin = "anonymous", g.autoplay = !0, g.preload = "auto", g.muted = !0, g.playsInline = !0, g.setAttribute("playsinline", ""), g.setAttribute("webkit-playsinline", "true"), g.loop = I, g.style.cssText = "display:none;", g.src = A, document.body.appendChild(g), g.load(), g;
+  createVideo(A, I, g = !0) {
+    const Q = document.createElement("video");
+    return Q.crossOrigin = "anonymous", Q.autoplay = !0, Q.preload = "auto", Q.muted = g, Q.defaultMuted = g, Q.playsInline = !0, Q.setAttribute("playsinline", ""), Q.setAttribute("webkit-playsinline", "true"), Q.loop = I, Q.style.cssText = "display:none;", Q.src = A, document.body.appendChild(Q), Q.load(), Q;
   }
   waitVideoMetadata(A) {
     return new Promise((I, g) => {
@@ -13680,41 +13689,41 @@ const wA = class BA {
     if (this.options.shareIdenticalVideoPlayback === !1 || I.loop !== 0 || typeof I.source != "string" || A.type === "vap" && A.vapMixState) return null;
     const C = this.normalizeSharedVideoSourceKey(I.source);
     if (!C) return null;
-    const E = (g = this.options.sharedVideoPlaybackWindowMs) != null ? g : BA.DEFAULT_SHARED_VIDEO_PLAYBACK_WINDOW_MS, o = Math.max(0, E) / 1e3, i = this.sharedHtmlVideos.get(C);
-    if (i)
-      return i.video.currentTime > o ? null : (i.refs++, {
-        cacheKey: C,
-        video: i.video,
-        ready: i.ready,
-        release: () => this.releaseSharedHtmlVideo(C)
+    const E = `${C}::muted=${I.mute !== !1 ? 1 : 0}`, o = (g = this.options.sharedVideoPlaybackWindowMs) != null ? g : BA.DEFAULT_SHARED_VIDEO_PLAYBACK_WINDOW_MS, i = Math.max(0, o) / 1e3, e = this.sharedHtmlVideos.get(E);
+    if (e)
+      return e.video.currentTime > i ? null : (e.refs++, {
+        cacheKey: E,
+        video: e.video,
+        ready: e.ready,
+        release: () => this.releaseSharedHtmlVideo(E)
       });
-    let e = this.pendingSharedHtmlVideos.get(C);
-    e || (e = (async () => {
-      var s;
-      const D = await this.acquireVideoPlaybackSource(I.source), h = this.createVideo(D.src, !0), w = this.waitVideoReady(h);
+    let a = this.pendingSharedHtmlVideos.get(E);
+    a || (a = (async () => {
+      var D;
+      const h = await this.acquireVideoPlaybackSource(I.source), w = this.createVideo(h.src, !0, I.mute !== !1), r = this.waitVideoReady(w);
       return {
-        video: h,
-        ready: w,
-        releaseSource: (s = D.release) != null ? s : null
+        video: w,
+        ready: r,
+        releaseSource: (D = h.release) != null ? D : null
       };
-    })(), this.pendingSharedHtmlVideos.set(C, e));
-    let a;
+    })(), this.pendingSharedHtmlVideos.set(E, a));
+    let t;
     try {
-      a = await e;
-    } catch (s) {
-      throw this.pendingSharedHtmlVideos.delete(C), s;
+      t = await a;
+    } catch (D) {
+      throw this.pendingSharedHtmlVideos.delete(E), D;
     }
-    let t = this.sharedHtmlVideos.get(C);
-    return t ? t.refs++ : (t = {
+    let s = this.sharedHtmlVideos.get(E);
+    return s ? s.refs++ : (s = {
       refs: 1,
-      video: a.video,
-      ready: a.ready,
-      releaseSource: (Q = a.releaseSource) != null ? Q : null
-    }, this.sharedHtmlVideos.set(C, t)), this.pendingSharedHtmlVideos.delete(C), {
-      cacheKey: C,
       video: t.video,
       ready: t.ready,
-      release: () => this.releaseSharedHtmlVideo(C)
+      releaseSource: (Q = t.releaseSource) != null ? Q : null
+    }, this.sharedHtmlVideos.set(E, s)), this.pendingSharedHtmlVideos.delete(E), {
+      cacheKey: E,
+      video: s.video,
+      ready: s.ready,
+      release: () => this.releaseSharedHtmlVideo(E)
     };
   }
   acquireSharedVideoTexture(A, I) {
@@ -13848,7 +13857,16 @@ const wA = class BA {
         if (!(C || Q)) {
           C = !0;
           try {
-            await A.play(), await this.waitForFirstVideoFrame(A), i(I);
+            try {
+              await A.play();
+            } catch (s) {
+              if (A.muted) throw s;
+              console.warn(
+                "[GiftStage] audible HTMLVideo autoplay was blocked; retrying muted",
+                s
+              ), A.muted = !0, A.defaultMuted = !0, await A.play();
+            }
+            await this.waitForFirstVideoFrame(A), i(I);
           } catch (s) {
             i(() => g(s));
           }