paperlab 0.7.1 → 0.8.0

package/dist/{damageContract-DPF1YFLZ.d.cts → damageContract-nF1fgK7P.d.cts}

@@ -69,6 +69,29 @@ interface DamageSource {
      * Anything left out takes {@link DAMAGE_LOOK_DEFAULTS}.
      */
     readonly look?: DamageLook;
+    /**
+     * The light the damage gives off, as the room around the sheet should feel
+     * it. Presentation only; the physics never sees it. Omitted, the room is
+     * lit exactly as its lighting says.
+     */
+    readonly firelight?: DamageFirelight;
+}
+/**
+ * What a burning sheet does to the light around it.
+ *
+ * A fire big enough to see by is the key light while it burns, and a room's
+ * own light yields to it — a sheet burning under an unchanged studio key
+ * looks like a flame pasted onto a photograph. The source says by how much,
+ * because only the source knows how big its fire is; the lighting does the
+ * dimming, because only the lighting knows what its lights are.
+ */
+interface DamageFirelight {
+    /**
+     * How much of the room's own light is left, 0..1; omitted means 1. The key,
+     * the ambient fill and the studio light are all scaled by it, every frame,
+     * without rebuilding anything.
+     */
+    readonly room?: number;
 }
 /**
  * The knobs on what a burn looks like, in the units a person tunes by —
@@ -87,8 +110,10 @@ interface DamageLook {
     emberGlow?: number;
     /** Specks of glowing fibre along the edge, 0..2. */
     sparkle?: number;
-    /** The pale ash lip's widest point, mm. */
+    /** How wide the pale ash lip is, from the cut out to the ember line, mm. */
     lipWidth?: number;
+    /** How wide the black char band is, past the ember line, mm. */
+    charWidth?: number;
     /** How pale the ash lip is, × the sampled grey. */
     lipBrightness?: number;
     /** 0 is grey char, 1 is dark orange to deep brown. */
@@ -107,8 +132,11 @@ interface DamageLook {
     edgeBite?: number;
 }
 /**
- * What every burn is drawn with unless told otherwise — the combination Noor
- * tuned in the lab's sidebar on 2026-09-12, which is the look this ships.
+ * What every burn is drawn with unless told otherwise — Noor's tune in the
+ * lab's sidebar on 2026-09-13, and the source of truth for how a burn looks:
+ * the lab starts from it, `/hands` inherits it, and a user changes it through
+ * `look`. The values it replaced, and why each of those had moved, are in the
+ * history of this file.
  */
 declare const DAMAGE_LOOK_DEFAULTS: Required<DamageLook>;
 /**

package/dist/{damageContract-DPF1YFLZ.d.ts → damageContract-nF1fgK7P.d.ts}

@@ -69,6 +69,29 @@ interface DamageSource {
      * Anything left out takes {@link DAMAGE_LOOK_DEFAULTS}.
      */
     readonly look?: DamageLook;
+    /**
+     * The light the damage gives off, as the room around the sheet should feel
+     * it. Presentation only; the physics never sees it. Omitted, the room is
+     * lit exactly as its lighting says.
+     */
+    readonly firelight?: DamageFirelight;
+}
+/**
+ * What a burning sheet does to the light around it.
+ *
+ * A fire big enough to see by is the key light while it burns, and a room's
+ * own light yields to it — a sheet burning under an unchanged studio key
+ * looks like a flame pasted onto a photograph. The source says by how much,
+ * because only the source knows how big its fire is; the lighting does the
+ * dimming, because only the lighting knows what its lights are.
+ */
+interface DamageFirelight {
+    /**
+     * How much of the room's own light is left, 0..1; omitted means 1. The key,
+     * the ambient fill and the studio light are all scaled by it, every frame,
+     * without rebuilding anything.
+     */
+    readonly room?: number;
 }
 /**
  * The knobs on what a burn looks like, in the units a person tunes by —
@@ -87,8 +110,10 @@ interface DamageLook {
     emberGlow?: number;
     /** Specks of glowing fibre along the edge, 0..2. */
     sparkle?: number;
-    /** The pale ash lip's widest point, mm. */
+    /** How wide the pale ash lip is, from the cut out to the ember line, mm. */
     lipWidth?: number;
