cascading-reel 0.0.21 → 0.0.22

package/dist/index.es.js

@@ -33,61 +33,61 @@ const q = [0.04, 0, -0.04], I = {
     pixelSnapY: "half"
   }
 }, Y = "normal";
-function V(e) {
-  return I[e];
+function V(s) {
+  return I[s];
 }
 I.normal.outroRowGapMs;
 I.normal.rowBaseSpacingRatio;
-const X = 5e3, G = 1800, k = 0.1, v = 720, D = 34, z = [255, 235, 110];
+const X = 5e3, G = 1800, k = 0.1, L = 720, D = 34, z = [255, 235, 110];
 I.normal.columnStaggerMs;
 I.normal.fallMs;
 I.normal.outroOverlapMs;
 const $ = 200;
-function b(e, t, s) {
-  return e < t ? t : e > s ? s : e;
+function b(s, t, e) {
+  return s < t ? t : s > e ? e : s;
 }
-function K(e) {
-  return Math.floor(Math.random() * e);
+function K(s) {
+  return Math.floor(Math.random() * s);
 }
-function C(e, t) {
-  return (e % t + t) % t;
+function C(s, t) {
+  return (s % t + t) % t;
 }
-function L(e) {
-  return b(Math.round(e), 0, 255);
+function v(s) {
+  return b(Math.round(s), 0, 255);
 }
-function F(e) {
+function F(s) {
   const t = [];
-  for (let s = 0; s < 3; s += 1) {
+  for (let e = 0; e < 3; e += 1) {
     const i = [];
     for (let r = 0; r < 3; r += 1)
-      i.push(K(e));
+      i.push(K(s));
     t.push(i);
   }
   return t;
 }
-function H(e) {
+function H(s) {
   const t = /* @__PURE__ */ new Map();
   for (let n = 0; n < 3; n += 1)
     for (let o = 0; o < 3; o += 1) {
-      const l = e[n][o];
-      t.set(l, (t.get(l) ?? 0) + 1);
+      const h = s[n][o];
+      t.set(h, (t.get(h) ?? 0) + 1);
     }
-  let s = e[0][0], i = -1;
+  let e = s[0][0], i = -1;
   for (const [n, o] of t.entries())
-    o > i && (i = o, s = n);
+    o > i && (i = o, e = n);
   const r = [];
   for (let n = 0; n < 3; n += 1)
     for (let o = 0; o < 3; o += 1)
-      e[n][o] === s && r.push({ col: n, row: o });
+      s[n][o] === e && r.push({ col: n, row: o });
   return r;
 }
 function m() {
   return Array.from({ length: 3 }, () => Array.from({ length: 3 }, () => 0));
 }
-function R(e, t) {
-  for (let s = 0; s < 3; s += 1)
+function R(s, t) {
+  for (let e = 0; e < 3; e += 1)
     for (let i = 0; i < 3; i += 1)
-      e[s][i] = t;
+      s[e][i] = t;
 }
 class Q {
   rafId = null;
@@ -113,159 +113,159 @@ class Q {
     this.rafId !== null && (this.rafId = requestAnimationFrame(this.tick));
   };
 }
-function Z(e) {
-  const t = b(e, 0, 1);
+function j(s) {
+  const t = b(s, 0, 1);
   return t * t * t * (t * (t * 6 - 15) + 10);
 }
-function y(e, t) {
-  if (e.endMs <= e.startMs)
-    return { value: e.to, t: 1, done: !0 };
-  const s = b((t - e.startMs) / (e.endMs - e.startMs), 0, 1), i = Z(s);
+function y(s, t) {
+  if (s.endMs <= s.startMs)
+    return { value: s.to, t: 1, done: !0 };
+  const e = b((t - s.startMs) / (s.endMs - s.startMs), 0, 1), i = j(e);
   return {
-    value: e.from + (e.to - e.from) * i,
-    t: s,
-    done: s >= 1
+    value: s.from + (s.to - s.from) * i,
+    t: e,
+    done: e >= 1
   };
 }
-function j(e, t, s, i) {
+function Z(s, t, e, i) {
   const r = [0, 0, 0];
   let n = 0;
   for (let o = 2; o >= 0; o -= 1) {
-    if (e[o] === 0) {
+    if (s[o] === 0) {
       r[o] = 0;
       continue;
     }
     r[o] = n;
-    const l = Math.floor(t * i);
-    n += l + s;
+    const h = Math.floor(t * i);
+    n += h + e;
   }
   return r;
 }
-function T(e) {
-  const s = e.height - e.boardY + e.cellH + 2, i = [
-    s,
-    s,
-    s
+function x(s) {
+  const e = s.height - s.boardY + s.cellH + 2, i = [
+    e,
+    e,
+    e
   ];
   return {
-    columnStaggerMs: e.motionProfile.columnStaggerMs,
-    fallMs: e.motionProfile.fallMs,
-    incomingAlphaRampMs: e.motionProfile.incomingAlphaRampMs,
-    outgoingDistance: s,
-    incomingFromOffsets: [-e.cellH, -e.cellH * 2, -e.cellH * 3],
-    rowStartDelays: j(
+    columnStaggerMs: s.motionProfile.columnStaggerMs,
+    fallMs: s.motionProfile.fallMs,
+    incomingAlphaRampMs: s.motionProfile.incomingAlphaRampMs,
+    outgoingDistance: e,
+    incomingFromOffsets: [-s.cellH, -s.cellH * 2, -s.cellH * 3],
+    rowStartDelays: Z(
       i,
-      e.motionProfile.fallMs,
-      e.motionProfile.outroRowGapMs,
-      e.motionProfile.rowBaseSpacingRatio
+      s.motionProfile.fallMs,
+      s.motionProfile.outroRowGapMs,
+      s.motionProfile.rowBaseSpacingRatio
     ),
     // Делаем небольшое перекрытие фаз: новые символы начинают входить
     // немного раньше окончания исходящих, чтобы движение воспринималось
     // как непрерывный поток.
     incomingStartShift: Math.max(
       0,
-      e.motionProfile.fallMs - e.motionProfile.outroOverlapMs
+      s.motionProfile.fallMs - s.motionProfile.outroOverlapMs
     )
   };
 }
-function U(e) {
-  let t = !0, s = !0;
-  for (let i = 0; i < e.scriptedOutgoingOffsets.length; i += 1) {
-    const r = e.elapsedMs - i * e.motionPlan.columnStaggerMs;
+function U(s) {
+  let t = !0, e = !0;
+  for (let i = 0; i < s.scriptedOutgoingOffsets.length; i += 1) {
+    const r = s.elapsedMs - i * s.motionPlan.columnStaggerMs;
     for (let n = 0; n < 3; n += 1) {
-      const o = r - e.motionPlan.rowStartDelays[n];
+      const o = r - s.motionPlan.rowStartDelays[n];
       if (o <= 0) {
-        e.scriptedOutgoingOffsets[i][n] = 0, e.scriptedIncomingOffsets[i][n] = e.motionPlan.incomingFromOffsets[n], e.scriptedIncomingAlpha[i][n] = 0, e.scriptedIncomingVisibility[i][n] = "hidden", t = !1, s = !1;
+        s.scriptedOutgoingOffsets[i][n] = 0, s.scriptedIncomingOffsets[i][n] = s.motionPlan.incomingFromOffsets[n], s.scriptedIncomingAlpha[i][n] = 0, s.scriptedIncomingVisibility[i][n] = "hidden", t = !1, e = !1;
         continue;
       }
-      const l = y(
+      const h = y(
         {
           startMs: 0,
-          endMs: e.motionPlan.fallMs,
+          endMs: s.motionPlan.fallMs,
           from: 0,
-          to: e.motionPlan.outgoingDistance
+          to: s.motionPlan.outgoingDistance
         },
         o
       );
-      e.scriptedOutgoingOffsets[i][n] = l.value, e.scriptedIncomingVisibility[i][n] = l.done ? "entering" : "exiting", l.done || (t = !1);
-      const h = o - e.motionPlan.incomingStartShift;
-      if (h <= 0) {
-        e.scriptedIncomingOffsets[i][n] = e.motionPlan.incomingFromOffsets[n], e.scriptedIncomingAlpha[i][n] = 0, e.scriptedIncomingVisibility[i][n] = "hidden", s = !1;
+      s.scriptedOutgoingOffsets[i][n] = h.value, s.scriptedIncomingVisibility[i][n] = h.done ? "entering" : "exiting", h.done || (t = !1);
+      const l = o - s.motionPlan.incomingStartShift;
+      if (l <= 0) {
+        s.scriptedIncomingOffsets[i][n] = s.motionPlan.incomingFromOffsets[n], s.scriptedIncomingAlpha[i][n] = 0, s.scriptedIncomingVisibility[i][n] = "hidden", e = !1;
         continue;
       }
       const c = y(
         {
           startMs: 0,
-          endMs: e.motionPlan.fallMs,
-          from: e.motionPlan.incomingFromOffsets[n],
+          endMs: s.motionPlan.fallMs,
+          from: s.motionPlan.incomingFromOffsets[n],
           to: 0
         },
-        h
+        l
       );
-      e.scriptedIncomingOffsets[i][n] = c.value, e.scriptedIncomingAlpha[i][n] = b(
-        h / Math.max(1, e.motionPlan.incomingAlphaRampMs),
+      s.scriptedIncomingOffsets[i][n] = c.value, s.scriptedIncomingAlpha[i][n] = b(
+        l / Math.max(1, s.motionPlan.incomingAlphaRampMs),
         0,
         1
-      ), e.scriptedIncomingVisibility[i][n] = c.done ? "active" : "entering", c.done || (s = !1);
+      ), s.scriptedIncomingVisibility[i][n] = c.done ? "active" : "entering", c.done || (e = !1);
     }
   }
-  return { allOutgoingDone: t, allIncomingDone: s };
+  return { allOutgoingDone: t, allIncomingDone: e };
 }
-function J(e) {
-  return e ? [
-    L(e[0]),
-    L(e[1]),
-    L(e[2])
+function J(s) {
+  return s ? [
+    v(s[0]),
+    v(s[1]),
+    v(s[2])
   ] : z;
 }
-function tt(e) {
-  return e === "rainbow" ? "rainbow" : "solid";
+function tt(s) {
+  return s === "rainbow" ? "rainbow" : "solid";
 }
-function x(e) {
-  if (e.length !== 3)
+function W(s) {
+  if (s.length !== 3)
     throw new Error("rows must contain 3 rows");
   for (let t = 0; t < 3; t += 1)
-    if (!Array.isArray(e[t]) || e[t].length !== 3)
+    if (!Array.isArray(s[t]) || s[t].length !== 3)
       throw new Error(`rows[${t}] must contain 3 columns`);
   return [
-    [e[0][0], e[1][0], e[2][0]],
-    [e[0][1], e[1][1], e[2][1]],
-    [e[0][2], e[1][2], e[2][2]]
+    [s[0][0], s[1][0], s[2][0]],
+    [s[0][1], s[1][1], s[2][1]],
+    [s[0][2], s[1][2], s[2][2]]
   ];
 }
-function W(e, t) {
-  if (e.length !== 3)
+function T(s, t) {
+  if (s.length !== 3)
     throw new Error("stopGrid must contain 3 columns");
-  const s = [];
+  const e = [];
   for (let i = 0; i < 3; i += 1) {
-    const r = e[i];
+    const r = s[i];
     if (!Array.isArray(r) || r.length !== 3)
       throw new Error(`stopGrid[${i}] must contain 3 rows`);
-    s[i] = [
+    e[i] = [
       C(r[0], t),
       C(r[1], t),
       C(r[2], t)
     ];
   }
-  return s;
+  return e;
 }
-function it(e, t) {
-  return W(x(e), t);
+function it(s, t) {
+  return T(W(s), t);
 }
-function et(e) {
+function et(s) {
   return {
-    stopGrid: e.stopGrid?.map((t) => [...t]),
-    stopRows: e.stopRows?.map((t) => [...t]),
-    finaleSequence: e.finaleSequence?.map((t) => t.map((s) => [...s])),
-    finaleSequenceRows: e.finaleSequenceRows?.map((t) => t.map((s) => [...s])),
-    highlightWin: e.highlightWin,
-    callback: e.callback
+    stopGrid: s.stopGrid?.map((t) => [...t]),
+    stopRows: s.stopRows?.map((t) => [...t]),
+    finaleSequence: s.finaleSequence?.map((t) => t.map((e) => [...e])),
+    finaleSequenceRows: s.finaleSequenceRows?.map((t) => t.map((e) => [...e])),
+    highlightWin: s.highlightWin,
+    callback: s.callback
   };
 }
 class st {
   queue;
   constructor(t) {
-    this.queue = (t ?? []).map((s) => et(s));
+    this.queue = (t ?? []).map((e) => et(e));
   }
   hasPending() {
     return this.queue.length > 0;
@@ -289,19 +289,19 @@ function nt() {
     winEffectsEnvelope: 1
   };
 }
-function rt(e, t) {
-  e.hasStartedFirstSpin = !0, e.isSpinning = !0, e.phase = "outro", e.outroStartedAt = t.startedAt, e.activeSpinState = t.activeSpinState, e.shouldHighlightCurrentSpin = t.shouldHighlightCurrentSpin;
+function rt(s, t) {
+  s.hasStartedFirstSpin = !0, s.isSpinning = !0, s.phase = "outro", s.outroStartedAt = t.startedAt, s.activeSpinState = t.activeSpinState, s.shouldHighlightCurrentSpin = t.shouldHighlightCurrentSpin;
 }
-function ot(e, t, s) {
-  e.phase = "idle", e.idleStartedAt = s, e.isSpinning = !1, e.shouldHighlightCurrentSpin = !1, e.queueFinished = !t, e.activeSpinState = null;
+function ot(s, t, e) {
+  s.phase = "idle", s.idleStartedAt = e, s.isSpinning = !1, s.shouldHighlightCurrentSpin = !1, s.queueFinished = !t, s.activeSpinState = null;
 }
-function N(e, t) {
-  e.winFlashStartedAt = t, e.phase = "winFlash";
+function N(s, t) {
+  s.winFlashStartedAt = t, s.phase = "winFlash";
 }
-function lt(e) {
-  e.isSpinning = !1, e.queueFinished = !0;
+function ht(s) {
+  s.isSpinning = !1, s.queueFinished = !0;
 }
-const ht = `
+const lt = `
 attribute vec2 a_pos;
 uniform vec2 u_resolution;
 uniform vec4 u_destRect;
@@ -370,14 +370,14 @@ class ct {
   spriteSegmentHeight;
   constructor(t) {
     this.canvas = t.canvas, this.spriteImage = t.spriteImage, this.spriteElementsCount = Math.max(1, t.spriteElementsCount), this.spriteWidth = this.spriteImage.width, this.spriteHeight = this.spriteImage.height, this.spriteSegmentHeight = this.spriteHeight / this.spriteElementsCount;
-    const s = this.canvas.getContext("webgl2", {
+    const e = this.canvas.getContext("webgl2", {
       alpha: !0,
       antialias: !1
     }) ?? this.canvas.getContext("webgl", { alpha: !0, antialias: !1 });
-    if (!s)
+    if (!e)
       throw new Error("WebGL context is not available");
-    this.gl = s;
-    const i = this.createShader(this.gl.VERTEX_SHADER, ht), r = this.createShader(this.gl.FRAGMENT_SHADER, at);
+    this.gl = e;
+    const i = this.createShader(this.gl.VERTEX_SHADER, lt), r = this.createShader(this.gl.FRAGMENT_SHADER, at);
     this.program = this.createProgram(i, r), this.gl.deleteShader(i), this.gl.deleteShader(r);
     const n = this.gl.createBuffer();
     if (!n)
@@ -398,8 +398,8 @@ class ct {
       this.gl.UNSIGNED_BYTE,
       this.spriteImage
     ), this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 0), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.LINEAR), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE), this.gl.useProgram(this.program);
-    const l = this.gl.getAttribLocation(this.program, "a_pos");
-    this.gl.enableVertexAttribArray(l), this.gl.vertexAttribPointer(l, 2, this.gl.FLOAT, !1, 8, 0), this.uniforms = {
+    const h = this.gl.getAttribLocation(this.program, "a_pos");
+    this.gl.enableVertexAttribArray(h), this.gl.vertexAttribPointer(h, 2, this.gl.FLOAT, !1, 8, 0), this.uniforms = {
       resolution: this.gl.getUniformLocation(this.program, "u_resolution"),
       destRect: this.gl.getUniformLocation(this.program, "u_destRect"),
       srcRect: this.gl.getUniformLocation(this.program, "u_srcRect"),
@@ -409,25 +409,25 @@ class ct {
       texture: this.gl.getUniformLocation(this.program, "u_texture")
     }, this.gl.uniform1i(this.uniforms.texture, 0), this.gl.clearColor(0, 0, 0, 0), this.gl.enable(this.gl.BLEND), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
   }
-  resize(t, s) {
-    this.viewportW = Math.max(1, Math.floor(t)), this.viewportH = Math.max(1, Math.floor(s)), this.gl.viewport(0, 0, this.viewportW, this.viewportH);
+  resize(t, e) {
+    this.viewportW = Math.max(1, Math.floor(t)), this.viewportH = Math.max(1, Math.floor(e)), this.gl.viewport(0, 0, this.viewportW, this.viewportH);
   }
   beginFrame() {
     this.gl.useProgram(this.program), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.quadBuffer), this.gl.activeTexture(this.gl.TEXTURE0), this.gl.bindTexture(this.gl.TEXTURE_2D, this.texture), this.gl.uniform2f(this.uniforms.resolution, this.viewportW, this.viewportH), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.clear(this.gl.COLOR_BUFFER_BIT);
   }
-  drawSprite(t, s, i, r, n, o = 1) {
-    const h = C(t, this.spriteElementsCount) * this.spriteSegmentHeight, c = h + this.spriteSegmentHeight, a = 0.5, d = a / this.spriteWidth, g = 1 - a / this.spriteWidth, f = 1 - (c - a) / this.spriteHeight, S = 1 - (h + a) / this.spriteHeight;
-    this.gl.uniform4f(this.uniforms.destRect, s, i, r, n), this.gl.uniform4f(this.uniforms.srcRect, d, f, g, S), this.gl.uniform4f(this.uniforms.color, 1, 1, 1, o), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 1), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
+  drawSprite(t, e, i, r, n, o = 1) {
+    const l = C(t, this.spriteElementsCount) * this.spriteSegmentHeight, c = l + this.spriteSegmentHeight, a = 0.5, d = a / this.spriteWidth, f = 1 - a / this.spriteWidth, g = 1 - (c - a) / this.spriteHeight, S = 1 - (l + a) / this.spriteHeight;
+    this.gl.uniform4f(this.uniforms.destRect, e, i, r, n), this.gl.uniform4f(this.uniforms.srcRect, d, g, f, S), this.gl.uniform4f(this.uniforms.color, 1, 1, 1, o), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 1), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
   }
-  drawSolidRect(t, s, i, r, n) {
-    this.gl.uniform4f(this.uniforms.destRect, t, s, i, r), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, n[0], n[1], n[2], n[3]), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
+  drawSolidRect(t, e, i, r, n) {
+    this.gl.uniform4f(this.uniforms.destRect, t, e, i, r), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, n[0], n[1], n[2], n[3]), this.gl.uniform1f(this.uniforms.shapeMode, 0), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);
   }
-  drawSoftCircle(t, s, i, r) {
+  drawSoftCircle(t, e, i, r) {
     const n = i * 2;
     this.gl.uniform4f(
       this.uniforms.destRect,
       t - i,
-      s - i,
+      e - i,
       n,
       n
     ), this.gl.uniform4f(this.uniforms.srcRect, 0, 0, 1, 1), this.gl.uniform4f(this.uniforms.color, r[0], r[1], r[2], r[3]), this.gl.uniform1f(this.uniforms.useTexture, 0), this.gl.uniform1f(this.uniforms.shapeMode, 1), this.gl.drawArrays(this.gl.TRIANGLES, 0, 6), this.gl.uniform1f(this.uniforms.shapeMode, 0);
@@ -441,21 +441,21 @@ class ct {
   dispose() {
     this.gl.deleteTexture(this.texture), this.gl.deleteBuffer(this.quadBuffer), this.gl.deleteProgram(this.program);
   }
-  createShader(t, s) {
+  createShader(t, e) {
     const i = this.gl.createShader(t);
     if (!i)
       throw new Error("Failed to create WebGL shader");
-    if (this.gl.shaderSource(i, s), this.gl.compileShader(i), !this.gl.getShaderParameter(i, this.gl.COMPILE_STATUS)) {
+    if (this.gl.shaderSource(i, e), this.gl.compileShader(i), !this.gl.getShaderParameter(i, this.gl.COMPILE_STATUS)) {
       const r = this.gl.getShaderInfoLog(i) ?? "unknown error";
       throw this.gl.deleteShader(i), new Error(`WebGL shader compile failed: ${r}`);
     }
     return i;
   }
-  createProgram(t, s) {
+  createProgram(t, e) {
     const i = this.gl.createProgram();
     if (!i)
       throw new Error("Failed to create WebGL program");
-    if (this.gl.attachShader(i, t), this.gl.attachShader(i, s), this.gl.linkProgram(i), !this.gl.getProgramParameter(i, this.gl.LINK_STATUS)) {
+    if (this.gl.attachShader(i, t), this.gl.attachShader(i, e), this.gl.linkProgram(i), !this.gl.getProgramParameter(i, this.gl.LINK_STATUS)) {
       const r = this.gl.getProgramInfoLog(i) ?? "unknown error";
       throw this.gl.deleteProgram(i), new Error(`WebGL program link failed: ${r}`);
     }
@@ -478,6 +478,7 @@ class u {
   particleColorMode;
   motionProfile;
   pixelSnapY;
+  debugPerf;
   spriteImage = null;
   webglRenderer = null;
   rafLoop = new Q();
@@ -513,6 +514,14 @@ class u {
   outroInterpolationAlpha = 1;
   isOutroPipelineWarmedUp = !1;
   isGpuPipelineWarmedUp = !1;
+  perfWindowStartedAt = 0;
+  perfFrameCount = 0;
+  perfDtSum = 0;
+  perfOver20MsCount = 0;
+  perfDtSamples = [];
+  perfLogLines = [];
+  static PERF_WINDOW_MS = 1500;
+  static PERF_LOG_LIMIT = 60;
   static PRE_SPIN_MS = 150;
   static WIN_EFFECTS_ENVELOPE_TAU_MS = 120;
   static MAX_FRAME_DELTA_MS = 250;
@@ -523,7 +532,7 @@ class u {
     this.canvas = t.canvas, this.container = t.container, this.button = t.button, this.spriteUrl = t.sprite, this.spriteElementsCount = Math.max(
       1,
       t.spriteElementsCount ?? 6
-    ), this.highlightInitialWinningCells = t.highlightInitialWinningCells !== !1, this.spinQueueController = new st(t.queuedSpinStates), this.particleColorRgb = J(t.particleColorRgb), this.particleColorMode = tt(t.particleColorMode), this.motionProfile = V(t.motionProfile ?? Y), this.pixelSnapY = t.pixelSnapY ?? this.motionProfile.pixelSnapY, this.grid = t.initialSegments ? it(t.initialSegments, this.spriteElementsCount) : F(this.spriteElementsCount);
+    ), this.highlightInitialWinningCells = t.highlightInitialWinningCells !== !1, this.spinQueueController = new st(t.queuedSpinStates), this.particleColorRgb = J(t.particleColorRgb), this.particleColorMode = tt(t.particleColorMode), this.motionProfile = V(t.motionProfile ?? Y), this.pixelSnapY = t.pixelSnapY ?? this.motionProfile.pixelSnapY, this.debugPerf = t.debugPerf === !0, this.grid = t.initialSegments ? it(t.initialSegments, this.spriteElementsCount) : F(this.spriteElementsCount);
   }
   async init() {
     if (this.bindEvents(), this.resize(), await this.loadSpriteIfProvided(), !this.spriteImage)
@@ -537,7 +546,24 @@ class u {
     });
   }
   destroy() {
-    this.unbindEvents(), this.rafLoop.stop(), this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, lt(this.runtime), this.webglRenderer?.dispose(), this.webglRenderer = null, this.clearWinningCells();
+    this.unbindEvents(), this.rafLoop.stop(), this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, ht(this.runtime), this.webglRenderer?.dispose(), this.webglRenderer = null, this.clearWinningCells();
+  }
+  getPerfLogs() {
+    return [...this.perfLogLines];
+  }
+  clearPerfLogs() {
+    this.perfLogLines.length = 0;
+  }
+  async copyPerfLogsToClipboard() {
+    if (this.perfLogLines.length === 0) return !1;
+    const t = this.perfLogLines.join(`
+`), e = navigator.clipboard;
+    if (e && typeof e.writeText == "function")
+      return await e.writeText(t), !0;
+    const i = document.createElement("textarea");
+    i.value = t, i.setAttribute("readonly", ""), i.style.position = "fixed", i.style.left = "-9999px", document.body.appendChild(i), i.select();
+    const r = document.execCommand("copy");
+    return document.body.removeChild(i), r;
   }
   spin() {
     if (this.runtime.isSpinning || this.runtime.queueFinished) return;
@@ -545,8 +571,8 @@ class u {
       this.runtime.queueFinished = !0, this.button && (this.button.disabled = !0);
       return;
     }
-    const t = this.spinQueueController.consume(), s = t?.highlightWin === !0;
-    this.runtime.isSpinning = !0, this.runtime.phase = "preSpin", this.runtime.preSpinStartedAt = performance.now(), this.runtime.activeSpinState = t, this.runtime.shouldHighlightCurrentSpin = s, this.runtime.hasStartedFirstSpin = !0, this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, this.button && (this.button.disabled = !0), this.startLoop();
+    const t = this.spinQueueController.consume(), e = t?.highlightWin === !0;
+    this.runtime.isSpinning = !0, this.runtime.phase = "preSpin", this.runtime.preSpinStartedAt = performance.now(), this.runtime.activeSpinState = t, this.runtime.shouldHighlightCurrentSpin = e, this.runtime.hasStartedFirstSpin = !0, this.simulationLastNow = 0, this.simulationAccumulatorMs = 0, this.button && (this.button.disabled = !0), this.startLoop();
   }
   bindEvents() {
     window.addEventListener("resize", this.resize), this.button?.addEventListener("click", this.onSpinClick);
@@ -562,7 +588,7 @@ class u {
     this.runtime.isSpinning || this.spin();
   };
   getNextGrid(t) {
-    return t ? W(t, this.spriteElementsCount) : F(this.spriteElementsCount);
+    return t ? T(t, this.spriteElementsCount) : F(this.spriteElementsCount);
   }
   update(t) {
     if (this.runtime.isSpinning) {
@@ -574,9 +600,9 @@ class u {
           shouldHighlightCurrentSpin: this.runtime.shouldHighlightCurrentSpin,
           startedAt: t
         }), this.runtime.preSpinStartedAt = 0;
-        const s = this.runtime.activeSpinState?.finaleSequenceRows ? this.runtime.activeSpinState.finaleSequenceRows.map((n) => x(n)) : this.runtime.activeSpinState?.finaleSequence ?? [];
-        this.scriptedCascadeQueue = s.map((n) => n.map((o) => [...o])), this.clearWinningCells();
-        const i = this.runtime.activeSpinState?.stopRows ? x(this.runtime.activeSpinState.stopRows) : this.runtime.activeSpinState?.stopGrid, r = this.getNextGrid(i);
+        const e = this.runtime.activeSpinState?.finaleSequenceRows ? this.runtime.activeSpinState.finaleSequenceRows.map((n) => W(n)) : this.runtime.activeSpinState?.finaleSequence ?? [];
+        this.scriptedCascadeQueue = e.map((n) => n.map((o) => [...o])), this.clearWinningCells();
+        const i = this.runtime.activeSpinState?.stopRows ? W(this.runtime.activeSpinState.stopRows) : this.runtime.activeSpinState?.stopGrid, r = this.getNextGrid(i);
         this.startOutroTransition(r, t);
       }
       if (this.runtime.phase !== "outro" && this.runtime.phase === "winFlash") {
@@ -590,13 +616,13 @@ class u {
       this.finishSpinWithUi();
       return;
     }
-    this.outroMotionPlan || (this.outroMotionPlan = T({
+    this.outroMotionPlan || (this.outroMotionPlan = x({
       height: this.height,
       boardY: this.boardY,
       cellH: this.cellH,
       motionProfile: this.motionProfile
     })), this.scriptedOutroElapsedMs += t;
-    const { allOutgoingDone: s, allIncomingDone: i } = U({
+    const { allOutgoingDone: e, allIncomingDone: i } = U({
       elapsedMs: this.scriptedOutroElapsedMs,
       scriptedOutgoingOffsets: this.scriptedOutgoingOffsets,
       scriptedIncomingOffsets: this.scriptedIncomingOffsets,
@@ -604,7 +630,7 @@ class u {
       scriptedIncomingVisibility: this.scriptedIncomingVisibility,
       motionPlan: this.outroMotionPlan
     });
-    if (!(!s || !i) && (this.grid = this.scriptedPendingGrid, this.scriptedOutgoingGrid = null, this.scriptedPendingGrid = null, this.outroMotionPlan = null, this.clearWinningCells(), this.resetOutroBuffers(1, "active"), !this.tryStartScriptedCascade(this.scriptedOutroStartedAt + this.scriptedOutroElapsedMs))) {
+    if (!(!e || !i) && (this.grid = this.scriptedPendingGrid, this.scriptedOutgoingGrid = null, this.scriptedPendingGrid = null, this.outroMotionPlan = null, this.clearWinningCells(), this.resetOutroBuffers(1, "active"), !this.tryStartScriptedCascade(this.scriptedOutroStartedAt + this.scriptedOutroElapsedMs))) {
       if (!this.runtime.shouldHighlightCurrentSpin) {
         this.finishSpinWithUi();
         return;
@@ -614,20 +640,20 @@ class u {
   }
   tryStartScriptedCascade(t) {
     if (this.scriptedCascadeQueue.length === 0) return !1;
-    const s = this.scriptedCascadeQueue.shift();
-    return s ? (this.startOutroTransition(W(s, this.spriteElementsCount), t), !0) : !1;
+    const e = this.scriptedCascadeQueue.shift();
+    return e ? (this.startOutroTransition(T(e, this.spriteElementsCount), t), !0) : !1;
   }
-  startOutroTransition(t, s) {
-    this.scriptedOutgoingGrid = this.grid.map((i) => [...i]), this.scriptedPendingGrid = t.map((i) => [...i]), this.outroMotionPlan = T({
+  startOutroTransition(t, e) {
+    this.scriptedOutgoingGrid = this.grid.map((i) => [...i]), this.scriptedPendingGrid = t.map((i) => [...i]), this.outroMotionPlan = x({
       height: this.height,
       boardY: this.boardY,
       cellH: this.cellH,
       motionProfile: this.motionProfile
-    }), this.resetOutroBuffers(0, "hidden"), this.clearWinningCells(), this.runtime.phase = "outro", this.scriptedOutroStartedAt = s, this.scriptedOutroElapsedMs = 0, this.outroInterpolationAlpha = 1;
+    }), this.resetOutroBuffers(0, "hidden"), this.clearWinningCells(), this.runtime.phase = "outro", this.scriptedOutroStartedAt = e, this.scriptedOutroElapsedMs = 0, this.outroInterpolationAlpha = 1;
   }
   /** @param skipCallback true при закрытии подсветки по клику (callback уже вызван по окончании прокрутки) */
   finishSpinWithUi(t = !1) {
-    const s = this.runtime.activeSpinState, i = t ? void 0 : s?.callback, r = this.spinQueueController.hasPending();
+    const e = this.runtime.activeSpinState, i = t ? void 0 : e?.callback, r = this.spinQueueController.hasPending();
     ot(this.runtime, r, performance.now()), this.button && (this.button.disabled = this.runtime.queueFinished), i?.();
   }
   applyInitialHighlightIfNeeded() {
@@ -635,21 +661,21 @@ class u {
   }
   warmUpOutroPipeline() {
     if (this.isOutroPipelineWarmedUp) return;
-    const t = T({
+    const t = x({
       height: this.height,
       boardY: this.boardY,
       cellH: this.cellH,
       motionProfile: this.motionProfile
-    }), s = m(), i = m(), r = m(), n = u.createVisibilityGrid("hidden"), o = Math.max(...t.rowStartDelays), l = 2 * t.columnStaggerMs, h = [
+    }), e = m(), i = m(), r = m(), n = u.createVisibilityGrid("hidden"), o = Math.max(...t.rowStartDelays), h = 2 * t.columnStaggerMs, l = [
       0,
       this.motionProfile.fixedStepMs,
       t.incomingStartShift + this.motionProfile.fixedStepMs,
-      t.fallMs + o + l + this.motionProfile.fixedStepMs
+      t.fallMs + o + h + this.motionProfile.fixedStepMs
     ];
-    for (const c of h)
+    for (const c of l)
       U({
         elapsedMs: c,
-        scriptedOutgoingOffsets: s,
+        scriptedOutgoingOffsets: e,
         scriptedIncomingOffsets: i,
         scriptedIncomingAlpha: r,
         scriptedIncomingVisibility: n,
@@ -661,22 +687,42 @@ class u {
     if (this.isGpuPipelineWarmedUp) return;
     const t = this.webglRenderer;
     if (!t) return;
-    const s = Math.max(8, this.cellW * 0.2), i = Math.max(8, this.cellH * 0.2), r = this.boardX + 2, n = this.boardY + 2;
-    t.beginFrame(), t.drawSprite(0, r, n, s, i, 1), t.drawSolidRect(r + s + 2, n, s, i, [1, 1, 1, 0.35]), t.beginAdditiveBlend(), t.drawSoftCircle(
-      r + s * 0.5,
+    const e = Math.max(8, this.cellW * 0.2), i = Math.max(8, this.cellH * 0.2), r = this.boardX + 2, n = this.boardY + 2;
+    t.beginFrame(), t.drawSprite(0, r, n, e, i, 1), t.drawSolidRect(r + e + 2, n, e, i, [1, 1, 1, 0.35]), t.beginAdditiveBlend(), t.drawSoftCircle(
+      r + e * 0.5,
       n + i * 0.5,
-      Math.max(2, s * 0.25),
+      Math.max(2, e * 0.25),
       [1, 0.9, 0.4, 0.4]
     ), t.endAdditiveBlend(), this.isGpuPipelineWarmedUp = !0;
   }
+  trackOutroPerf(t, e) {
+    if (this.debugPerf) {
+      if (this.runtime.phase !== "outro") {
+        this.resetPerfWindow();
+        return;
+      }
+      this.perfWindowStartedAt <= 0 && (this.perfWindowStartedAt = e), this.perfFrameCount += 1, this.perfDtSum += t, t > 20 && (this.perfOver20MsCount += 1), this.perfDtSamples.push(t), !(e - this.perfWindowStartedAt < u.PERF_WINDOW_MS) && (this.flushPerfWindow(), this.perfWindowStartedAt = e);
+    }
+  }
+  resetPerfWindow() {
+    this.perfWindowStartedAt = 0, this.perfFrameCount = 0, this.perfDtSum = 0, this.perfOver20MsCount = 0, this.perfDtSamples.length = 0;
+  }
+  flushPerfWindow() {
+    if (this.perfFrameCount === 0) return;
+    const t = this.perfDtSum / this.perfFrameCount, e = [...this.perfDtSamples].sort((l, c) => l - c), i = Math.max(0, Math.min(e.length - 1, Math.floor(e.length * 0.95))), r = e[i], n = e[e.length - 1], o = t > 0 ? 1e3 / t : 0, h = `[CascadingReel][outro perf] avg=${t.toFixed(2)}ms p95=${r.toFixed(2)}ms max=${n.toFixed(2)}ms fps=${o.toFixed(1)} slow>20ms=${this.perfOver20MsCount}/${this.perfFrameCount}`;
+    this.perfLogLines.push(h), this.perfLogLines.length > u.PERF_LOG_LIMIT && this.perfLogLines.splice(0, this.perfLogLines.length - u.PERF_LOG_LIMIT), console.log(h), this.perfFrameCount = 0, this.perfDtSum = 0, this.perfOver20MsCount = 0, this.perfDtSamples.length = 0;
+  }
   render(t) {
     if (!this.webglRenderer) return;
     this.initialHighlightRequestedAt > 0 && t - this.initialHighlightRequestedAt >= $ && (N(this.runtime, this.initialHighlightRequestedAt), this.runtime.winEffectsEnvelope = 1, this.initialHighlightRequestedAt = 0, this.button && (this.button.disabled = !1));
-    const s = this.runtime.phase === "preSpin" ? 0 : this.runtime.phase === "winFlash" ? 1 : 0;
+    const e = this.runtime.phase === "preSpin" ? 0 : this.runtime.phase === "winFlash" ? 1 : 0;
     if (this.lastRafTime > 0) {
-      const l = Math.min(t - this.lastRafTime, 50), h = 1 - Math.exp(-l / u.WIN_EFFECTS_ENVELOPE_TAU_MS);
-      this.runtime.winEffectsEnvelope += (s - this.runtime.winEffectsEnvelope) * h;
-    }
+      const h = Math.min(t - this.lastRafTime, 50);
+      this.trackOutroPerf(h, t);
+      const l = 1 - Math.exp(-h / u.WIN_EFFECTS_ENVELOPE_TAU_MS);
+      this.runtime.winEffectsEnvelope += (e - this.runtime.winEffectsEnvelope) * l;
+    } else
+      this.resetPerfWindow();
     this.lastRafTime = t, this.webglRenderer.beginFrame();
     const i = this.runtime.phase === "winFlash" || this.runtime.phase === "preSpin" || this.initialHighlightRequestedAt > 0 && this.winningCells.length > 0;
     this.runtime.phase === "outro" && this.scriptedOutgoingGrid && this.scriptedPendingGrid ? (this.drawGridInterpolated(
@@ -703,53 +749,53 @@ class u {
       winEffectsEnvelope: o
     });
   }
-  isWinningCell = (t, s) => this.winningCellKeys.has(`${t}:${s}`);
+  isWinningCell = (t, e) => this.winningCellKeys.has(`${t}:${e}`);
   getRowCompactOffset(t) {
     return (q[t] ?? 0) * this.cellH;
   }
   applyPixelSnapY(t) {
     return this.pixelSnapY === "integer" ? Math.round(t) : this.pixelSnapY === "half" ? Math.round(t * 2) / 2 : t;
   }
-  drawGrid(t, s, i) {
+  drawGrid(t, e, i) {
     this.drawGridWithSampler({
       grid: t,
       skipWinningCells: i,
-      sampleOffsetY: (r, n) => s ? s[r][n] : 0,
+      sampleOffsetY: (r, n) => e ? e[r][n] : 0,
       sampleAlpha: () => 1,
       isVisible: () => !0
     });
   }
-  drawGridInterpolated(t, s, i, r, n, o, l, h) {
+  drawGridInterpolated(t, e, i, r, n, o, h, l) {
     this.drawGridWithSampler({
       grid: t,
       skipWinningCells: n,
-      sampleOffsetY: (c, a) => s[c][a] + (i[c][a] - s[c][a]) * r,
-      sampleAlpha: (c, a) => o && l ? o[c][a] + (l[c][a] - o[c][a]) * r : 1,
-      isVisible: (c, a) => !h || h[c][a] !== "hidden"
+      sampleOffsetY: (c, a) => e[c][a] + (i[c][a] - e[c][a]) * r,
+      sampleAlpha: (c, a) => o && h ? o[c][a] + (h[c][a] - o[c][a]) * r : 1,
+      isVisible: (c, a) => !l || l[c][a] !== "hidden"
     });
   }
   drawGridWithSampler(t) {
-    const s = this.webglRenderer;
-    if (s)
+    const e = this.webglRenderer;
+    if (e)
       for (let i = 0; i < 3; i += 1) {
         const r = this.boardX + i * this.cellW;
         for (let n = 0; n < 3; n += 1) {
           if (t.skipWinningCells && this.isWinningCell(i, n) || !t.isVisible(i, n)) continue;
-          const o = t.sampleOffsetY(i, n), l = this.applyPixelSnapY(
+          const o = t.sampleOffsetY(i, n), h = this.applyPixelSnapY(
             this.boardY + n * this.cellH + o + this.getRowCompactOffset(n)
           );
-          if (l > this.height || l + this.cellH < 0) continue;
-          const h = t.sampleAlpha(i, n);
-          h <= 0 || s.drawSprite(t.grid[i][n], r, l, this.cellW, this.cellH, h);
+          if (h > this.height || h + this.cellH < 0) continue;
+          const l = t.sampleAlpha(i, n);
+          l <= 0 || e.drawSprite(t.grid[i][n], r, h, this.cellW, this.cellH, l);
         }
       }
   }
   drawWinningEffects(t) {
-    const s = this.webglRenderer;
-    if (!s || this.winningCells.length === 0 || t.phase !== "winFlash" && t.phase !== "preSpin") return;
-    const i = Math.max(0, Math.min(1, t.winEffectsEnvelope)), r = Math.max(0, t.now - t.winFlashStartedAt), n = r % G / G, o = 1 + Math.sin(n * Math.PI * 2) * k * i, l = Math.max(1, this.cellW * u.WIN_BORDER_INSET_RATIO), h = Math.max(1, this.cellW * 0.03), c = this.runtime.phase === "winFlash" && this.runtime.shouldHighlightCurrentSpin && this.runtime.hasStartedFirstSpin;
+    const e = this.webglRenderer;
+    if (!e || this.winningCells.length === 0 || t.phase !== "winFlash" && t.phase !== "preSpin") return;
+    const i = Math.max(0, Math.min(1, t.winEffectsEnvelope)), r = Math.max(0, t.now - t.winFlashStartedAt), n = r % G / G, o = 1 + Math.sin(n * Math.PI * 2) * k * i, h = Math.max(1, this.cellW * u.WIN_BORDER_INSET_RATIO), l = Math.max(1, this.cellW * 0.03), c = this.runtime.phase === "winFlash" && this.runtime.shouldHighlightCurrentSpin && this.runtime.hasStartedFirstSpin;
     for (const a of this.winningCells) {
-      const d = this.boardX + a.col * this.cellW, g = this.boardY + a.row * this.cellH + this.getRowCompactOffset(a.row), f = this.grid[a.col][a.row], S = u.WIN_BORDER_ALPHA * i, p = this.particleColorMode === "rainbow" ? u.hslToRgb01(
+      const d = this.boardX + a.col * this.cellW, f = this.boardY + a.row * this.cellH + this.getRowCompactOffset(a.row), g = this.grid[a.col][a.row], S = u.WIN_BORDER_ALPHA * i, p = this.particleColorMode === "rainbow" ? u.hslToRgb01(
         (r * 0.2 + a.col * 36 + a.row * 22) % 360,
         0.96,
         0.64
@@ -757,90 +803,90 @@ class u {
         this.particleColorRgb[0] / 255,
         this.particleColorRgb[1] / 255,
         this.particleColorRgb[2] / 255
-      ], E = this.cellW * o, A = this.cellH * o, w = (this.cellW - E) * 0.5, B = (this.cellH - A) * 0.5;
-      s.drawSprite(f, d + w, g + B, E, A, 1);
-      const M = d + l, _ = g + l, O = this.cellW - l * 2, P = this.cellH - l * 2;
-      O <= h * 2 || P <= h * 2 || (s.drawSolidRect(M, _, O, h, [
+      ], A = this.cellW * o, w = this.cellH * o, M = (this.cellW - A) * 0.5, B = (this.cellH - w) * 0.5;
+      e.drawSprite(g, d + M, f + B, A, w, 1);
+      const O = d + h, E = f + h, _ = this.cellW - h * 2, P = this.cellH - h * 2;
+      _ <= l * 2 || P <= l * 2 || (e.drawSolidRect(O, E, _, l, [
         p[0],
         p[1],
         p[2],
         S
-      ]), s.drawSolidRect(M, _ + P - h, O, h, [
+      ]), e.drawSolidRect(O, E + P - l, _, l, [
         p[0],
         p[1],
         p[2],
         S
-      ]), s.drawSolidRect(M, _, h, P, [
+      ]), e.drawSolidRect(O, E, l, P, [
         p[0],
         p[1],
         p[2],
         S
-      ]), s.drawSolidRect(M + O - h, _, h, P, [
+      ]), e.drawSolidRect(O + _ - l, E, l, P, [
         p[0],
         p[1],
         p[2],
         S
       ]), c && this.drawCellParticleBurst({
-        renderer: s,
+        renderer: e,
         cell: a,
         centerX: d + this.cellW * 0.5,
-        centerY: g + this.cellH * 0.5,
+        centerY: f + this.cellH * 0.5,
         elapsed: r,
         envelope: i
       }));
     }
   }
   drawCellParticleBurst(t) {
-    const s = Math.min(this.cellW, this.cellH) * u.PARTICLE_MAX_DISTANCE, i = Math.min(this.cellW, this.cellH) * u.PARTICLE_BASE_RADIUS, r = u.getParticleSeeds(t.cell.col, t.cell.row), n = [
+    const e = Math.min(this.cellW, this.cellH) * u.PARTICLE_MAX_DISTANCE, i = Math.min(this.cellW, this.cellH) * u.PARTICLE_BASE_RADIUS, r = u.getParticleSeeds(t.cell.col, t.cell.row), n = [
       this.particleColorRgb[0] / 255,
       this.particleColorRgb[1] / 255,
       this.particleColorRgb[2] / 255
     ];
     t.renderer.beginAdditiveBlend();
     for (let o = 0; o < this.particlesPerCell; o += 1) {
-      const l = r[o], h = l.phaseOffset * v, c = t.elapsed - h;
+      const h = r[o], l = h.phaseOffset * L, c = t.elapsed - l;
       if (c < 0) continue;
-      const a = c % v / v, d = l.seedA * Math.PI * 2, g = s * a * (0.35 + l.seedB * 0.65), f = t.centerX + Math.cos(d) * g, S = t.centerY + Math.sin(d) * g, p = 0.7 + 0.9 * Math.max(0, Math.sin((t.elapsed * 0.012 + l.twinkleSeed * 2) * Math.PI * 2)), E = Math.max(1, i * (0.55 + l.seedC * 0.6) * (1 - a * 0.5)), A = Math.max(
+      const a = c % L / L, d = h.seedA * Math.PI * 2, f = e * a * (0.35 + h.seedB * 0.65), g = t.centerX + Math.cos(d) * f, S = t.centerY + Math.sin(d) * f, p = 0.7 + 0.9 * Math.max(0, Math.sin((t.elapsed * 0.012 + h.twinkleSeed * 2) * Math.PI * 2)), A = Math.max(1, i * (0.55 + h.seedC * 0.6) * (1 - a * 0.5)), w = Math.max(
         0,
         Math.min(1, (0.9 + p * 0.2) * u.PARTICLE_GLOBAL_ALPHA * t.envelope)
       );
-      if (A <= 0) continue;
-      const w = this.particleColorMode === "rainbow" ? u.getRainbowParticleColor(
+      if (w <= 0) continue;
+      const M = this.particleColorMode === "rainbow" ? u.getRainbowParticleColor(
         t.elapsed,
         t.cell.col,
         t.cell.row,
-        l.seedA
+        h.seedA
       ) : n;
-      t.renderer.drawSoftCircle(f, S, E, [w[0], w[1], w[2], A]);
+      t.renderer.drawSoftCircle(g, S, A, [M[0], M[1], M[2], w]);
     }
     t.renderer.endAdditiveBlend();
   }
-  static hslToRgb01(t, s, i) {
-    const r = (t % 360 + 360) % 360, n = Math.max(0, Math.min(1, s)), o = Math.max(0, Math.min(1, i)), l = (1 - Math.abs(2 * o - 1)) * n, h = r / 60, c = l * (1 - Math.abs(h % 2 - 1));
-    let a = 0, d = 0, g = 0;
-    h >= 0 && h < 1 ? (a = l, d = c) : h < 2 ? (a = c, d = l) : h < 3 ? (d = l, g = c) : h < 4 ? (d = c, g = l) : h < 5 ? (a = c, g = l) : (a = l, g = c);
-    const f = o - l * 0.5;
-    return [a + f, d + f, g + f];
+  static hslToRgb01(t, e, i) {
+    const r = (t % 360 + 360) % 360, n = Math.max(0, Math.min(1, e)), o = Math.max(0, Math.min(1, i)), h = (1 - Math.abs(2 * o - 1)) * n, l = r / 60, c = h * (1 - Math.abs(l % 2 - 1));
+    let a = 0, d = 0, f = 0;
+    l >= 0 && l < 1 ? (a = h, d = c) : l < 2 ? (a = c, d = h) : l < 3 ? (d = h, f = c) : l < 4 ? (d = c, f = h) : l < 5 ? (a = c, f = h) : (a = h, f = c);
+    const g = o - h * 0.5;
+    return [a + g, d + g, f + g];
   }
-  static getRainbowParticleColor(t, s, i, r) {
-    const n = (r * 360 + t * 0.24 + s * 38 + i * 22) % 360, o = 360 / u.RAINBOW_HUE_BUCKETS, l = Math.floor(n / o) * o;
-    return u.hslToRgb01(l, 0.98, 0.64);
+  static getRainbowParticleColor(t, e, i, r) {
+    const n = (r * 360 + t * 0.24 + e * 38 + i * 22) % 360, o = 360 / u.RAINBOW_HUE_BUCKETS, h = Math.floor(n / o) * o;
+    return u.hslToRgb01(h, 0.98, 0.64);
   }
-  static hash01(t, s, i, r) {
-    const n = Math.sin(t * 127.1 + s * 311.7 + i * 74.7 + r * 19.3) * 43758.5453;
+  static hash01(t, e, i, r) {
+    const n = Math.sin(t * 127.1 + e * 311.7 + i * 74.7 + r * 19.3) * 43758.5453;
     return n - Math.floor(n);
   }
-  static getParticleSeeds(t, s) {
-    const i = `${t},${s}`, r = u.particleSeedsCache.get(i);
+  static getParticleSeeds(t, e) {
+    const i = `${t},${e}`, r = u.particleSeedsCache.get(i);
     if (r) return r;
     const n = [];
     for (let o = 0; o < D; o += 1)
       n.push({
-        seedA: u.hash01(t, s, o, 1),
-        seedB: u.hash01(t, s, o, 2),
-        seedC: u.hash01(t, s, o, 3),
-        phaseOffset: u.hash01(t, s, o, 4),
-        twinkleSeed: u.hash01(t, s, o, 5)
+        seedA: u.hash01(t, e, o, 1),
+        seedB: u.hash01(t, e, o, 2),
+        seedC: u.hash01(t, e, o, 3),
+        phaseOffset: u.hash01(t, e, o, 4),
+        twinkleSeed: u.hash01(t, e, o, 5)
       });
     return u.particleSeedsCache.set(i, n), n;
   }
@@ -849,8 +895,8 @@ class u {
   }
   setWinningCells(t) {
     this.winningCells = t, this.winningCellKeys.clear();
-    for (const s of t)
-      this.winningCellKeys.add(`${s.col}:${s.row}`);
+    for (const e of t)
+      this.winningCellKeys.add(`${e.col}:${e.row}`);
   }
   resize = () => {
     const t = this.container.getBoundingClientRect(), i = typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0 ? 1.5 : 2, r = Math.max(1, Math.min(window.devicePixelRatio || 1, i)), n = Math.max(300, Math.floor(t.width * r));
@@ -873,7 +919,7 @@ class u {
       this.simulationLastNow = t, this.update(t);
       return;
     }
-    const s = Math.max(
+    const e = Math.max(
       0,
       Math.min(t - this.simulationLastNow, u.MAX_FRAME_DELTA_MS)
     );
@@ -881,7 +927,7 @@ class u {
       this.outroInterpolationAlpha = 1;
       return;
     }
-    this.snapshotOutroState(), this.simulationAccumulatorMs += s;
+    this.snapshotOutroState(), this.simulationAccumulatorMs += e;
     const i = this.motionProfile.fixedStepMs;
     let r = 0;
     for (; this.simulationAccumulatorMs >= i && r < this.motionProfile.maxCatchUpStepsPerFrame && this.runtime.phase === "outro"; )
@@ -895,26 +941,26 @@ class u {
   snapshotOutroState() {
     this.copyOffsets(this.scriptedOutgoingOffsetsPrev, this.scriptedOutgoingOffsets), this.copyOffsets(this.scriptedIncomingOffsetsPrev, this.scriptedIncomingOffsets), this.copyOffsets(this.scriptedIncomingAlphaPrev, this.scriptedIncomingAlpha), this.copyVisibility(this.scriptedIncomingVisibilityPrev, this.scriptedIncomingVisibility);
   }
-  copyOffsets(t, s) {
+  copyOffsets(t, e) {
     for (let i = 0; i < 3; i += 1)
       for (let r = 0; r < 3; r += 1)
-        t[i][r] = s[i][r];
+        t[i][r] = e[i][r];
   }
-  copyVisibility(t, s) {
+  copyVisibility(t, e) {
     for (let i = 0; i < 3; i += 1)
       for (let r = 0; r < 3; r += 1)
-        t[i][r] = s[i][r];
+        t[i][r] = e[i][r];
   }
-  resetOutroBuffers(t, s) {
-    R(this.scriptedOutgoingOffsets, 0), R(this.scriptedIncomingOffsets, 0), R(this.scriptedOutgoingOffsetsPrev, 0), R(this.scriptedIncomingOffsetsPrev, 0), R(this.scriptedIncomingAlpha, t), R(this.scriptedIncomingAlphaPrev, t), this.fillVisibilityGrid(this.scriptedIncomingVisibility, s), this.fillVisibilityGrid(this.scriptedIncomingVisibilityPrev, s);
+  resetOutroBuffers(t, e) {
+    R(this.scriptedOutgoingOffsets, 0), R(this.scriptedIncomingOffsets, 0), R(this.scriptedOutgoingOffsetsPrev, 0), R(this.scriptedIncomingOffsetsPrev, 0), R(this.scriptedIncomingAlpha, t), R(this.scriptedIncomingAlphaPrev, t), this.fillVisibilityGrid(this.scriptedIncomingVisibility, e), this.fillVisibilityGrid(this.scriptedIncomingVisibilityPrev, e);
   }
   static createVisibilityGrid(t) {
     return Array.from({ length: 3 }, () => Array.from({ length: 3 }, () => t));
   }
-  fillVisibilityGrid(t, s) {
+  fillVisibilityGrid(t, e) {
     for (let i = 0; i < 3; i += 1)
       for (let r = 0; r < 3; r += 1)
-        t[i][r] = s;
+        t[i][r] = e;
   }
   startLoop() {
     this.rafLoop.isRunning() || this.rafLoop.start((t) => (this.advanceSimulation(t), this.render(t), this.shouldKeepAnimating()));