@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-WNEWX66R.js

@@ -0,0 +1,1393 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  H,
+  W,
+  arc,
+  back,
+  box,
+  close,
+  drift,
+  focusColumn,
+  focusRow,
+  gameKit,
+  gameVar,
+  glow,
+  go,
+  keybind,
+  keys,
+  label,
+  menu,
+  onAll,
+  oneShot,
+  overlay,
+  poly,
+  readout,
+  rebindListener,
+  screen,
+  set,
+  slider,
+  spin,
+  toggle,
+  toggleComponent,
+  when
+} from "./chunk-OUCPQ4WI.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/game/iron-lotus-fighter.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var FIGHTERS = [
+  {
+    name: "SUMIRE",
+    seal: "S",
+    style: "Ink Crane",
+    weapon: "brush staff",
+    home: "Nine Petal Temple, above the cedar mist",
+    bio: "A calligrapher-monk who fights in single strokes and never lifts her brush twice.",
+    stats: [62, 84, 50, 88],
+    sup: "THOUSAND STROKE SUTRA",
+    rival: ["\u201CYour name is the one stroke I have not yet written, ", ".\u201D"],
+    win: "\u201CInk dries. Regret does not. Go home and practise.\u201D"
+  },
+  {
+    name: "TETSUGEN",
+    seal: "T",
+    style: "Iron Bell",
+    weapon: "bare hands",
+    home: "The bell tower of Mount Kurokane",
+    bio: "Rang the midnight bell for forty winters. He has found a louder bell to ring.",
+    stats: [96, 34, 90, 52],
+    sup: "MIDNIGHT BELL TOLL",
+    rival: ["\u201CThe bell tolls once for ", ". Only once.\u201D"],
+    win: "\u201CListen. That silence is you, still ringing.\u201D"
+  },
+  {
+    name: "AOI MARLOWE",
+    seal: "A",
+    style: "Paper Fan",
+    weapon: "iron-ribbed fan",
+    home: "The lantern docks of Shiohama harbour",
+    bio: "A fan dancer who smuggles poems past the harbour guard, and cuts anyone who reads them.",
+    stats: [55, 90, 46, 74],
+    sup: "HARBOUR LANTERN GALE",
+    rival: ["\u201CDance with me, ", ". Try not to bleed on the silk.\u201D"],
+    win: "\u201CFold, flick, farewell. The tide keeps better time than you.\u201D"
+  },
+  {
+    name: "BRAM ODELL",
+    seal: "B",
+    style: "Salt Wind",
+    weapon: "tarred fists",
+    home: "The last lighthouse on Cape Noroshi",
+    bio: "A lighthouse keeper who learned to box against the gale, and never once lost to it.",
+    stats: [82, 62, 70, 48],
+    sup: "LAMP OF THE LAST CAPE",
+    rival: ["\u201CI have seen storms bigger than you, ", ". I outlasted every one.\u201D"],
+    win: "\u201CKeep your guard up. The sea never drops hers.\u201D"
+  },
+  {
+    name: "YUZU HANABI",
+    seal: "Y",
+    style: "Firecracker",
+    weapon: "lit heels",
+    home: "The festival alleys of Lower Akebono",
+    bio: "A festival street-kid with twelve rockets in her sash, and every one of them lit.",
+    stats: [58, 96, 40, 56],
+    sup: "NINE ROCKET NIGHT",
+    rival: ["\u201CHey, ", "! Bet you cannot catch a spark.\u201D"],
+    win: "\u201CBoom! Did you see it? Tell me you saw it!\u201D"
+  },
+  {
+    name: "MOTHER KOKE",
+    seal: "K",
+    style: "Moss Hand",
+    weapon: "cedar cane",
+    home: "The still-water garden behind the old shrine",
+    bio: "Ninety winters old. She raked this gravel before your grandmother was born.",
+    stats: [70, 44, 94, 80],
+    sup: "GARDEN OF STILL WATER",
+    rival: ["\u201CSit down, ", ". The moss has waited longer than you.\u201D"],
+    win: "\u201CSlow is a kind of fast, child. Rest now.\u201D"
+  }
+];
+var STAT_NAMES = ["Power", "Speed", "Defense", "Reach"];
+var MODES = [
+  { label: "Arcade", blurb: "Six fighters, one lotus. Win two rounds and the next challenger steps onto the bridge." },
+  { label: "Versus", blurb: "Two players, one keyboard. Pick both fighters and settle it on the Petal Bridge." },
+  { label: "Training", blurb: "The dojo at dusk. Health refills, the clock never runs, practise your strings." },
+  { label: "Settings", blurb: "Volume, round time, rounds to win, ink splatter and your key bindings." },
+  { label: "Credits", blurb: "The brushes, bells and people behind the ink." },
+  { label: "Quit", blurb: "Close the gate and return to the title. The lotus will wait." }
+];
+var CREDITS = [
+  ["Game direction", "Haruka Del Valle"],
+  ["Combat design", "Ilya Brennan-Moto"],
+  ["Character art", "Wen Sato \xB7 Pia Okonkwo"],
+  ["Ink effects", "Mina Albescu"],
+  ["Music", "The Cedar Bell Ensemble"],
+  ["Sound", "Tom\xE1s Reyes"],
+  ["Netcode", "Farid Castellanos"],
+  ["Quality assurance", "The Tuesday Night Dojo"],
+  ["Special thanks", "Every player Mother Koke beat"]
+];
+function rng(seed) {
+  let a = seed >>> 0;
+  return () => {
+    a = a + 1831565813 >>> 0;
+    let t = a;
+    t = Math.imul(t ^ t >>> 15, t | 1);
+    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+var rd = (n) => Math.round(n * 10) / 10;
+var rot = (pts, deg, cx, cy) => {
+  const a = deg * Math.PI / 180, c = Math.cos(a), s = Math.sin(a);
+  return pts.map(([x, y]) => [rd(cx + (x - cx) * c - (y - cy) * s), rd(cy + (x - cx) * s + (y - cy) * c)]);
+};
+function strokePts(x, y, w, h, seed, o = {}) {
+  const r = rng(seed), n = 22, top = [], bot = [];
+  const tail = o.tail ?? 0.62;
+  for (let i = 0; i <= n; i++) {
+    const t = i / n;
+    const prof = t < 0.05 ? 0.55 + 0.45 * (t / 0.05) : t > tail ? Math.max(0.06, 1 - (t - tail) / (1 - tail) * 0.94) : 1;
+    const cy = y + h / 2 + Math.sin(t * Math.PI) * (o.bow ?? 0);
+    const half = h / 2 * prof;
+    top.push([rd(x + w * t), rd(cy - half * (0.9 + r() * 0.2))]);
+    const bite = t > tail - 0.1 && r() < 0.35 ? 0.45 : 1;
+    bot.push([rd(x + w * t + (r() - 0.5) * 6), rd(cy + half * (0.88 + r() * 0.24) * bite)]);
+  }
+  const pts = [...top, ...bot.reverse()];
+  return o.angle ? rot(pts, o.angle, x + w / 2, y + h / 2) : pts;
+}
+function tornPts(x, y, w, h, seed, amp = 7) {
+  const r = rng(seed), out = [];
+  const side = (x0, y0, x1, y1, nx2, ny2, n) => {
+    for (let i = 0; i < n; i++) {
+      const t = i / n, j = (r() - 0.3) * amp;
+      out.push([rd(x0 + (x1 - x0) * t + nx2 * j), rd(y0 + (y1 - y0) * t + ny2 * j)]);
+    }
+  };
+  const nx = Math.max(6, Math.round(w / 60)), ny = Math.max(4, Math.round(h / 60));
+  side(x, y, x + w, y, 0, -1, nx);
+  side(x + w, y, x + w, y + h, 1, 0, ny);
+  side(x + w, y + h, x, y + h, 0, 1, nx);
+  side(x, y + h, x, y, -1, 0, ny);
+  return out;
+}
+function blobPts(cx, cy, r0, seed, n = 12, j = 0.22) {
+  const r = rng(seed);
+  return Array.from({ length: n }, (_, i) => {
+    const a = i / n * Math.PI * 2, rr = r0 * (1 - j / 2 + r() * j);
+    return [rd(cx + Math.cos(a) * rr), rd(cy + Math.sin(a) * rr)];
+  });
+}
+function ovalPts(cx, cy, rx, ry, n = 36) {
+  return Array.from({ length: n }, (_, i) => {
+    const a = i / n * Math.PI * 2;
+    return [rd(cx + Math.cos(a) * rx), rd(cy + Math.sin(a) * ry)];
+  });
+}
+function limbPts(path, th) {
+  const left = [], right = [];
+  path.forEach((p, i) => {
+    const a = path[Math.max(0, i - 1)], b = path[Math.min(path.length - 1, i + 1)];
+    const dx = b[0] - a[0], dy = b[1] - a[1], len = Math.hypot(dx, dy) || 1;
+    const nx = -dy / len, ny = dx / len, t = th[i] / 2;
+    left.push([rd(p[0] + nx * t), rd(p[1] + ny * t)]);
+    right.push([rd(p[0] - nx * t), rd(p[1] - ny * t)]);
+  });
+  return [...left, ...right.reverse()];
+}
+function figureParts(i) {
+  const P = [];
+  const cx = 150;
+  const add = (pts, color = "sumi", name = "Body", o = {}) => P.push({ pts, color, name, ...o });
+  const limb = (path, th, color = "sumi", name = "Limb") => add(limbPts(path, th), color, name);
+  const foot = (fx, dir) => add(dir > 0 ? [[fx - 16, 500], [fx + 36, 506], [fx + 38, 516], [fx - 18, 516]] : [[fx + 16, 500], [fx - 36, 506], [fx - 38, 516], [fx + 18, 516]], "sumi", "Foot");
+  const eye = (hx, hy) => add([[hx + 6, hy - 6], [hx + 24, hy - 9], [hx + 23, hy - 3], [hx + 7, hy - 1]], "washi", "Eye");
+  const sash = (y, ww, color, tail = true) => {
+    add([[cx - ww - 4, y - 10], [cx + ww + 4, y - 12], [cx + ww + 6, y + 10], [cx - ww - 6, y + 12]], color, "Sash");
+    if (tail) add(strokePts(cx - ww - 90, y, 96, 22, 40 + i, { angle: -18 }), color, "Sash tail");
+  };
+  const hem = (x0, x1, y, seed) => {
+    const r = rng(seed);
+    const out = [];
+    for (let s = 0; s <= 8; s++) {
+      const t = s / 8;
+      out.push([rd(x1 + (x0 - x1) * t), rd(y + (s % 2 ? 14 : 0) * r())]);
+    }
+    return out;
+  };
+  const robe = (ww, bottom, seed, color = "sumi") => add([[cx - ww - 4, 282], [cx + ww + 4, 282], ...hem(cx - ww - 76, cx + ww + 64, bottom, seed)], color, "Robe");
+  switch (i) {
+    case 0: {
+      const sw = 40, ww = 30, hx = 164, hy = 86;
+      limb([[cx - 22, 296], [cx - 64, 404], [cx - 100, 504]], [38, 28, 20]);
+      foot(cx - 100, -1);
+      limb([[cx - sw + 14, 150], [cx - sw - 4, 238], [cx + 4, 230]], [22, 19, 15]);
+      add(blobPts(cx + 4, 230, 11, 3), "sumi", "Fist");
+      add([[cx - sw, 134], [cx + sw, 130], [cx + ww, 300], [cx - ww, 300]]);
+      limb([[cx + 22, 296], [cx + 72, 404], [cx + 94, 504]], [38, 28, 20]);
+      foot(cx + 94, 1);
+      robe(ww, 468, 11);
+      sash(290, ww, "vermilion");
+      add(limbPts([[70, 512], [296, 18]], [9, 7]), "gold", "Staff");
+      add([[286, 34], [300, 0], [312, 30], [300, 44]], "washi", "Brush tuft");
+      limb([[cx + sw - 8, 146], [cx + sw + 28, 218], [cx + 92, 212]], [22, 19, 15]);
+      add(blobPts(cx + 92, 210, 12, 5), "sumi", "Fist");
+      add([[hx - 10, 108], [hx + 10, 108], [hx + 12, 140], [hx - 12, 140]], "sumi", "Neck");
+      add(blobPts(hx, hy, 30, 7, 12, 0.08), "sumi", "Head");
+      add(blobPts(hx - 22, hy - 30, 14, 8, 10, 0.1), "sumi", "Topknot");
+      add(strokePts(hx - 110, hy - 34, 96, 16, 51, { angle: 14 }), "vermilion", "Ribbon");
+      eye(hx, hy);
+      break;
+    }
+    case 1: {
+      const sw = 74, ww = 58, hx = 158, hy = 78;
+      limb([[cx - 30, 300], [cx - 74, 404], [cx - 104, 504]], [58, 44, 30]);
+      foot(cx - 104, -1);
+      limb([[cx - sw + 18, 150], [cx - sw - 10, 246], [cx - 6, 232]], [40, 34, 26]);
+      add(blobPts(cx - 6, 232, 20, 3), "sumi", "Fist");
+      add([[cx - sw, 128], [cx + sw, 124], [cx + ww, 300], [cx - ww, 300]]);
+      limb([[cx + 30, 300], [cx + 78, 404], [cx + 100, 504]], [58, 44, 30]);
+      foot(cx + 100, 1);
+      add([[cx - ww - 4, 286], [cx + ww + 4, 286], [cx + ww + 36, 430], ...hem(cx - ww - 40, cx + ww + 36, 430, 12).slice(1)], "sumi", "Hakama");
+      sash(292, ww, "washi", false);
+      add(blobPts(cx + 18, 322, 16, 21, 10, 0.1), "gold", "Temple bell");
+      limb([[cx + sw - 12, 142], [cx + sw + 22, 224], [cx + sw + 70, 198]], [40, 34, 26]);
+      add(blobPts(cx + sw + 72, 196, 21, 5), "sumi", "Fist");
+      add(limbPts([[cx + sw + 30, 214], [cx + sw + 58, 204]], [36, 36]), "gold", "Bracer");
+      add(limbPts([[cx - sw + 6, 238], [cx - 22, 234]], [30, 30]), "gold", "Bracer");
+      add([[hx - 16, 98], [hx + 16, 98], [hx + 18, 132], [hx - 18, 132]], "sumi", "Neck");
+      add(blobPts(hx, hy, 34, 7, 12, 0.06), "sumi", "Head");
+      add(limbPts([[hx - 33, hy - 10], [hx + 33, hy - 14]], [10, 10]), "washi", "Headband");
+      for (let b = 0; b < 9; b++) {
+        const a = Math.PI * (0.15 + 0.7 * b / 8);
+        add(blobPts(cx + Math.cos(a) * 46, 132 + Math.sin(a) * 50, 6, 60 + b, 8, 0.1), "washi", "Prayer bead");
+      }
+      eye(hx, hy);
+      break;
+    }
+    case 2: {
+      const sw = 34, ww = 26, hx = 162, hy = 92;
+      limb([[cx - 20, 296], [cx - 58, 404], [cx - 92, 504]], [34, 26, 18]);
+      foot(cx - 92, -1);
+      limb([[cx - sw + 12, 152], [cx - sw - 26, 214], [cx - sw - 64, 178]], [20, 17, 14]);
+      add(blobPts(cx - sw - 64, 178, 10, 3), "sumi", "Fist");
+      add([[cx - sw, 138], [cx + sw, 134], [cx + ww, 300], [cx - ww, 300]]);
+      limb([[cx + 20, 296], [cx + 66, 404], [cx + 90, 504]], [34, 26, 18]);
+      foot(cx + 90, 1);
+      robe(ww, 480, 13);
+      sash(288, ww, "gold");
+      limb([[cx + sw - 6, 150], [cx + sw + 32, 206], [cx + sw + 86, 168]], [20, 17, 14]);
+      add(blobPts(cx + sw + 86, 168, 11, 5), "sumi", "Fist");
+      const fx = cx + sw + 88, fy = 170;
+      const fan = [[fx, fy]];
+      for (let s = 0; s <= 16; s++) {
+        const a = -Math.PI * (0.92 - 0.7 * s / 16);
+        fan.push([rd(fx + Math.cos(a) * 88), rd(fy + Math.sin(a) * 88)]);
+      }
+      add(fan, "vermilion", "Fan");
+      for (let s = 1; s < 6; s++) {
+        const a = -Math.PI * (0.92 - 0.7 * s / 6);
+        add([[fx, fy], [rd(fx + Math.cos(a) * 84), rd(fy + Math.sin(a) * 84)]], "washi", "Fan rib", { stroke: 2 });
+      }
+      add([[hx - 10, 112], [hx + 10, 112], [hx + 12, 142], [hx - 12, 142]], "sumi", "Neck");
+      add(blobPts(hx, hy, 28, 7, 12, 0.08), "sumi", "Head");
+      add([[hx - 74, hy - 12], [hx + 70, hy - 16], [hx + 6, hy - 62]], "gold", "Straw hat");
+      add(limbPts([[hx - 30, hy - 18], [hx + 32, hy - 21]], [7, 7]), "vermilion", "Hat band");
+      eye(hx, hy);
+      break;
+    }
+    case 3: {
+      const sw = 54, ww = 40, hx = 162, hy = 84;
+      limb([[cx - 26, 298], [cx - 70, 404], [cx - 98, 504]], [46, 34, 24]);
+      foot(cx - 98, -1);
+      limb([[cx - sw + 14, 150], [cx - sw + 2, 232], [cx + 24, 196]], [30, 26, 20]);
+      add(blobPts(cx + 26, 192, 24, 3, 10, 0.1), "vermDeep", "Glove");
+      add([[cx - sw, 132], [cx + sw, 128], [cx + ww, 300], [cx - ww, 300]]);
+      limb([[cx + 26, 298], [cx + 70, 404], [cx + 96, 504]], [46, 34, 24]);
+      foot(cx + 96, 1);
+      add([[cx - ww - 2, 284], [cx + ww + 2, 284], [cx + ww + 8, 330], [cx - ww - 8, 332]], "sumi", "Belt");
+      sash(292, ww, "gold", false);
+      add(strokePts(hx - 150, 118, 150, 26, 77, { angle: 10 }), "washi", "Scarf");
+      limb([[cx + sw - 8, 144], [cx + sw + 30, 214], [cx + sw + 84, 170]], [30, 26, 20]);
+      add(blobPts(cx + sw + 88, 166, 26, 5, 10, 0.1), "vermilion", "Glove");
+      add([[hx - 12, 106], [hx + 12, 106], [hx + 14, 136], [hx - 14, 136]], "sumi", "Neck");
+      add(blobPts(hx, hy, 30, 7, 12, 0.08), "sumi", "Head");
+      add([[hx - 32, hy - 6], [hx - 28, hy - 32], [hx, hy - 42], [hx + 28, hy - 32], [hx + 32, hy - 8]], "vermDeep", "Knit cap");
+      eye(hx, hy);
+      break;
+    }
+    case 4: {
+      const sw = 32, ww = 26, hx = 138, hy = 104;
+      limb([[cx - 14, 300], [cx - 26, 404], [cx - 34, 504]], [32, 26, 18]);
+      foot(cx - 34, -1);
+      limb([[cx - sw + 10, 166], [cx - sw - 30, 216], [cx - sw - 64, 190]], [18, 16, 13]);
+      add(blobPts(cx - sw - 64, 190, 10, 3), "sumi", "Fist");
+      add([[cx - sw, 152], [cx + sw, 150], [cx + ww, 300], [cx - ww, 300]]);
+      add([[cx - ww - 4, 282], [cx + ww + 4, 282], [cx + ww + 18, 352], [cx - ww - 22, 354]], "sumi", "Skirt");
+      sash(290, ww, "vermilion");
+      for (let r = 0; r < 5; r++) add([[cx - ww - 10 - r * 14, 302 + r * 10], [cx - ww - 2 - r * 14, 302 + r * 10], [cx - ww - 2 - r * 14, 330 + r * 10], [cx - ww - 10 - r * 14, 330 + r * 10]], r % 2 ? "gold" : "vermilion", "Firecracker");
+      limb([[cx + 20, 296], [cx + 94, 268], [cx + 170, 232]], [32, 26, 18]);
+      add([[cx + 164, 218], [cx + 206, 222], [cx + 204, 240], [cx + 168, 246]], "sumi", "Foot");
+      add(strokePts(cx + 160, 206, 80, 20, 91, { angle: -20 }), "gold", "Spark trail");
+      limb([[cx + sw - 6, 162], [cx + sw + 22, 220], [cx + sw + 62, 196]], [18, 16, 13]);
+      add(blobPts(cx + sw + 64, 194, 11, 5), "sumi", "Fist");
+      add([[hx - 10, 126], [hx + 10, 126], [hx + 12, 158], [hx - 12, 158]], "sumi", "Neck");
+      add(blobPts(hx, hy, 27, 7, 12, 0.08), "sumi", "Head");
+      add(blobPts(hx - 22, hy - 26, 13, 8, 10, 0.1), "sumi", "Hair bun");
+      add(blobPts(hx + 18, hy - 30, 13, 9, 10, 0.1), "sumi", "Hair bun");
+      eye(hx, hy);
+      break;
+    }
+    default: {
+      const hx = 196, hy = 150;
+      add([[cx - 56, 172], [cx + 34, 150], [cx + 36, 300], [cx - 44, 300]]);
+      robe(40, 506, 17);
+      foot(cx + 70, 1);
+      foot(cx - 70, -1);
+      sash(300, 40, "gold", false);
+      add(limbPts([[cx + 118, 262], [cx + 132, 514]], [9, 7]), "washiShade", "Cane");
+      limb([[cx + 22, 176], [cx + 70, 236], [cx + 116, 262]], [22, 19, 15]);
+      add(blobPts(cx + 118, 262, 12, 5), "sumi", "Hand");
+      add(blobPts(hx, hy, 27, 7, 12, 0.08), "sumi", "Head");
+      add([[hx - 44, hy + 34], [hx - 42, hy - 28], [hx - 6, hy - 46], [hx + 30, hy - 30], [hx + 36, hy - 12], [hx + 8, hy - 20], [hx - 16, hy + 12], [hx - 20, hy + 40]], "sumi", "Hood");
+      for (let s = 0; s < 4; s++) add([[hx - 4 + s * 7, hy + 6], [hx - 10 + s * 7, hy + 60 + s * 8]], "washi", "White hair", { stroke: 3 });
+      for (let m = 0; m < 5; m++) add(blobPts(cx - 30 + m * 16, 330 + m % 2 * 40, 7, 80 + m, 8, 0.3), "gold", "Moss");
+      eye(hx, hy);
+      break;
+    }
+  }
+  return P;
+}
+var iron_lotus_fighter_default = defineTemplate({
+  id: "game-iron-lotus-fighter",
+  meta: {
+    name: "IRON LOTUS \u2014 2D fighting game UI",
+    description: "A playable 2D fighting game front end and HUD in sumi ink and torn rice paper: ink-drop boot, an opening lotus title, slashing menus, a six-fighter select grid with live stats and a roulette CPU pick, a VS splash with rivalry lines, working settings and key bindings, a fight HUD with chip-trail health strokes that crack, a growing combo counter, super meter and full-screen ink flash, round pips and a ticking clock, K.O. and PERFECT, pause, victory with win quotes and stats, and a ten-second continue countdown",
+    category: "game-ui",
+    tags: ["game", "game ui", "hud", "fighting game", "fighting", "versus", "arcade", "ink", "interactive", "variables", "keyboard", "menus", "present mode"],
+    platforms: ["desktop"],
+    formats: ["screen"],
+    useCases: ["launch", "pitch"],
+    created: "2026-09-30",
+    updated: "2026-09-30"
+  },
+  build() {
+    const k = gameKit("IRON LOTUS");
+    k.brand({
+      sumi: "#121014",
+      sumiDeep: "#09080A",
+      dusk: "#1E171B",
+      mist: "#3B3237",
+      mist2: "#2A2327",
+      mist3: "#4E4348",
+      washi: "#EFE6D2",
+      washiShade: "#D5C8AD",
+      onWashi: "#18130E",
+      dim: "#B3A898",
+      vermilion: "#D42A1E",
+      vermDeep: "#8E1B13",
+      onVermilion: "#FFF4E4",
+      ember: "#FF6A45",
+      gold: "#C9A13B",
+      goldLight: "#E9CD7C",
+      onGold: "#1B1306",
+      scrim: "#060506",
+      primary: "#D42A1E",
+      onPrimary: "#FFF4E4",
+      accent: "#C9A13B",
+      onAccent: "#1B1306"
+    }, { title: "IRON LOTUS", studio: "Nine Petal Works", tagline: "Every petal is a blade. Every blade, a prayer." });
+    const pname = gameVar(k, "Player", "name", "STRING", "RONIN-09");
+    const maxHp = gameVar(k, "Fight", "maxHealth", "FLOAT", 100);
+    const lightDmg = gameVar(k, "Fight", "lightDamage", "FLOAT", 7);
+    const heavyDmg = gameVar(k, "Fight", "heavyDamage", "FLOAT", 12);
+    const superDmg = gameVar(k, "Fight", "superDamage", "FLOAT", 30);
+    const enemyDmg = gameVar(k, "Fight", "enemyDamage", "FLOAT", 11);
+    const blockDmg = gameVar(k, "Fight", "blockChip", "FLOAT", 2);
+    const p1hp = gameVar(k, "Fight", "p1Health", "FLOAT", 100);
+    const p1chip = gameVar(k, "Fight", "p1Chip", "FLOAT", 100);
+    const cpuhp = gameVar(k, "Fight", "cpuHealth", "FLOAT", 100);
+    const cpuchip = gameVar(k, "Fight", "cpuChip", "FLOAT", 100);
+    const meter = gameVar(k, "Fight", "meter", "FLOAT", 0);
+    const cpuMeter = gameVar(k, "Fight", "cpuMeter", "FLOAT", 0);
+    const combo = gameVar(k, "Fight", "combo", "FLOAT", 0);
+    const comboDmg = gameVar(k, "Fight", "comboDamage", "FLOAT", 0);
+    const maxCombo = gameVar(k, "Fight", "maxCombo", "FLOAT", 0);
+    const dmg = gameVar(k, "Fight", "damage", "FLOAT", 0);
+    const guard = gameVar(k, "Fight", "guard", "FLOAT", 0);
+    const counterReady = gameVar(k, "Fight", "counterReady", "FLOAT", 0);
+    const first = gameVar(k, "Fight", "firstHit", "FLOAT", 0);
+    const live = gameVar(k, "Fight", "live", "FLOAT", 0);
+    const paused = gameVar(k, "Fight", "paused", "FLOAT", 0);
+    const timer = gameVar(k, "Fight", "timer", "FLOAT", 60);
+    const round = gameVar(k, "Fight", "round", "FLOAT", 1);
+    const p1Wins = gameVar(k, "Fight", "p1Wins", "FLOAT", 0);
+    const cpuWins = gameVar(k, "Fight", "cpuWins", "FLOAT", 0);
+    const koKind = gameVar(k, "Fight", "koKind", "FLOAT", 0);
+    const winner = gameVar(k, "Fight", "roundWinner", "FLOAT", 0);
+    const perfect = gameVar(k, "Fight", "perfect", "FLOAT", 0);
+    const perfects = gameVar(k, "Fight", "perfectRounds", "FLOAT", 0);
+    const hits = gameVar(k, "Fight", "hitsLanded", "FLOAT", 0);
+    const dealt = gameVar(k, "Fight", "damageDealt", "FLOAT", 0);
+    const taken = gameVar(k, "Fight", "damageTaken", "FLOAT", 0);
+    const lastHit = gameVar(k, "Fight", "lastInput", "FLOAT", 0);
+    const p1 = gameVar(k, "Fight", "p1", "FLOAT", 0);
+    const cpu = gameVar(k, "Fight", "cpu", "FLOAT", 1);
+    const mode = gameVar(k, "Fight", "mode", "FLOAT", 0);
+    const shake = gameVar(k, "FX", "shake", "FLOAT", 0);
+    const pop = gameVar(k, "FX", "comboPop", "FLOAT", 0);
+    const cpuFlinch = gameVar(k, "FX", "cpuFlinch", "FLOAT", 0);
+    const p1Flinch = gameVar(k, "FX", "p1Flinch", "FLOAT", 0);
+    const p1Lunge = gameVar(k, "FX", "p1Lunge", "FLOAT", 0);
+    const cpuLunge = gameVar(k, "FX", "cpuLunge", "FLOAT", 0);
+    const superFx = gameVar(k, "FX", "superFlash", "FLOAT", 0);
+    const sel = gameVar(k, "Select", "selected", "FLOAT", 0);
+    const curX = gameVar(k, "Select", "cursorColumn", "FLOAT", 0);
+    const curY = gameVar(k, "Select", "cursorRow", "FLOAT", 0);
+    const locked = gameVar(k, "Select", "locked", "FLOAT", 0);
+    const cpuSpin = gameVar(k, "Select", "cpuRoulette", "FLOAT", 1);
+    const stats = STAT_NAMES.map((s, i) => gameVar(k, "Select", s.toLowerCase(), "FLOAT", FIGHTERS[0].stats[i]));
+    const menuFocus = gameVar(k, "UI", "menuFocus", "FLOAT", 0);
+    const setFocus = gameVar(k, "UI", "settingsFocus", "FLOAT", 0);
+    const pauseFocus = gameVar(k, "UI", "pauseFocus", "FLOAT", 0);
+    const winFocus = gameVar(k, "UI", "victoryFocus", "FLOAT", 0);
+    const contFocus = gameVar(k, "UI", "continueFocus", "FLOAT", 0);
+    const rebind = gameVar(k, "UI", "rebinding", "STRING", "");
+    const master = gameVar(k, "Settings", "masterVolume", "FLOAT", 80);
+    const music = gameVar(k, "Settings", "musicVolume", "FLOAT", 60);
+    const roundTime = gameVar(k, "Settings", "roundTime", "FLOAT", 60);
+    const toWin = gameVar(k, "Settings", "roundsToWin", "FLOAT", 2);
+    const ink = gameVar(k, "Settings", "inkSplatter", "FLOAT", 1);
+    const inputDisplay = gameVar(k, "Settings", "inputDisplay", "FLOAT", 0);
+    const keyLight = gameVar(k, "Keys", "light", "STRING", "J");
+    const keyHeavy = gameVar(k, "Keys", "heavy", "STRING", "K");
+    const keyBlock = gameVar(k, "Keys", "block", "STRING", "B");
+    const keySuper = gameVar(k, "Keys", "super", "STRING", "U");
+    const serif = { fontFamily: "Source Serif 4", fontStyle: "italic" };
+    k.textStyle("Studio 28", { size: 28, fontWeight: 800, letterSpacing: 12, lineHeight: 36, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Mega 190", { size: 190, fontWeight: 900, letterSpacing: -9, lineHeight: 176, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Flavor 34", { size: 34, fontWeight: 400, lineHeight: 44, ...serif });
+    k.textStyle("Flavor 26", { size: 26, fontWeight: 400, lineHeight: 36, ...serif });
+    k.textStyle("Flavor 22", { size: 22, fontWeight: 400, lineHeight: 30, ...serif });
+    k.textStyle("Prompt 26", { size: 26, fontWeight: 900, letterSpacing: 14, lineHeight: 34, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Menu 52", { size: 52, fontWeight: 900, letterSpacing: -1, lineHeight: 60, textCase: "UPPER" });
+    k.textStyle("Heading 84", { size: 84, fontWeight: 900, letterSpacing: -3, lineHeight: 84, textCase: "UPPER" });
+    k.textStyle("Name 64", { size: 64, fontWeight: 900, letterSpacing: -2, lineHeight: 68, textCase: "UPPER" });
+    k.textStyle("Label 24", { size: 24, fontWeight: 700, lineHeight: 32 });
+    k.textStyle("Value 24", { size: 24, fontWeight: 900, lineHeight: 32 });
+    k.textStyle("Cap 20", { size: 20, fontWeight: 900, letterSpacing: 2, lineHeight: 26, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Small 16", { size: 16, fontWeight: 800, letterSpacing: 4, lineHeight: 22, textCase: "UPPER" });
+    k.textStyle("HUD name 30", { size: 30, fontWeight: 900, letterSpacing: 1, lineHeight: 36, textCase: "UPPER" });
+    k.textStyle("Seal 60", { size: 60, fontWeight: 900, lineHeight: 64, textAlign: "CENTER", textCase: "UPPER" });
+    k.textStyle("Timer 88", { size: 88, fontWeight: 900, letterSpacing: -4, lineHeight: 88, textAlign: "CENTER" });
+    k.textStyle("Combo 120", { size: 120, fontWeight: 900, letterSpacing: -6, lineHeight: 112, textAlign: "RIGHT", fontStyle: "italic" });
+    k.textStyle("Combo word 40", { size: 40, fontWeight: 900, letterSpacing: 2, lineHeight: 44, textCase: "UPPER", fontStyle: "italic" });
+    k.textStyle("Callout 50", { size: 50, fontWeight: 900, letterSpacing: -1, lineHeight: 56, textCase: "UPPER", fontStyle: "italic" });
+    k.textStyle("Super 92", { size: 92, fontWeight: 900, letterSpacing: -3, lineHeight: 96, textCase: "UPPER", fontStyle: "italic", textAlign: "CENTER" });
+    k.textStyle("KO 300", { size: 300, fontWeight: 900, letterSpacing: -14, lineHeight: 280, textAlign: "CENTER", textCase: "UPPER", fontStyle: "italic" });
+    k.textStyle("VS 240", { size: 240, fontWeight: 900, letterSpacing: -12, lineHeight: 220, textAlign: "CENTER", textCase: "UPPER", fontStyle: "italic" });
+    k.textStyle("Stat 56", { size: 56, fontWeight: 900, letterSpacing: -2, lineHeight: 60 });
+    k.textStyle("Count 280", { size: 280, fontWeight: 900, letterSpacing: -10, lineHeight: 260, textAlign: "CENTER" });
+    k.textStyle("Credit role 18", { size: 18, fontWeight: 800, letterSpacing: 5, lineHeight: 24, textCase: "UPPER", textAlign: "CENTER" });
+    k.textStyle("Credit name 34", { size: 34, fontWeight: 900, lineHeight: 42, textAlign: "CENTER", textCase: "UPPER" });
+    const pick = (e, words) => "(" + words.slice(0, -1).map((w, i) => `${e} == ${i} ? "${w}"`).join(" : ") + ` : "${words[words.length - 1]}")`;
+    const pickN = (e, nums) => "(" + nums.slice(0, -1).map((v, i) => `${e} == ${i} ? ${v}`).join(" : ") + ` : ${nums[nums.length - 1]})`;
+    const nameOf = (e) => pick(e, FIGHTERS.map((f) => f.name));
+    const oppLabel = `(${mode.n} == 1 ? "P2" : "CPU")`;
+    const pressed = (key) => `upper($key) == ${key.n}`;
+    const LIGHT = pressed(keyLight), HEAVY = pressed(keyHeavy), BLOCK = pressed(keyBlock), SUPER = pressed(keySuper), ENEMY = 'upper($key) == "L"';
+    const LIVE = `${live.n} == 1`;
+    const P1HIT = `(${LIGHT} || ${HEAVY} || (${SUPER} && ${meter.n} >= 100))`;
+    const imp = (v, ms, easing = "EASE_OUT") => [set(v.id, { value: 1 }), set(v.id, { value: 0, glide: ms, easing })];
+    const brush = (parent, x, y, w, h, color, seed, o = {}) => poly(k, parent, strokePts(x, y, w, h, seed, o), color, { name: o.name ?? "Brush stroke", opacity: o.opacity });
+    const paper = (parent, x, y, w, h, seed, color = "washi", name = "Rice paper") => poly(k, parent, tornPts(x, y, w, h, seed), color, { name });
+    const fighter = (parent, i, x, y, s, o = {}) => {
+      const g = box(k, parent, x, y, Math.round(300 * s), Math.round(520 * s), { name: o.name ?? FIGHTERS[i].name });
+      for (const part of figureParts(i)) {
+        const pts = part.pts.map(([px, py]) => [rd((o.mirror ? 300 - px : px) * s), rd(py * s)]);
+        poly(k, g, pts, part.color, { name: part.name, ...part.stroke ? { stroke: part.stroke * s, closed: false } : {}, ...part.opacity !== void 0 ? { opacity: part.opacity } : {} });
+      }
+      return g;
+    };
+    const roster = (parent, e, x, y, s, o) => {
+      const holder = box(k, parent, x, y, Math.round(300 * s), Math.round(520 * s), { name: o.name });
+      FIGHTERS.forEach((_, i) => {
+        const f = fighter(holder, i, 0, 0, s, { mirror: o.mirror });
+        k.bindExpression(f, "visible", `${e} == ${i}`);
+      });
+      return holder;
+    };
+    const petals = (parent, n, seed, area) => {
+      const r = rng(seed);
+      for (let i = 0; i < n; i++) {
+        const x = area.x + r() * area.w, y = -40 - r() * 200, s = 10 + r() * 12;
+        const p = poly(k, parent, [[x, y], [x + s, y - s * 0.4], [x + s * 1.6, y + s * 0.3], [x + s * 0.6, y + s * 0.7]], i % 4 === 0 ? "washi" : "vermilion", { name: "Falling petal", opacity: 0.85 });
+        k.behave(p, "translateY", [{ kind: "spin", rate: 60 + r() * 50 }, { kind: "mod", period: 1300, offset: 0 }]);
+        drift(k, p, "translateX", 30 + r() * 30, 0.2 + r() * 0.3, r() * 6);
+        spin(k, p, (r() - 0.5) * 120);
+      }
+    };
+    const hintBar = (id, text, y = H - 60) => {
+      const b = box(k, id, 0, y, W, 60, { name: "Hint bar", fill: k.tint("sumiDeep", 0.9), direction: "HORIZONTAL", align: "CENTER", padding: { top: 0, right: 80, bottom: 0, left: 80 } });
+      k.text(b, text, { style: "Small 16", color: "dim", autoWidth: true, name: "Hints" });
+    };
+    const gauge = (parent, o) => {
+      const frame = box(k, parent, o.x, o.y, o.w, o.h, { name: o.name, fill: o.back, clip: true });
+      const width = (e) => `clamp((${e}) / (${o.max}), 0, 1) * ${o.w}`;
+      const place = (id, e) => {
+        k.bindExpression(id, "width", width(e));
+        if (o.fromRight) k.bindExpression(id, "x", `${o.w} - ${width(e)}`);
+      };
+      if (o.chip) place(k.rect(frame, o.w, o.h, o.chipColor ?? "vermilion", { name: `${o.name} chip`, absolute: { x: 0, y: 0 } }), o.chip);
+      const fill = k.rect(frame, o.w, o.h, o.fill, { name: `${o.name} fill`, absolute: { x: 0, y: 0 } });
+      place(fill, o.value);
+      const r = rng(o.seed);
+      for (let s = 0; s < 4; s++) {
+        const yy = rd(o.h * (0.2 + s * 0.2) + (r() - 0.5) * 4);
+        poly(k, frame, [[o.w * r() * 0.3, yy], [o.w * (0.55 + r() * 0.45), yy + (r() - 0.5) * 3]], o.edge, { name: "Bristle", stroke: 1.5, closed: false, opacity: 0.35 });
+      }
+      const top = [[o.x - 2, o.y - 10], [o.x + o.w + 2, o.y - 10]], bot = [[o.x - 2, o.y + o.h + 10], [o.x + o.w + 2, o.y + o.h + 10]];
+      for (let s = 20; s >= 0; s--) {
+        top.push([rd(o.x + o.w * s / 20), rd(o.y + r() * 5)]);
+        bot.push([rd(o.x + o.w * s / 20), rd(o.y + o.h - r() * 5)]);
+      }
+      poly(k, parent, top, o.edge, { name: "Ragged edge" });
+      poly(k, parent, bot, o.edge, { name: "Ragged edge" });
+      const outer = o.fromRight ? o.x : o.x + o.w, inner = o.fromRight ? o.x + o.w : o.x, d = o.fromRight ? 1 : -1;
+      poly(k, parent, [[outer - d * 2, o.y - 2], [outer - d * 30, o.y - 2], [outer - d * 2, o.y + o.h * 0.55], [outer - d * 14, o.y + o.h + 2], [outer - d * 2, o.y + o.h + 2]].map(([a, b]) => [a, b]), o.edge, { name: "Tapered end" });
+      poly(k, parent, [[inner + d * 2, o.y - 2], [inner + d * 10, o.y - 2], [inner + d * 2, o.y + o.h + 2]].map(([a, b]) => [a, b]), o.edge, { name: "Blunt end" });
+      return frame;
+    };
+    k.variantSet(
+      "Brush button",
+      "State",
+      ["Idle", "Hover", "Pressed"],
+      { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", padding: { top: 16, right: 30, bottom: 16, left: 30 }, props: { Label: "Back" }, description: "A button cut from ink: hover floods it vermilion, pressing leafs it gold." },
+      (state, id) => {
+        k.propText(id, "Label", { style: "Cap 20", color: state === "Idle" ? "washi" : state === "Hover" ? "onPrimary" : "onAccent", autoWidth: true });
+      },
+      (state) => ({ fill: state === "Idle" ? k.tint("sumi", 0.92) : state === "Hover" ? "primary" : "accent", stroke: { color: state === "Idle" ? "mist3" : "goldLight", width: 2, align: "INSIDE" } })
+    );
+    k.changeTo("Brush button/Idle", "ON_HOVER", "Brush button/Hover", 120);
+    k.changeTo("Brush button/Hover", "ON_PRESS", "Brush button/Pressed", 60);
+    toggleComponent(k, { track: "mist", on: "vermilion", knob: "washi", stateStyle: "Small 16", ink: "washi" });
+    oneShot(k, "Ink splash", { width: 640, height: 640, state: "Splash", duration: 760, description: "A sumi-ink splash thrown out from a hit: change to Splash on every hit (it replays)." }, (state, id) => {
+      const core = poly(k, id, blobPts(320, 320, 150, 11, 18, 0.45), "sumiDeep", { name: "Splash core", opacity: 0 });
+      const heart = poly(k, id, blobPts(320, 320, 78, 23, 12, 0.5), "vermilion", { name: "Splash heart", opacity: 0 });
+      const r = rng(5);
+      const drops = [];
+      for (let j = 0; j < 14; j++) {
+        const a = j / 14 * Math.PI * 2 + r() * 0.3, d = 170 + r() * 120, rr = 8 + r() * 22;
+        const dx = Math.cos(a) * d, dy = Math.sin(a) * d;
+        drops.push([poly(k, id, blobPts(320 + dx, 320 + dy, rr, 30 + j, 9, 0.4), j % 3 === 0 ? "vermilion" : j % 5 === 0 ? "gold" : "sumiDeep", { name: "Droplet", opacity: 0 }), dx, dy]);
+      }
+      const streaks = [0, 1, 2, 3, 4].map((s) => poly(k, id, strokePts(330, 306, 280, 26, 70 + s, { angle: s * 72 + 20 }), "sumiDeep", { name: "Splatter streak", opacity: 0 }));
+      if (state !== "Splash") return;
+      const pop2 = { kind: "ease", name: "expo-out" };
+      keys(k, core, "opacity", [{ t: 0, v: 0.95, ease: { kind: "hold" } }, { t: 380, v: 0.95, ease: { kind: "ease", name: "cubic-in" } }, { t: 740, v: 0 }]);
+      for (const p of ["scaleX", "scaleY"]) keys(k, core, p, [{ t: 0, v: 0.25, ease: pop2 }, { t: 240, v: 1.1, ease: { kind: "linear" } }, { t: 740, v: 1.2 }]);
+      keys(k, heart, "opacity", [{ t: 0, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 600, v: 0 }]);
+      for (const p of ["scaleX", "scaleY"]) keys(k, heart, p, [{ t: 0, v: 0.2, ease: pop2 }, { t: 200, v: 1 }]);
+      for (const [d, dx, dy] of drops) {
+        keys(k, d, "opacity", [{ t: 0, v: 1, ease: { kind: "hold" } }, { t: 360, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 720, v: 0 }]);
+        keys(k, d, "translateX", [{ t: 0, v: rd(-dx * 0.75), ease: pop2 }, { t: 320, v: 0, ease: { kind: "linear" } }, { t: 720, v: rd(dx * 0.08) }]);
+        keys(k, d, "translateY", [{ t: 0, v: rd(-dy * 0.75), ease: pop2 }, { t: 320, v: 0, ease: { kind: "linear" } }, { t: 720, v: rd(dy * 0.08 + 24) }]);
+      }
+      for (const s of streaks) {
+        keys(k, s, "opacity", [{ t: 0, v: 0.9, ease: { kind: "ease", name: "cubic-in" } }, { t: 520, v: 0 }]);
+        for (const p of ["scaleX", "scaleY"]) keys(k, s, p, [{ t: 0, v: 0.3, ease: pop2 }, { t: 260, v: 1 }]);
+      }
+    });
+    oneShot(k, "Hit spark", { width: 300, height: 300, state: "Spark", duration: 340, description: "Brush-slash hit sparks: change to Spark on a hit." }, (state, id) => {
+      const slashes = [[-32, "washi"], [18, "goldLight"], [66, "washi"]].map(([a, c], s) => poly(k, id, strokePts(20, 136, 260, 28, 100 + s, { angle: a }), c, { name: "Spark slash", opacity: 0 }));
+      const star = k.star(id, 130, "goldLight", { name: "Spark star", absolute: { x: 85, y: 85 }, opacity: 0 });
+      if (state !== "Spark") return;
+      for (const s of slashes) {
+        keys(k, s, "opacity", [{ t: 0, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 320, v: 0 }]);
+        keys(k, s, "scaleX", [{ t: 0, v: 0.2, ease: { kind: "ease", name: "expo-out" } }, { t: 180, v: 1.25 }]);
+      }
+      keys(k, star, "opacity", [{ t: 0, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 300, v: 0 }]);
+      for (const p of ["scaleX", "scaleY"]) keys(k, star, p, [{ t: 0, v: 0.3, ease: { kind: "ease", name: "back-out", param: 2 } }, { t: 200, v: 1.4 }]);
+      keys(k, star, "rotation", [{ t: 0, v: 0, ease: { kind: "ease", name: "cubic-out" } }, { t: 320, v: 40 }]);
+    });
+    oneShot(k, "Ink flash", { width: W, height: H, state: "Flash", duration: 1500, description: "The super art: the screen floods with ink and a vermilion sun blooms. Change to Flash when the super lands." }, (state, id) => {
+      const wash = k.rect(id, W, H, "sumiDeep", { name: "Ink wash", absolute: { x: 0, y: 0 }, opacity: 0 });
+      const sun = k.ellipse(id, 820, "vermilion", { name: "Blood sun", absolute: { x: 550, y: 130 }, opacity: 0, effects: [glow(k, "vermilion", 80, 0.8)] });
+      const slash = brush(id, 120, 460, 1680, 150, "goldLight", 404, { angle: -9, name: "Gold leaf slash", opacity: 0 });
+      k.patch(slash, { anchorX: 0 });
+      const strike = k.rect(id, W, H, "washi", { name: "White strike", absolute: { x: 0, y: 0 }, opacity: 0 });
+      if (state !== "Flash") return;
+      keys(k, strike, "opacity", [{ t: 0, v: 0.85, ease: { kind: "ease", name: "cubic-out" } }, { t: 180, v: 0 }]);
+      keys(k, wash, "opacity", [{ t: 0, v: 0, ease: { kind: "ease", name: "cubic-out" } }, { t: 100, v: 0.9, ease: { kind: "hold" } }, { t: 1080, v: 0.9, ease: { kind: "ease", name: "cubic-in" } }, { t: 1480, v: 0 }]);
+      keys(k, sun, "opacity", [{ t: 0, v: 0, ease: { kind: "linear" } }, { t: 80, v: 1, ease: { kind: "hold" } }, { t: 1e3, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 1440, v: 0 }]);
+      for (const p of ["scaleX", "scaleY"]) keys(k, sun, p, [{ t: 0, v: 0.05, ease: { kind: "ease", name: "expo-out" } }, { t: 560, v: 1, ease: { kind: "linear" } }, { t: 1440, v: 1.12 }]);
+      keys(k, slash, "opacity", [{ t: 0, v: 0, ease: { kind: "hold" } }, { t: 220, v: 1, ease: { kind: "hold" } }, { t: 1100, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 1420, v: 0 }]);
+      keys(k, slash, "scaleX", [{ t: 0, v: 0, ease: { kind: "hold" } }, { t: 220, v: 0.02, ease: { kind: "ease", name: "expo-out" } }, { t: 560, v: 1 }]);
+    });
+    const callout = (name, text, plate, ink2, w, seed, duration) => oneShot(k, name, { width: w, height: 130, state: "Show", duration, description: `The "${text}" callout: a brush plate slashes in under the words and both fade. Change to Show to call it.` }, (state, id) => {
+      const p = brush(id, 0, 10, w, 110, plate, seed, { name: "Callout plate", opacity: 0, tail: 0.8 });
+      k.patch(p, { anchorX: 0 });
+      if (state !== "Show") return;
+      const t = label(k, id, text, "Callout 50", ink2, 44, 36, { name: "Callout words" });
+      keys(k, p, "opacity", [{ t: 0, v: 0, ease: { kind: "linear" } }, { t: 50, v: 1, ease: { kind: "hold" } }, { t: duration - 320, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: duration - 40, v: 0 }]);
+      keys(k, p, "scaleX", [{ t: 0, v: 0.2, ease: { kind: "ease", name: "expo-out" } }, { t: 240, v: 1 }]);
+      keys(k, t, "opacity", [{ t: 0, v: 0, ease: { kind: "hold" } }, { t: 90, v: 1, ease: { kind: "hold" } }, { t: duration - 320, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: duration - 40, v: 0 }]);
+      keys(k, t, "translateX", [{ t: 0, v: -50, ease: { kind: "ease", name: "expo-out" } }, { t: 300, v: 0 }]);
+    });
+    callout("First attack", "First attack", "vermilion", "onVermilion", 520, 311, 1300);
+    callout("Counter", "Counter!", "gold", "onGold", 400, 322, 1100);
+    oneShot(k, "Combo burst", { width: 460, height: 240, state: "Pop", duration: 480, description: "A vermilion brush burst behind the combo counter: change to Pop on every hit." }, (state, id) => {
+      const p = brush(id, 0, 50, 460, 140, "vermilion", 333, { angle: -6, name: "Burst stroke", opacity: 0 });
+      const q = brush(id, 40, 150, 360, 40, "goldLight", 334, { angle: -4, name: "Burst underline", opacity: 0 });
+      if (state !== "Pop") return;
+      keys(k, p, "opacity", [{ t: 0, v: 0.95, ease: { kind: "ease", name: "cubic-in" } }, { t: 460, v: 0 }]);
+      for (const s of ["scaleX", "scaleY"]) keys(k, p, s, [{ t: 0, v: 0.6, ease: { kind: "ease", name: "back-out", param: 3 } }, { t: 200, v: 1 }]);
+      keys(k, q, "opacity", [{ t: 0, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 400, v: 0 }]);
+      keys(k, q, "translateX", [{ t: 0, v: -60, ease: { kind: "ease", name: "expo-out" } }, { t: 260, v: 0 }]);
+    });
+    oneShot(k, "Block flash", { width: 300, height: 420, state: "Block", duration: 520, description: "A gold ward flares where the hit was blocked: change to Block." }, (state, id) => {
+      const a1 = arc(k, id, 60, 210, 190, -1, 1, "goldLight", 12, { name: "Ward", opacity: 0, effects: [glow(k, "gold", 20)] });
+      const a2 = arc(k, id, 60, 210, 150, -0.8, 0.8, "washi", 5, { name: "Ward inner", opacity: 0 });
+      if (state !== "Block") return;
+      for (const a of [a1, a2]) {
+        keys(k, a, "opacity", [{ t: 0, v: 1, ease: { kind: "hold" } }, { t: 200, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: 500, v: 0 }]);
+        for (const s of ["scaleX", "scaleY"]) keys(k, a, s, [{ t: 0, v: 0.7, ease: { kind: "ease", name: "back-out", param: 2 } }, { t: 260, v: 1.08 }]);
+      }
+    });
+    const boot = screen(k, "Boot", { ground: "washi", first: true, duration: 3800 });
+    const title = screen(k, "Title", { ground: "sumi" });
+    const main = screen(k, "Main menu", { ground: "dusk" });
+    const select = screen(k, "Character select", { ground: "dusk" });
+    const vs = screen(k, "VS", { ground: "sumiDeep", duration: 4400 });
+    const call = screen(k, "Round call", { ground: "dusk", duration: 2600 });
+    const fight = screen(k, "Fight", { ground: "dusk" });
+    const pause = screen(k, "Pause", { ground: "sumi", fills: k.tint("scrim", 0.8) });
+    const ko = screen(k, "K.O.", { ground: "sumi", fills: k.tint("scrim", 0.5), duration: 3e3 });
+    const victory = screen(k, "Victory", { ground: "washi" });
+    const cont = screen(k, "Continue", { ground: "sumiDeep", duration: 11e3 });
+    const over = screen(k, "Game over", { ground: "sumiDeep" });
+    const settings = screen(k, "Settings", { ground: "dusk" });
+    const credits = screen(k, "Credits", { ground: "sumi", duration: 12e3 });
+    k.flowStart(boot, "Play IRON LOTUS");
+    const resetRound = [
+      set(p1hp.id, { expression: maxHp.n }),
+      set(p1chip.id, { expression: maxHp.n }),
+      set(cpuhp.id, { expression: maxHp.n }),
+      set(cpuchip.id, { expression: maxHp.n }),
+      set(combo.id, { value: 0 }),
+      set(guard.id, { value: 0 }),
+      set(counterReady.id, { value: 0 }),
+      set(first.id, { value: 0 }),
+      set(perfect.id, { value: 0 }),
+      set(timer.id, { expression: roundTime.n }),
+      set(live.id, { value: 0 }),
+      set(paused.id, { value: 0 }),
+      set(lastHit.id, { value: 0 })
+    ];
+    const resetMatch = [
+      set(round.id, { value: 1 }),
+      set(p1Wins.id, { value: 0 }),
+      set(cpuWins.id, { value: 0 }),
+      set(meter.id, { value: 0 }),
+      set(cpuMeter.id, { value: 0 }),
+      set(maxCombo.id, { value: 0 }),
+      set(hits.id, { value: 0 }),
+      set(dealt.id, { value: 0 }),
+      set(taken.id, { value: 0 }),
+      set(perfects.id, { value: 0 }),
+      ...resetRound
+    ];
+    const toSelect = (m) => [set(mode.id, { value: m }), set(locked.id, { value: 0 }), go(select, "PUSH_FROM_RIGHT", { duration: 380 })];
+    const toCall = go(call, "DISSOLVE", { duration: 450 });
+    const startFight = [set(live.id, { value: 1 }), set(paused.id, { value: 0 }), set(timer.id, { expression: roundTime.n }), go(fight, "DISSOLVE", { duration: 300 })];
+    const stage = (id, full) => {
+      const st = box(k, id, 0, 0, W, H, { name: "Stage" });
+      k.rect(st, W, H, [k.gradient({ from: "vermDeep", to: "dusk", angle: 270, fromOpacity: 0.55, toOpacity: 0 })], { name: "Dusk wash", absolute: { x: 0, y: 0 } });
+      k.ellipse(st, 560, "vermilion", { name: "Blood sun", absolute: { x: 1120, y: 120 }, effects: [glow(k, "vermilion", 90, 0.55)] });
+      brush(st, 980, 330, 780, 44, "dusk", 21, { name: "Cloud stroke" });
+      brush(st, 1180, 420, 640, 30, "dusk", 22, { name: "Cloud stroke" });
+      const ridge = (y, amp, seed, color, name) => {
+        const r = rng(seed), pts = [[0, H], [0, y]];
+        for (let x = 0; x <= W; x += 80) pts.push([x, rd(y - r() * amp - (Math.sin(x / 260 + seed) + 1) * amp * 0.6)]);
+        pts.push([W, H]);
+        return poly(k, st, pts, color, { name });
+      };
+      ridge(640, 110, 3, "mist3", "Far range");
+      ridge(720, 90, 7, "mist", "Middle range");
+      if (full) {
+        const px = 1540;
+        for (let t = 0; t < 5; t++) {
+          const y = 470 + t * 62, w = 240 - t * 34;
+          poly(k, st, [[px - w / 2 - 26, y + 22], [px - w / 2 + 6, y], [px + w / 2 - 6, y], [px + w / 2 + 26, y + 22], [px + w / 2 - 10, y + 16], [px - w / 2 + 10, y + 16]].map(([a, b]) => [rd(a), rd(b)]), "sumi", { name: "Pagoda roof" });
+          k.rect(st, Math.round(w * 0.6), 46, "sumi", { name: "Pagoda storey", absolute: { x: Math.round(px - w * 0.3), y: y + 18 } });
+        }
+        poly(k, st, [[px - 4, 470], [px + 4, 470], [px + 1, 380], [px - 1, 380]], "sumi", { name: "Spire" });
+        poly(k, st, limbPts([[250, 900], [270, 700], [220, 560], [300, 430]], [34, 26, 18, 10]), "sumi", { name: "Pine trunk" });
+        [[300, 430, 90], [180, 560, 70], [380, 520, 80], [120, 680, 60]].forEach(([x, y, r], j) => poly(k, st, blobPts(x, y, r, 200 + j, 14, 0.35).map(([a, b]) => [a, rd(b * 0.6 + y * 0.4)]), "sumi", { name: "Pine cloud" }));
+      }
+      ridge(800, 50, 11, "mist2", "Near range");
+      poly(k, st, [[0, 880], [W, 870], [W, H], [0, H]], "sumi", { name: "Bridge deck" });
+      for (let x = 0; x < W; x += 120) poly(k, st, [[x, 882], [x - 60, H]], "mist2", { name: "Plank seam", stroke: 2, closed: false });
+      brush(st, -20, 818, W + 40, 26, "vermilion", 31, { tail: 0.95, name: "Bridge rail" });
+      for (let x = 60; x < W; x += 300) k.rect(st, 18, 70, "vermDeep", { name: "Rail post", absolute: { x, y: 820 } });
+      if (full) {
+        ;
+        [[140, 700], [1760, 700]].forEach(([x, y]) => {
+          const lan = box(k, st, x, y, 60, 110, { name: "Paper lantern" });
+          poly(k, lan, [[29, 0], [31, 0], [31, 20], [29, 20]], "sumi", { name: "Lantern cord" });
+          k.ellipse(lan, 60, "washi", { name: "Lantern paper", absolute: { x: 0, y: 20 }, effects: [glow(k, "gold", 40, 0.7)] });
+          k.rect(lan, 60, 6, "vermilion", { name: "Lantern band", absolute: { x: 0, y: 46 } });
+          k.patch(lan, { anchorX: 0.5, anchorY: 0 });
+          drift(k, lan, "rotation", 4, 0.4, x / 300);
+        });
+      }
+      petals(st, full ? 16 : 10, 9, { x: 0, w: W });
+      return st;
+    };
+    {
+      const drop = poly(k, boot, blobPts(960, 400, 150, 71, 22, 0.28), "sumi", { name: "Ink drop" });
+      for (const p of ["scaleX", "scaleY"]) keys(k, drop, p, [{ t: 0, v: 0.04, ease: { kind: "ease", name: "expo-out" } }, { t: 1400, v: 1, ease: { kind: "linear" } }, { t: 3600, v: 1.06 }]);
+      const r = rng(72);
+      for (let j = 0; j < 9; j++) {
+        const a = Math.PI * (0.95 + r() * 1.1), d = 180 + r() * 80;
+        const spot = poly(k, boot, blobPts(960 + Math.cos(a) * d, 400 + Math.sin(a) * d, 6 + r() * 12, 80 + j, 8, 0.4), j % 3 ? "sumi" : "vermilion", { name: "Ink fleck" });
+        keys(k, spot, "opacity", [{ t: 0, v: 0, ease: { kind: "hold" } }, { t: 300 + j * 40, v: 0, ease: { kind: "ease", name: "cubic-out" } }, { t: 700 + j * 40, v: 1 }]);
+      }
+      k.logo(boot, 150, 150, { absolute: { x: 885, y: 325 } });
+      label(k, boot, "{{brand.studio}}", "Studio 28", "onWashi", 160, 640, { w: 1600, align: "CENTER", name: "Studio" });
+      label(k, boot, "Grinding the ink stone. Wetting the brush.", "Flavor 26", "onWashi", 160, 700, { w: 1600, align: "CENTER", name: "Loading line" });
+      const seal = box(k, boot, 1620, 900, 110, 110, { name: "Studio seal", fill: "vermilion", align: "CENTER", justify: "CENTER", stroke: { color: "vermDeep", width: 4, align: "INSIDE" } });
+      k.text(seal, "NP", { style: "Seal 60", color: "onVermilion", autoWidth: true, name: "Seal mark" });
+      label(k, boot, "This game shows sudden flashes of ink and light.", "Small 16", "onWashi", 160, 960, { w: 1300, name: "Notice" });
+      k.cues(boot, [
+        { layer: "{{brand.logo}}", preset: "pop-in", at: 500 },
+        { layer: "Studio", preset: "fade-in", at: 900 },
+        { layer: "Loading line", preset: "fade-in", at: 1300 },
+        { layer: "Studio seal", preset: "pop-in", at: 1700 }
+      ]);
+      k.link(boot, title, "DISSOLVE", { trigger: "AFTER_TIMEOUT", delay: 3600, duration: 700 });
+      k.link(boot, title, "DISSOLVE", { key: "*", duration: 400 });
+      k.link(boot, title, "DISSOLVE", { duration: 400 });
+    }
+    {
+      k.rect(title, W, H, [k.gradient({ from: "vermDeep", to: "sumi", kind: "RADIAL", fromOpacity: 0.5, toOpacity: 0, handles: [{ x: 0.5, y: 0.85 }, { x: 1, y: 0.85 }, { x: 0.5, y: 1.4 }] })], { name: "Ember glow", absolute: { x: 0, y: 0 } });
+      petals(title, 18, 41, { x: 0, w: W });
+      const slash = brush(title, 180, 130, 1560, 210, "vermilion", 12, { angle: -4, name: "Title slash", tail: 0.7 });
+      k.patch(slash, { anchorX: 0 });
+      const lock = k.stack(title, { name: "Title lockup", width: 1600, gap: 18, align: "CENTER", absolute: { x: 160, y: 150 } });
+      k.text(lock, "{{brand.title}}", { style: "Mega 190", color: "washi", width: 1600, align: "CENTER", name: "Title" });
+      k.text(lock, "{{brand.tagline}}", { style: "Flavor 34", color: "goldLight", width: 1400, align: "CENTER", name: "Tagline" });
+      const lotus = box(k, title, 560, 560, 800, 420, { name: "Lotus" });
+      const ring = (n, spread, pw, ph, color, name, at) => {
+        for (let j = 0; j < n; j++) {
+          const a = n === 1 ? 0 : -spread + 2 * spread * j / (n - 1);
+          const bx = 400, by = 400;
+          const p = poly(k, lotus, [[bx, by], [bx - pw * 0.5, by - ph * 0.45], [bx - pw * 0.2, by - ph * 0.88], [bx, by - ph], [bx + pw * 0.2, by - ph * 0.88], [bx + pw * 0.5, by - ph * 0.45]].map(([x, y]) => [rd(x), rd(y)]), color, { name });
+          k.patch(p, { anchorX: 0.5, anchorY: 1 });
+          keys(k, p, "rotation", [{ t: at, v: rd(a * 0.06), ease: { kind: "ease", name: "back-out", param: 1.2 } }, { t: at + 1500, v: rd(a) }]);
+          for (const s of ["scaleX", "scaleY"]) keys(k, p, s, [{ t: at, v: 0.5, ease: { kind: "ease", name: "cubic-out" } }, { t: at + 1300, v: 1 }]);
+        }
+      };
+      ring(9, 84, 120, 320, "vermDeep", "Outer petal", 200);
+      ring(7, 62, 110, 280, "vermilion", "Middle petal", 450);
+      ring(5, 34, 96, 220, "washi", "Inner petal", 700);
+      k.ellipse(lotus, 70, "gold", { name: "Lotus heart", absolute: { x: 365, y: 350 }, effects: [glow(k, "gold", 30)] });
+      for (const [rx, ry, ph] of [[260, 30, 0], [340, 44, 1.5]]) {
+        const ripple = poly(k, lotus, ovalPts(400, 404, rx, ry), "mist3", { name: "Ripple", stroke: 2, closed: true });
+        drift(k, ripple, "opacity", 0.3, 0.5, ph);
+      }
+      const prompt = label(k, title, "Press any key", "Prompt 26", "washi", 0, 470, { w: W, align: "CENTER", name: "Prompt" });
+      drift(k, prompt, "opacity", 0.35, 0.7);
+      label(k, title, "\xA9 2026 {{brand.studio}}", "Small 16", "dim", 60, 1040, { w: 600, name: "Legal" });
+      k.cues(title, [{ layer: "Title slash", preset: "wipe-in", at: 0 }, { layer: "Title lockup", preset: "blur-in", at: 300 }, { layer: "Prompt", preset: "fade-in", at: 1800 }]);
+      k.link(title, main, "DISSOLVE", { key: "*", duration: 400 });
+      k.link(title, main, "DISSOLVE", { duration: 400 });
+    }
+    {
+      k.ellipse(main, 640, "vermilion", { name: "Menu sun", absolute: { x: 1180, y: 120 }, effects: [glow(k, "vermilion", 90, 0.5)] });
+      poly(k, main, [[900, 1080], [1300, 620], [1500, 700], [1720, 560], [1920, 660], [1920, 1080]], "mist", { name: "Menu hills" });
+      petals(main, 12, 55, { x: 900, w: 1e3 });
+      fighter(main, 0, 1310, 330, 1.35, { name: "Fighter of the day" });
+      brush(main, 700, 850, 1300, 90, "vermilion", 61, { angle: -24, name: "Diagonal slash", tail: 0.8 });
+      poly(k, main, [[0, 0], [1040, 0], [760, 1080], [0, 1080]], "sumi", { name: "Ink panel" });
+      poly(k, main, [[1040, 0], [1070, 0], [790, 1080], [760, 1080]], "gold", { name: "Gold leaf edge" });
+      label(k, main, "{{brand.title}}", "Heading 84", "washi", 110, 80, { w: 800, name: "Wordmark" });
+      brush(main, 104, 176, 300, 22, "vermilion", 62, { name: "Wordmark stroke" });
+      menu(k, main, MODES.map((m, i) => ({
+        label: m.label,
+        actions: i === 0 ? toSelect(0) : i === 1 ? toSelect(1) : i === 2 ? toSelect(2) : i === 3 ? [go(settings, "PUSH_FROM_RIGHT", { duration: 380 })] : i === 4 ? [go(credits, "DISSOLVE", { duration: 450 })] : [go(title, "DISSOLVE", { duration: 450 })]
+      })), { focus: menuFocus, x: 90, y: 250, width: 700, pitch: 88, itemHeight: 76, style: "Menu 52", color: "washi", plate: [k.gradient({ from: "primary", to: "primary", angle: 0, fromOpacity: 0.85, toOpacity: 0 })], marker: { color: "goldLight", size: 26 } });
+      const note = box(k, main, 100, 800, 640, 124, { name: "Mode note" });
+      paper(note, 0, 0, 640, 124, 81);
+      readout(k, note, pick(`round(${menuFocus.n})`, MODES.map((m) => m.blurb)), MODES[0].blurb, "Flavor 22", "onWashi", 30, 22, { w: 580, name: "Mode blurb" });
+      readout(k, main, `"FIGHTER  " + ${pname.n}`, "FIGHTER  RONIN-09", "Small 16", "goldLight", 110, 204, { w: 600, name: "Player tag" });
+      hintBar(main, "\u2191 \u2193  CHOOSE      ENTER  CONFIRM      MOUSE  POINT AND CLICK");
+      k.cues(main, [
+        { layer: "Ink panel", preset: "slide-in", at: 0, params: { direction: "left", duration: 500 } },
+        { layer: "Menu item", preset: "slide-in", at: 200, params: { direction: "left" }, stagger: { delay: 70 } },
+        { layer: "Fighter of the day", preset: "rise-in", at: 400 },
+        { layer: "Diagonal slash", preset: "wipe-in", at: 600 }
+      ]);
+    }
+    {
+      const CELL = { x: 100, y: 220, w: 250, h: 300, gx: 270, gy: 320 };
+      poly(k, select, [[0, 0], [980, 0], [880, 1080], [0, 1080]], "sumi", { name: "Grid panel" });
+      label(k, select, "Choose your fighter", "Name 64", "washi", 100, 70, { w: 860, name: "Screen title" });
+      readout(k, select, `(${mode.n} == 0 ? "ARCADE" : ${mode.n} == 1 ? "VERSUS" : "TRAINING") + "  \xB7  " + ${pname.n}`, "ARCADE  \xB7  RONIN-09", "Small 16", "goldLight", 104, 150, { w: 700, name: "Mode tag" });
+      const focusFx = [
+        set(curX.id, { expression: `${sel.n} % 3`, glide: 150 }),
+        set(curY.id, { expression: `floor(${sel.n} / 3)`, glide: 150 }),
+        ...stats.map((v, s) => set(v.id, { expression: pickN(sel.n, FIGHTERS.map((f) => f.stats[s])), glide: 420, easing: "EASE_IN_OUT" }))
+      ];
+      const lockLogic = when([
+        { if: `${locked.n} == 2`, then: [go(vs, "SLIDE_FROM_RIGHT", { duration: 450 })] },
+        { if: `${locked.n} == 1`, then: [set(cpu.id, { expression: sel.n }), set(cpuSpin.id, { expression: sel.n }), set(locked.id, { value: 2 })] },
+        { if: `${mode.n} == 1`, then: [set(p1.id, { expression: sel.n }), set(locked.id, { value: 1 })] },
+        { then: [
+          set(p1.id, { expression: sel.n }),
+          set(cpu.id, { expression: `(${sel.n} + random(1, 5)) % 6` }),
+          set(cpuSpin.id, { value: 0 }),
+          set(cpuSpin.id, { expression: `${cpu.n} + 18`, glide: 1600, easing: "EASE_OUT" }),
+          set(locked.id, { value: 2 })
+        ] }
+      ]);
+      const grid = box(k, select, 0, 0, 980, 1080, { name: "Fighter grid" });
+      FIGHTERS.forEach((f, i) => {
+        const cx = CELL.x + i % 3 * CELL.gx, cy = CELL.y + Math.floor(i / 3) * CELL.gy;
+        const cell2 = box(k, grid, cx, cy, CELL.w, CELL.h, { name: "Fighter cell", fill: "mist2", clip: true });
+        k.ellipse(cell2, 190, "vermDeep", { name: "Cell sun", absolute: { x: 30, y: 20 }, opacity: 0.8 });
+        fighter(cell2, i, 50, 4, 0.5, { name: "Cell fighter" });
+        const plate = box(k, cell2, 0, 248, CELL.w, 52, { name: "Cell name plate", fill: "sumi", align: "CENTER", justify: "CENTER" });
+        k.text(plate, f.name, { style: "Cap 20", color: "washi", width: CELL.w - 16, align: "CENTER", name: "Cell name" });
+        onAll(k, cell2, [set(sel.id, { value: i }), ...focusFx], { trigger: "MOUSE_ENTER" });
+        onAll(k, cell2, [set(sel.id, { value: i }), ...focusFx, lockLogic]);
+      });
+      const cursor = box(k, select, CELL.x - 12, CELL.y - 12, CELL.w + 24, CELL.h + 24, { name: "P1 cursor" });
+      for (const [x, y, w, h, s] of [[0, 0, CELL.w + 24, 16, 1], [0, CELL.h + 8, CELL.w + 24, 16, 2], [0, 0, 16, CELL.h + 24, 3], [CELL.w + 8, 0, 16, CELL.h + 24, 4]])
+        poly(k, cursor, w > h ? strokePts(x, y, w, h, 500 + s, { tail: 0.85 }) : strokePts(x - (h - w) / 2, y + h / 2 - w / 2, h, w, 500 + s, { tail: 0.85, angle: 90 }), "vermilion", { name: "Cursor stroke" });
+      const tag = box(k, cursor, -6, -34, 70, 40, { name: "P1 tag", fill: "vermilion", align: "CENTER", justify: "CENTER" });
+      k.text(tag, "P1", { style: "Cap 20", color: "onVermilion", autoWidth: true, name: "P1 tag word" });
+      k.bindExpression(cursor, "x", `${CELL.x - 12} + ${curX.n} * ${CELL.gx}`);
+      k.bindExpression(cursor, "y", `${CELL.y - 12} + ${curY.n} * ${CELL.gy}`);
+      const cell = `(floor(${cpuSpin.n}) % 6)`;
+      const cpuCur = box(k, select, CELL.x - 4, CELL.y - 4, CELL.w + 8, CELL.h + 8, { name: "CPU cursor", stroke: { color: "goldLight", width: 6, align: "INSIDE" } });
+      const ctag = box(k, cpuCur, 10, 10, 88, 40, { name: "CPU tag", fill: "gold", align: "CENTER", justify: "CENTER" });
+      const ctw = k.text(ctag, "CPU", { style: "Cap 20", color: "onGold", autoWidth: true, name: "CPU tag word" });
+      k.bindExpression(ctw, "characters", oppLabel);
+      k.bindExpression(cpuCur, "x", `${CELL.x - 4} + (${cell} % 3) * ${CELL.gx}`);
+      k.bindExpression(cpuCur, "y", `${CELL.y - 4} + floor(${cell} / 3) * ${CELL.gy}`);
+      k.bindExpression(cpuCur, "visible", `${locked.n} == 2`);
+      const stamp = box(k, select, CELL.x + 160, CELL.y + 16, 76, 76, { name: "P1 seal", fill: "vermilion", align: "CENTER", justify: "CENTER", stroke: { color: "onVermilion", width: 3, align: "INSIDE" } });
+      k.text(stamp, "P1", { style: "Cap 20", color: "onVermilion", autoWidth: true, name: "Seal word" });
+      k.bindExpression(stamp, "x", `${CELL.x + 160} + (${p1.n} % 3) * ${CELL.gx}`);
+      k.bindExpression(stamp, "y", `${CELL.y + 16} + floor(${p1.n} / 3) * ${CELL.gy}`);
+      k.bindExpression(stamp, "visible", `${locked.n} >= 1`);
+      k.patch(stamp, { rotation: -8 });
+      const banner = box(k, select, 100, 880, 790, 110, { name: "Lock banner", fill: k.tint("sumiDeep", 0.95), stroke: { color: "gold", width: 2, align: "INSIDE" } });
+      readout(k, banner, `${locked.n} == 1 ? "P2 \u2014 CHOOSE YOUR FIGHTER" : ${locked.n} == 2 ? ${nameOf(p1.n)} + "  VS  " + ${nameOf(cpu.n)} : "ENTER \u2014 LOCK IN YOUR FIGHTER"`, "ENTER \u2014 LOCK IN YOUR FIGHTER", "Cap 20", "washi", 20, 22, { w: 750, align: "CENTER", name: "Lock words" });
+      const go2 = readout(k, banner, `${locked.n} == 2 ? "PRESS ENTER \u2014 TO THE PETAL BRIDGE" : "ARROWS MOVE  \xB7  ESC BACK"`, "ARROWS MOVE  \xB7  ESC BACK", "Small 16", "goldLight", 20, 64, { w: 750, align: "CENTER", name: "Lock hint" });
+      drift(k, go2, "opacity", 0.2, 1.2);
+      const panel = box(k, select, 960, 170, 900, 820, { name: "Portrait panel" });
+      paper(panel, 0, 0, 900, 820, 91);
+      k.ellipse(panel, 400, "vermilion", { name: "Portrait sun", absolute: { x: 20, y: 150 }, opacity: 0.92 });
+      roster(panel, sel.n, 40, 200, 1.1, { name: "Portrait" });
+      readout(k, panel, nameOf(sel.n), FIGHTERS[0].name, "Name 64", "onWashi", 40, 34, { w: 820, name: "Fighter name" });
+      readout(k, panel, FIGHTERS.map((f, i) => `${sel.n} == ${i} ? "${f.style} style \xB7 ${f.weapon}"`).join(" : ") + ' : ""', `${FIGHTERS[0].style} style \xB7 ${FIGHTERS[0].weapon}`, "Flavor 26", "vermDeep", 44, 110, { w: 820, name: "Fighter style" });
+      readout(k, panel, pick(sel.n, FIGHTERS.map((f) => f.home)), FIGHTERS[0].home, "Small 16", "onWashi", 420, 190, { w: 440, name: "Fighter home" });
+      readout(k, panel, pick(sel.n, FIGHTERS.map((f) => f.bio)), FIGHTERS[0].bio, "Flavor 22", "onWashi", 420, 250, { w: 440, name: "Fighter bio" });
+      stats.forEach((v, s) => {
+        label(k, panel, STAT_NAMES[s], "Small 16", "onWashi", 420, 440 + s * 64, { name: "Stat name" });
+        readout(k, panel, `round(${v.n})`, String(FIGHTERS[0].stats[s]), "Cap 20", "onWashi", 780, 436 + s * 64, { w: 80, align: "RIGHT", name: "Stat value" });
+        gauge(panel, { x: 420, y: 470 + s * 64, w: 440, h: 18, value: v.n, max: "100", back: "washiShade", fill: "vermilion", edge: "washi", name: `${STAT_NAMES[s]} stroke`, seed: 600 + s });
+      });
+      label(k, panel, "Super art", "Small 16", "vermDeep", 420, 720, { name: "Super label" });
+      readout(k, panel, pick(sel.n, FIGHTERS.map((f) => f.sup)), FIGHTERS[0].sup, "Cap 20", "onWashi", 420, 748, { w: 440, align: "LEFT", name: "Super name" });
+      hintBar(select, "ARROWS  MOVE      ENTER  LOCK IN      ESC  BACK      MOUSE  HOVER AND CLICK");
+      const free = `${locked.n} != 2`;
+      const move = (e) => when([{ if: free, then: [set(sel.id, { expression: e }), ...focusFx] }]);
+      const row = `floor(${sel.n} / 3) * 3`;
+      for (const key of ["ArrowRight", "d"]) k.on(grid, move(`${row} + (${sel.n} % 3 + 1) % 3`), { key });
+      for (const key of ["ArrowLeft", "a"]) k.on(grid, move(`${row} + (${sel.n} % 3 + 2) % 3`), { key });
+      for (const key of ["ArrowDown", "s", "ArrowUp", "w"]) k.on(grid, move(`(${sel.n} + 3) % 6`), { key });
+      for (const key of ["Enter", " "]) k.on(grid, lockLogic, { key });
+      k.on(grid, when([{ if: `${locked.n} >= 1`, then: [set(locked.id, { value: 0 })] }, { then: [back()] }]), { key: "Escape" });
+      k.cues(select, [
+        { layer: "Fighter cell", preset: "pop-in", at: 0, stagger: { delay: 60 } },
+        { layer: "Portrait panel", preset: "slide-in", at: 150, params: { direction: "right" } }
+      ]);
+    }
+    {
+      poly(k, vs, [[0, 0], [1080, 0], [840, 1080], [0, 1080]], "primary", { name: "P1 half" });
+      poly(k, vs, [[1080, 0], [W, 0], [W, H], [840, 1080]], "washi", { name: "CPU half" });
+      k.rect(vs, W, H, [k.gradient({ from: "sumiDeep", to: "sumiDeep", angle: 90, fromOpacity: 0, toOpacity: 0.25 })], { name: "Floor shade", absolute: { x: 0, y: 0 } });
+      poly(k, vs, [[1060, 0], [1100, 0], [860, 1080], [820, 1080]], "gold", { name: "Split", effects: [glow(k, "gold", 30, 0.8)] });
+      brush(vs, 60, 690, 900, 60, "vermDeep", 701, { angle: -6, name: "P1 floor stroke" });
+      brush(vs, 1e3, 690, 880, 60, "washiShade", 702, { angle: 6, name: "CPU floor stroke" });
+      roster(vs, p1.n, 200, 120, 1.25, { name: "P1 fighter" });
+      roster(vs, cpu.n, 1340, 120, 1.25, { mirror: true, name: "CPU fighter" });
+      const rivalry = (who, opp) => FIGHTERS.map((f, i) => `${who} == ${i} ? "${f.rival[0]}" + ${`(${nameOf(opp)})`} + "${f.rival[1]}"`).join(" : ") + ' : ""';
+      const p1n = box(k, vs, 80, 800, 760, 230, { name: "P1 words" });
+      readout(k, p1n, nameOf(p1.n), FIGHTERS[0].name, "Name 64", "onPrimary", 0, 0, { w: 740, name: "P1 name" });
+      readout(k, p1n, rivalry(p1.n, cpu.n), `${FIGHTERS[0].rival[0]}${FIGHTERS[1].name}${FIGHTERS[0].rival[1]}`, "Flavor 26", "onPrimary", 0, 80, { w: 700, name: "P1 rivalry" });
+      const cpun = box(k, vs, 1080, 800, 780, 230, { name: "CPU words" });
+      readout(k, cpun, nameOf(cpu.n), FIGHTERS[1].name, "Name 64", "onWashi", 0, 0, { w: 780, align: "RIGHT", name: "CPU name" });
+      readout(k, cpun, rivalry(cpu.n, p1.n), `${FIGHTERS[1].rival[0]}${FIGHTERS[0].name}${FIGHTERS[1].rival[1]}`, "Flavor 26", "onWashi", 60, 80, { w: 720, align: "RIGHT", name: "CPU rivalry" });
+      const vsMark = box(k, vs, 660, 330, 600, 360, { name: "VS mark" });
+      poly(k, vsMark, blobPts(300, 180, 170, 707, 18, 0.3), "sumiDeep", { name: "VS blot" });
+      label(k, vsMark, "VS", "VS 240", "goldLight", 0, 70, { w: 600, align: "CENTER", name: "VS word" });
+      label(k, vs, "The Petal Bridge  \xB7  Dusk", "Small 16", "onPrimary", 80, 60, { w: 700, name: "Stage name" });
+      k.cues(vs, [
+        { layer: "P1 fighter", preset: "slide-in", at: 0, params: { direction: "left", duration: 450 } },
+        { layer: "CPU fighter", preset: "slide-in", at: 0, params: { direction: "right", duration: 450 } },
+        { layer: "VS mark", preset: "pop-in", at: 500 },
+        { layer: "VS word", preset: "shake", at: 1e3 },
+        { layer: "P1 words", preset: "rise-in", at: 900 },
+        { layer: "CPU words", preset: "rise-in", at: 1100 }
+      ]);
+      const on = [...resetMatch, toCall];
+      k.on(vs, when([{ then: on }]), { trigger: "AFTER_TIMEOUT", delay: 4200 });
+      k.on(vs, when([{ if: '$key != "Escape"', then: on }]), { key: "*" });
+      onAll(k, vs, on);
+    }
+    {
+      stage(call, false);
+      k.rect(call, W, H, k.tint("scrim", 0.55), { name: "Hush", absolute: { x: 0, y: 0 } });
+      const word = box(k, call, 0, 300, W, 260, { name: "Round words" });
+      brush(word, 260, 30, 1400, 200, "sumiDeep", 801, { angle: -3, name: "Round stroke" });
+      readout(k, word, `${p1Wins.n} == ${toWin.n} - 1 && ${cpuWins.n} == ${toWin.n} - 1 ? "FINAL ROUND" : "ROUND " + ${round.n}`, "ROUND 1", "Heading 84", "washi", 0, 88, { w: W, align: "CENTER", name: "Round word" });
+      const fightWord = box(k, call, 560, 600, 800, 180, { name: "Fight word" });
+      brush(fightWord, 0, 20, 800, 150, "vermilion", 802, { angle: -4, name: "Fight stroke" });
+      label(k, fightWord, "Fight!", "Callout 50", "onVermilion", 0, 62, { w: 800, align: "CENTER", name: "Fight shout" });
+      readout(k, call, `${nameOf(p1.n)} + "   " + ${p1Wins.n} + "  \u2014  " + ${cpuWins.n} + "   " + ${nameOf(cpu.n)}`, "SUMIRE   0  \u2014  0   TETSUGEN", "Cap 20", "goldLight", 0, 840, { w: W, align: "CENTER", name: "Match score" });
+      k.cues(call, [{ layer: "Round words", preset: "scale-in", at: 0, params: { duration: 450 } }, { layer: "Fight word", preset: "pop-in", at: 900 }, { layer: "Fight word", preset: "shake", at: 1450 }]);
+      k.on(call, when([{ then: startFight }]), { trigger: "AFTER_TIMEOUT", delay: 2400 });
+      k.on(call, when([{ if: '$key != "Escape"', then: startFight }]), { key: "*" });
+      onAll(k, call, startFight);
+    }
+    {
+      const world = stage(fight, true);
+      k.bindExpression(world, "translateX", `${shake.n} * ((${shake.n} * 23) % 2 < 1 ? 16 : -16)`);
+      k.bindExpression(world, "translateY", `${shake.n} * ((${shake.n} * 17) % 2 < 1 ? 8 : -8)`);
+      poly(k, world, ovalPts(570, 896, 150, 18), k.tint("sumiDeep", 0.7), { name: "P1 shadow" });
+      poly(k, world, ovalPts(1350, 896, 150, 18), k.tint("sumiDeep", 0.7), { name: "CPU shadow" });
+      const p1f = roster(world, p1.n, 420, 380, 1, { name: "P1 on stage" });
+      const cpuf = roster(world, cpu.n, 1200, 380, 1, { mirror: true, name: "CPU on stage" });
+      drift(k, p1f, "translateY", 5, 0.9);
+      drift(k, cpuf, "translateY", 5, 0.8, 1.3);
+      k.bindExpression(p1f, "translateX", `${p1Lunge.n} * 60 - ${p1Flinch.n} * 46`);
+      k.bindExpression(cpuf, "translateX", `${cpuFlinch.n} * 46 - ${cpuLunge.n} * 60`);
+      k.bindExpression(cpuf, "rotation", `${cpuFlinch.n} * -6`);
+      k.bindExpression(p1f, "rotation", `${p1Flinch.n} * 6`);
+      const ward = arc(k, world, 560, 620, 230, -0.9, 0.9, "goldLight", 8, { name: "Guard ward", effects: [glow(k, "gold", 24)] });
+      k.bindExpression(ward, "visible", `${guard.n} == 1`);
+      drift(k, ward, "opacity", 0.25, 2);
+      const fx = box(k, fight, 0, 0, W, H, { name: "Effects" });
+      const splashCpu = k.instance(fx, "Ink splash", {}, { name: "Ink splash on CPU", absolute: { x: 1030, y: 280 } });
+      const splashP1 = k.instance(fx, "Ink splash", {}, { name: "Ink splash on P1", absolute: { x: 250, y: 280 } });
+      const sparkCpu = k.instance(fx, "Hit spark", {}, { name: "Spark on CPU", absolute: { x: 1190, y: 440 } });
+      const sparkP1 = k.instance(fx, "Hit spark", {}, { name: "Spark on P1", absolute: { x: 420, y: 440 } });
+      const blockFx = k.instance(fx, "Block flash", {}, { name: "Block flash", absolute: { x: 560, y: 400 } });
+      k.on(splashCpu, when([{ if: `${LIVE} && ${ink.n} == 1 && ${P1HIT}`, then: [k.changeAction("Ink splash/Splash", 0)] }]), { key: "*" });
+      k.on(splashP1, when([{ if: `${LIVE} && ${ink.n} == 1 && ${ENEMY} && ${guard.n} == 0`, then: [k.changeAction("Ink splash/Splash", 0)] }]), { key: "*" });
+      k.on(sparkCpu, when([{ if: `${LIVE} && ${P1HIT}`, then: [k.changeAction("Hit spark/Spark", 0)] }]), { key: "*" });
+      k.on(sparkP1, when([{ if: `${LIVE} && ${ENEMY} && ${guard.n} == 0`, then: [k.changeAction("Hit spark/Spark", 0)] }]), { key: "*" });
+      k.on(blockFx, when([{ if: `${LIVE} && ${ENEMY} && ${guard.n} == 1`, then: [k.changeAction("Block flash/Block", 0)] }]), { key: "*" });
+      const hud = box(k, fight, 0, 0, W, H, { name: "HUD" });
+      poly(k, hud, strokePts(-40, 74, 2e3, 190, 901, { tail: 0.97 }), k.tint("sumi", 0.94), { name: "Top ink band" });
+      for (const [x, s] of [[640, 1], [1300, 2], [1500, 3]]) poly(k, hud, blobPts(x, 90 + s * 40, 5 + s * 2, 910 + s, 7, 0.5), "gold", { name: "Gold leaf fleck" });
+      const bar = (side) => {
+        const isP1 = side === "p1";
+        const x = isP1 ? 170 : 1060, hp = isP1 ? p1hp : cpuhp, chip = isP1 ? p1chip : cpuchip;
+        const g = gauge(hud, { x, y: 110, w: 690, h: 46, value: hp.n, max: maxHp.n, chip: chip.n, fromRight: isP1, back: "mist2", fill: "washi", chipColor: "vermilion", edge: "sumi", name: isP1 ? "P1 health" : "CPU health", seed: isP1 ? 920 : 930 });
+        const low = k.rect(g, 690, 46, "ember", { name: isP1 ? "P1 health bleed" : "CPU health bleed", absolute: { x: 0, y: 0 } });
+        k.bindExpression(low, "width", `clamp(${hp.n} / ${maxHp.n}, 0, 1) * 690`);
+        if (isP1) k.bindExpression(low, "x", `690 - clamp(${hp.n} / ${maxHp.n}, 0, 1) * 690`);
+        k.bindExpression(low, "visible", `${hp.n} < 30`);
+        drift(k, low, "opacity", 0.3, 2.2);
+        const r = rng(isP1 ? 940 : 950);
+        const crack = (n, name, when2) => {
+          for (let c = 0; c < n; c++) {
+            const cx0 = x + 60 + r() * 570, pts = [[cx0, 104]];
+            for (let s = 1; s <= 4; s++) pts.push([rd(cx0 + (r() - 0.5) * 36), 104 + s * 14]);
+            const cr = poly(k, hud, pts, "sumi", { name, stroke: 3, closed: false });
+            k.bindExpression(cr, "visible", when2);
+          }
+        };
+        crack(3, isP1 ? "P1 crack" : "CPU crack", `${hp.n} < 35`);
+        crack(4, isP1 ? "P1 splinter" : "CPU splinter", `${hp.n} < 15`);
+        const sx = isP1 ? 40 : 1770;
+        const seal = box(k, hud, sx, 100, 110, 110, { name: isP1 ? "P1 seal" : "CPU seal", fill: "vermilion", align: "CENTER", justify: "CENTER", stroke: { color: "vermDeep", width: 5, align: "INSIDE" } });
+        const who = isP1 ? p1.n : cpu.n;
+        readout(k, seal, pick(who, FIGHTERS.map((f) => f.seal)), FIGHTERS[isP1 ? 0 : 1].seal, "Seal 60", "onVermilion", 0, 22, { w: 110, align: "CENTER", name: "Seal initial" });
+        k.patch(seal, { rotation: isP1 ? -4 : 4 });
+        readout(k, hud, nameOf(who), FIGHTERS[isP1 ? 0 : 1].name, "HUD name 30", "washi", isP1 ? 170 : 1330, 166, { w: 420, align: isP1 ? "LEFT" : "RIGHT", name: isP1 ? "P1 name" : "CPU name" });
+        readout(k, hud, isP1 ? pick(who, FIGHTERS.map((f) => `${f.style} style`)) : `${oppLabel} + "  \xB7  " + (${pick(who, FIGHTERS.map((f) => `${f.style} style`))})`, isP1 ? `${FIGHTERS[0].style} style` : `CPU  \xB7  ${FIGHTERS[1].style} style`, "Flavor 22", "dim", isP1 ? 170 : 1330, 204, { w: 420, align: isP1 ? "LEFT" : "RIGHT", name: isP1 ? "P1 style" : "CPU style" });
+        const wins = isP1 ? p1Wins : cpuWins;
+        for (let p = 0; p < 3; p++) {
+          const px = isP1 ? 836 - p * 36 : 1066 + p * 36;
+          const d = [[px, 166], [px + 12, 178], [px, 190], [px - 12, 178]];
+          const slot = poly(k, hud, d, "mist3", { name: "Pip slot" });
+          k.bindExpression(slot, "visible", `${toWin.n} > ${p}`);
+          const won = poly(k, hud, d, "goldLight", { name: isP1 ? "P1 pip" : "CPU pip", effects: [glow(k, "gold", 12)] });
+          k.bindExpression(won, "visible", `${toWin.n} > ${p} && ${wins.n} > ${p}`);
+        }
+      };
+      bar("p1");
+      bar("cpu");
+      const clock = box(k, hud, 876, 92, 168, 132, { name: "Round clock" });
+      paper(clock, 0, 0, 168, 132, 960);
+      const tNorm = readout(k, clock, `${mode.n} == 2 ? "--" : round(${timer.n})`, "60", "Timer 88", "onWashi", 0, 22, { w: 168, align: "CENTER", name: "Timer" });
+      k.bindExpression(tNorm, "visible", `${timer.n} >= 10 || ${mode.n} == 2`);
+      const tRed = readout(k, clock, `round(${timer.n})`, "9", "Timer 88", "vermilion", 0, 22, { w: 168, align: "CENTER", name: "Timer red" });
+      k.bindExpression(tRed, "visible", `${timer.n} < 10 && ${mode.n} != 2`);
+      drift(k, tRed, "opacity", 0.4, 2.5);
+      const roundPlate = box(k, hud, 896, 232, 128, 30, { name: "Round plate", fill: "sumiDeep", align: "CENTER", justify: "CENTER" });
+      const rw = k.text(roundPlate, "ROUND 1", { style: "Small 16", color: "goldLight", autoWidth: true, name: "Round number" });
+      k.bindExpression(rw, "characters", `${mode.n} == 2 ? "TRAINING" : "ROUND " + ${round.n}`);
+      const guardTag = box(k, hud, 600, 208, 150, 32, { name: "Guard tag", fill: "gold", align: "CENTER", justify: "CENTER" });
+      k.text(guardTag, "Guard up", { style: "Small 16", color: "onGold", autoWidth: true, name: "Guard words" });
+      k.bindExpression(guardTag, "visible", `${guard.n} == 1`);
+      const comboBox = box(k, hud, 60, 300, 460, 240, { name: "Combo" });
+      const burst = k.instance(comboBox, "Combo burst", {}, { name: "Combo burst", absolute: { x: 0, y: 0 } });
+      poly(k, comboBox, strokePts(10, 70, 440, 120, 970, { angle: -6 }), k.tint("sumiDeep", 0.85), { name: "Combo plate" });
+      readout(k, comboBox, `round(${combo.n})`, "7", "Combo 120", "goldLight", 20, 50, { w: 220, align: "RIGHT", name: "Combo count" });
+      label(k, comboBox, "Hits", "Combo word 40", "washi", 252, 84, { name: "Combo word" });
+      readout(k, comboBox, `${comboDmg.n} + " DAMAGE"`, "38 DAMAGE", "Small 16", "washi", 256, 136, { w: 180, name: "Combo damage" });
+      k.bindExpression(comboBox, "visible", `${combo.n} >= 2`);
+      k.bindExpression(comboBox, "scaleX", `min(1.45, 1 + ${combo.n} * 0.045) + ${pop.n} * 0.2`);
+      k.bindExpression(comboBox, "scaleY", `min(1.45, 1 + ${combo.n} * 0.045) + ${pop.n} * 0.2`);
+      k.bindExpression(comboBox, "rotation", `${pop.n} * -4`);
+      k.patch(comboBox, { anchorX: 0, anchorY: 0.5 });
+      k.on(burst, when([{ if: `${LIVE} && ${P1HIT} && ${combo.n} >= 1`, then: [k.changeAction("Combo burst/Pop", 0)] }]), { key: "*" });
+      const firstP1 = k.instance(hud, "First attack", {}, { name: "First attack P1", absolute: { x: 60, y: 560 } });
+      const firstCpu = k.instance(hud, "First attack", {}, { name: "First attack CPU", absolute: { x: 1340, y: 560 } });
+      const counterFx = k.instance(hud, "Counter", {}, { name: "Counter callout", absolute: { x: 60, y: 690 } });
+      k.on(firstP1, when([{ if: `${LIVE} && ${P1HIT} && ${first.n} == 0`, then: [k.changeAction("First attack/Show", 0)] }]), { key: "*" });
+      k.on(firstCpu, when([{ if: `${LIVE} && ${ENEMY} && ${first.n} == 0`, then: [k.changeAction("First attack/Show", 0)] }]), { key: "*" });
+      k.on(counterFx, when([{ if: `${LIVE} && ${P1HIT} && ${counterReady.n} == 1`, then: [k.changeAction("Counter/Show", 0)] }]), { key: "*" });
+      poly(k, hud, strokePts(-40, 858, 800, 240, 980, { tail: 0.8 }), k.tint("sumi", 0.92), { name: "Bottom ink band" });
+      poly(k, hud, strokePts(1160, 858, 800, 240, 981, { tail: 0.97 }), k.tint("sumi", 0.92), { name: "Bottom ink band" });
+      readout(k, hud, `${keyLight.n} + " LIGHT  \xB7  " + ${keyHeavy.n} + " HEAVY  \xB7  " + ${keyBlock.n} + " BLOCK  \xB7  " + ${keySuper.n} + " SUPER  \xB7  L ENEMY STRIKES  \xB7  ESC PAUSE"`, "J LIGHT  \xB7  K HEAVY  \xB7  B BLOCK  \xB7  U SUPER  \xB7  L ENEMY STRIKES  \xB7  ESC PAUSE", "Small 16", "dim", 60, 884, { w: 600, name: "Controls" });
+      label(k, hud, "Super art", "Small 16", "goldLight", 60, 944, { name: "Meter label" });
+      const ready = readout(k, hud, `"READY  \xB7  PRESS " + ${keySuper.n}`, "READY  \xB7  PRESS U", "Small 16", "goldLight", 300, 944, { w: 320, align: "RIGHT", name: "Super ready" });
+      k.bindExpression(ready, "visible", `${meter.n} >= 100`);
+      drift(k, ready, "opacity", 0.3, 3);
+      gauge(hud, { x: 60, y: 976, w: 560, h: 28, value: meter.n, max: "100", back: "mist2", fill: [k.gradient({ from: "vermilion", to: "goldLight", angle: 0 })], edge: "sumi", name: "P1 meter", seed: 990 });
+      const full = k.rect(hud, 560, 6, "goldLight", { name: "Meter full glint", absolute: { x: 60, y: 1012 }, effects: [glow(k, "gold", 18)] });
+      k.bindExpression(full, "visible", `${meter.n} >= 100`);
+      label(k, hud, "Super art", "Small 16", "goldLight", 1300, 944, { w: 560, align: "RIGHT", name: "CPU meter label" });
+      gauge(hud, { x: 1300, y: 976, w: 560, h: 28, value: cpuMeter.n, max: "100", back: "mist2", fill: [k.gradient({ from: "goldLight", to: "vermilion", angle: 0 })], edge: "sumi", name: "CPU meter", seed: 995, fromRight: true });
+      const inputs = readout(k, hud, `"LAST INPUT  " + (${lastHit.n} == 1 ? "LIGHT" : ${lastHit.n} == 2 ? "HEAVY" : ${lastHit.n} == 3 ? "SUPER ART" : ${lastHit.n} == 4 ? "HIT TAKEN" : ${lastHit.n} == 5 ? "BLOCKED" : ${lastHit.n} == 6 ? "GUARD" : "\u2014")`, "LAST INPUT  \u2014", "Small 16", "washi", 1300, 890, { w: 560, align: "RIGHT", name: "Input display" });
+      k.bindExpression(inputs, "visible", `${inputDisplay.n} == 1`);
+      const flash = k.instance(fight, "Ink flash", {}, { name: "Ink flash", absolute: { x: 0, y: 0 } });
+      k.on(flash, when([{ if: `${LIVE} && ${SUPER} && ${meter.n} >= 100`, then: [k.changeAction("Ink flash/Flash", 0)] }]), { key: "*" });
+      const supName = readout(k, fight, pick(p1.n, FIGHTERS.map((f) => f.sup)), FIGHTERS[0].sup, "Super 92", "washi", 0, 480, { w: W, align: "CENTER", name: "Super art name" });
+      k.bindExpression(supName, "visible", `${superFx.n} > 0.04`);
+      k.bindExpression(supName, "translateX", `(1 - ${superFx.n}) * -160`);
+      const winTime = [
+        set(live.id, { value: 0 }),
+        set(koKind.id, { value: 1 }),
+        when([
+          { if: `${p1hp.n} > ${cpuhp.n}`, then: [set(p1Wins.id, { expression: `${p1Wins.n} + 1` }), set(winner.id, { value: 1 }), set(perfect.id, { expression: `${p1hp.n} >= ${maxHp.n} ? 1 : 0` }), set(perfects.id, { expression: `${perfects.n} + ${perfect.n}` })] },
+          { if: `${cpuhp.n} > ${p1hp.n}`, then: [set(cpuWins.id, { expression: `${cpuWins.n} + 1` }), set(winner.id, { value: 2 }), set(perfect.id, { value: 0 })] },
+          { then: [set(p1Wins.id, { expression: `${p1Wins.n} + 1` }), set(cpuWins.id, { expression: `${cpuWins.n} + 1` }), set(winner.id, { value: 0 }), set(perfect.id, { value: 0 })] }
+        ]),
+        overlay(ko)
+      ];
+      const tick = when([{ if: `${LIVE} && ${paused.n} == 0 && ${mode.n} != 2 && ${timer.n} > 0`, then: [set(timer.id, { expression: `${timer.n} - 1` }), when([{ if: `${timer.n} <= 0`, then: winTime }])] }]);
+      const ticker = box(k, fight, 0, 0, 1, 1, { name: "Round ticker" });
+      for (let s = 1; s <= 99; s++) k.on(ticker, tick, { trigger: "AFTER_TIMEOUT", delay: s * 1e3 });
+      const cpuDown = when([
+        { if: `${cpuhp.n} <= 0 && ${mode.n} == 2`, then: [set(cpuhp.id, { expression: maxHp.n, glide: 800 }), set(cpuchip.id, { expression: maxHp.n, glide: 800 })] },
+        { if: `${cpuhp.n} <= 0`, then: [
+          set(live.id, { value: 0 }),
+          set(koKind.id, { value: 0 }),
+          set(winner.id, { value: 1 }),
+          set(p1Wins.id, { expression: `${p1Wins.n} + 1` }),
+          set(perfect.id, { expression: `${p1hp.n} >= ${maxHp.n} ? 1 : 0` }),
+          set(perfects.id, { expression: `${perfects.n} + ${perfect.n}` }),
+          overlay(ko)
+        ] }
+      ]);
+      const p1Down = when([
+        { if: `${p1hp.n} <= 0 && ${mode.n} == 2`, then: [set(p1hp.id, { expression: maxHp.n, glide: 800 }), set(p1chip.id, { expression: maxHp.n, glide: 800 })] },
+        { if: `${p1hp.n} <= 0`, then: [set(live.id, { value: 0 }), set(koKind.id, { value: 0 }), set(winner.id, { value: 2 }), set(perfect.id, { value: 0 }), set(cpuWins.id, { expression: `${cpuWins.n} + 1` }), overlay(ko)] }
+      ]);
+      const strike = (base, gain, kind, heavy) => [
+        set(dmg.id, { expression: `round((${base}) * (${counterReady.n} == 1 ? 1.5 : 1))` }),
+        set(cpuhp.id, { expression: `max(0, ${cpuhp.n} - ${dmg.n})`, glide: 160 }),
+        // The chip trail: the same value, drawn on a long, slow-starting glide, so the red lingers then catches up.
+        set(cpuchip.id, { expression: cpuhp.n, glide: 1500, easing: "EASE_IN" }),
+        set(combo.id, { expression: `${combo.n} + 1` }),
+        set(comboDmg.id, { expression: `(${combo.n} == 1 ? 0 : ${comboDmg.n}) + ${dmg.n}` }),
+        set(maxCombo.id, { expression: `max(${maxCombo.n}, ${combo.n})` }),
+        set(hits.id, { expression: `${hits.n} + 1` }),
+        set(dealt.id, { expression: `${dealt.n} + ${dmg.n}` }),
+        set(meter.id, { expression: `min(100, ${meter.n} + ${gain})`, glide: 320 }),
+        set(cpuMeter.id, { expression: `min(100, ${cpuMeter.n} + 4)`, glide: 320 }),
+        set(counterReady.id, { value: 0 }),
+        set(guard.id, { value: 0 }),
+        set(first.id, { value: 1 }),
+        set(lastHit.id, { value: kind }),
+        ...imp(pop, 420),
+        ...imp(cpuFlinch, 520),
+        ...imp(p1Lunge, 300),
+        ...heavy ? imp(shake, 420) : []
+      ];
+      const logic = box(k, fight, 0, 0, 1, 1, { name: "Game logic" });
+      k.on(logic, when([
+        { if: `${LIVE} && ${SUPER} && ${meter.n} >= 100`, then: [...strike(superDmg.n, 0, 3, true), set(meter.id, { value: 0, glide: 700 }), ...imp(superFx, 1900, "EASE_IN"), cpuDown] },
+        { if: `${LIVE} && ${LIGHT}`, then: [...strike(lightDmg.n, 10, 1, false), cpuDown] },
+        { if: `${LIVE} && ${HEAVY}`, then: [...strike(heavyDmg.n, 16, 2, true), cpuDown] },
+        { if: `${LIVE} && ${BLOCK}`, then: [set(guard.id, { value: 1 }), set(lastHit.id, { value: 6 })] },
+        { if: `${LIVE} && ${ENEMY} && ${guard.n} == 1`, then: [
+          set(p1hp.id, { expression: `max(0, ${p1hp.n} - ${blockDmg.n})`, glide: 160 }),
+          set(p1chip.id, { expression: p1hp.n, glide: 1500, easing: "EASE_IN" }),
+          set(taken.id, { expression: `${taken.n} + ${blockDmg.n}` }),
+          set(guard.id, { value: 0 }),
+          set(counterReady.id, { value: 1 }),
+          set(lastHit.id, { value: 5 }),
+          set(meter.id, { expression: `min(100, ${meter.n} + 3)`, glide: 320 }),
+          set(cpuMeter.id, { expression: `min(100, ${cpuMeter.n} + 3)`, glide: 320 }),
+          set(first.id, { value: 1 }),
+          ...imp(cpuLunge, 300),
+          p1Down
+        ] },
+        { if: `${LIVE} && ${ENEMY}`, then: [
+          set(p1hp.id, { expression: `max(0, ${p1hp.n} - ${enemyDmg.n})`, glide: 160 }),
+          set(p1chip.id, { expression: p1hp.n, glide: 1500, easing: "EASE_IN" }),
+          set(taken.id, { expression: `${taken.n} + ${enemyDmg.n}` }),
+          set(combo.id, { value: 0 }),
+          set(counterReady.id, { value: 0 }),
+          set(lastHit.id, { value: 4 }),
+          set(meter.id, { expression: `min(100, ${meter.n} + 6)`, glide: 320 }),
+          set(cpuMeter.id, { expression: `min(100, ${cpuMeter.n} + 8)`, glide: 320 }),
+          set(first.id, { value: 1 }),
+          ...imp(p1Flinch, 520),
+          ...imp(cpuLunge, 300),
+          ...imp(shake, 300),
+          p1Down
+        ] }
+      ]), { key: "*" });
+      onAll(k, logic, [set(paused.id, { value: 1 }), set(pauseFocus.id, { value: 0 }), overlay(pause)], { key: "Escape" });
+      k.cues(fight, [{ layer: "Top ink band", preset: "wipe-in", at: 0, params: { direction: "right", duration: 500 } }, { layer: "Round clock", preset: "drop-in", at: 200 }]);
+    }
+    {
+      const afterKo = when([
+        { if: `${p1Wins.n} >= ${toWin.n}`, then: [set(winFocus.id, { value: 0 }), go(victory, "CIRCLE_WIPE", { duration: 700 })] },
+        { if: `${cpuWins.n} >= ${toWin.n}`, then: [set(contFocus.id, { value: 0 }), go(cont, "DISSOLVE", { duration: 700 })] },
+        { then: [set(round.id, { expression: `${round.n} + 1` }), ...resetRound, toCall] }
+      ]);
+      const slash = brush(ko, 80, 320, 1760, 360, "vermilion", 1001, { angle: -8, name: "K.O. slash", tail: 0.75 });
+      k.patch(slash, { anchorX: 0 });
+      const word = box(k, ko, 0, 340, W, 300, { name: "K.O. word" });
+      readout(k, word, `${koKind.n} == 1 ? "TIME" : "K.O."`, "K.O.", "KO 300", "washi", 0, 10, { w: W, align: "CENTER", name: "K.O. letters" });
+      const perf = box(k, ko, 610, 660, 700, 110, { name: "Perfect", fill: "gold", align: "CENTER", justify: "CENTER", effects: [glow(k, "gold", 40)] });
+      k.text(perf, "Perfect", { style: "Callout 50", color: "onGold", autoWidth: true, name: "Perfect word" });
+      k.bindExpression(perf, "visible", `${perfect.n} == 1`);
+      const res = box(k, ko, 360, 800, 1200, 130, { name: "Round result", fill: k.tint("sumiDeep", 0.92) });
+      readout(k, res, `${winner.n} == 1 ? ${nameOf(p1.n)} + " TAKES THE ROUND" : ${winner.n} == 2 ? ${nameOf(cpu.n)} + " TAKES THE ROUND" : "DRAW \u2014 BOTH FIGHTERS SCORE"`, "SUMIRE TAKES THE ROUND", "Cap 20", "washi", 0, 26, { w: 1200, align: "CENTER", name: "Result words" });
+      readout(k, res, `"P1  " + ${p1Wins.n} + "  \u2014  " + ${cpuWins.n} + "  " + ${oppLabel} + "      ENTER \u2014 CONTINUE"`, "P1  1  \u2014  0  CPU      ENTER \u2014 CONTINUE", "Small 16", "goldLight", 0, 76, { w: 1200, align: "CENTER", name: "Result score" });
+      k.cues(ko, [
+        { layer: "K.O. slash", preset: "wipe-in", at: 0, params: { duration: 260 } },
+        { layer: "K.O. word", preset: "scale-in", at: 120, params: { duration: 380 } },
+        { layer: "K.O. word", preset: "shake", at: 500, params: { distance: 22 } },
+        { layer: "Perfect", preset: "drop-in", at: 800 },
+        { layer: "Round result", preset: "rise-in", at: 1e3 }
+      ]);
+      k.on(ko, afterKo, { trigger: "AFTER_TIMEOUT", delay: 4600 });
+      for (const key of ["Enter", " "]) k.on(ko, afterKo, { key });
+      k.on(ko, afterKo);
+    }
+    {
+      const panel = box(k, pause, 200, 170, 760, 740, { name: "Pause panel" });
+      paper(panel, 0, 0, 760, 740, 1101, "sumi", "Pause ink");
+      label(k, panel, "Paused", "Heading 84", "washi", 70, 60, { name: "Screen title" });
+      brush(panel, 66, 150, 260, 20, "vermilion", 1102, { name: "Title stroke" });
+      const resume = [set(paused.id, { value: 0 }), close()];
+      menu(k, pause, [
+        { label: "Resume", actions: resume },
+        { label: "Restart round", actions: [...resetRound, toCall] },
+        { label: "Character select", actions: [set(paused.id, { value: 0 }), set(locked.id, { value: 0 }), go(select, "DISSOLVE", { duration: 400 })] },
+        { label: "Main menu", actions: [set(paused.id, { value: 0 }), go(main, "DISSOLVE", { duration: 400 })] }
+      ], { focus: pauseFocus, x: 230, y: 380, width: 680, pitch: 96, itemHeight: 80, style: "Menu 52", color: "washi", plate: [k.gradient({ from: "primary", to: "primary", angle: 0, fromOpacity: 0.85, toOpacity: 0 })], marker: { color: "goldLight", size: 26 }, escape: resume });
+      const list = box(k, pause, 1060, 170, 680, 740, { name: "Move list" });
+      paper(list, 0, 0, 680, 740, 1103);
+      label(k, list, "Command list", "Small 16", "vermDeep", 50, 50, { name: "List title" });
+      readout(k, list, nameOf(p1.n), FIGHTERS[0].name, "Name 64", "onWashi", 50, 80, { w: 600, name: "List fighter" });
+      const rows = [[keyLight.n, "Light strike \u2014 7, builds meter"], [keyHeavy.n, "Heavy strike \u2014 12, jolts the stage"], [keyBlock.n, "Guard \u2014 the next hit only chips"], [keySuper.n, "Super art \u2014 needs a full meter"], ['"L"', "The opponent strikes you"]];
+      rows.forEach(([key, what], i) => {
+        const cap = box(k, list, 50, 200 + i * 92, 110, 60, { name: "Key cap", fill: "sumi", align: "CENTER", justify: "CENTER" });
+        const t = k.text(cap, "J", { style: "Cap 20", color: "washi", width: 100, align: "CENTER", name: "Key" });
+        k.bindExpression(t, "characters", key);
+        label(k, list, what, "Label 24", "onWashi", 190, 212 + i * 92, { w: 440, name: "Move" });
+      });
+      readout(k, list, `"SUPER ART  \xB7  " + (${pick(p1.n, FIGHTERS.map((f) => f.sup))})`, `SUPER ART  \xB7  ${FIGHTERS[0].sup}`, "Small 16", "vermDeep", 50, 680, { w: 600, name: "List super" });
+      k.cues(pause, [{ layer: "Pause panel", preset: "slide-in", at: 0, params: { direction: "left", duration: 350 } }, { layer: "Move list", preset: "slide-in", at: 80, params: { direction: "right", duration: 350 } }]);
+    }
+    {
+      k.ellipse(victory, 900, "vermilion", { name: "Victory sun", absolute: { x: 60, y: 60 } });
+      const r = rng(1200), hill = [[0, H], [0, 820]];
+      for (let x = 0; x <= W; x += 70) hill.push([x, rd(800 - r() * 80 - Math.sin(x / 200) * 40)]);
+      hill.push([W, H]);
+      poly(k, victory, hill, "washiShade", { name: "Ink hill" });
+      petals(victory, 14, 1201, { x: 0, w: 1100 });
+      roster(victory, p1.n, 250, 190, 1.45, { name: "Winner" });
+      brush(victory, 1030, 60, 860, 150, "sumi", 1202, { angle: -3, name: "Victory stroke", tail: 0.8 });
+      label(k, victory, "Victory", "Heading 84", "washi", 1090, 92, { name: "Screen title" });
+      readout(k, victory, `${nameOf(p1.n)} + " WINS"`, "SUMIRE WINS", "Name 64", "onWashi", 1080, 250, { w: 780, name: "Winner name" });
+      readout(k, victory, pick(p1.n, FIGHTERS.map((f) => f.win)), FIGHTERS[0].win, "Flavor 34", "onWashi", 1080, 330, { w: 780, name: "Win quote" });
+      readout(k, victory, `"\u2014 " + ${pname.n}`, "\u2014 RONIN-09", "Small 16", "vermDeep", 1080, 450, { w: 780, name: "Win signature" });
+      const tally = box(k, victory, 1080, 500, 780, 230, { name: "Tally", fill: "sumi" });
+      [["Max combo", `round(${maxCombo.n})`, "8"], ["Hits landed", `round(${hits.n})`, "21"], ["Damage dealt", `round(${dealt.n})`, "200"], ["Perfects", `round(${perfects.n})`, "1"]].forEach(([name, e, rest], i) => {
+        label(k, tally, name, "Small 16", "goldLight", 30 + i % 2 * 380, 26 + Math.floor(i / 2) * 104, { name: "Tally name" });
+        readout(k, tally, e, rest, "Stat 56", "washi", 30 + i % 2 * 380, 48 + Math.floor(i / 2) * 104, { w: 330, name: "Tally value" });
+      });
+      const menuPlate = box(k, victory, 1080, 760, 780, 260, { name: "Victory menu plate", fill: "sumi" });
+      void menuPlate;
+      menu(k, victory, [
+        { label: "Rematch", actions: [go(vs, "SLIDE_FROM_RIGHT", { duration: 450 })] },
+        { label: "Character select", actions: [set(locked.id, { value: 0 }), go(select, "DISSOLVE", { duration: 400 })] },
+        { label: "Main menu", actions: [go(main, "DISSOLVE", { duration: 400 })] }
+      ], { focus: winFocus, x: 1090, y: 780, width: 760, pitch: 76, itemHeight: 68, style: "Menu 52", color: "washi", plate: [k.gradient({ from: "primary", to: "primary", angle: 0, fromOpacity: 0.9, toOpacity: 0 })], marker: { color: "goldLight", size: 24 } });
+      k.cues(victory, [
+        { layer: "Winner", preset: "rise-in", at: 0 },
+        { layer: "Victory stroke", preset: "wipe-in", at: 200 },
+        { layer: "Win quote", preset: "fade-in", at: 600 },
+        { layer: "Tally", preset: "rise-in", at: 800 }
+      ]);
+    }
+    {
+      k.rect(cont, W, H, [k.gradient({ from: "vermDeep", to: "sumiDeep", kind: "RADIAL", fromOpacity: 0.6, toOpacity: 0, handles: [{ x: 0.5, y: 0.45 }, { x: 1, y: 0.45 }, { x: 0.5, y: 1.2 }] })], { name: "Ember glow", absolute: { x: 0, y: 0 } });
+      const fallen = roster(cont, p1.n, 160, 420, 1.1, { name: "Fallen fighter" });
+      k.patch(fallen, { opacity: 0.45, rotation: 8 });
+      label(k, cont, "Continue?", "Heading 84", "washi", 0, 110, { w: W, align: "CENTER", name: "Screen title" });
+      const lotus = box(k, cont, 660, 230, 600, 600, { name: "Countdown lotus" });
+      for (let j = 0; j < 10; j++) {
+        const a = -Math.PI / 2 + j / 10 * Math.PI * 2;
+        const px = 300 + Math.cos(a) * 250, py = 300 + Math.sin(a) * 250;
+        const pet = poly(k, lotus, rot([[px, py - 46], [px + 22, py], [px, py + 46], [px - 22, py]], a * 180 / Math.PI + 90, px, py), j % 2 ? "vermilion" : "vermDeep", { name: "Countdown petal" });
+        const at = (j + 1) * 1e3 - 200;
+        keys(k, pet, "opacity", [{ t: at, v: 1, ease: { kind: "ease", name: "cubic-in" } }, { t: at + 600, v: 0 }]);
+        keys(k, pet, "translateY", [{ t: at, v: 0, ease: { kind: "ease", name: "cubic-in" } }, { t: at + 600, v: 160 }]);
+        keys(k, pet, "rotation", [{ t: at, v: 0, ease: { kind: "linear" } }, { t: at + 600, v: j % 2 ? 50 : -50 }]);
+      }
+      poly(k, lotus, blobPts(300, 300, 180, 1301, 16, 0.15), "sumi", { name: "Count blot" });
+      label(k, lotus, "10", "Count 280", "washi", 215, 170, { w: 400, name: "Countdown" });
+      k.counts(cont, [{ layer: "Countdown", at: 0, duration: 1e4, counter: { from: 10, to: 0 }, tick: 1e3 }]);
+      readout(k, cont, `${nameOf(cpu.n)} + " STANDS OVER YOU.  " + ${p1Wins.n} + " \u2014 " + ${cpuWins.n}`, "TETSUGEN STANDS OVER YOU.  1 \u2014 2", "Cap 20", "dim", 0, 850, { w: W, align: "CENTER", name: "Defeat line" });
+      const yes = [...resetMatch, toCall];
+      const no = [go(over, "DISSOLVE", { duration: 700 })];
+      menu(k, cont, [{ label: "Yes", actions: yes }, { label: "No", actions: no }], {
+        focus: contFocus,
+        x: 610,
+        y: 910,
+        width: 330,
+        pitch: 40,
+        itemHeight: 76,
+        horizontal: true,
+        style: "Menu 52",
+        color: "washi",
+        nudge: 0,
+        plate: [k.gradient({ from: "primary", to: "primary", angle: 0, fromOpacity: 0.9, toOpacity: 0.3 })],
+        marker: { color: "goldLight", size: 24 }
+      });
+      k.on(cont, when([{ then: no }]), { trigger: "AFTER_TIMEOUT", delay: 10600 });
+    }
+    {
+      const r = rng(1400);
+      for (let d = 0; d < 16; d++) {
+        const x = 40 + d * 118 + r() * 40, w = 26 + r() * 50, h = 220 + r() * 520;
+        const drip = poly(k, over, [[x, 0], [x + w, 0], [x + w * 0.8, h * 0.8], [x + w / 2, h], [x + w * 0.2, h * 0.8]].map(([a, b]) => [rd(a), rd(b)]), d % 5 === 2 ? "vermDeep" : "mist2", { name: "Ink drip" });
+        k.patch(drip, { anchorX: 0.5, anchorY: 0 });
+        keys(k, drip, "scaleY", [{ t: 0, v: 0.05, ease: { kind: "ease", name: "cubic-out" } }, { t: 1400 + r() * 1600, v: 1 }]);
+      }
+      const lock = box(k, over, 0, 360, W, 360, { name: "Game over lockup" });
+      brush(lock, 300, 40, 1320, 220, "vermilion", 1401, { angle: -4, name: "Game over stroke" });
+      label(k, lock, "Game over", "Mega 190", "washi", 0, 60, { w: W, align: "CENTER", name: "Game over words" });
+      label(k, over, "The lotus closes. It will open again.", "Flavor 34", "washi", 0, 760, { w: W, align: "CENTER", name: "Epitaph" });
+      readout(k, over, `${pname.n} + "  \xB7  " + round(${hits.n}) + " HITS LANDED  \xB7  MAX COMBO " + round(${maxCombo.n})`, "RONIN-09  \xB7  0 HITS LANDED  \xB7  MAX COMBO 0", "Small 16", "dim", 0, 840, { w: W, align: "CENTER", name: "Run stats" });
+      const pr = label(k, over, "Press any key", "Prompt 26", "goldLight", 0, 910, { w: W, align: "CENTER", name: "Prompt" });
+      drift(k, pr, "opacity", 0.3, 0.8);
+      k.cues(over, [{ layer: "Game over lockup", preset: "blur-in", at: 400 }, { layer: "Epitaph", preset: "fade-in", at: 1400 }]);
+      k.link(over, title, "DISSOLVE", { key: "*", duration: 600 });
+      k.link(over, title, "DISSOLVE", { duration: 600 });
+    }
+    {
+      poly(k, settings, [[0, 0], [1300, 0], [1200, 1080], [0, 1080]], "sumi", { name: "Settings panel" });
+      label(k, settings, "Settings", "Heading 84", "washi", 120, 60, { name: "Screen title" });
+      brush(settings, 116, 146, 280, 20, "vermilion", 1501, { name: "Title stroke" });
+      const col = box(k, settings, 120, 196, 1060, 780, { name: "Settings list" });
+      focusColumn(k, settings, { focus: setFocus, count: 10, x: 100, y: 190, w: 1100, pitch: 76, plate: k.tint("vermilion", 0.3), guard: `${rebind.n} == ""`, escape: [back()], radius: 0 });
+      const common = { labelStyle: "Label 24", ink: "washi" };
+      const sl = { ...common, valueStyle: "Value 24", track: "mist", fill: "vermilion", knob: "washi" };
+      const at = (i) => ({ x: 0, y: i * 76, width: 1060, focus: { n: setFocus.n, index: i } });
+      const rows = [
+        slider(k, col, { ...sl, ...at(0), label: "Master volume", variable: master, suffix: "%" }),
+        slider(k, col, { ...sl, ...at(1), label: "Music", variable: music, suffix: "%" }),
+        slider(k, col, { ...sl, ...at(2), label: "Round time", variable: roundTime, min: 30, max: 90, step: 10, suffix: "s" }),
+        slider(k, col, { ...sl, ...at(3), label: "Rounds to win", variable: toWin, min: 1, max: 3, step: 1 }),
+        toggle(k, col, { ...common, ...at(4), label: "Ink splatter", variable: ink }),
+        toggle(k, col, { ...common, ...at(5), label: "Input display", variable: inputDisplay })
+      ];
+      const kb = { ...common, capStyle: "Cap 20", cap: "washi", onCap: "onWashi", listening: "vermilion", rebind };
+      rows.push(
+        keybind(k, col, { ...kb, ...at(6), action: "Light strike", slot: "light", variable: keyLight }),
+        keybind(k, col, { ...kb, ...at(7), action: "Heavy strike", slot: "heavy", variable: keyHeavy }),
+        keybind(k, col, { ...kb, ...at(8), action: "Block", slot: "block", variable: keyBlock }),
+        keybind(k, col, { ...kb, ...at(9), action: "Super art", slot: "super", variable: keySuper })
+      );
+      rows.forEach((r, i) => focusRow(k, r, setFocus, i));
+      rebindListener(k, settings, rebind, [{ slot: "light", variable: keyLight }, { slot: "heavy", variable: keyHeavy }, { slot: "block", variable: keyBlock }, { slot: "super", variable: keySuper }]);
+      const prev = box(k, settings, 1340, 190, 500, 560, { name: "Round preview" });
+      paper(prev, 0, 0, 500, 560, 1502);
+      label(k, prev, "Round preview", "Small 16", "vermDeep", 40, 40, { name: "Preview title" });
+      readout(k, prev, `round(${roundTime.n})`, "60", "Count 280", "onWashi", 0, 80, { w: 500, align: "CENTER", name: "Preview clock" });
+      readout(k, prev, `"BEST OF " + (round(${toWin.n}) * 2 - 1)`, "BEST OF 3", "Cap 20", "onWashi", 0, 350, { w: 500, align: "CENTER", name: "Preview rounds" });
+      for (let p = 0; p < 3; p++) {
+        const px = 250 + (p - 1) * 44;
+        const pip = poly(k, prev, [[px, 400], [px + 14, 414], [px, 428], [px - 14, 414]], "vermilion", { name: "Preview pip" });
+        k.bindExpression(pip, "visible", `round(${toWin.n}) > ${p}`);
+      }
+      const blot = poly(k, prev, blobPts(250, 490, 40, 1503, 12, 0.4), "sumi", { name: "Preview blot" });
+      k.bindExpression(blot, "visible", `${ink.n} == 1`);
+      const b = k.instance(settings, "Brush button", { Label: "Back  ESC" }, { name: "Back", absolute: { x: 1340, y: 800 } });
+      k.on(b, back());
+      hintBar(settings, "\u2191 \u2193  ROW      LEFT RIGHT  ADJUST      ENTER  TOGGLE / REBIND      ESC  BACK");
+    }
+    {
+      k.ellipse(credits, 700, "vermDeep", { name: "Credits sun", absolute: { x: 1360, y: 380 }, opacity: 0.7 });
+      fighter(credits, 5, 1440, 440, 1.1, { name: "Mother Koke watches" });
+      petals(credits, 12, 1601, { x: 0, w: W });
+      const roll = box(k, credits, 240, 50, 1e3, 980, { name: "Credits roll", gap: 20, align: "CENTER" });
+      k.text(roll, "Credits", { style: "Heading 84", color: "washi", align: "CENTER", name: "Roll title" });
+      for (const [role, name] of CREDITS) {
+        const g = k.stack(roll, { gap: 4, align: "CENTER", name: "Credit" });
+        k.text(g, role, { style: "Credit role 18", color: "goldLight", align: "CENTER", name: "Role" });
+        k.text(g, name, { style: "Credit name 34", color: "washi", align: "CENTER", name: "Name" });
+      }
+      k.text(roll, "A {{brand.studio}} game", { style: "Credit role 18", color: "dim", align: "CENTER", name: "Sign-off" });
+      keys(k, roll, "translateY", [{ t: 0, v: 420, ease: { kind: "linear" } }, { t: 11800, v: -1100 }]);
+      k.link(credits, main, "DISSOLVE", { key: "*", duration: 400 });
+      k.link(credits, main, "DISSOLVE", { duration: 400 });
+    }
+    return k.finish();
+  }
+});
+
+export {
+  iron_lotus_fighter_default
+};