@botharness/pixel-avatar 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,1533 +1,1613 @@
 import { escapeAttribute } from "@botharness/pixel-morph";
 
-//#region src/figure.ts
-const N = 32;
-const C = 16;
-const INK$1 = "#2a2230";
-const WHITE = "#ffffff";
-const BLUSH = "#f4879a";
-const MOUTH = "#7a2a38";
-const MOUTH_INSIDE = "#b8415a";
-const TONGUE = "#ef6f84";
-const GOLD = "#efb93f";
-const blank = () => Array.from({ length: N }, () => Array(N).fill(void 0));
-const ellipse = (cx, cy, rx, ry) => (x, y) => ((x + .5 - cx) / rx) ** 2 + ((y + .5 - cy) / ry) ** 2 <= 1;
-function channels$1(color) {
-	const n = Number.parseInt(color.slice(1), 16);
-	return [
-		16,
-		8,
-		0
-	].map((bit) => n >> bit & 255);
-}
-function hex(values) {
-	return `#${values.map((v) => Math.min(255, Math.max(0, Math.round(v))).toString(16).padStart(2, "0")).join("")}`;
-}
-const shade = (color, k) => hex(channels$1(color).map((v) => v * k));
-const mix$1 = (base, tint, k) => {
-	const t = channels$1(tint);
-	return hex(channels$1(base).map((v, i) => v * (1 - k) + t[i] * k));
-};
-function paint(grid, test, color) {
-	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) if (test(x, y)) grid[y][x] = color;
-}
-function sprite(grid, rows, ox, oy, pal, flip = false) {
-	rows.forEach((row, y) => [...row].forEach((code, i) => {
-		const c = pal[code];
-		const x = ox + (flip ? row.length - 1 - i : i);
-		if (c && x >= 0 && x < N && oy + y >= 0 && oy + y < N) grid[oy + y][x] = c;
-	}));
-}
-function outline(grid) {
-	const out = grid.map((row) => [...row]);
-	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
-		if (grid[y][x]) continue;
-		const n = [
-			grid[y]?.[x - 1],
-			grid[y]?.[x + 1],
-			grid[y - 1]?.[x],
-			grid[y + 1]?.[x]
-		].find(Boolean);
-		if (n) out[y][x] = mix$1(shade(n, .3), INK$1, .62);
-	}
-	return out;
-}
-const R = 6;
-const inTile = (x, y) => {
-	const clamp = (v) => Math.min(Math.max(v, R), N - R);
-	return (x + .5 - clamp(x + .5)) ** 2 + (y + .5 - clamp(y + .5)) ** 2 <= R * R;
-};
-const clip = (g) => g.map((row, y) => row.map((c, x) => inTile(x, y) ? c : void 0));
-function rects(grid) {
-	let m = "";
-	for (let y = 0; y < N; y++) {
-		let x = 0;
-		while (x < N) {
-			const c = grid[y][x];
-			if (!c) {
-				x++;
-				continue;
-			}
-			let w = 1;
-			while (x + w < N && grid[y][x + w] === c) w++;
-			m += `<rect x="${x}" y="${y}" width="${w}" height="1" fill="${escapeAttribute(c)}"/>`;
-			x += w;
-		}
+//#region src/random.ts
+function seededRandom(seed) {
+	let h = 2166136261;
+	for (const char of seed) {
+		h ^= char.codePointAt(0);
+		h = Math.imul(h, 16777619);
 	}
-	return m;
-}
-const FACE = {
-	round: (s) => ellipse(C + s, 16.6, 8.6, 7.6),
-	oval: (s) => ellipse(C + s, 16.6, 8, 8),
-	chubby: (s) => ellipse(C + s, 17, 9.4, 7.2),
-	long: (s) => ellipse(C + s, 16.6, 7.8, 8.4),
-	square: (s) => (x, y) => {
-		if (y < 8 || y > 23) return false;
-		const dx = Math.abs(x + .5 - C - s);
-		const r = 3;
-		if (y <= 20) return dx <= 8.5;
-		return dx <= 8.5 - (y - 20) ** 1.3 * 1.1 + .3 - (y === 23 ? 1 : 0) || dx <= 8.5 - r;
-	},
-	heart: (s) => taper(ellipse(C + s, 15.8, 9, 7.4), 16.5, 9, 2.6, 24.4, s),
-	vchin: (s) => taper(ellipse(C + s, 15.8, 8.6, 7.4), 17.5, 8.6, 2.2, 24.4, s),
-	diamond: (s) => taper((x, y) => y >= 9 && Math.abs(x + .5 - C - s) <= 6.4 + (y - 9) * .45, 15.8, 9.2, 2.6, 24.4, s)
-};
-function taper(top, from, width, end, chin, s) {
-	return (x, y) => {
-		const cy = y + .5;
-		if (cy <= from) return top(x, y);
-		if (cy > chin) return false;
-		const t = (cy - from) / (chin - from);
-		return Math.abs(x + .5 - C - s) <= width - (width - end) * t ** 1.5;
+	return () => {
+		h = Math.imul(h ^ h >>> 15, 2246822507);
+		h = Math.imul(h ^ h >>> 13, 3266489909);
+		h ^= h >>> 16;
+		return (h >>> 0) / 4294967296;
 	};
 }
-const EYES = {
-	round: [
-		"KKKK",
-		"DWDD",
-		"IDDI",
-		"LIIL"
+
+//#endregion
+//#region src/recipe.ts
+const AVATAR_PARTS = {
+	head: [
+		"round",
+		"oval",
+		"square",
+		"long",
+		"heart",
+		"vchin",
+		"chubby",
+		"diamond"
 	],
-	dot: [
-		"....",
-		".KK.",
-		".KK.",
-		"...."
+	pose: [
+		"front",
+		"left",
+		"right"
 	],
-	sparkle: [
-		"KKKK",
-		"DWDW",
-		"IDDI",
-		"LIWL"
+	hair: [
+		"crop",
+		"sweep",
+		"spiky",
+		"buzz",
+		"curly",
+		"mohawk",
+		"bob",
+		"long",
+		"bun",
+		"pigtails",
+		"afro",
+		"twintails",
+		"drills",
+		"ponytail",
+		"sidetail",
+		"hime",
+		"odango",
+		"messy",
+		"wavy",
+		"braids",
+		"wolf",
+		"ahoge",
+		"none"
 	],
-	lashes: [
-		"KKKKK",
-		"K.DWD",
-		"..IDD",
-		"..LII"
+	eyes: [
+		"round",
+		"dot",
+		"sparkle",
+		"lashes",
+		"sleepy",
+		"happy",
+		"wink",
+		"sharp"
 	],
-	sleepy: [
-		"....",
-		"KKKK",
-		"IDDI",
-		"LIIL"
+	brows: [
+		"soft",
+		"thick",
+		"raised",
+		"angry",
+		"worried",
+		"none"
 	],
-	happy: [
-		"....",
-		".KK.",
-		"K..K",
-		"...."
+	nose: [
+		"button",
+		"dot",
+		"line",
+		"none"
 	],
-	wink: [
-		"KKKK",
-		"DWDD",
-		"IDDI",
-		"LIIL"
+	mouth: [
+		"smile",
+		"grin",
+		"open",
+		"flat",
+		"smirk",
+		"cat",
+		"tongue",
+		"o"
 	],
-	sharp: [
-		"KK..",
-		".KKK",
-		".DWD",
-		"..LI"
-	]
-};
-const CLOSED = [
-	"....",
-	"....",
-	"KKKK",
-	"...."
-];
-const BROWS = {
-	soft: [".BBB"],
-	thick: ["BBBB"],
-	raised: [".BB."],
-	angry: ["BB..", "..BB"],
-	worried: ["..BB", "BB.."],
-	none: []
-};
-const MOUTHS = {
-	smile: ["K..K", ".KK."],
-	grin: ["KWWK", ".KK."],
-	open: ["KKK", "MTM"],
-	flat: [".KK."],
-	smirk: ["...K", ".KK."],
-	cat: ["K.K.K", ".K.K."],
-	tongue: ["KKKK", ".TT."],
-	o: [
-		".K.",
-		"KMK",
-		".K."
-	]
-};
-function hair(recipe, s, b) {
-	const none = () => false;
-	const cap = ellipse(C + s, 14, 11, 10.6);
-	const tip = (x, depth = 1) => [
-		0,
-		depth,
-		depth + 1,
-		depth
-	][(x + 40 - s) % 4];
-	const bangs = (line, depth = 1, sides = 22) => (x, y) => {
-		if (!cap(x, Math.min(y, 13))) return false;
-		const dx = x + .5 - C - s;
-		if (Math.abs(dx) >= 7) return y <= sides - [
-			0,
-			1,
-			0,
-			2
-		][(x + 40 - s) % 4];
-		return y <= line + tip(x, depth) - (Math.abs(dx) > 6 ? 0 : 0);
-	};
-	const longBack = (bottom, width = 11.4) => (x, y) => ellipse(C + b, 14, width + .4, 11)(x, y) && y <= 16 || y > 15 && y <= bottom && Math.abs(x + .5 - C - b) <= width - (y > bottom - 2 ? 1 : 0);
-	switch (recipe.hair) {
-		case "none": return {
-			back: none,
-			front: none
-		};
-		case "buzz": return {
-			back: none,
-			front: (x, y) => cap(x, y) && y <= 7
-		};
-		case "crop": return {
-			back: none,
-			front: bangs(10, 1, 15)
-		};
-		case "sweep": return {
-			back: none,
-			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 9 + Math.max(0, (x - 6 - s) * .45) || Math.abs(x + .5 - C - s) >= 7 && y <= 16)
-		};
-		case "spiky": return {
-			back: none,
-			front: (x, y) => cap(x, Math.max(y, 6)) && y >= [
-				1,
-				3,
-				5,
-				3
-			][(x + 40 - s) % 4] && bangs(11, 2, 15)(x, Math.max(y, 6))
-		};
-		case "curly": {
-			const bumps = Array.from({ length: 9 }, (_, i) => {
-				const a = Math.PI * (1.02 + i * .96 / 8);
-				return [C + s + 11.5 * Math.cos(a), 14 + 11 * Math.sin(a)];
-			});
-			return {
-				back: none,
-				front: (x, y) => bangs(11, 1, 18)(x, y) || y <= 18 && bumps.some(([bx, by]) => (x + .5 - bx) ** 2 + (y + .5 - by) ** 2 <= 6.5)
-			};
-		}
-		case "mohawk": return {
-			back: none,
-			front: (x, y) => Math.abs(x + .5 - C - s) <= 2 && y >= 1 && y <= 9
-		};
-		case "bob": return {
-			back: longBack(25),
-			front: bangs(13, 1, 24)
-		};
-		case "long": return {
-			back: longBack(31),
-			front: bangs(13, 1, 26)
-		};
-		case "bun": return {
-			back: none,
-			front: (x, y) => bangs(12, 1, 18)(x, y) || ellipse(C + s, 2.6, 4, 2.6)(x, y)
-		};
-		case "pigtails": return {
-			back: (x, y) => ellipse(C + s - 11.5, 21, 3, 4.4)(x, y) || ellipse(C + s + 11.5, 21, 3, 4.4)(x, y),
-			front: bangs(13, 1, 21),
-			ties: [[C + s - 12, 16], [C + s + 11, 16]]
-		};
-		case "afro": return {
-			back: ellipse(C + b, 12, 15, 11.5),
-			front: (x, y) => cap(x, y) && y <= 8
-		};
-		case "twintails":
-		case "drills": return {
-			back: (x, y) => y >= 8 && (ellipse(C + s - 13.2, 20, 2.3, 12)(x, y) || ellipse(C + s + 13.2, 20, 2.3, 12)(x, y)),
-			front: bangs(13, 1, 24),
-			ties: [
-				[C + s - 13, 9],
-				[C + s - 12, 9],
-				[C + s + 11, 9],
-				[C + s + 12, 9]
-			],
-			bands: recipe.hair === "drills"
-		};
-		case "ponytail": return {
-			back: (x, y) => ellipse(C + s + 11.5, 19, 3, 9)(x, y) && y >= 8,
-			front: bangs(12, 1, 20),
-			ties: [[C + s + 10, 9], [C + s + 11, 9]]
-		};
-		case "sidetail": return {
-			back: (x, y) => ellipse(C + s - 11.5, 21, 3, 8)(x, y) && y >= 12,
-			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 9 + Math.max(0, (C + s - x) * .45) || Math.abs(x + .5 - C - s) >= 7 && y <= 18),
-			ties: [[C + s - 13, 13], [C + s - 12, 13]]
-		};
-		case "hime": return {
-			back: longBack(31),
-			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 12 || Math.abs(x + .5 - C - s) >= 6.5 && y <= 24)
-		};
-		case "odango": return {
-			back: none,
-			front: (x, y) => bangs(12, 1, 18)(x, y) || ellipse(C + s - 8, 3.5, 3.3, 3)(x, y) || ellipse(C + s + 8, 3.5, 3.3, 3)(x, y)
-		};
-		case "messy": return {
-			back: none,
-			front: (x, y) => cap(x, Math.max(y, 4)) && y >= [
-				2,
-				0,
-				3,
-				1,
-				2
-			][(x + 50 - s) % 5] && bangs(11, 2, 17)(x, Math.max(y, 4))
-		};
-		case "wavy": return {
-			back: (x, y) => longBack(30)(x, y) || y >= 16 && y <= 30 && Math.abs(x + .5 - C - b) <= 12.4 + Math.sin(y * .9) * .9,
-			front: bangs(12, 2, 25)
-		};
-		case "braids": return {
-			back: none,
-			front: (x, y) => bangs(13, 1, 20)(x, y) || [C + s - 9.5, C + s + 9.5].some((bx) => y >= 20 && y <= 30 && Math.abs(x + .5 - bx) <= 1.6 - ((y + 1) % 3 === 0 ? .6 : 0)),
-			ties: [[C + s - 10, 30], [C + s + 9, 30]]
-		};
-		case "wolf": return {
-			back: (x, y) => longBack(24, 11.8)(x, y) && (y < 20 || (x + y) % 3 !== 0),
-			front: (x, y) => cap(x, Math.max(y, 5)) && y >= [
-				1,
-				2,
-				0,
-				2
-			][(x + 40 - s) % 4] && bangs(12, 2, 21)(x, Math.max(y, 5))
-		};
-		case "ahoge": return {
-			back: longBack(23),
-			front: (x, y) => bangs(13, 1, 22)(x, y) || [
-				[0, 0],
-				[1, 0],
-				[1, 1],
-				[2, 1],
-				[2, 2],
-				[1, 2]
-			].some(([ax, ay]) => x === Math.round(C + s) + ax && y === ay + 1)
-		};
-	}
-}
-function detailedHair(recipe, s, b) {
-	const of = (style) => hair({
-		...recipe,
-		hair: style ?? "none"
-	}, s, b);
-	const bangs = of(recipe.bangs);
-	const side = of(recipe.sideHair);
-	const back = of(recipe.backHair);
-	const length = (recipe.hairLength ?? 0) * 2;
-	const lengthen = (mask) => (x, y) => mask(x, y > 18 ? Math.round(y - length) : y);
-	return {
-		front: (x, y) => y <= 7 ? bangs.front(x, y) || back.front(x, y) : Math.abs(x + .5 - C - s) < 7 ? bangs.front(x, y) : lengthen(side.front)(x, y),
-		back: length === 0 ? back.back : lengthen(back.back),
-		...back.ties ? { ties: back.ties } : {},
-		...back.bands ? { bands: back.bands } : {}
-	};
-}
-function outfit(recipe, g, s) {
-	const shirt = recipe.shirtColor;
-	const skin = recipe.skinColor;
-	const dark = shade(shirt, .75);
-	const light = mix$1(shirt, WHITE, .8);
-	const half = (y) => 6.5 + (y - 24) * 1.15;
-	const torso = (x, y) => y >= 24 && Math.abs(x + .5 - C - s * .5) <= half(y);
-	const dx = (x) => x + .5 - C - s * .5;
-	paint(g, (x, y) => y >= 22 && y <= 25 && Math.abs(dx(x)) <= 2.5, shade(skin, .85));
-	paint(g, torso, shirt);
-	const v = (depth, w) => (x, y) => y >= 24 && y <= 24 + depth && Math.abs(dx(x)) <= w - (y - 24) * (w / (depth + 1));
-	switch (recipe.outfit) {
-		case "tee":
-			paint(g, v(1, 2.5), shade(skin, .85));
-			break;
-		case "shirttie":
-			paint(g, v(3, 4), light);
-			paint(g, (x, y) => y >= 24 && Math.abs(dx(x)) <= .5 && y <= 28, "#d22a5a");
-			break;
-		case "hoodie":
-			paint(g, (x, y) => torso(x, y) && y === 24 && Math.abs(dx(x)) >= 3, dark);
-			paint(g, (x, y) => y >= 25 && y <= 27 && (Math.abs(dx(x) + 1.5) <= .5 || Math.abs(dx(x) - 1.5) <= .5), WHITE);
-			break;
-		case "turtleneck":
-			paint(g, (x, y) => y >= 22 && y <= 25 && Math.abs(dx(x)) <= 3, shade(shirt, .88));
-			break;
-		case "sailor":
-			paint(g, (x, y) => torso(x, y) && y <= 26 && Math.abs(dx(x)) >= 2, "#2f3a5a");
-			paint(g, (x, y) => torso(x, y) && y === 26 && Math.abs(dx(x)) >= 3, WHITE);
-			sprite(g, ["R.R", ".R."], Math.round(C + s * .5) - 2, 26, { R: "#e2565f" });
-			break;
-		case "blazer":
-			paint(g, v(4, 4), light);
-			paint(g, (x, y) => torso(x, y) && y >= 24 && Math.abs(Math.abs(dx(x)) - (4 - (y - 24) * .8)) <= .5, dark);
-			sprite(g, ["G"], Math.round(C + s * .5), 28, { G: GOLD });
-			break;
-		case "overalls":
-			paint(g, torso, light);
-			paint(g, (x, y) => torso(x, y) && (y >= 27 || Math.abs(Math.abs(dx(x)) - 4) <= .6), shirt);
-			sprite(g, ["G....G"], Math.round(C + s * .5) - 3, 27, { G: GOLD });
-			break;
-		case "dress":
-			paint(g, (x, y) => torso(x, y) && y <= 25 && Math.abs(dx(x)) <= 4.5, WHITE);
-			paint(g, (x, y) => torso(x, y) && y === 25 && Math.abs(dx(x)) <= 4.5 && x % 2 === 0, shade(WHITE, .86));
-			sprite(g, [
-				"RR.RR",
-				".RRR.",
-				"R...R"
-			], Math.round(C + s * .5) - 2, 25, { R: "#e5566a" });
-			paint(g, (x, y) => torso(x, y) && y === 29, mix$1(shirt, WHITE, .5));
-			break;
-		case "kimono":
-			paint(g, (x, y) => torso(x, y) && y <= 28 && Math.abs(Math.abs(dx(x)) - (y - 23.5)) <= .6, WHITE);
-			paint(g, (x, y) => torso(x, y) && y >= 28, "#e2565f");
-			paint(g, (x, y) => torso(x, y) && y === 28 && x % 3 === 0, GOLD);
-			paint(g, (x, y) => torso(x, y) && y <= 27 && (x * 3 + y * 2) % 7 === 0, mix$1(shirt, WHITE, .45));
-			break;
-		case "cardigan":
-			paint(g, v(5, 3.5), light);
-			paint(g, (x, y) => torso(x, y) && Math.abs(Math.abs(dx(x)) - 2) <= .5 && y >= 25, dark);
-			sprite(g, [
-				"W",
-				".",
-				"W",
-				".",
-				"W"
-			], Math.round(C + s * .5) - 3, 25, { W: WHITE });
-			paint(g, (x, y) => torso(x, y) && y === 29, dark);
-			break;
-		case "maid":
-			paint(g, (x, y) => torso(x, y), "#2f2a3a");
-			paint(g, (x, y) => torso(x, y) && y >= 25 && Math.abs(dx(x)) <= 4 - (y - 25) * .2, WHITE);
-			paint(g, (x, y) => y === 24 && Math.abs(dx(x)) <= 4.5, WHITE);
-			sprite(g, ["RR.RR", ".RRR."], Math.round(C + s * .5) - 2, 24, { R: shirt });
-			break;
-		case "jacket":
-			paint(g, v(6, 4.5), WHITE);
-			paint(g, (x, y) => torso(x, y) && Math.abs(Math.abs(dx(x)) - (4.5 - (y - 24) * .6)) <= .6, dark);
-			paint(g, (x, y) => torso(x, y) && y >= 27 && Math.abs(dx(x)) <= .5, "#9aa3ad");
-			paint(g, (x, y) => torso(x, y) && y === 28 && Math.abs(dx(x)) >= half(y) - 2.5, mix$1(shirt, WHITE, .6));
-			break;
-	}
-	const neck = shade(skin, .85);
-	for (let y = 24; y < N; y++) for (let x = 0; x < N; x++) {
-		const cell = g[y][x];
-		if (!cell || cell === neck || !torso(x, y)) continue;
-		const d = dx(x);
-		const edge = half(y) - Math.abs(d);
-		if (y === 24 && Math.abs(d) <= 4.5) g[y][x] = shade(cell, .78);
-		else if (y >= 26 && edge >= 1.6 && edge < 2.6) g[y][x] = shade(cell, .82);
-		else if (d > 0 && edge < 1.6) g[y][x] = shade(cell, .84);
-		else if (d < 0 && edge < 1.6 && y <= 26) g[y][x] = mix$1(cell, WHITE, .28);
-		else if (d < -2 && y <= 25) g[y][x] = mix$1(cell, WHITE, .14);
-	}
-}
-function accessory(recipe, g, s, face) {
-	const shirt = recipe.shirtColor;
-	const cap = ellipse(C + s, 14, 11.6, 11.2);
-	switch (recipe.accessory) {
-		case "none": return;
-		case "beanie":
-			paint(g, (x, y) => cap(x, y) && y <= 8, shirt);
-			paint(g, (x, y) => cap(x, y) && (y === 8 || y === 9), shade(shirt, .78));
-			paint(g, ellipse(C + s, 1.6, 2.2, 1.8), WHITE);
-			return;
-		case "cap":
-			paint(g, (x, y) => cap(x, y) && y <= 8, shirt);
-			paint(g, (x, y) => y === 9 && x + .5 >= C + s - 10 && x + .5 <= C + s + 13, shade(shirt, .72));
-			return;
-		case "headphones": {
-			const band = (x, y) => ellipse(C + s, 14, 12, 11.6)(x, y) && !ellipse(C + s, 14, 10.8, 10.4)(x, y) && y <= 13;
-			paint(g, band, "#5d5b66");
-			paint(g, (x, y) => y >= 12 && y <= 19 && (Math.abs(x + .5 - (C + s - 11)) <= 1.6 || Math.abs(x + .5 - (C + s + 11)) <= 1.6), "#e25d6a");
-			return;
-		}
-		case "flower":
-			sprite(g, [
-				".P.P.",
-				"PPYPP",
-				".PPP."
-			], Math.round(C + s) + 6, 3, {
-				P: "#f59fba",
-				Y: GOLD
-			});
-			return;
-		case "bow":
-			sprite(g, [
-				"RR.RR",
-				"RRrRR",
-				"RR.RR"
-			], Math.round(C + s) + 6, 3, {
-				R: "#e5566a",
-				r: "#b83a50"
-			});
-			return;
-		case "earring": {
-			const xs = [...Array(N).keys()].filter((x) => face(x, 19));
-			if (xs.length) {
-				sprite(g, ["G", "G"], xs[0] - 1, 20, { G: GOLD });
-				sprite(g, ["G", "G"], xs.at(-1) + 1, 20, { G: GOLD });
-			}
-			return;
-		}
-		case "crown":
-			sprite(g, [
-				"G.G.G.G",
-				"GGGGGGG",
-				"GrGbGrG"
-			], Math.round(C + s) - 3, 0, {
-				G: GOLD,
-				r: "#e5566a",
-				b: "#5a9be0"
-			});
-			return;
-		case "halo":
-			paint(g, (x, y) => ellipse(C + s, 1.6, 6.5, 1.8)(x, y) && !ellipse(C + s, 1.6, 4.4, .8)(x, y), GOLD);
-			return;
-		case "catears": {
-			const ear = [
-				"X...",
-				"XX..",
-				"XPX.",
-				"XXXX"
-			];
-			sprite(g, ear, Math.round(C + s) - 9, 2, {
-				X: recipe.hairColor,
-				P: "#f4a3b5"
-			});
-			sprite(g, ear, Math.round(C + s) + 5, 2, {
-				X: recipe.hairColor,
-				P: "#f4a3b5"
-			}, true);
-			return;
-		}
-		case "hairclip":
-			sprite(g, ["CC.CC", ".CCC."], Math.round(C + s) + 3, 9, { C: "#e5566a" });
-			return;
-		case "horns": {
-			const horn = [
-				".H",
-				"HH",
-				"Hh"
-			];
-			sprite(g, horn, Math.round(C + s) - 8, 1, {
-				H: "#5b3a6e",
-				h: "#7d5694"
-			});
-			sprite(g, horn, Math.round(C + s) + 6, 1, {
-				H: "#5b3a6e",
-				h: "#7d5694"
-			}, true);
-			return;
-		}
-		case "beret":
-			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y), shirt);
-			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y) && y >= 6, shade(shirt, .78));
-			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y) && y <= 2 && x + .5 < C + s, mix$1(shirt, WHITE, .3));
-			sprite(g, ["S"], Math.round(C + s) + 1, 0, { S: shade(shirt, .6) });
-			return;
-		case "ribbon":
-			sprite(g, [
-				"RRR.RRR",
-				"RrRRRrR",
-				"RRR.RRR",
-				".R...R."
-			], Math.round(C + s) - 3, 0, {
-				R: "#e5566a",
-				r: "#f49aa8"
-			});
-			return;
-		case "headband":
-			paint(g, (x, y) => ellipse(C + s, 14, 11.2, 10.8)(x, y) && !ellipse(C + s, 14.2, 10.2, 9.8)(x, y) && y <= 8, shirt);
-			paint(g, (x, y) => ellipse(C + s, 14, 11.2, 10.8)(x, y) && !ellipse(C + s, 14.2, 10.2, 9.8)(x, y) && y <= 5, mix$1(shirt, WHITE, .35));
-			return;
-		case "bunnyears": {
-			const ear = [
-				"WW",
-				"WP",
-				"WP",
-				"WP",
-				"WW"
-			];
-			sprite(g, ear, Math.round(C + s) - 6, 0, {
-				W: "#f4f1ec",
-				P: "#f4a3b5"
-			});
-			sprite(g, ear, Math.round(C + s) + 4, 0, {
-				W: "#f4f1ec",
-				P: "#f4a3b5"
-			}, true);
-			return;
-		}
-		case "horseears": {
-			const ear = [
-				".X.",
-				"XPX",
-				"XPX",
-				"XXX"
-			];
-			sprite(g, ear, Math.round(C + s) - 9, 1, {
-				X: shade(recipe.hairColor, .9),
-				P: "#f4a3b5"
-			});
-			sprite(g, ear, Math.round(C + s) + 6, 1, {
-				X: shade(recipe.hairColor, .9),
-				P: "#f4a3b5"
-			});
-			sprite(g, ["BB", "BB"], Math.round(C + s) + 3, 7, { B: "#5a9be0" });
-			return;
-		}
-		case "flowercrown":
-			for (const [fx, color] of [
-				[-8, "#f59fba"],
-				[-4, GOLD],
-				[0, "#f4f1ec"],
-				[4, "#f59fba"],
-				[8, GOLD]
-			]) sprite(g, [
-				".F.",
-				"FCF",
-				".F."
-			], Math.round(C + s) + fx - 1, 4 + Math.round(Math.abs(fx) / 4), {
-				F: color,
-				C: color === GOLD ? "#e2565f" : GOLD
-			});
-			paint(g, (x, y) => y === 6 + Math.round(Math.abs(x + .5 - C - s) / 4) && Math.abs(x + .5 - C - s) <= 9 && x % 2 === 1, "#5aa36b");
-			return;
-		case "witch":
-			paint(g, (x, y) => y >= 6 && y <= 7 && Math.abs(x + .5 - C - s) <= 13, "#3a2f52");
-			paint(g, (x, y) => y <= 6 && Math.abs(x + .5 - C - s - (6 - y) * .5) <= 1 + y * .9, "#4b3d6b");
-			paint(g, (x, y) => y === 5 && Math.abs(x + .5 - C - s - .5) <= 5.2, "#efb93f");
-			return;
-		case "pins":
-			sprite(g, [
-				"Y.Y",
-				".Y.",
-				"Y.Y",
-				"...",
-				"B.B",
-				".B.",
-				"B.B"
-			], Math.round(C + s) + 6, 7, {
-				Y: GOLD,
-				B: "#5a9be0"
-			});
-			return;
+	cheeks: [
+		"blush",
+		"freckles",
+		"none"
+	],
+	glasses: [
+		"none",
+		"round",
+		"square",
+		"shades",
+		"monocle"
+	],
+	outfit: [
+		"tee",
+		"shirttie",
+		"hoodie",
+		"turtleneck",
+		"sailor",
+		"blazer",
+		"overalls",
+		"dress",
+		"kimono",
+		"cardigan",
+		"maid",
+		"jacket"
+	],
+	backdrop: [
+		"sparkles",
+		"hearts",
+		"stars",
+		"dots",
+		"none"
+	],
+	accessory: [
+		"none",
+		"beanie",
+		"cap",
+		"headphones",
+		"flower",
+		"bow",
+		"earring",
+		"crown",
+		"halo",
+		"catears",
+		"hairclip",
+		"horns",
+		"beret",
+		"ribbon",
+		"headband",
+		"bunnyears",
+		"horseears",
+		"flowercrown",
+		"witch",
+		"pins"
+	]
+};
+const AVATAR_HAIR_PARTS = {
+	bangs: [
+		"crop",
+		"bob",
+		"sweep",
+		"spiky",
+		"curly",
+		"messy",
+		"wolf",
+		"wavy",
+		"ahoge",
+		"hime",
+		"buzz",
+		"mohawk",
+		"none"
+	],
+	sideHair: [
+		"crop",
+		"bun",
+		"bob",
+		"long",
+		"hime",
+		"curly",
+		"braids",
+		"none"
+	],
+	backHair: [
+		"none",
+		"bob",
+		"long",
+		"wavy",
+		"wolf",
+		"bun",
+		"odango",
+		"pigtails",
+		"twintails",
+		"drills",
+		"ponytail",
+		"sidetail",
+		"afro"
+	]
+};
+const HAIR_SPLIT = {
+	crop: {
+		bangs: "crop",
+		sideHair: "crop",
+		backHair: "none"
+	},
+	sweep: {
+		bangs: "sweep",
+		sideHair: "crop",
+		backHair: "none"
+	},
+	spiky: {
+		bangs: "spiky",
+		sideHair: "crop",
+		backHair: "none"
+	},
+	buzz: {
+		bangs: "buzz",
+		sideHair: "none",
+		backHair: "none"
+	},
+	curly: {
+		bangs: "curly",
+		sideHair: "curly",
+		backHair: "none"
+	},
+	mohawk: {
+		bangs: "mohawk",
+		sideHair: "none",
+		backHair: "none"
+	},
+	bob: {
+		bangs: "bob",
+		sideHair: "bob",
+		backHair: "bob"
+	},
+	long: {
+		bangs: "bob",
+		sideHair: "long",
+		backHair: "long"
+	},
+	bun: {
+		bangs: "bob",
+		sideHair: "bun",
+		backHair: "bun"
+	},
+	pigtails: {
+		bangs: "bob",
+		sideHair: "bun",
+		backHair: "pigtails"
+	},
+	afro: {
+		bangs: "buzz",
+		sideHair: "none",
+		backHair: "afro"
+	},
+	twintails: {
+		bangs: "bob",
+		sideHair: "bob",
+		backHair: "twintails"
+	},
+	drills: {
+		bangs: "bob",
+		sideHair: "bob",
+		backHair: "drills"
+	},
+	ponytail: {
+		bangs: "bob",
+		sideHair: "bun",
+		backHair: "ponytail"
+	},
+	sidetail: {
+		bangs: "sweep",
+		sideHair: "bun",
+		backHair: "sidetail"
+	},
+	hime: {
+		bangs: "hime",
+		sideHair: "hime",
+		backHair: "long"
+	},
+	odango: {
+		bangs: "bob",
+		sideHair: "bun",
+		backHair: "odango"
+	},
+	messy: {
+		bangs: "messy",
+		sideHair: "bun",
+		backHair: "none"
+	},
+	wavy: {
+		bangs: "wavy",
+		sideHair: "long",
+		backHair: "wavy"
+	},
+	braids: {
+		bangs: "bob",
+		sideHair: "braids",
+		backHair: "none"
+	},
+	wolf: {
+		bangs: "wolf",
+		sideHair: "bun",
+		backHair: "wolf"
+	},
+	ahoge: {
+		bangs: "ahoge",
+		sideHair: "bob",
+		backHair: "bob"
+	},
+	none: {
+		bangs: "none",
+		sideHair: "none",
+		backHair: "none"
 	}
+};
+const AVATAR_RANGES = {
+	spacing: [-1, 1],
+	height: [-1, 1],
+	hairLength: [-2, 2]
+};
+const DETAIL_KEYS = [...Object.keys(AVATAR_HAIR_PARTS), ...Object.keys(AVATAR_RANGES)];
+const AVATAR_COLORS = [
+	"skinColor",
+	"hairColor",
+	"eyeColor",
+	"shirtColor"
+];
+/**
+* Avatar Species: a base on the pixel bust rig. Species share motion and anchors; each sets its
+* own ears, face details and suggested body colors. A recipe with a species is asset version 2.
+*/
+const AVATAR_SPECIES = ["human", "goblin"];
+/** Optional per-piece hair colors (asset version 2); an absent piece uses `hairColor`. */
+const AVATAR_PIECE_COLORS = ["leftSideHairColor", "rightSideHairColor"];
+const DEFAULT_RECIPE = {
+	schemaVersion: 1,
+	family: "illustrated",
+	assetVersion: 1,
+	rigVersion: 1,
+	head: "round",
+	pose: "front",
+	hair: "crop",
+	eyes: "round",
+	brows: "soft",
+	nose: "button",
+	mouth: "smile",
+	cheeks: "blush",
+	glasses: "none",
+	outfit: "tee",
+	backdrop: "sparkles",
+	accessory: "none",
+	skinColor: "#f2c9a8",
+	hairColor: "#5a3a2a",
+	eyeColor: "#3f7fbf",
+	shirtColor: "#5b8bd6"
+};
+const PART_KEYS = Object.keys(AVATAR_PARTS);
+function isPixelAvatarRecipe(value) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+	const r = value;
+	const detailed = DETAIL_KEYS.filter((key) => Object.hasOwn(r, key)).length;
+	if (detailed !== 0 && detailed !== DETAIL_KEYS.length) return false;
+	const v2 = r["assetVersion"] === 2;
+	const pieces = AVATAR_PIECE_COLORS.filter((key) => Object.hasOwn(r, key));
+	const v2Keys = v2 ? 2 + pieces.length : 0;
+	if (Object.keys(r).length !== Object.keys(DEFAULT_RECIPE).length + detailed + v2Keys) return false;
+	if (v2 && (detailed === 0 || !AVATAR_SPECIES.includes(r["species"]) || !AVATAR_HAIR_PARTS.sideHair.includes(r["rightSideHair"]) || !pieces.every((key) => typeof r[key] === "string" && /^#[\da-f]{6}$/iu.test(r[key])))) return false;
+	return (detailed === 0 || Object.keys(AVATAR_HAIR_PARTS).every((key) => typeof r[key] === "string" && AVATAR_HAIR_PARTS[key].includes(r[key])) && Object.keys(AVATAR_RANGES).every((key) => {
+		const v = r[key];
+		const [min, max] = AVATAR_RANGES[key];
+		return typeof v === "number" && Number.isInteger(v) && v >= min && v <= max;
+	})) && r["schemaVersion"] === 1 && r["family"] === "illustrated" && (r["assetVersion"] === 1 || v2) && r["rigVersion"] === 1 && PART_KEYS.every((key) => typeof r[key] === "string" && AVATAR_PARTS[key].includes(r[key])) && AVATAR_COLORS.every((key) => typeof r[key] === "string" && /^#[\da-f]{6}$/iu.test(r[key]));
 }
-function pixelTileColor(hair) {
-	const [r, g, b] = channels$1(hair).map((v) => v / 255);
-	const max = Math.max(r, g, b);
-	const min = Math.min(r, g, b);
-	const lightness = (max + min) / 2;
-	const chroma = max - min;
-	const saturation = chroma === 0 ? 0 : chroma / (1 - Math.abs(2 * lightness - 1));
-	if (saturation < .18 || lightness > .86 || lightness < .16) return "#ece8e1";
-	const hue = max === r ? ((g - b) / chroma + 6) % 6 : max === g ? (b - r) / chroma + 2 : (r - g) / chroma + 4;
-	const s = Math.min(.55, Math.max(.35, saturation * .6));
-	const l = .88;
-	const f = (n) => {
-		const k = (n + hue * 2) % 12;
-		return l - s * Math.min(l, 1 - l) * Math.max(-1, Math.min(k - 3, 9 - k, 1));
+function canonicalRecipe(recipe) {
+	const canonical = {
+		schemaVersion: 1,
+		family: "illustrated",
+		assetVersion: recipe.assetVersion,
+		rigVersion: 1
 	};
-	return hex([
-		f(0),
-		f(8),
-		f(4)
-	].map((v) => v * 255));
+	for (const key of PART_KEYS) canonical[key] = recipe[key];
+	for (const key of AVATAR_COLORS) canonical[key] = recipe[key].toLowerCase();
+	if (recipe.bangs !== void 0) for (const key of DETAIL_KEYS) canonical[key] = recipe[key];
+	if (recipe.assetVersion === 2) {
+		canonical["species"] = recipe.species;
+		canonical["rightSideHair"] = recipe.rightSideHair;
+		for (const key of AVATAR_PIECE_COLORS) if (recipe[key] !== void 0) canonical[key] = recipe[key].toLowerCase();
+	}
+	return canonical;
 }
-function pixelFigure(recipe, yawDeg, options = {}) {
-	const yaw = yawDeg * Math.PI / 180;
-	const sinY = Math.sin(yaw);
-	const s = Math.round(sinY * 3);
-	const fs = Math.round(sinY * 10);
-	const b = -Math.round(sinY * 3.5);
-	const turned = Math.abs(sinY) >= .3;
-	const d = Math.sign(sinY);
-	const skin = recipe.skinColor;
-	const hairColor = recipe.hairColor;
-	const front = FACE[recipe.head](s * .5);
-	const face = turned ? (x, y) => {
-		const dx = x + .5 - C;
-		const tuck = y >= 17 && d * dx > 4 ? Math.min(2, (y - 16) * .35) : 0;
-		return front(x - Math.round(d * (1 + Math.max(0, y - 20) * .4) - d * tuck), y);
-	} : front;
-	const masks = recipe.bangs === void 0 ? hair(recipe, s, b) : detailedHair(recipe, s, b);
-	const body = blank();
-	outfit(recipe, body, s);
-	const back = blank();
-	paint(back, masks.back, shade(hairColor, .82));
-	if (masks.bands) paint(back, (x, y) => masks.back(x, y) && (y + Math.floor(x / 2)) % 4 === 0, shade(hairColor, .68));
-	const head = blank();
-	paint(head, face, skin);
-	const earY = 15;
-	const edge = (side) => {
-		const xs = [...Array(N).keys()].filter((x) => face(x, earY));
-		return side < 0 ? xs[0] - 1 : xs.at(-1) + 1;
-	};
-	if (!turned) for (const ex of [-1, 1]) sprite(head, [
-		"E",
-		"E",
-		"e"
-	], edge(ex), earY, {
-		E: skin,
-		e: shade(skin, .86)
-	});
-	else sprite(head, [
-		"EE",
-		"Ee",
-		"Ee",
-		"E."
-	], d > 0 ? edge(-d) - 1 : edge(-d), earY, {
-		E: skin,
-		e: shade(skin, .8)
-	});
-	paint(head, masks.front, hairColor);
-	for (const [x, y] of masks.ties ?? []) sprite(back, ["T"], Math.round(x), y, { T: shade(recipe.shirtColor, .8) });
-	accessory(recipe, head, s, face);
-	const shadeHair = (g) => {
-		const out = g.map((r) => [...r]);
-		const cells = g.flatMap((row, y) => row.flatMap((c, x) => c === hairColor ? [[x, y]] : []));
-		const xs = cells.map(([x]) => x);
-		const ys = cells.map(([, y]) => y);
-		const left = Math.min(...xs);
-		const right = Math.max(...xs);
-		const top = Math.min(...ys);
-		const mid = (left + right) / 2;
-		const span = Math.max(1, (right - left) / 2);
-		const light = mix$1(hairColor, WHITE, .2);
-		const dark = shade(hairColor, .8);
-		const middle = shade(hairColor, .9);
-		for (const [x, y] of cells) {
-			const side = (x + .5 - mid) / span + (y - top) * .025;
-			if (side > .72) out[y][x] = dark;
-			else if (side > .42) out[y][x] = middle;
-			else if (side < -.2 && y <= top + 4) out[y][x] = light;
-		}
-		for (const [x, y] of cells) if ((g[y][x - 1] === skin || g[y][x + 1] === skin) && y >= 14) out[y][x] = shade(hairColor, .74);
-		else if (Math.abs(x + .5 - C - s) >= 7.5 && y >= 14 && (x + 40 - s) % 3 === 0) out[y][x] = shade(out[y][x], .86);
-		for (let y = 1; y < N; y++) for (let x = 0; x < N; x++) {
-			if (g[y][x] !== skin) continue;
-			if (g[y - 1][x] === hairColor) out[y][x] = mix$1(shade(skin, .84), BLUSH, .12);
-			else if (x + 1 < N && g[y][x + 1] !== skin && g[y][x + 1] !== void 0 && x > C + s) out[y][x] = shade(skin, .9);
-			else if (x + 1 < N && g[y][x + 1] === void 0 && x > C + s) out[y][x] = shade(skin, .9);
-		}
-		for (let y = 0; y < N - 1; y++) for (let x = 0; x < N; x++) if (g[y][x] === hairColor && g[y + 1][x] === skin) out[y][x] = shade(hairColor, .62);
-		for (let x = 0; x < N; x++) for (let y = 3; y < N; y++) if (g[y][x] === hairColor && g[y + 1]?.[x] === skin && (x + 40 - s) % 4 === 0) {
-			for (let k = 1; k <= 3; k++) if (g[y - k]?.[x] === hairColor) out[y - k][x] = shade(hairColor, .72);
-		}
-		const ring = mix$1(hairColor, WHITE, .45);
-		for (let x = Math.round(C + s) - 7; x <= Math.round(C + s) + 3; x++) {
-			const first = g.findIndex((row) => row[x] === hairColor);
-			if (first < 0) continue;
-			const y = first + 2 + Math.round(Math.abs(x + .5 - (C + s - 2)) / 4);
-			if (g[y]?.[x] === hairColor && x % 3 !== 0) out[y][x] = ring;
-		}
-		return out;
-	};
-	const figure = blank();
-	for (const layer of [
-		back,
-		body,
-		shadeHair(head)
-	]) for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) if (layer[y][x]) figure[y][x] = layer[y][x];
-	const features = blank();
-	const eyes = blank();
-	const closed = blank();
-	const glasses = blank();
-	const sp = recipe.spacing ?? 0;
-	const h = recipe.height ?? 0;
-	const eyeTop = 15 + h;
-	const eyeW = (side) => turned && Math.sign(fs) === side ? 3 : 4;
-	const eyeX = (side) => {
-		const w = eyeW(side);
-		return side < 0 ? Math.round(C + fs * .6) - 6 - sp - (w === 3 ? -1 : 0) : Math.round(C + fs * .6) + 2 + sp;
-	};
-	const left = {
-		x: eyeX(-1),
-		w: eyeW(-1)
-	};
-	const right = {
-		x: eyeX(1),
-		w: eyeW(1)
+/**
+* Returns the recipe as asset version 2 with the given species, keeping every other choice.
+* Side hair splits into left (`sideHair`) and right (`rightSideHair`) pieces that start equal.
+* When the skin color is one of the previous species' suggested colors, it moves to the new
+* species' first suggestion; a custom color is kept.
+*/
+function withSpecies(recipe, species) {
+	const detailed = detailedRecipe(recipe);
+	const previous = recipe.species ?? "human";
+	const suggested = AVATAR_SPECIES_SWATCHES[previous].includes(recipe.skinColor.toLowerCase());
+	return {
+		...detailed,
+		assetVersion: 2,
+		species,
+		rightSideHair: detailed.rightSideHair ?? detailed.sideHair,
+		skinColor: suggested && previous !== species ? AVATAR_SPECIES_SWATCHES[species][0] : recipe.skinColor
 	};
-	const fit = (rows, w) => rows.map((r) => r.slice(Math.max(0, r.length - w)));
-	const pal = {
-		K: INK$1,
-		W: WHITE,
-		D: shade(recipe.eyeColor, .55),
-		I: recipe.eyeColor,
-		L: mix$1(recipe.eyeColor, WHITE, .45)
+}
+function detailedRecipe(recipe) {
+	if (recipe.bangs !== void 0) return recipe;
+	const pick = (part) => AVATAR_HAIR_PARTS[part].includes(recipe.hair) ? recipe.hair : HAIR_SPLIT[recipe.hair][part];
+	return {
+		...recipe,
+		bangs: pick("bangs"),
+		sideHair: pick("sideHair"),
+		backHair: pick("backHair"),
+		spacing: 0,
+		height: 0,
+		hairLength: 0
 	};
-	const style = EYES[recipe.eyes];
-	const extra = style[0].length - 4;
-	sprite(eyes, fit(style, left.w + extra), left.x - extra, eyeTop, pal);
-	sprite(eyes, recipe.eyes === "wink" ? fit(CLOSED, right.w) : fit(style, right.w + extra), right.x, eyeTop, pal, true);
-	sprite(closed, fit(CLOSED, left.w), left.x, eyeTop, pal);
-	sprite(closed, fit(CLOSED, right.w), right.x, eyeTop, pal, true);
-	const browRows = BROWS[recipe.brows];
-	if (browRows.length) {
-		sprite(features, fit(browRows, left.w), left.x, eyeTop - 2, { B: shade(hairColor, .55) });
-		sprite(features, fit(browRows, right.w), right.x, eyeTop - 2, { B: shade(hairColor, .55) }, true);
-	}
-	const cx = Math.round(C + fs * (turned ? .85 : .6));
-	if (recipe.nose === "dot") sprite(features, ["N"], cx, 18 + h, { N: shade(skin, .78) });
-	if (recipe.nose === "button") sprite(features, ["N"], cx, 18 + h, { N: shade(skin, .88) });
-	if (recipe.nose === "line") sprite(features, ["N", "N"], cx, 17 + h, { N: shade(skin, .82) });
-	const mx = C - .5 + fs * .6;
-	const withMouth = (mouth) => {
-		const layer = features.map((row) => [...row]);
-		sprite(layer, mouth, Math.round(mx - (mouth[0].length - 1) / 2), 20 + h, {
-			K: MOUTH,
-			M: MOUTH_INSIDE,
-			T: TONGUE,
-			W: WHITE
-		});
-		if (recipe.cheeks === "blush") {
-			sprite(layer, ["PP"], left.x - 1, 19 + h, { P: mix$1(BLUSH, skin, .25) });
-			sprite(layer, ["PP"], right.x + right.w - 1, 19 + h, { P: mix$1(BLUSH, skin, .25) });
-		}
-		if (recipe.cheeks === "freckles") {
-			sprite(layer, ["F.F"], left.x, 19 + h, { F: shade(skin, .7) });
-			sprite(layer, ["F.F"], right.x + 1, 19 + h, { F: shade(skin, .7) });
-		}
-		return layer;
+}
+const AVATAR_SWATCHES = {
+	skinColor: [
+		"#ffe3cf",
+		"#f2c9a8",
+		"#e0a87e",
+		"#c68863",
+		"#9a6142",
+		"#6e4129",
+		"#4a2c1c",
+		"#f4f1ec"
+	],
+	hairColor: [
+		"#1d1b22",
+		"#5a3a2a",
+		"#8a5a36",
+		"#e2b04a",
+		"#c4452f",
+		"#d9475a",
+		"#f06292",
+		"#3fc1b8",
+		"#5a7be0",
+		"#9aa3ad",
+		"#f4f1ec"
+	],
+	eyeColor: [
+		"#3f7fbf",
+		"#5a3a2a",
+		"#2f9e8f",
+		"#4c8a3c",
+		"#8a5ad0",
+		"#d0533f",
+		"#d9a13a",
+		"#2a2230"
+	],
+	shirtColor: [
+		"#5b8bd6",
+		"#e07a5f",
+		"#3d9970",
+		"#7a5cc7",
+		"#f2c14e",
+		"#2f3a4a",
+		"#e2565f",
+		"#9ad0c2"
+	]
+};
+const SEEDED_CHOICES = {
+	head: [
+		"round",
+		"oval",
+		"square",
+		"long",
+		"heart",
+		"vchin",
+		"chubby",
+		"diamond"
+	],
+	pose: ["front"],
+	hair: AVATAR_PARTS.hair.filter((hair) => hair !== "none"),
+	eyes: [
+		"round",
+		"round",
+		"sparkle",
+		"lashes",
+		"dot",
+		"happy",
+		"sharp"
+	],
+	brows: [
+		"soft",
+		"soft",
+		"thick",
+		"raised"
+	],
+	nose: [
+		"button",
+		"dot",
+		"none"
+	],
+	mouth: [
+		"smile",
+		"smile",
+		"grin",
+		"open",
+		"cat"
+	],
+	cheeks: [
+		"blush",
+		"blush",
+		"freckles",
+		"none"
+	],
+	glasses: [
+		"none",
+		"none",
+		"none",
+		"none",
+		"round",
+		"square"
+	],
+	accessory: [
+		"none",
+		"none",
+		"none",
+		"flower",
+		"bow",
+		"hairclip",
+		"catears",
+		"headphones",
+		"beanie",
+		"cap"
+	],
+	outfit: AVATAR_PARTS.outfit,
+	backdrop: [
+		"sparkles",
+		"hearts",
+		"stars",
+		"dots"
+	]
+};
+/**
+* Returns a name-seeded recipe factory. Different namespaces give different faces for the same
+* name; the factory takes the name only, so it is safe to pass straight to `Array.map`.
+*/
+function createSeededRecipe(namespace) {
+	return (seed) => {
+		const random = seededRandom(`${namespace}:${seed.trim().toLowerCase()}`);
+		const pick = (values) => values[Math.floor(random() * values.length)];
+		const recipe = {
+			schemaVersion: 1,
+			family: "illustrated",
+			assetVersion: 1,
+			rigVersion: 1
+		};
+		for (const part of Object.keys(AVATAR_PARTS)) recipe[part] = pick(SEEDED_CHOICES[part]);
+		for (const color of AVATAR_COLORS) recipe[color] = pick(AVATAR_SWATCHES[color].slice(0, 7));
+		return recipe;
 	};
-	const savedFeatures = withMouth(MOUTHS[recipe.mouth]);
-	const featureMarkup = options.mouthLayers ? [
-		["saved", MOUTHS[recipe.mouth]],
-		["closed", ["KKK"]],
-		["half-open", ["KKK", "MMM"]],
-		["open", [
-			".K.",
-			"KMK",
-			".K."
-		]]
-	].map(([state, rows]) => `<g data-avatar-mouth="${state}" opacity="${state === "saved" ? 1 : 0}">${rects(withMouth(rows))}</g>`).join("") : rects(savedFeatures);
-	const frame = (fx, w, round) => paint(glasses, (x, y) => {
-		const inside = x >= fx && x < fx + w && y >= eyeTop && y <= eyeTop + 3;
-		const box = x >= fx - 1 && x <= fx + w && y >= eyeTop - 1 && y <= eyeTop + 4;
-		const corner = (x === fx - 1 || x === fx + w) && (y === eyeTop - 1 || y === eyeTop + 4);
-		return box && !inside && !(round && corner);
-	}, INK$1);
-	if (recipe.glasses === "round" || recipe.glasses === "square") {
-		frame(left.x, left.w, recipe.glasses === "round");
-		frame(right.x, right.w, recipe.glasses === "round");
-		paint(glasses, (x, y) => y === eyeTop + 1 && x > left.x + left.w && x < right.x - 1, INK$1);
-	}
-	if (recipe.glasses === "shades") {
-		for (const e of [left, right]) paint(glasses, (x, y) => x >= e.x - 1 && x <= e.x + e.w && y >= eyeTop && y <= eyeTop + 2, INK$1);
-		paint(glasses, (x, y) => y === eyeTop && x > left.x + left.w && x < right.x - 1, INK$1);
-		for (const e of [left, right]) sprite(glasses, ["W"], e.x, eyeTop, { W: "#7d7b88" });
-	}
-	if (recipe.glasses === "monocle") {
-		frame(right.x, right.w, true);
-		sprite(glasses, [
-			"G",
-			"G",
-			"G"
-		], right.x + right.w, eyeTop + 5, { G: GOLD });
-	}
-	const full = clip(outline(figure));
-	const bodyCells = blank();
-	const headCells = blank();
-	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
-		const c = full[y][x];
-		if (!c) continue;
-		if (y >= 22 && !head[y][x] && !back[y][x]) bodyCells[y][x] = c;
-		else headCells[y][x] = c;
-	}
-	const cells = [];
+}
+/** The same name always gives the same face (BotHarness's namespace). */
+const seededRecipe = createSeededRecipe("botharness-avatar");
+/** Suggested body colors per species; any color remains allowed. */
+const AVATAR_SPECIES_SWATCHES = {
+	human: AVATAR_SWATCHES.skinColor,
+	goblin: [
+		"#9cc464",
+		"#7fae4f",
+		"#6a9a45",
+		"#b3cf7a",
+		"#5c8a4a",
+		"#8fa86a"
+	]
+};
+const preset = (parts) => ({
+	...DEFAULT_RECIPE,
+	...parts
+});
+const AVATAR_PRESETS = [
+	preset({
+		hair: "wavy",
+		eyes: "lashes",
+		accessory: "beret",
+		outfit: "dress",
+		skinColor: "#ffe3cf",
+		hairColor: "#e2b04a",
+		eyeColor: "#3f7fbf",
+		shirtColor: "#e2565f",
+		backdrop: "stars"
+	}),
+	preset({
+		hair: "braids",
+		accessory: "flowercrown",
+		outfit: "cardigan",
+		skinColor: "#ffe3cf",
+		hairColor: "#8a5a36",
+		eyeColor: "#4c8a3c",
+		shirtColor: "#9ad0c2",
+		backdrop: "hearts"
+	}),
+	preset({
+		hair: "twintails",
+		eyes: "sparkle",
+		accessory: "ribbon",
+		outfit: "maid",
+		skinColor: "#ffe3cf",
+		hairColor: "#3fc1b8",
+		eyeColor: "#2f9e8f",
+		shirtColor: "#e2565f",
+		backdrop: "stars"
+	}),
+	preset({
+		hair: "long",
+		accessory: "horseears",
+		outfit: "jacket",
+		skinColor: "#ffe3cf",
+		hairColor: "#8a5a36",
+		eyeColor: "#d0533f",
+		shirtColor: "#5b8bd6",
+		backdrop: "dots"
+	}),
+	preset({
+		hair: "hime",
+		eyes: "sleepy",
+		accessory: "pins",
+		outfit: "kimono",
+		skinColor: "#f4f1ec",
+		hairColor: "#1d1b22",
+		eyeColor: "#d0533f",
+		shirtColor: "#7a5cc7",
+		backdrop: "none"
+	}),
+	preset({
+		hair: "ahoge",
+		accessory: "headband",
+		outfit: "sailor",
+		skinColor: "#ffe3cf",
+		hairColor: "#f06292",
+		eyeColor: "#2f9e8f",
+		shirtColor: "#f4f1ec",
+		backdrop: "hearts"
+	}),
+	preset({
+		hair: "wolf",
+		eyes: "sharp",
+		outfit: "jacket",
+		skinColor: "#e0a87e",
+		hairColor: "#9aa3ad",
+		eyeColor: "#5a7be0",
+		shirtColor: "#2f3a4a",
+		backdrop: "stars"
+	}),
+	preset({
+		hair: "wavy",
+		eyes: "sparkle",
+		accessory: "witch",
+		outfit: "dress",
+		skinColor: "#ffe3cf",
+		hairColor: "#8a5ad0",
+		eyeColor: "#d9a13a",
+		shirtColor: "#2f3a4a",
+		backdrop: "sparkles"
+	}),
+	preset({
+		hair: "bob",
+		eyes: "happy",
+		accessory: "bunnyears",
+		outfit: "cardigan",
+		skinColor: "#ffe3cf",
+		hairColor: "#f4f1ec",
+		eyeColor: "#d9475a",
+		shirtColor: "#f2c14e",
+		backdrop: "hearts"
+	}),
+	preset({
+		hair: "spiky",
+		glasses: "round",
+		accessory: "headphones",
+		outfit: "hoodie",
+		backdrop: "dots"
+	}),
+	preset({
+		hair: "odango",
+		eyes: "lashes",
+		accessory: "bow",
+		outfit: "kimono",
+		hairColor: "#e2b04a",
+		shirtColor: "#5b8bd6",
+		backdrop: "sparkles"
+	}),
+	preset({
+		hair: "crop",
+		accessory: "cap",
+		outfit: "shirttie",
+		skinColor: "#9a6142",
+		hairColor: "#1d1b22",
+		shirtColor: "#3d9970",
+		backdrop: "dots"
+	})
+];
+
+//#endregion
+//#region src/figure.ts
+const N = 32;
+const C = 16;
+const INK$1 = "#2a2230";
+const WHITE = "#ffffff";
+const BLUSH = "#f4879a";
+const MOUTH = "#7a2a38";
+const MOUTH_INSIDE = "#b8415a";
+const TONGUE = "#ef6f84";
+const GOLD = "#efb93f";
+const TUSK = "#f6f0d8";
+const blank = () => Array.from({ length: N }, () => Array(N).fill(void 0));
+const ellipse = (cx, cy, rx, ry) => (x, y) => ((x + .5 - cx) / rx) ** 2 + ((y + .5 - cy) / ry) ** 2 <= 1;
+function channels$1(color) {
+	const n = Number.parseInt(color.slice(1), 16);
+	return [
+		16,
+		8,
+		0
+	].map((bit) => n >> bit & 255);
+}
+function hex(values) {
+	return `#${values.map((v) => Math.min(255, Math.max(0, Math.round(v))).toString(16).padStart(2, "0")).join("")}`;
+}
+const shade = (color, k) => hex(channels$1(color).map((v) => v * k));
+const mix$1 = (base, tint, k) => {
+	const t = channels$1(tint);
+	return hex(channels$1(base).map((v, i) => v * (1 - k) + t[i] * k));
+};
+function paint(grid, test, color) {
+	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) if (test(x, y)) grid[y][x] = color;
+}
+function sprite(grid, rows, ox, oy, pal, flip = false) {
+	rows.forEach((row, y) => [...row].forEach((code, i) => {
+		const c = pal[code];
+		const x = ox + (flip ? row.length - 1 - i : i);
+		if (c && x >= 0 && x < N && oy + y >= 0 && oy + y < N) grid[oy + y][x] = c;
+	}));
+}
+function outline(grid) {
+	const out = grid.map((row) => [...row]);
 	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
-		const c = glasses[y][x] ?? eyes[y][x] ?? savedFeatures[y][x] ?? full[y][x];
-		if (c) cells.push({
-			x,
-			y,
-			c
-		});
+		if (grid[y][x]) continue;
+		const n = [
+			grid[y]?.[x - 1],
+			grid[y]?.[x + 1],
+			grid[y - 1]?.[x],
+			grid[y + 1]?.[x]
+		].find(Boolean);
+		if (n) out[y][x] = mix$1(shade(n, .3), INK$1, .62);
 	}
-	return {
-		cells,
-		tile: `<rect width="32" height="32" rx="6" fill="${pixelTileColor(recipe.hairColor)}"/>`,
-		body: `<g class="bh-illustrated-body">${rects(bodyCells)}</g>`,
-		head: [
-			`<g class="bh-illustrated-head">${rects(headCells)}`,
-			`<g class="bh-illustrated-face">${featureMarkup}`,
-			`<g class="bh-illustrated-gaze">${rects(eyes)}</g>`,
-			`<g class="bh-illustrated-blink" opacity="0">${rects(closed)}</g>`,
-			`${rects(glasses)}</g></g>`
-		].join("")
-	};
+	return out;
 }
-
-//#endregion
-//#region src/random.ts
-function seededRandom(seed) {
-	let h = 2166136261;
-	for (const char of seed) {
-		h ^= char.codePointAt(0);
-		h = Math.imul(h, 16777619);
+const R = 6;
+const inTile = (x, y) => {
+	const clamp = (v) => Math.min(Math.max(v, R), N - R);
+	return (x + .5 - clamp(x + .5)) ** 2 + (y + .5 - clamp(y + .5)) ** 2 <= R * R;
+};
+const clip = (g) => g.map((row, y) => row.map((c, x) => inTile(x, y) ? c : void 0));
+function rects(grid) {
+	let m = "";
+	for (let y = 0; y < N; y++) {
+		let x = 0;
+		while (x < N) {
+			const c = grid[y][x];
+			if (!c) {
+				x++;
+				continue;
+			}
+			let w = 1;
+			while (x + w < N && grid[y][x + w] === c) w++;
+			m += `<rect x="${x}" y="${y}" width="${w}" height="1" fill="${escapeAttribute(c)}"/>`;
+			x += w;
+		}
 	}
-	return () => {
-		h = Math.imul(h ^ h >>> 15, 2246822507);
-		h = Math.imul(h ^ h >>> 13, 3266489909);
-		h ^= h >>> 16;
-		return (h >>> 0) / 4294967296;
+	return m;
+}
+const FACE = {
+	round: (s) => ellipse(C + s, 16.6, 8.6, 7.6),
+	oval: (s) => ellipse(C + s, 16.6, 8, 8),
+	chubby: (s) => ellipse(C + s, 17, 9.4, 7.2),
+	long: (s) => ellipse(C + s, 16.6, 7.8, 8.4),
+	square: (s) => (x, y) => {
+		if (y < 8 || y > 23) return false;
+		const dx = Math.abs(x + .5 - C - s);
+		const r = 3;
+		if (y <= 20) return dx <= 8.5;
+		return dx <= 8.5 - (y - 20) ** 1.3 * 1.1 + .3 - (y === 23 ? 1 : 0) || dx <= 8.5 - r;
+	},
+	heart: (s) => taper(ellipse(C + s, 15.8, 9, 7.4), 16.5, 9, 2.6, 24.4, s),
+	vchin: (s) => taper(ellipse(C + s, 15.8, 8.6, 7.4), 17.5, 8.6, 2.2, 24.4, s),
+	diamond: (s) => taper((x, y) => y >= 9 && Math.abs(x + .5 - C - s) <= 6.4 + (y - 9) * .45, 15.8, 9.2, 2.6, 24.4, s)
+};
+function taper(top, from, width, end, chin, s) {
+	return (x, y) => {
+		const cy = y + .5;
+		if (cy <= from) return top(x, y);
+		if (cy > chin) return false;
+		const t = (cy - from) / (chin - from);
+		return Math.abs(x + .5 - C - s) <= width - (width - end) * t ** 1.5;
 	};
 }
-
-//#endregion
-//#region src/recipe.ts
-const AVATAR_PARTS = {
-	head: [
-		"round",
-		"oval",
-		"square",
-		"long",
-		"heart",
-		"vchin",
-		"chubby",
-		"diamond"
-	],
-	pose: [
-		"front",
-		"left",
-		"right"
-	],
-	hair: [
-		"crop",
-		"sweep",
-		"spiky",
-		"buzz",
-		"curly",
-		"mohawk",
-		"bob",
-		"long",
-		"bun",
-		"pigtails",
-		"afro",
-		"twintails",
-		"drills",
-		"ponytail",
-		"sidetail",
-		"hime",
-		"odango",
-		"messy",
-		"wavy",
-		"braids",
-		"wolf",
-		"ahoge",
-		"none"
-	],
-	eyes: [
-		"round",
-		"dot",
-		"sparkle",
-		"lashes",
-		"sleepy",
-		"happy",
-		"wink",
-		"sharp"
-	],
-	brows: [
-		"soft",
-		"thick",
-		"raised",
-		"angry",
-		"worried",
-		"none"
-	],
-	nose: [
-		"button",
-		"dot",
-		"line",
-		"none"
-	],
-	mouth: [
-		"smile",
-		"grin",
-		"open",
-		"flat",
-		"smirk",
-		"cat",
-		"tongue",
-		"o"
-	],
-	cheeks: [
-		"blush",
-		"freckles",
-		"none"
+const EYES = {
+	round: [
+		"KKKK",
+		"DWDD",
+		"IDDI",
+		"LIIL"
 	],
-	glasses: [
-		"none",
-		"round",
-		"square",
-		"shades",
-		"monocle"
+	dot: [
+		"....",
+		".KK.",
+		".KK.",
+		"...."
 	],
-	outfit: [
-		"tee",
-		"shirttie",
-		"hoodie",
-		"turtleneck",
-		"sailor",
-		"blazer",
-		"overalls",
-		"dress",
-		"kimono",
-		"cardigan",
-		"maid",
-		"jacket"
+	sparkle: [
+		"KKKK",
+		"DWDW",
+		"IDDI",
+		"LIWL"
 	],
-	backdrop: [
-		"sparkles",
-		"hearts",
-		"stars",
-		"dots",
-		"none"
+	lashes: [
+		"KKKKK",
+		"K.DWD",
+		"..IDD",
+		"..LII"
 	],
-	accessory: [
-		"none",
-		"beanie",
-		"cap",
-		"headphones",
-		"flower",
-		"bow",
-		"earring",
-		"crown",
-		"halo",
-		"catears",
-		"hairclip",
-		"horns",
-		"beret",
-		"ribbon",
-		"headband",
-		"bunnyears",
-		"horseears",
-		"flowercrown",
-		"witch",
-		"pins"
-	]
-};
-const AVATAR_HAIR_PARTS = {
-	bangs: [
-		"crop",
-		"bob",
-		"sweep",
-		"spiky",
-		"curly",
-		"messy",
-		"wolf",
-		"wavy",
-		"ahoge",
-		"hime",
-		"buzz",
-		"mohawk",
-		"none"
+	sleepy: [
+		"....",
+		"KKKK",
+		"IDDI",
+		"LIIL"
 	],
-	sideHair: [
-		"crop",
-		"bun",
-		"bob",
-		"long",
-		"hime",
-		"curly",
-		"braids",
-		"none"
+	happy: [
+		"....",
+		".KK.",
+		"K..K",
+		"...."
 	],
-	backHair: [
-		"none",
-		"bob",
-		"long",
-		"wavy",
-		"wolf",
-		"bun",
-		"odango",
-		"pigtails",
-		"twintails",
-		"drills",
-		"ponytail",
-		"sidetail",
-		"afro"
+	wink: [
+		"KKKK",
+		"DWDD",
+		"IDDI",
+		"LIIL"
+	],
+	sharp: [
+		"KK..",
+		".KKK",
+		".DWD",
+		"..LI"
 	]
 };
-const HAIR_SPLIT = {
-	crop: {
-		bangs: "crop",
-		sideHair: "crop",
-		backHair: "none"
-	},
-	sweep: {
-		bangs: "sweep",
-		sideHair: "crop",
-		backHair: "none"
-	},
-	spiky: {
-		bangs: "spiky",
-		sideHair: "crop",
-		backHair: "none"
-	},
-	buzz: {
-		bangs: "buzz",
-		sideHair: "none",
-		backHair: "none"
-	},
-	curly: {
-		bangs: "curly",
-		sideHair: "curly",
-		backHair: "none"
-	},
-	mohawk: {
-		bangs: "mohawk",
-		sideHair: "none",
-		backHair: "none"
-	},
-	bob: {
-		bangs: "bob",
-		sideHair: "bob",
-		backHair: "bob"
-	},
-	long: {
-		bangs: "bob",
-		sideHair: "long",
-		backHair: "long"
-	},
-	bun: {
-		bangs: "bob",
-		sideHair: "bun",
-		backHair: "bun"
-	},
-	pigtails: {
-		bangs: "bob",
-		sideHair: "bun",
-		backHair: "pigtails"
-	},
-	afro: {
-		bangs: "buzz",
-		sideHair: "none",
-		backHair: "afro"
-	},
-	twintails: {
-		bangs: "bob",
-		sideHair: "bob",
-		backHair: "twintails"
-	},
-	drills: {
-		bangs: "bob",
-		sideHair: "bob",
-		backHair: "drills"
-	},
-	ponytail: {
-		bangs: "bob",
-		sideHair: "bun",
-		backHair: "ponytail"
-	},
-	sidetail: {
-		bangs: "sweep",
-		sideHair: "bun",
-		backHair: "sidetail"
-	},
-	hime: {
-		bangs: "hime",
-		sideHair: "hime",
-		backHair: "long"
-	},
-	odango: {
-		bangs: "bob",
-		sideHair: "bun",
-		backHair: "odango"
-	},
-	messy: {
-		bangs: "messy",
-		sideHair: "bun",
-		backHair: "none"
-	},
-	wavy: {
-		bangs: "wavy",
-		sideHair: "long",
-		backHair: "wavy"
-	},
-	braids: {
-		bangs: "bob",
-		sideHair: "braids",
-		backHair: "none"
-	},
-	wolf: {
-		bangs: "wolf",
-		sideHair: "bun",
-		backHair: "wolf"
-	},
-	ahoge: {
-		bangs: "ahoge",
-		sideHair: "bob",
-		backHair: "bob"
-	},
-	none: {
-		bangs: "none",
-		sideHair: "none",
-		backHair: "none"
+const CLOSED = [
+	"....",
+	"....",
+	"KKKK",
+	"...."
+];
+const BROWS = {
+	soft: [".BBB"],
+	thick: ["BBBB"],
+	raised: [".BB."],
+	angry: ["BB..", "..BB"],
+	worried: ["..BB", "BB.."],
+	none: []
+};
+const MOUTHS = {
+	smile: ["K..K", ".KK."],
+	grin: ["KWWK", ".KK."],
+	open: ["KKK", "MTM"],
+	flat: [".KK."],
+	smirk: ["...K", ".KK."],
+	cat: ["K.K.K", ".K.K."],
+	tongue: ["KKKK", ".TT."],
+	o: [
+		".K.",
+		"KMK",
+		".K."
+	]
+};
+function hair(recipe, s, b) {
+	const none = () => false;
+	const cap = ellipse(C + s, 14, 11, 10.6);
+	const tip = (x, depth = 1) => [
+		0,
+		depth,
+		depth + 1,
+		depth
+	][(x + 40 - s) % 4];
+	const bangs = (line, depth = 1, sides = 22) => (x, y) => {
+		if (!cap(x, Math.min(y, 13))) return false;
+		const dx = x + .5 - C - s;
+		if (Math.abs(dx) >= 7) return y <= sides - [
+			0,
+			1,
+			0,
+			2
+		][(x + 40 - s) % 4];
+		return y <= line + tip(x, depth) - (Math.abs(dx) > 6 ? 0 : 0);
+	};
+	const longBack = (bottom, width = 11.4) => (x, y) => ellipse(C + b, 14, width + .4, 11)(x, y) && y <= 16 || y > 15 && y <= bottom && Math.abs(x + .5 - C - b) <= width - (y > bottom - 2 ? 1 : 0);
+	switch (recipe.hair) {
+		case "none": return {
+			back: none,
+			front: none
+		};
+		case "buzz": return {
+			back: none,
+			front: (x, y) => cap(x, y) && y <= 7
+		};
+		case "crop": return {
+			back: none,
+			front: bangs(10, 1, 15)
+		};
+		case "sweep": return {
+			back: none,
+			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 9 + Math.max(0, (x - 6 - s) * .45) || Math.abs(x + .5 - C - s) >= 7 && y <= 16)
+		};
+		case "spiky": return {
+			back: none,
+			front: (x, y) => cap(x, Math.max(y, 6)) && y >= [
+				1,
+				3,
+				5,
+				3
+			][(x + 40 - s) % 4] && bangs(11, 2, 15)(x, Math.max(y, 6))
+		};
+		case "curly": {
+			const bumps = Array.from({ length: 9 }, (_, i) => {
+				const a = Math.PI * (1.02 + i * .96 / 8);
+				return [C + s + 11.5 * Math.cos(a), 14 + 11 * Math.sin(a)];
+			});
+			return {
+				back: none,
+				front: (x, y) => bangs(11, 1, 18)(x, y) || y <= 18 && bumps.some(([bx, by]) => (x + .5 - bx) ** 2 + (y + .5 - by) ** 2 <= 6.5)
+			};
+		}
+		case "mohawk": return {
+			back: none,
+			front: (x, y) => Math.abs(x + .5 - C - s) <= 2 && y >= 1 && y <= 9
+		};
+		case "bob": return {
+			back: longBack(25),
+			front: bangs(13, 1, 24)
+		};
+		case "long": return {
+			back: longBack(31),
+			front: bangs(13, 1, 26)
+		};
+		case "bun": return {
+			back: none,
+			front: (x, y) => bangs(12, 1, 18)(x, y) || ellipse(C + s, 2.6, 4, 2.6)(x, y)
+		};
+		case "pigtails": return {
+			back: (x, y) => ellipse(C + s - 11.5, 21, 3, 4.4)(x, y) || ellipse(C + s + 11.5, 21, 3, 4.4)(x, y),
+			front: bangs(13, 1, 21),
+			ties: [[C + s - 12, 16], [C + s + 11, 16]]
+		};
+		case "afro": return {
+			back: ellipse(C + b, 12, 15, 11.5),
+			front: (x, y) => cap(x, y) && y <= 8
+		};
+		case "twintails":
+		case "drills": return {
+			back: (x, y) => y >= 8 && (ellipse(C + s - 13.2, 20, 2.3, 12)(x, y) || ellipse(C + s + 13.2, 20, 2.3, 12)(x, y)),
+			front: bangs(13, 1, 24),
+			ties: [
+				[C + s - 13, 9],
+				[C + s - 12, 9],
+				[C + s + 11, 9],
+				[C + s + 12, 9]
+			],
+			bands: recipe.hair === "drills"
+		};
+		case "ponytail": return {
+			back: (x, y) => ellipse(C + s + 11.5, 19, 3, 9)(x, y) && y >= 8,
+			front: bangs(12, 1, 20),
+			ties: [[C + s + 10, 9], [C + s + 11, 9]]
+		};
+		case "sidetail": return {
+			back: (x, y) => ellipse(C + s - 11.5, 21, 3, 8)(x, y) && y >= 12,
+			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 9 + Math.max(0, (C + s - x) * .45) || Math.abs(x + .5 - C - s) >= 7 && y <= 18),
+			ties: [[C + s - 13, 13], [C + s - 12, 13]]
+		};
+		case "hime": return {
+			back: longBack(31),
+			front: (x, y) => cap(x, Math.min(y, 13)) && (y <= 12 || Math.abs(x + .5 - C - s) >= 6.5 && y <= 24)
+		};
+		case "odango": return {
+			back: none,
+			front: (x, y) => bangs(12, 1, 18)(x, y) || ellipse(C + s - 8, 3.5, 3.3, 3)(x, y) || ellipse(C + s + 8, 3.5, 3.3, 3)(x, y)
+		};
+		case "messy": return {
+			back: none,
+			front: (x, y) => cap(x, Math.max(y, 4)) && y >= [
+				2,
+				0,
+				3,
+				1,
+				2
+			][(x + 50 - s) % 5] && bangs(11, 2, 17)(x, Math.max(y, 4))
+		};
+		case "wavy": return {
+			back: (x, y) => longBack(30)(x, y) || y >= 16 && y <= 30 && Math.abs(x + .5 - C - b) <= 12.4 + Math.sin(y * .9) * .9,
+			front: bangs(12, 2, 25)
+		};
+		case "braids": return {
+			back: none,
+			front: (x, y) => bangs(13, 1, 20)(x, y) || [C + s - 9.5, C + s + 9.5].some((bx) => y >= 20 && y <= 30 && Math.abs(x + .5 - bx) <= 1.6 - ((y + 1) % 3 === 0 ? .6 : 0)),
+			ties: [[C + s - 10, 30], [C + s + 9, 30]]
+		};
+		case "wolf": return {
+			back: (x, y) => longBack(24, 11.8)(x, y) && (y < 20 || (x + y) % 3 !== 0),
+			front: (x, y) => cap(x, Math.max(y, 5)) && y >= [
+				1,
+				2,
+				0,
+				2
+			][(x + 40 - s) % 4] && bangs(12, 2, 21)(x, Math.max(y, 5))
+		};
+		case "ahoge": return {
+			back: longBack(23),
+			front: (x, y) => bangs(13, 1, 22)(x, y) || [
+				[0, 0],
+				[1, 0],
+				[1, 1],
+				[2, 1],
+				[2, 2],
+				[1, 2]
+			].some(([ax, ay]) => x === Math.round(C + s) + ax && y === ay + 1)
+		};
+	}
+}
+function detailedHair(recipe, s, b) {
+	const of = (style) => hair({
+		...recipe,
+		hair: style ?? "none"
+	}, s, b);
+	const bangs = of(recipe.bangs);
+	const side = of(recipe.sideHair);
+	const right = recipe.rightSideHair === void 0 ? side : of(recipe.rightSideHair);
+	const back = of(recipe.backHair);
+	const length = (recipe.hairLength ?? 0) * 2;
+	const lengthen = (mask) => (x, y) => mask(x, y > 18 ? Math.round(y - length) : y);
+	const sideOf = (sign) => (x, y) => y > 7 && sign * (x + .5 - C - s) >= 7 && lengthen((sign < 0 ? side : right).front)(x, y);
+	return {
+		front: (x, y) => y <= 7 ? bangs.front(x, y) || back.front(x, y) : Math.abs(x + .5 - C - s) < 7 ? bangs.front(x, y) : lengthen((x + .5 - C - s < 0 ? side : right).front)(x, y),
+		sides: [sideOf(-1), sideOf(1)],
+		back: length === 0 ? back.back : lengthen(back.back),
+		...back.ties ? { ties: back.ties } : {},
+		...back.bands ? { bands: back.bands } : {}
+	};
+}
+function outfit(recipe, g, s) {
+	const shirt = recipe.shirtColor;
+	const skin = recipe.skinColor;
+	const dark = shade(shirt, .75);
+	const light = mix$1(shirt, WHITE, .8);
+	const half = (y) => 6.5 + (y - 24) * 1.15;
+	const torso = (x, y) => y >= 24 && Math.abs(x + .5 - C - s * .5) <= half(y);
+	const dx = (x) => x + .5 - C - s * .5;
+	paint(g, (x, y) => y >= 22 && y <= 25 && Math.abs(dx(x)) <= 2.5, shade(skin, .85));
+	paint(g, torso, shirt);
+	const v = (depth, w) => (x, y) => y >= 24 && y <= 24 + depth && Math.abs(dx(x)) <= w - (y - 24) * (w / (depth + 1));
+	switch (recipe.outfit) {
+		case "tee":
+			paint(g, v(1, 2.5), shade(skin, .85));
+			break;
+		case "shirttie":
+			paint(g, v(3, 4), light);
+			paint(g, (x, y) => y >= 24 && Math.abs(dx(x)) <= .5 && y <= 28, "#d22a5a");
+			break;
+		case "hoodie":
+			paint(g, (x, y) => torso(x, y) && y === 24 && Math.abs(dx(x)) >= 3, dark);
+			paint(g, (x, y) => y >= 25 && y <= 27 && (Math.abs(dx(x) + 1.5) <= .5 || Math.abs(dx(x) - 1.5) <= .5), WHITE);
+			break;
+		case "turtleneck":
+			paint(g, (x, y) => y >= 22 && y <= 25 && Math.abs(dx(x)) <= 3, shade(shirt, .88));
+			break;
+		case "sailor":
+			paint(g, (x, y) => torso(x, y) && y <= 26 && Math.abs(dx(x)) >= 2, "#2f3a5a");
+			paint(g, (x, y) => torso(x, y) && y === 26 && Math.abs(dx(x)) >= 3, WHITE);
+			sprite(g, ["R.R", ".R."], Math.round(C + s * .5) - 2, 26, { R: "#e2565f" });
+			break;
+		case "blazer":
+			paint(g, v(4, 4), light);
+			paint(g, (x, y) => torso(x, y) && y >= 24 && Math.abs(Math.abs(dx(x)) - (4 - (y - 24) * .8)) <= .5, dark);
+			sprite(g, ["G"], Math.round(C + s * .5), 28, { G: GOLD });
+			break;
+		case "overalls":
+			paint(g, torso, light);
+			paint(g, (x, y) => torso(x, y) && (y >= 27 || Math.abs(Math.abs(dx(x)) - 4) <= .6), shirt);
+			sprite(g, ["G....G"], Math.round(C + s * .5) - 3, 27, { G: GOLD });
+			break;
+		case "dress":
+			paint(g, (x, y) => torso(x, y) && y <= 25 && Math.abs(dx(x)) <= 4.5, WHITE);
+			paint(g, (x, y) => torso(x, y) && y === 25 && Math.abs(dx(x)) <= 4.5 && x % 2 === 0, shade(WHITE, .86));
+			sprite(g, [
+				"RR.RR",
+				".RRR.",
+				"R...R"
+			], Math.round(C + s * .5) - 2, 25, { R: "#e5566a" });
+			paint(g, (x, y) => torso(x, y) && y === 29, mix$1(shirt, WHITE, .5));
+			break;
+		case "kimono":
+			paint(g, (x, y) => torso(x, y) && y <= 28 && Math.abs(Math.abs(dx(x)) - (y - 23.5)) <= .6, WHITE);
+			paint(g, (x, y) => torso(x, y) && y >= 28, "#e2565f");
+			paint(g, (x, y) => torso(x, y) && y === 28 && x % 3 === 0, GOLD);
+			paint(g, (x, y) => torso(x, y) && y <= 27 && (x * 3 + y * 2) % 7 === 0, mix$1(shirt, WHITE, .45));
+			break;
+		case "cardigan":
+			paint(g, v(5, 3.5), light);
+			paint(g, (x, y) => torso(x, y) && Math.abs(Math.abs(dx(x)) - 2) <= .5 && y >= 25, dark);
+			sprite(g, [
+				"W",
+				".",
+				"W",
+				".",
+				"W"
+			], Math.round(C + s * .5) - 3, 25, { W: WHITE });
+			paint(g, (x, y) => torso(x, y) && y === 29, dark);
+			break;
+		case "maid":
+			paint(g, (x, y) => torso(x, y), "#2f2a3a");
+			paint(g, (x, y) => torso(x, y) && y >= 25 && Math.abs(dx(x)) <= 4 - (y - 25) * .2, WHITE);
+			paint(g, (x, y) => y === 24 && Math.abs(dx(x)) <= 4.5, WHITE);
+			sprite(g, ["RR.RR", ".RRR."], Math.round(C + s * .5) - 2, 24, { R: shirt });
+			break;
+		case "jacket":
+			paint(g, v(6, 4.5), WHITE);
+			paint(g, (x, y) => torso(x, y) && Math.abs(Math.abs(dx(x)) - (4.5 - (y - 24) * .6)) <= .6, dark);
+			paint(g, (x, y) => torso(x, y) && y >= 27 && Math.abs(dx(x)) <= .5, "#9aa3ad");
+			paint(g, (x, y) => torso(x, y) && y === 28 && Math.abs(dx(x)) >= half(y) - 2.5, mix$1(shirt, WHITE, .6));
+			break;
+	}
+	const neck = shade(skin, .85);
+	for (let y = 24; y < N; y++) for (let x = 0; x < N; x++) {
+		const cell = g[y][x];
+		if (!cell || cell === neck || !torso(x, y)) continue;
+		const d = dx(x);
+		const edge = half(y) - Math.abs(d);
+		if (y === 24 && Math.abs(d) <= 4.5) g[y][x] = shade(cell, .78);
+		else if (y >= 26 && edge >= 1.6 && edge < 2.6) g[y][x] = shade(cell, .82);
+		else if (d > 0 && edge < 1.6) g[y][x] = shade(cell, .84);
+		else if (d < 0 && edge < 1.6 && y <= 26) g[y][x] = mix$1(cell, WHITE, .28);
+		else if (d < -2 && y <= 25) g[y][x] = mix$1(cell, WHITE, .14);
 	}
-};
-const AVATAR_RANGES = {
-	spacing: [-1, 1],
-	height: [-1, 1],
-	hairLength: [-2, 2]
-};
-const DETAIL_KEYS = [...Object.keys(AVATAR_HAIR_PARTS), ...Object.keys(AVATAR_RANGES)];
-const AVATAR_COLORS = [
-	"skinColor",
-	"hairColor",
-	"eyeColor",
-	"shirtColor"
-];
-const DEFAULT_RECIPE = {
-	schemaVersion: 1,
-	family: "illustrated",
-	assetVersion: 1,
-	rigVersion: 1,
-	head: "round",
-	pose: "front",
-	hair: "crop",
-	eyes: "round",
-	brows: "soft",
-	nose: "button",
-	mouth: "smile",
-	cheeks: "blush",
-	glasses: "none",
-	outfit: "tee",
-	backdrop: "sparkles",
-	accessory: "none",
-	skinColor: "#f2c9a8",
-	hairColor: "#5a3a2a",
-	eyeColor: "#3f7fbf",
-	shirtColor: "#5b8bd6"
-};
-const PART_KEYS = Object.keys(AVATAR_PARTS);
-function isPixelAvatarRecipe(value) {
-	if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
-	const r = value;
-	const detailed = DETAIL_KEYS.filter((key) => Object.hasOwn(r, key)).length;
-	if (detailed !== 0 && detailed !== DETAIL_KEYS.length) return false;
-	if (Object.keys(r).length !== Object.keys(DEFAULT_RECIPE).length + detailed) return false;
-	return (detailed === 0 || Object.keys(AVATAR_HAIR_PARTS).every((key) => typeof r[key] === "string" && AVATAR_HAIR_PARTS[key].includes(r[key])) && Object.keys(AVATAR_RANGES).every((key) => {
-		const v = r[key];
-		const [min, max] = AVATAR_RANGES[key];
-		return typeof v === "number" && Number.isInteger(v) && v >= min && v <= max;
-	})) && r["schemaVersion"] === 1 && r["family"] === "illustrated" && r["assetVersion"] === 1 && r["rigVersion"] === 1 && PART_KEYS.every((key) => typeof r[key] === "string" && AVATAR_PARTS[key].includes(r[key])) && AVATAR_COLORS.every((key) => typeof r[key] === "string" && /^#[\da-f]{6}$/iu.test(r[key]));
 }
-function canonicalRecipe(recipe) {
-	const canonical = {
-		schemaVersion: 1,
-		family: "illustrated",
-		assetVersion: 1,
-		rigVersion: 1
+function accessory(recipe, g, s, face) {
+	const shirt = recipe.shirtColor;
+	const cap = ellipse(C + s, 14, 11.6, 11.2);
+	switch (recipe.accessory) {
+		case "none": return;
+		case "beanie":
+			paint(g, (x, y) => cap(x, y) && y <= 8, shirt);
+			paint(g, (x, y) => cap(x, y) && (y === 8 || y === 9), shade(shirt, .78));
+			paint(g, ellipse(C + s, 1.6, 2.2, 1.8), WHITE);
+			return;
+		case "cap":
+			paint(g, (x, y) => cap(x, y) && y <= 8, shirt);
+			paint(g, (x, y) => y === 9 && x + .5 >= C + s - 10 && x + .5 <= C + s + 13, shade(shirt, .72));
+			return;
+		case "headphones": {
+			const band = (x, y) => ellipse(C + s, 14, 12, 11.6)(x, y) && !ellipse(C + s, 14, 10.8, 10.4)(x, y) && y <= 13;
+			paint(g, band, "#5d5b66");
+			paint(g, (x, y) => y >= 12 && y <= 19 && (Math.abs(x + .5 - (C + s - 11)) <= 1.6 || Math.abs(x + .5 - (C + s + 11)) <= 1.6), "#e25d6a");
+			return;
+		}
+		case "flower":
+			sprite(g, [
+				".P.P.",
+				"PPYPP",
+				".PPP."
+			], Math.round(C + s) + 6, 3, {
+				P: "#f59fba",
+				Y: GOLD
+			});
+			return;
+		case "bow":
+			sprite(g, [
+				"RR.RR",
+				"RRrRR",
+				"RR.RR"
+			], Math.round(C + s) + 6, 3, {
+				R: "#e5566a",
+				r: "#b83a50"
+			});
+			return;
+		case "earring": {
+			const xs = [...Array(N).keys()].filter((x) => face(x, 19));
+			if (xs.length) {
+				sprite(g, ["G", "G"], xs[0] - 1, 20, { G: GOLD });
+				sprite(g, ["G", "G"], xs.at(-1) + 1, 20, { G: GOLD });
+			}
+			return;
+		}
+		case "crown":
+			sprite(g, [
+				"G.G.G.G",
+				"GGGGGGG",
+				"GrGbGrG"
+			], Math.round(C + s) - 3, 0, {
+				G: GOLD,
+				r: "#e5566a",
+				b: "#5a9be0"
+			});
+			return;
+		case "halo":
+			paint(g, (x, y) => ellipse(C + s, 1.6, 6.5, 1.8)(x, y) && !ellipse(C + s, 1.6, 4.4, .8)(x, y), GOLD);
+			return;
+		case "catears": {
+			const ear = [
+				"X...",
+				"XX..",
+				"XPX.",
+				"XXXX"
+			];
+			sprite(g, ear, Math.round(C + s) - 9, 2, {
+				X: recipe.hairColor,
+				P: "#f4a3b5"
+			});
+			sprite(g, ear, Math.round(C + s) + 5, 2, {
+				X: recipe.hairColor,
+				P: "#f4a3b5"
+			}, true);
+			return;
+		}
+		case "hairclip":
+			sprite(g, ["CC.CC", ".CCC."], Math.round(C + s) + 3, 9, { C: "#e5566a" });
+			return;
+		case "horns": {
+			const horn = [
+				".H",
+				"HH",
+				"Hh"
+			];
+			sprite(g, horn, Math.round(C + s) - 8, 1, {
+				H: "#5b3a6e",
+				h: "#7d5694"
+			});
+			sprite(g, horn, Math.round(C + s) + 6, 1, {
+				H: "#5b3a6e",
+				h: "#7d5694"
+			}, true);
+			return;
+		}
+		case "beret":
+			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y), shirt);
+			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y) && y >= 6, shade(shirt, .78));
+			paint(g, (x, y) => ellipse(C + s + 1.5, 4.6, 10.5, 3.6)(x, y) && y <= 2 && x + .5 < C + s, mix$1(shirt, WHITE, .3));
+			sprite(g, ["S"], Math.round(C + s) + 1, 0, { S: shade(shirt, .6) });
+			return;
+		case "ribbon":
+			sprite(g, [
+				"RRR.RRR",
+				"RrRRRrR",
+				"RRR.RRR",
+				".R...R."
+			], Math.round(C + s) - 3, 0, {
+				R: "#e5566a",
+				r: "#f49aa8"
+			});
+			return;
+		case "headband":
+			paint(g, (x, y) => ellipse(C + s, 14, 11.2, 10.8)(x, y) && !ellipse(C + s, 14.2, 10.2, 9.8)(x, y) && y <= 8, shirt);
+			paint(g, (x, y) => ellipse(C + s, 14, 11.2, 10.8)(x, y) && !ellipse(C + s, 14.2, 10.2, 9.8)(x, y) && y <= 5, mix$1(shirt, WHITE, .35));
+			return;
+		case "bunnyears": {
+			const ear = [
+				"WW",
+				"WP",
+				"WP",
+				"WP",
+				"WW"
+			];
+			sprite(g, ear, Math.round(C + s) - 6, 0, {
+				W: "#f4f1ec",
+				P: "#f4a3b5"
+			});
+			sprite(g, ear, Math.round(C + s) + 4, 0, {
+				W: "#f4f1ec",
+				P: "#f4a3b5"
+			}, true);
+			return;
+		}
+		case "horseears": {
+			const ear = [
+				".X.",
+				"XPX",
+				"XPX",
+				"XXX"
+			];
+			sprite(g, ear, Math.round(C + s) - 9, 1, {
+				X: shade(recipe.hairColor, .9),
+				P: "#f4a3b5"
+			});
+			sprite(g, ear, Math.round(C + s) + 6, 1, {
+				X: shade(recipe.hairColor, .9),
+				P: "#f4a3b5"
+			});
+			sprite(g, ["BB", "BB"], Math.round(C + s) + 3, 7, { B: "#5a9be0" });
+			return;
+		}
+		case "flowercrown":
+			for (const [fx, color] of [
+				[-8, "#f59fba"],
+				[-4, GOLD],
+				[0, "#f4f1ec"],
+				[4, "#f59fba"],
+				[8, GOLD]
+			]) sprite(g, [
+				".F.",
+				"FCF",
+				".F."
+			], Math.round(C + s) + fx - 1, 4 + Math.round(Math.abs(fx) / 4), {
+				F: color,
+				C: color === GOLD ? "#e2565f" : GOLD
+			});
+			paint(g, (x, y) => y === 6 + Math.round(Math.abs(x + .5 - C - s) / 4) && Math.abs(x + .5 - C - s) <= 9 && x % 2 === 1, "#5aa36b");
+			return;
+		case "witch":
+			paint(g, (x, y) => y >= 6 && y <= 7 && Math.abs(x + .5 - C - s) <= 13, "#3a2f52");
+			paint(g, (x, y) => y <= 6 && Math.abs(x + .5 - C - s - (6 - y) * .5) <= 1 + y * .9, "#4b3d6b");
+			paint(g, (x, y) => y === 5 && Math.abs(x + .5 - C - s - .5) <= 5.2, "#efb93f");
+			return;
+		case "pins":
+			sprite(g, [
+				"Y.Y",
+				".Y.",
+				"Y.Y",
+				"...",
+				"B.B",
+				".B.",
+				"B.B"
+			], Math.round(C + s) + 6, 7, {
+				Y: GOLD,
+				B: "#5a9be0"
+			});
+			return;
+	}
+}
+function pixelTileColor(hair) {
+	const [r, g, b] = channels$1(hair).map((v) => v / 255);
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const lightness = (max + min) / 2;
+	const chroma = max - min;
+	const saturation = chroma === 0 ? 0 : chroma / (1 - Math.abs(2 * lightness - 1));
+	if (saturation < .18 || lightness > .86 || lightness < .16) return "#ece8e1";
+	const hue = max === r ? ((g - b) / chroma + 6) % 6 : max === g ? (b - r) / chroma + 2 : (r - g) / chroma + 4;
+	const s = Math.min(.55, Math.max(.35, saturation * .6));
+	const l = .88;
+	const f = (n) => {
+		const k = (n + hue * 2) % 12;
+		return l - s * Math.min(l, 1 - l) * Math.max(-1, Math.min(k - 3, 9 - k, 1));
 	};
-	for (const key of PART_KEYS) canonical[key] = recipe[key];
-	for (const key of AVATAR_COLORS) canonical[key] = recipe[key].toLowerCase();
-	if (recipe.bangs !== void 0) for (const key of DETAIL_KEYS) canonical[key] = recipe[key];
-	return canonical;
+	return hex([
+		f(0),
+		f(8),
+		f(4)
+	].map((v) => v * 255));
 }
-function detailedRecipe(recipe) {
-	if (recipe.bangs !== void 0) return recipe;
-	const pick = (part) => AVATAR_HAIR_PARTS[part].includes(recipe.hair) ? recipe.hair : HAIR_SPLIT[recipe.hair][part];
-	return {
-		...recipe,
-		bangs: pick("bangs"),
-		sideHair: pick("sideHair"),
-		backHair: pick("backHair"),
-		spacing: 0,
-		height: 0,
-		hairLength: 0
+function pixelFigure(recipe, yawDeg, options = {}) {
+	const yaw = yawDeg * Math.PI / 180;
+	const sinY = Math.sin(yaw);
+	const s = Math.round(sinY * 3);
+	const fs = Math.round(sinY * 10);
+	const b = -Math.round(sinY * 3.5);
+	const turned = Math.abs(sinY) >= .3;
+	const d = Math.sign(sinY);
+	const skin = recipe.skinColor;
+	const hairColor = recipe.hairColor;
+	const front = FACE[recipe.head](s * .5);
+	const face = turned ? (x, y) => {
+		const dx = x + .5 - C;
+		const tuck = y >= 17 && d * dx > 4 ? Math.min(2, (y - 16) * .35) : 0;
+		return front(x - Math.round(d * (1 + Math.max(0, y - 20) * .4) - d * tuck), y);
+	} : front;
+	const masks = recipe.bangs === void 0 ? hair(recipe, s, b) : detailedHair(recipe, s, b);
+	const body = blank();
+	outfit(recipe, body, s);
+	const back = blank();
+	paint(back, masks.back, shade(hairColor, .82));
+	if (masks.bands) paint(back, (x, y) => masks.back(x, y) && (y + Math.floor(x / 2)) % 4 === 0, shade(hairColor, .68));
+	const head = blank();
+	paint(head, face, skin);
+	const earY = 15;
+	const edge = (side) => {
+		const xs = [...Array(N).keys()].filter((x) => face(x, earY));
+		return side < 0 ? xs[0] - 1 : xs.at(-1) + 1;
 	};
-}
-const AVATAR_SWATCHES = {
-	skinColor: [
-		"#ffe3cf",
-		"#f2c9a8",
-		"#e0a87e",
-		"#c68863",
-		"#9a6142",
-		"#6e4129",
-		"#4a2c1c",
-		"#f4f1ec"
-	],
-	hairColor: [
-		"#1d1b22",
-		"#5a3a2a",
-		"#8a5a36",
-		"#e2b04a",
-		"#c4452f",
-		"#d9475a",
-		"#f06292",
-		"#3fc1b8",
-		"#5a7be0",
-		"#9aa3ad",
-		"#f4f1ec"
-	],
-	eyeColor: [
-		"#3f7fbf",
-		"#5a3a2a",
-		"#2f9e8f",
-		"#4c8a3c",
-		"#8a5ad0",
-		"#d0533f",
-		"#d9a13a",
-		"#2a2230"
-	],
-	shirtColor: [
-		"#5b8bd6",
-		"#e07a5f",
-		"#3d9970",
-		"#7a5cc7",
-		"#f2c14e",
-		"#2f3a4a",
-		"#e2565f",
-		"#9ad0c2"
-	]
-};
-const SEEDED_CHOICES = {
-	head: [
-		"round",
-		"oval",
-		"square",
-		"long",
-		"heart",
-		"vchin",
-		"chubby",
-		"diamond"
-	],
-	pose: ["front"],
-	hair: AVATAR_PARTS.hair.filter((hair) => hair !== "none"),
-	eyes: [
-		"round",
-		"round",
-		"sparkle",
-		"lashes",
-		"dot",
-		"happy",
-		"sharp"
-	],
-	brows: [
-		"soft",
-		"soft",
-		"thick",
-		"raised"
-	],
-	nose: [
-		"button",
-		"dot",
-		"none"
-	],
-	mouth: [
-		"smile",
-		"smile",
-		"grin",
-		"open",
-		"cat"
-	],
-	cheeks: [
-		"blush",
-		"blush",
-		"freckles",
-		"none"
-	],
-	glasses: [
-		"none",
-		"none",
-		"none",
-		"none",
-		"round",
-		"square"
-	],
-	accessory: [
-		"none",
-		"none",
-		"none",
-		"flower",
-		"bow",
-		"hairclip",
-		"catears",
-		"headphones",
-		"beanie",
-		"cap"
-	],
-	outfit: AVATAR_PARTS.outfit,
-	backdrop: [
-		"sparkles",
-		"hearts",
-		"stars",
-		"dots"
-	]
-};
-/**
-* Returns a name-seeded recipe factory. Different namespaces give different faces for the same
-* name; the factory takes the name only, so it is safe to pass straight to `Array.map`.
-*/
-function createSeededRecipe(namespace) {
-	return (seed) => {
-		const random = seededRandom(`${namespace}:${seed.trim().toLowerCase()}`);
-		const pick = (values) => values[Math.floor(random() * values.length)];
-		const recipe = {
-			schemaVersion: 1,
-			family: "illustrated",
-			assetVersion: 1,
-			rigVersion: 1
+	const goblin = recipe.species === "goblin";
+	if (goblin) {
+		const ear = [
+			"E...",
+			"EE..",
+			".EiE",
+			"..Ee"
+		];
+		const pal = {
+			E: skin,
+			e: shade(skin, .86),
+			i: shade(skin, .74)
+		};
+		paint(head, masks.front, hairColor);
+		for (const ex of turned ? [-d] : [-1, 1]) sprite(head, ear, ex < 0 ? edge(ex) - 3 : edge(ex), earY - 2, pal, ex > 0);
+	} else if (!turned) for (const ex of [-1, 1]) sprite(head, [
+		"E",
+		"E",
+		"e"
+	], edge(ex), earY, {
+		E: skin,
+		e: shade(skin, .86)
+	});
+	else sprite(head, [
+		"EE",
+		"Ee",
+		"Ee",
+		"E."
+	], d > 0 ? edge(-d) - 1 : edge(-d), earY, {
+		E: skin,
+		e: shade(skin, .8)
+	});
+	if (!goblin) paint(head, masks.front, hairColor);
+	for (const [x, y] of masks.ties ?? []) sprite(back, ["T"], Math.round(x), y, { T: shade(recipe.shirtColor, .8) });
+	accessory(recipe, head, s, face);
+	const shadeHair = (g) => {
+		const out = g.map((r) => [...r]);
+		const cells = g.flatMap((row, y) => row.flatMap((c, x) => c === hairColor ? [[x, y]] : []));
+		const xs = cells.map(([x]) => x);
+		const ys = cells.map(([, y]) => y);
+		const left = Math.min(...xs);
+		const right = Math.max(...xs);
+		const top = Math.min(...ys);
+		const mid = (left + right) / 2;
+		const span = Math.max(1, (right - left) / 2);
+		const light = mix$1(hairColor, WHITE, .2);
+		const dark = shade(hairColor, .8);
+		const middle = shade(hairColor, .9);
+		for (const [x, y] of cells) {
+			const side = (x + .5 - mid) / span + (y - top) * .025;
+			if (side > .72) out[y][x] = dark;
+			else if (side > .42) out[y][x] = middle;
+			else if (side < -.2 && y <= top + 4) out[y][x] = light;
+		}
+		for (const [x, y] of cells) if ((g[y][x - 1] === skin || g[y][x + 1] === skin) && y >= 14) out[y][x] = shade(hairColor, .74);
+		else if (Math.abs(x + .5 - C - s) >= 7.5 && y >= 14 && (x + 40 - s) % 3 === 0) out[y][x] = shade(out[y][x], .86);
+		for (let y = 1; y < N; y++) for (let x = 0; x < N; x++) {
+			if (g[y][x] !== skin) continue;
+			if (g[y - 1][x] === hairColor) out[y][x] = mix$1(shade(skin, .84), BLUSH, .12);
+			else if (x + 1 < N && g[y][x + 1] !== skin && g[y][x + 1] !== void 0 && x > C + s) out[y][x] = shade(skin, .9);
+			else if (x + 1 < N && g[y][x + 1] === void 0 && x > C + s) out[y][x] = shade(skin, .9);
+		}
+		for (let y = 0; y < N - 1; y++) for (let x = 0; x < N; x++) if (g[y][x] === hairColor && g[y + 1][x] === skin) out[y][x] = shade(hairColor, .62);
+		for (let x = 0; x < N; x++) for (let y = 3; y < N; y++) if (g[y][x] === hairColor && g[y + 1]?.[x] === skin && (x + 40 - s) % 4 === 0) {
+			for (let k = 1; k <= 3; k++) if (g[y - k]?.[x] === hairColor) out[y - k][x] = shade(hairColor, .72);
+		}
+		const ring = mix$1(hairColor, WHITE, .45);
+		for (let x = Math.round(C + s) - 7; x <= Math.round(C + s) + 3; x++) {
+			const first = g.findIndex((row) => row[x] === hairColor);
+			if (first < 0) continue;
+			const y = first + 2 + Math.round(Math.abs(x + .5 - (C + s - 2)) / 4);
+			if (g[y]?.[x] === hairColor && x % 3 !== 0) out[y][x] = ring;
+		}
+		return out;
+	};
+	const figure = blank();
+	for (const layer of [
+		back,
+		body,
+		shadeHair(head)
+	]) for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) if (layer[y][x]) figure[y][x] = layer[y][x];
+	const features = blank();
+	const eyes = blank();
+	const closed = blank();
+	const glasses = blank();
+	const sp = recipe.spacing ?? 0;
+	const h = recipe.height ?? 0;
+	const eyeTop = 15 + h;
+	const eyeW = (side) => turned && Math.sign(fs) === side ? 3 : 4;
+	const eyeX = (side) => {
+		const w = eyeW(side);
+		return side < 0 ? Math.round(C + fs * .6) - 6 - sp - (w === 3 ? -1 : 0) : Math.round(C + fs * .6) + 2 + sp;
+	};
+	const left = {
+		x: eyeX(-1),
+		w: eyeW(-1)
+	};
+	const right = {
+		x: eyeX(1),
+		w: eyeW(1)
+	};
+	const fit = (rows, w) => rows.map((r) => r.slice(Math.max(0, r.length - w)));
+	const pal = {
+		K: INK$1,
+		W: WHITE,
+		D: shade(recipe.eyeColor, .55),
+		I: recipe.eyeColor,
+		L: mix$1(recipe.eyeColor, WHITE, .45)
+	};
+	const style = EYES[recipe.eyes];
+	const extra = style[0].length - 4;
+	sprite(eyes, fit(style, left.w + extra), left.x - extra, eyeTop, pal);
+	sprite(eyes, recipe.eyes === "wink" ? fit(CLOSED, right.w) : fit(style, right.w + extra), right.x, eyeTop, pal, true);
+	sprite(closed, fit(CLOSED, left.w), left.x, eyeTop, pal);
+	sprite(closed, fit(CLOSED, right.w), right.x, eyeTop, pal, true);
+	const browRows = BROWS[recipe.brows];
+	if (browRows.length) {
+		sprite(features, fit(browRows, left.w), left.x, eyeTop - 2, { B: shade(hairColor, .55) });
+		sprite(features, fit(browRows, right.w), right.x, eyeTop - 2, { B: shade(hairColor, .55) }, true);
+	}
+	const cx = Math.round(C + fs * (turned ? .85 : .6));
+	if (recipe.nose === "dot") sprite(features, ["N"], cx, 18 + h, { N: shade(skin, .78) });
+	if (recipe.nose === "button") sprite(features, ["N"], cx, 18 + h, { N: shade(skin, .88) });
+	if (recipe.nose === "line") sprite(features, ["N", "N"], cx, 17 + h, { N: shade(skin, .82) });
+	const mx = C - .5 + fs * .6;
+	const withMouth = (mouth) => {
+		const layer = features.map((row) => [...row]);
+		sprite(layer, mouth, Math.round(mx - (mouth[0].length - 1) / 2), 20 + h, {
+			K: MOUTH,
+			M: MOUTH_INSIDE,
+			T: TONGUE,
+			W: WHITE
+		});
+		if (recipe.species === "goblin") for (const tx of [Math.round(mx - 2.5), Math.round(mx + 2.5)]) sprite(layer, ["T"], tx, 21 + h, { T: TUSK });
+		if (recipe.cheeks === "blush") {
+			sprite(layer, ["PP"], left.x - 1, 19 + h, { P: mix$1(BLUSH, skin, .25) });
+			sprite(layer, ["PP"], right.x + right.w - 1, 19 + h, { P: mix$1(BLUSH, skin, .25) });
+		}
+		if (recipe.cheeks === "freckles") {
+			sprite(layer, ["F.F"], left.x, 19 + h, { F: shade(skin, .7) });
+			sprite(layer, ["F.F"], right.x + 1, 19 + h, { F: shade(skin, .7) });
+		}
+		return layer;
+	};
+	const savedFeatures = withMouth(MOUTHS[recipe.mouth]);
+	const featureMarkup = options.mouthLayers ? [
+		["saved", MOUTHS[recipe.mouth]],
+		["closed", ["KKK"]],
+		["half-open", ["KKK", "MMM"]],
+		["open", [
+			".K.",
+			"KMK",
+			".K."
+		]]
+	].map(([state, rows]) => `<g data-avatar-mouth="${state}" opacity="${state === "saved" ? 1 : 0}">${rects(withMouth(rows))}</g>`).join("") : rects(savedFeatures);
+	const frame = (fx, w, round) => paint(glasses, (x, y) => {
+		const inside = x >= fx && x < fx + w && y >= eyeTop && y <= eyeTop + 3;
+		const box = x >= fx - 1 && x <= fx + w && y >= eyeTop - 1 && y <= eyeTop + 4;
+		const corner = (x === fx - 1 || x === fx + w) && (y === eyeTop - 1 || y === eyeTop + 4);
+		return box && !inside && !(round && corner);
+	}, INK$1);
+	if (recipe.glasses === "round" || recipe.glasses === "square") {
+		frame(left.x, left.w, recipe.glasses === "round");
+		frame(right.x, right.w, recipe.glasses === "round");
+		paint(glasses, (x, y) => y === eyeTop + 1 && x > left.x + left.w && x < right.x - 1, INK$1);
+	}
+	if (recipe.glasses === "shades") {
+		for (const e of [left, right]) paint(glasses, (x, y) => x >= e.x - 1 && x <= e.x + e.w && y >= eyeTop && y <= eyeTop + 2, INK$1);
+		paint(glasses, (x, y) => y === eyeTop && x > left.x + left.w && x < right.x - 1, INK$1);
+		for (const e of [left, right]) sprite(glasses, ["W"], e.x, eyeTop, { W: "#7d7b88" });
+	}
+	if (recipe.glasses === "monocle") {
+		frame(right.x, right.w, true);
+		sprite(glasses, [
+			"G",
+			"G",
+			"G"
+		], right.x + right.w, eyeTop + 5, { G: GOLD });
+	}
+	const full = clip(outline(figure));
+	AVATAR_PIECE_COLORS.forEach((key, i) => {
+		const color = recipe[key];
+		const mask = masks.sides?.[i];
+		if (color === void 0 || !mask || color.toLowerCase() === hairColor.toLowerCase()) return;
+		const variant = blank();
+		const plain = {
+			...recipe,
+			hairColor: color
 		};
-		for (const part of Object.keys(AVATAR_PARTS)) recipe[part] = pick(SEEDED_CHOICES[part]);
-		for (const color of AVATAR_COLORS) recipe[color] = pick(AVATAR_SWATCHES[color].slice(0, 7));
-		return recipe;
+		for (const k of AVATAR_PIECE_COLORS) delete plain[k];
+		for (const cell of pixelFigure(plain, yawDeg).cells) variant[cell.y][cell.x] = cell.c;
+		const near = (x, y) => mask(x, y) || mask(x - 1, y) || mask(x + 1, y) || mask(x, y - 1) || mask(x, y + 1);
+		for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) if (full[y][x] && near(x, y) && !eyes[y][x] && !glasses[y][x]) full[y][x] = variant[y][x];
+	});
+	const bodyCells = blank();
+	const headCells = blank();
+	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
+		const c = full[y][x];
+		if (!c) continue;
+		if (y >= 22 && !head[y][x] && !back[y][x]) bodyCells[y][x] = c;
+		else headCells[y][x] = c;
+	}
+	const cells = [];
+	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
+		const c = glasses[y][x] ?? eyes[y][x] ?? savedFeatures[y][x] ?? full[y][x];
+		if (c) cells.push({
+			x,
+			y,
+			c
+		});
+	}
+	return {
+		cells,
+		tile: `<rect width="32" height="32" rx="6" fill="${pixelTileColor(recipe.hairColor)}"/>`,
+		body: `<g class="bh-illustrated-body">${rects(bodyCells)}</g>`,
+		head: [
+			`<g class="bh-illustrated-head">${rects(headCells)}`,
+			`<g class="bh-illustrated-face">${featureMarkup}`,
+			`<g class="bh-illustrated-gaze">${rects(eyes)}</g>`,
+			`<g class="bh-illustrated-blink" opacity="0">${rects(closed)}</g>`,
+			`${rects(glasses)}</g></g>`
+		].join("")
 	};
 }
-/** The same name always gives the same face (BotHarness's namespace). */
-const seededRecipe = createSeededRecipe("botharness-avatar");
-const preset = (parts) => ({
-	...DEFAULT_RECIPE,
-	...parts
-});
-const AVATAR_PRESETS = [
-	preset({
-		hair: "wavy",
-		eyes: "lashes",
-		accessory: "beret",
-		outfit: "dress",
-		skinColor: "#ffe3cf",
-		hairColor: "#e2b04a",
-		eyeColor: "#3f7fbf",
-		shirtColor: "#e2565f",
-		backdrop: "stars"
-	}),
-	preset({
-		hair: "braids",
-		accessory: "flowercrown",
-		outfit: "cardigan",
-		skinColor: "#ffe3cf",
-		hairColor: "#8a5a36",
-		eyeColor: "#4c8a3c",
-		shirtColor: "#9ad0c2",
-		backdrop: "hearts"
-	}),
-	preset({
-		hair: "twintails",
-		eyes: "sparkle",
-		accessory: "ribbon",
-		outfit: "maid",
-		skinColor: "#ffe3cf",
-		hairColor: "#3fc1b8",
-		eyeColor: "#2f9e8f",
-		shirtColor: "#e2565f",
-		backdrop: "stars"
-	}),
-	preset({
-		hair: "long",
-		accessory: "horseears",
-		outfit: "jacket",
-		skinColor: "#ffe3cf",
-		hairColor: "#8a5a36",
-		eyeColor: "#d0533f",
-		shirtColor: "#5b8bd6",
-		backdrop: "dots"
-	}),
-	preset({
-		hair: "hime",
-		eyes: "sleepy",
-		accessory: "pins",
-		outfit: "kimono",
-		skinColor: "#f4f1ec",
-		hairColor: "#1d1b22",
-		eyeColor: "#d0533f",
-		shirtColor: "#7a5cc7",
-		backdrop: "none"
-	}),
-	preset({
-		hair: "ahoge",
-		accessory: "headband",
-		outfit: "sailor",
-		skinColor: "#ffe3cf",
-		hairColor: "#f06292",
-		eyeColor: "#2f9e8f",
-		shirtColor: "#f4f1ec",
-		backdrop: "hearts"
-	}),
-	preset({
-		hair: "wolf",
-		eyes: "sharp",
-		outfit: "jacket",
-		skinColor: "#e0a87e",
-		hairColor: "#9aa3ad",
-		eyeColor: "#5a7be0",
-		shirtColor: "#2f3a4a",
-		backdrop: "stars"
-	}),
-	preset({
-		hair: "wavy",
-		eyes: "sparkle",
-		accessory: "witch",
-		outfit: "dress",
-		skinColor: "#ffe3cf",
-		hairColor: "#8a5ad0",
-		eyeColor: "#d9a13a",
-		shirtColor: "#2f3a4a",
-		backdrop: "sparkles"
-	}),
-	preset({
-		hair: "bob",
-		eyes: "happy",
-		accessory: "bunnyears",
-		outfit: "cardigan",
-		skinColor: "#ffe3cf",
-		hairColor: "#f4f1ec",
-		eyeColor: "#d9475a",
-		shirtColor: "#f2c14e",
-		backdrop: "hearts"
-	}),
-	preset({
-		hair: "spiky",
-		glasses: "round",
-		accessory: "headphones",
-		outfit: "hoodie",
-		backdrop: "dots"
-	}),
-	preset({
-		hair: "odango",
-		eyes: "lashes",
-		accessory: "bow",
-		outfit: "kimono",
-		hairColor: "#e2b04a",
-		shirtColor: "#5b8bd6",
-		backdrop: "sparkles"
-	}),
-	preset({
-		hair: "crop",
-		accessory: "cap",
-		outfit: "shirttie",
-		skinColor: "#9a6142",
-		hairColor: "#1d1b22",
-		shirtColor: "#3d9970",
-		backdrop: "dots"
-	})
-];
 
 //#endregion
 //#region src/svg.ts
@@ -2051,5 +2131,5 @@ function symbolArtCells(rows, color) {
 }
 
 //#endregion
-export { AVATAR_COLORS, AVATAR_HAIR_PARTS, AVATAR_PARTS, AVATAR_PRESETS, AVATAR_RANGES, AVATAR_SWATCHES, AVATAR_TURNS, DEFAULT_RECIPE, PIXEL_SYMBOLS, canonicalRecipe, createSeededRecipe, detailedRecipe, faceCells, isPixelAvatarRecipe, pixelAvatarSvg, pixelFigure, pixelSymbolCells, pixelTileColor, seededRandom, seededRecipe, symbolArtCells };
+export { AVATAR_COLORS, AVATAR_HAIR_PARTS, AVATAR_PARTS, AVATAR_PIECE_COLORS, AVATAR_PRESETS, AVATAR_RANGES, AVATAR_SPECIES, AVATAR_SPECIES_SWATCHES, AVATAR_SWATCHES, AVATAR_TURNS, DEFAULT_RECIPE, PIXEL_SYMBOLS, canonicalRecipe, createSeededRecipe, detailedRecipe, faceCells, isPixelAvatarRecipe, pixelAvatarSvg, pixelFigure, pixelSymbolCells, pixelTileColor, seededRandom, seededRecipe, symbolArtCells, withSpecies };
 //# sourceMappingURL=index.js.map