+    /** How wide the black char band is, past the ember line, mm. */
+    charWidth?: number;
     /** How pale the ash lip is, × the sampled grey. */
     lipBrightness?: number;
     /** 0 is grey char, 1 is dark orange to deep brown. */
@@ -107,8 +132,11 @@ interface DamageLook {
     edgeBite?: number;
 }
 /**
- * What every burn is drawn with unless told otherwise — the combination Noor
- * tuned in the lab's sidebar on 2026-09-12, which is the look this ships.
+ * What every burn is drawn with unless told otherwise — Noor's tune in the
+ * lab's sidebar on 2026-09-13, and the source of truth for how a burn looks:
+ * the lab starts from it, `/hands` inherits it, and a user changes it through
+ * `look`. The values it replaced, and why each of those had moved, are in the
+ * history of this file.
  */
 declare const DAMAGE_LOOK_DEFAULTS: Required<DamageLook>;
 /**

package/dist/fx.cjs

@@ -41,32 +41,24 @@ var init_damageContract = __esm({
   "src/surface/damageContract.ts"() {
     "use strict";
     DAMAGE_LOOK_DEFAULTS = {
-      // §5 asks for 0.3–1 mm. 1.8 was outside it, and outside the slider's range
-      // it was tuned in — a control at its limit is a report that something
-      // underneath is wrong, which in this case was a fire nothing could see.
-      emberWidth: 0.9,
-      emberIntensity: 1.45,
+      emberWidth: 1.25,
+      emberIntensity: 1.05,
       emberCoverage: 0.6,
       emberFlicker: 1.65,
       emberGlow: 1.25,
       sparkle: 0.5,
-      lipWidth: 1.2,
-      // Was 1.5, its slider's ceiling, which made the ash lip brighter than the
-      // paper it sits on. Ash is pale GREY; the reference's lip is dimmer than
-      // the sheet, not a highlight drawn on it.
-      lipBrightness: 0.85,
-      // Was 1, also a ceiling. At full warmth the char is milk chocolate —
-      // closer to cardboard than to charcoal (§5). Burnt paper keeps a little
-      // warmth in the plates and reads near black in a frame with a fire in it.
-      charWarmth: 0.3,
-      // Was 1, also a ceiling. The cracks are drawn as thin polygon outlines, so
-      // at full strength the char reads as a mosaic rather than as broken plates.
-      charCracks: 0.55,
-      scorchReach: 30,
-      scorchDarkness: 1.17,
-      fingers: 1.25,
-      edgeWave: 8.5,
-      edgeBite: 3.6
+      // As wide as the char band (Noor, 2026-09-13): the lip has to be seen. At
+      // 0.95 mm it was a hairline tracing the edge.
+      lipWidth: 3.5,
+      charWidth: 3.5,
+      lipBrightness: 0.76,
+      charWarmth: 0.32,
+      charCracks: 0.45,
+      scorchReach: 9,
+      scorchDarkness: 0.86,
+      fingers: 1.95,
+      edgeWave: 13,
+      edgeBite: 6
     };
     DAMAGE_CHANNELS = { char: 0, saturation: 1, heat: 2, presence: 3 };
   }
@@ -613,27 +605,15 @@ var init_emission = __esm({
     FIRE_GLOW = [4, 8];
     FIRE_HEAT_SCALE = 0.65;
     FIRE_SOOT_SCALE = 3;
-    FX_BLOOM = 0.55;
+    FX_BLOOM = 1.25;
     FIRE_CONTRAST = 0.9;
     FIRE_OPACITY = 5;
     FIRE_THIN = 0.55;
     FIRE_ZONES = {
-      root: { color: "#3b6bff", amount: 0, reach: 0.5 },
-      // glow 6 (was 4.6): once the core became the hottest few percent of a
-      // flame instead of its whole root, 4.6 no longer cleared the bloom
-      // threshold — bloom's share of the peak frame fell to 0.48%, under the
-      // budget. Brighter keeps the same small area: 1.47% bloom, near-white 0.8%.
-      // Starting it lower (from 0.45) bloomed 6.4% but put near-white back at 4.7%.
-      core: { color: "#fff7d4", glow: 6, from: 0.55 },
-      // Saturated, because the tone curve takes saturation away from anything
-      // above paper white: #ffdd7c at this glow came out pale yellow (s ~0.4),
-      // and measured 7.5% yellow against Flame_base.png's 29%.
-      body: { color: "#ffcf3a", glow: 1.3 },
-      // to: 0.4, measured against Flame_base.png with bloom off (bloom's halo
-      // counts as flame in any diff): near-white / pale / yellow / orange came out
-      // 0.7 / 21 / 34 / 44% against the reference's 0.9 / 17 / 29 / 43. At 0.32
-      // the body took half the flame and it was 51% yellow; at 0.45, 64% orange.
-      tip: { color: "#ff9e2c", glow: 0.9, from: 0.08, to: 0.4, softness: 0.15, tearing: 0.35 }
+      root: { color: "#3b6bff", amount: 0.01, reach: 0.39 },
+      core: { color: "#fff7d4", glow: 2.1, from: 0.63 },
+      body: { color: "#ffcf3a", glow: 0.8 },
+      tip: { color: "#ff9e2c", glow: 0.21, from: 0, to: 0.5, softness: 0.02, tearing: 0.64 }
     };
   }
 });
@@ -711,16 +691,16 @@ function flameAnchors(field, locate, max, out, time = field.time) {
     const rx = at.x;
     const ry = at.y;
     const rz = at.z;
-    const toward = locate(u + gx / gl / last, v + gy / gl / last);
+    const toward2 = locate(u + gx / gl / last, v + gy / gl / last);
     let upper = 0;
     scratchA.x = 0;
     scratchA.y = 0;
     scratchA.z = 0;
-    if (toward) {
-      const l = Math.hypot(toward.x - rx, toward.y - ry, toward.z - rz) || 1;
-      scratchA.x = (toward.x - rx) / l;
-      scratchA.y = (toward.y - ry) / l;
-      scratchA.z = (toward.z - rz) / l;
+    if (toward2) {
+      const l = Math.hypot(toward2.x - rx, toward2.y - ry, toward2.z - rz) || 1;
+      scratchA.x = (toward2.x - rx) / l;
+      scratchA.y = (toward2.y - ry) / l;
+      scratchA.z = (toward2.z - rz) / l;
       upper = scratchA.y;
     }
     const heat = data[cell * 4 + HEAT];
@@ -976,12 +956,14 @@ function FxPostPass({
   threshold = FX_BLOOM_THRESHOLD,
   field,
   locate,
-  haze: hazeOverride
+  haze: hazeOverride,
+  focus = 0
 }) {
   const { bloomScale, haze: tierHaze } = fxQualityFor(quality);
   const hazePx = hazeOverride ?? tierHaze;
   const haze = (0, import_react2.useMemo)(() => new HazeGradeEffect(), []);
   const anchors = (0, import_react2.useRef)([]);
+  const focusTarget = (0, import_react2.useRef)(new THREE3.Vector3());
   (0, import_fiber2.useFrame)(({ camera }) => {
     if (!field || !locate) {
       haze.count = 0;
@@ -996,6 +978,14 @@ function FxPostPass({
       top.set(a.x, a.y + a.height, a.z).project(camera);
       sources[i].set(root.x * 0.5 + 0.5, root.y * 0.5 + 0.5, Math.max(0, (top.y - root.y) * 0.5), a.heat);
     }
+    if (focus > 0 && n > 0) {
+      focusTarget.current.set(0, 0, 0);
+      for (let i = 0; i < n; i++) {
+        const a = anchors.current[i];
+        focusTarget.current.add(root.set(a.x, a.y, a.z));
+      }
+      focusTarget.current.multiplyScalar(1 / n);
+    }
     haze.count = n;
     haze.time = field.time;
     haze.amount = hazePx;
@@ -1013,6 +1003,14 @@ function FxPostPass({
       }
     ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("primitive", { object: haze }),
+    focus > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_postprocessing2.DepthOfField,
+      {
+        target: focusTarget.current,
+        focalLength: 0.06 - 0.045 * focus,
+        bokehScale: 1 + 3 * focus
+      }
+    ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_postprocessing2.ToneMapping, { mode: modes[film] })
   ] });
 }
@@ -1051,6 +1049,7 @@ __export(fx_exports, {
   FIELD_SIZE: () => FIELD_SIZE,
   FIRE_GLOW: () => FIRE_GLOW,
   FIRE_HEAT_SCALE: () => FIRE_HEAT_SCALE,
+  FIRE_LIGHT_GAIN: () => FIRE_LIGHT_GAIN,
   FIRE_SOOT_SCALE: () => FIRE_SOOT_SCALE,
   FIRE_ZONES: () => FIRE_ZONES,
   FIXED_DT: () => FIXED_DT,
@@ -1152,7 +1151,13 @@ var particlePresets = {
    * simulation, on purpose; see the fx plan.
    */
   smoke: {
-    life: [1.8, 3.5],
+    // Shorter, and smaller below: these are the thread beside the
+    // simulator's smoke, and the simulator's is gone within a second or two
+    // of the last flame. Left to live three and a half seconds and grow to
+    // seven centimetres, the last few of them overlapped into a flat wash
+    // over the hole with nothing left to move them — the one moment of a
+    // burn Noor found the smoke wrong (2026-09-13).
+    life: [1.4, 2.6],
     speed: [0.05, 0.15],
     direction: [0, 1, 0],
     spread: 0.3,
@@ -1160,13 +1165,13 @@ var particlePresets = {
     drag: 0.9,
     jitter: 0.3,
     windCatch: 1,
-    size: [0.05, 0.35],
+    size: [0.05, 0.18],
     // #6B6560 grey-brown, linear, and thin — the background stays clear.
     color: [
       [0.147, 0.13, 0.117],
       [0.2, 0.19, 0.18]
     ],
-    alpha: [0.08, 0],
+    alpha: [0.07, 0],
     spin: 0.4,
     blend: "normal",
     shape: "soft",
@@ -1178,7 +1183,9 @@ var particlePresets = {
    * burn that proves paper was there.
    */
   ash: {
-    life: [2.5, 5],
+    // A second or two: ash that hung in the air for five read as grey
+    // confetti over the hole, dust or stars rather than something falling.
+    life: [1.2, 2.6],
     // Thrown UP by the heat it came off, before it is heavier than the air.
     // It used to leave at almost nothing (0.02–0.1) with a lift of −0.35, so
     // every flake began falling the moment it was born — straight through the
@@ -1186,7 +1193,9 @@ var particlePresets = {
     speed: [0.14, 0.3],
     direction: [0, 1, 0],
     spread: 0.55,
-    lift: -0.22,
+    // Heavier than the air once the throw is spent: most flakes tumble down,
+    // only the lightest ride the heat up a little first.
+    lift: -0.42,
     drag: 1.6,
     jitter: 1.2,
     windCatch: 1,
@@ -1194,9 +1203,11 @@ var particlePresets = {
     // 3.8 mm and there were far too many of them: a shower of specks rather
     // than a few flakes you would notice.
     size: [0.03, 0.026],
+    // Charred paper, near black: under a bright key the old value read as
+    // pale grey against the black stage, which is the confetti.
     color: [
-      [0.07, 0.065, 0.06],
-      [0.12, 0.115, 0.11]
+      [0.04, 0.037, 0.034],
+      [0.07, 0.066, 0.062]
     ],
     alpha: [0.95, 0],
     spin: 4,
@@ -1421,13 +1432,14 @@ var ParticlePool = class {
 // src/fx/fire.ts
 init_field();
 var fireEmitterDefaults = {
-  embers: 0.35,
-  smoke: 0,
-  ash: 0.12,
+  embers: 0.39,
+  smoke: 0.135,
+  ash: 0.36,
   seed: 7,
   caps: {}
 };
 var PER_UPDATE = 24;
+var CRACKLE_SPARKS = 0.06;
 var FireEmitter = class {
   field;
   pool;
@@ -1464,7 +1476,10 @@ var FireEmitter = class {
       heat /= front;
       const struggle = 0.35 + 1.6 * Math.max(0, 0.7 - heat) + air * 0.8;
       const oxygen = 1 + air * 1.5;
-      this.emberDebt = Math.min(this.emberDebt + front * o.embers * oxygen * dt, PER_UPDATE);
+      this.emberDebt = Math.min(
+        this.emberDebt + front * o.embers * oxygen * dt + field.lastStats.charred * o.embers * CRACKLE_SPARKS,
+        PER_UPDATE
+      );
       this.smokeDebt = Math.min(this.smokeDebt + front * o.smoke * struggle * dt, PER_UPDATE);
       while (this.emberDebt >= 1) {
         this.emberDebt -= 1;
@@ -2814,10 +2829,17 @@ void main() {
   float rootMask = smoothstep(mix(0.4, 0.02, uRootReach), mix(0.6, 0.12, uRootReach), fuel) * (1.0 - smoothstep(0.25, 0.6, t));
   fire += uRootColor * rootMask * uRootAmount * uPaperWhite * uGlow * 0.6;
 
-  // Smoke: warm grey-brown (a cool grey over cream reads lavender), lit by
-  // the fire under it.
+  // Smoke: grey-brown, warm (a cool grey over cream reads lavender), and LIT
+  // BY THE FIRE UNDER IT rather than by nothing.
+  //
+  // The base used to be bright enough to read on its own \u2014 beige \u2014 which is
+  // right while flames are lighting it and wrong the moment they stop: the
+  // last of the smoke hung over a black stage as flat beige slabs, the same
+  // colour everywhere, which reads as a filled shape rather than as smoke
+  // (Noor, 2026-09-13). Dim at the base and warm where the fire is: smoke by
+  // the flames looks as it did, smoke after them goes to a dim grey.
   float smokeAlpha = 1.0 - exp(-smoke * uSmokeDensity);
-  vec3 smokeColor = vec3(0.16, 0.13, 0.10) + vec3(0.22, 0.09, 0.02) * smoothstep(0.15, 0.9, t);
+  vec3 smokeColor = vec3(0.075, 0.068, 0.062) + vec3(0.3, 0.14, 0.045) * smoothstep(0.12, 0.9, t);
   float alpha = smokeAlpha + fireAlpha - smokeAlpha * fireAlpha;
   // No square edge: the domain fades out before its borders.
   float edge = smoothstep(0.0, 0.06, vUv.x) * smoothstep(1.0, 0.94, vUv.x) * smoothstep(0.0, 0.03, vUv.y) * smoothstep(1.0, 0.9, vUv.y);
@@ -3617,56 +3639,262 @@ function FxFireFluid({
 var THREE8 = __toESM(require("three"), 1);
 var import_fiber6 = require("@react-three/fiber");
 var import_react7 = require("react");
+
+// src/fx/fireState.ts
 init_flames();
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function FxFireLight({ field, locate, gain = FIRE_LIGHT_GAIN }) {
-  const front = (0, import_react7.useRef)(null);
-  const through = (0, import_react7.useRef)(null);
-  const anchors = (0, import_react7.useRef)([]);
-  (0, import_fiber6.useFrame)(({ camera }) => {
-    const a = front.current;
-    const b = through.current;
-    if (!a || !b) return;
-    const n = flameAnchors(field, locate, 32, anchors.current);
-    if (n === 0) {
-      a.intensity = 0;
-      b.intensity = 0;
-      return;
-    }
+var FLAMES = 32;
+var FIRE_CLUSTERS = 4;
+var CLUSTER_REACH = 25 / 210;
+var FireState = class {
+  constructor(field, locate) {
+    this.field = field;
+    this.locate = locate;
+  }
+  field;
+  locate;
+  /** The flames it was taken over. Only the first {@link count} are current. */
+  anchors = [];
+  count = 0;
+  /** Where the fire is, as a whole: its flames' mean. Zero with none. */
+  x = 0;
+  y = 0;
+  z = 0;
+  /** Its flames' mean height. */
+  height = 0;
+  /** Its flames' mean puff. */
+  flicker = 0;
+  /** Where it is gathered. Only the first {@link clusterCount} are current. */
+  clusters = [];
+  clusterCount = 0;
+  frame = Number.NaN;
+  order = [];
+  root = new Float64Array(FIRE_CLUSTERS * 3);
+  weight = new Float64Array(FIRE_CLUSTERS);
+  /**
+   * Bring it up to date for `frame` — any number that is the same for every
+   * reader in one frame and different in the next; R3F's `clock.elapsedTime`
+   * is the one in hand. Free the second time it is asked in a frame.
+   */
+  update(frame) {
+    if (frame === this.frame) return this;
+    this.frame = frame;
+    const { field, anchors } = this;
+    const n = flameAnchors(field, this.locate, FLAMES, anchors);
+    this.count = n;
     let x = 0;
     let y = 0;
     let z = 0;
     let h = 0;
     let flicker = 0;
     for (let i = 0; i < n; i++) {
-      const f = anchors.current[i];
+      const f = anchors[i];
       x += f.x;
       y += f.y;
       z += f.z;
       h += f.height;
       flicker += flamePuff(f.seed, field.time);
     }
-    x /= n;
-    y /= n;
-    z /= n;
-    h /= n;
-    flicker /= n;
-    const toCamera = new THREE8.Vector3(camera.position.x - x, 0, camera.position.z - z);
-    toCamera.normalize().multiplyScalar(0.035);
-    const lift = h * 0.5;
-    a.position.set(x + toCamera.x, y + lift, z + toCamera.z);
-    b.position.set(x - toCamera.x, y + lift, z - toCamera.z);
-    const level = field.lastStats.front * gain * flicker;
-    a.intensity = level;
-    b.intensity = level * 0.35;
+    if (n > 0) {
+      x /= n;
+      y /= n;
+      z /= n;
+      h /= n;
+      flicker /= n;
+    }
+    this.x = x;
+    this.y = y;
+    this.z = z;
+    this.height = h;
+    this.flicker = flicker;
+    this.gather();
+    return this;
+  }
+  /**
+   * Group the flames into at most {@link FIRE_CLUSTERS} clusters.
+   *
+   * Tallest first, so each cluster is named by its tallest tongue and stands
+   * where that one stands: a flame joins the nearest cluster within
+   * {@link CLUSTER_REACH} of it, or starts one while there is room, or joins
+   * the nearest once there is not. Pure arithmetic over the flames, so the
+   * same burn gathers the same way every time.
+   */
+  gather() {
+    const anchors = this.anchors;
+    const clusters = this.clusters;
+    const order = this.order;
+    const root2 = this.root;
+    const weight = this.weight;
+    const n = this.count;
+    order.length = 0;
+    for (let i = 0; i < n; i++) order.push(i);
+    order.sort((i, j) => anchors[j].height - anchors[i].height || i - j);
+    let k = 0;
+    for (const i of order) {
+      const f = anchors[i];
+      let best = -1;
+      let near = Number.POSITIVE_INFINITY;
+      for (let c = 0; c < k; c++) {
+        const d = Math.hypot(f.x - root2[c * 3], f.y - root2[c * 3 + 1], f.z - root2[c * 3 + 2]);
+        if (d < near) {
+          near = d;
+          best = c;
+        }
+      }
+      if (best < 0 || near > CLUSTER_REACH && k < FIRE_CLUSTERS) {
+        best = k++;
+        root2[best * 3] = f.x;
+        root2[best * 3 + 1] = f.y;
+        root2[best * 3 + 2] = f.z;
+        weight[best] = 0;
+        let cluster2 = clusters[best];
+        if (!cluster2) {
+          cluster2 = { x: 0, y: 0, z: 0, height: 0, tallest: 0, flicker: 0, heat: 0, count: 0 };
+          clusters[best] = cluster2;
+        }
+        cluster2.x = 0;
+        cluster2.y = 0;
+        cluster2.z = 0;
+        cluster2.height = 0;
+        cluster2.tallest = f.height;
+        cluster2.flicker = 0;
+        cluster2.heat = 0;
+        cluster2.count = 0;
+      }
+      const cluster = clusters[best];
+      const w = f.height;
+      cluster.x += f.x * w;
+      cluster.y += f.y * w;
+      cluster.z += f.z * w;
+      weight[best] = weight[best] + w;
+      cluster.height += f.height;
+      cluster.flicker += flamePuff(f.seed, this.field.time);
+      cluster.heat += f.heat;
+      cluster.count++;
+    }
+    for (let c = 0; c < k; c++) {
+      const cluster = clusters[c];
+      const w = weight[c];
+      if (w > 0) {
+        cluster.x /= w;
+        cluster.y /= w;
+        cluster.z /= w;
+      } else {
+        cluster.x = root2[c * 3];
+        cluster.y = root2[c * 3 + 1];
+        cluster.z = root2[c * 3 + 2];
+      }
+      cluster.height /= cluster.count;
+      cluster.flicker /= cluster.count;
+      cluster.heat /= cluster.count;
+    }
+    this.clusterCount = k;
+  }
+};
+var shared = /* @__PURE__ */ new WeakMap();
+function fireStateOf(field, locate) {
+  let byLocator = shared.get(field);
+  if (!byLocator) {
+    byLocator = /* @__PURE__ */ new WeakMap();
+    shared.set(field, byLocator);
+  }
+  let state = byLocator.get(locate);
+  if (!state) {
+    state = new FireState(field, locate);
+    byLocator.set(locate, state);
+  }
+  return state;
+}
+
+// src/fx/FxFireLight.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function FxFireLight({ field, locate, gain = FIRE_LIGHT_GAIN, shadows = false }) {
+  const front = (0, import_react7.useRef)([]);
+  const through = (0, import_react7.useRef)(null);
+  const spot = (0, import_react7.useRef)(null);
+  (0, import_fiber6.useFrame)(({ camera, clock }) => {
+    const b = through.current;
+    if (!b) return;
+    const fire = fireStateOf(field, locate).update(clock.elapsedTime);
+    const level = field.lastStats.front * gain;
+    let total = 0;
+    let brightest = -1;
+    let most = 0;
+    for (let c = 0; c < fire.clusterCount; c++) {
+      const cluster = fire.clusters[c];
+      const share = cluster.count * cluster.height;
+      total += share;
+      if (share > most) {
+        most = share;
+        brightest = c;
+      }
+    }
+    const s = shadows ? spot.current : null;
+    if (s) s.intensity = 0;
+    for (let i = 0; i < FIRE_CLUSTERS; i++) {
+      const light = front.current[i];
+      if (!light) continue;
+      const cluster = i < fire.clusterCount ? fire.clusters[i] : null;
+      if (!cluster || !(total > 0)) {
+        light.intensity = 0;
+        continue;
+      }
+      toward.set(camera.position.x - cluster.x, 0, camera.position.z - cluster.z).normalize().multiplyScalar(0.035);
+      light.position.set(cluster.x + toward.x, cluster.y + cluster.height * 0.5, cluster.z + toward.z);
+      light.intensity = level * cluster.flicker * (cluster.count * cluster.height / total);
+      light.color.copy(COOLING).lerp(FIRE_COLOR, Math.min(1, Math.max(0, cluster.heat)));
+      if (s && i === brightest) {
+        s.position.copy(light.position);
+        s.target.position.set(cluster.x, cluster.y, cluster.z);
+        s.target.updateMatrixWorld();
+        s.intensity = light.intensity;
+        s.color.copy(light.color);
+        light.intensity = 0;
+      }
+    }
+    if (fire.count === 0) {
+      b.intensity = 0;
+      return;
+    }
+    toward.set(camera.position.x - fire.x, 0, camera.position.z - fire.z).normalize().multiplyScalar(0.035);
+    b.position.set(fire.x - toward.x, fire.y + fire.height * 0.5, fire.z - toward.z);
+    b.intensity = level * fire.flicker * 0.35;
   });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pointLight", { ref: front, color: FIRE_COLOR, intensity: 0, decay: 0.9, distance: 0 }),
+    Array.from({ length: FIRE_CLUSTERS }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "pointLight",
+      {
+        ref: (light) => {
+          front.current[i] = light;
+        },
+        color: FIRE_COLOR,
+        intensity: 0,
+        decay: 0.9,
+        distance: 0
+      },
+      i
+    )),
+    shadows && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "spotLight",
+      {
+        ref: spot,
+        color: FIRE_COLOR,
+        intensity: 0,
+        decay: 0.9,
+        distance: 0,
+        angle: 1.3,
+        penumbra: 0.8,
+        castShadow: true,
+        "shadow-mapSize": [512, 512],
+        "shadow-bias": -4e-4
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pointLight", { ref: through, color: FIRE_COLOR, intensity: 0, decay: 0.9, distance: 0 })
   ] });
 }
+var toward = new THREE8.Vector3();
 var FIRE_COLOR = new THREE8.Color("#ffa24c");
-var FIRE_LIGHT_GAIN = 42;
+var COOLING = new THREE8.Color("#ff8a33");
+var FIRE_LIGHT_GAIN = 26;
 
 // src/fx/FxMatchFlame.tsx
 var THREE9 = __toESM(require("three"), 1);
@@ -4230,6 +4458,7 @@ init_quality();
   FIELD_SIZE,
   FIRE_GLOW,
   FIRE_HEAT_SCALE,
+  FIRE_LIGHT_GAIN,
   FIRE_SOOT_SCALE,
   FIRE_ZONES,
   FIXED_DT,