`;
@@ -430,6 +440,18 @@ function itemChip(id, qty, have) {
return `${item(id).icon} ${have !== undefined ? `${fmt(have)} / ${fmt(qty)}` : fmt(qty)}`;
}
+// A recipe's inputs as "have / need", with the fuel a lit fire pays struck through.
+function inputChips(a) {
+ const me = S.me, ins = me.fuelled?.[a.id] || a.inputs;
+ return Object.entries(a.inputs).map(([id, q]) => {
+ const need = ins[id] || 0, have = me.bank[id] || 0;
+ if (need === q) return itemChip(id, q, have);
+ const tip = `title="${esc(`${item(id).name}: the ${C.fires[a.fire].name.toLowerCase()} pays ${q - need}`)}"`;
+ return need ? `${item(id).icon} ${fmt(have)} / ${q} ${need}`
+ : `${item(id).icon} ${q}`;
+ }).join("");
+}
+
// Progress towards a building cost: "have / need".
function costChip(icon, name, need, have) {
return `${icon} ${fmt(have)} / ${fmt(need)}`;
@@ -459,6 +481,8 @@ function skillPage(id) {
: `
Nothing under construction.
`;
if (id === "farming" && me.cls === "homesteader") html += plotsPanel();
html += skillGear(id);
+ if (id === "firekeeping") return html + firekeepingPage();
+ html += fireBand(id);
if (id === "reconnaissance") html += `
Raises intel on the coming threat. Higher levels open as it nears.
`;
html += skillHappenings(id);
const wanted = (S.orders || []).filter((o) => o.skill === id && canTake(o));
@@ -539,6 +563,196 @@ function skillGear(skill) {
return cards.length ? `
${cards.join("")}
` : "";
}
+// --- fires ----------------------------------------------------------------
+// The guild's shared fires. Between polls the client burns them down itself, hottest
+// fuel first, the same way the server does.
+
+const ROMAN = ["I", "II", "III", "IV", "V", "VI"];
+// Core to edge of each flame colour, for the animated fires.
+const FLAME_RAMPS = [["#fff3cf", "#ffb54a", "#ff6a2a", "#8a210a"], ["#fffbe6", "#ffe680", "#f2a81f", "#7a4a06"],
+ ["#ffffff", "#f6f4ff", "#c9c4e0", "#4d4a66"], ["#eef8ff", "#8fd0ff", "#3485ea", "#10347a"],
+ ["#ecfff1", "#8af5ab", "#22b85a", "#0a4a25"], ["#f8efff", "#d6b0ff", "#9150f0", "#3a1474"]];
+const STILL = matchMedia("(prefers-reduced-motion: reduce)").matches;
+let firewood = Number(remember("firewood") ?? -1); // the log tier picked for tending
+const flames = {}; // fire -> its particles, kept across renders
+let fireTextAt = 0;
+
+const fireOfSkill = (skill) => Object.keys(C.fires).find((id) => C.fires[id].skill === skill);
+const flameTint = (tier) => tier >= 0 ? C.flames[tier][1] : "#5d626b";
+const tendLevel = (tier) => C.actions.find((a) => a.id === `tend_forge_${C.firewood[tier]}`).level;
+
+function fireNow(id) {
+ const f = S.city.fires[id], fuel = f.fuel.map((c) => ({ ...c }));
+ let burn = Math.max(0, serverNow() - f.at) * f.speed;
+ while (burn > 0 && fuel.length) {
+ const top = fuel.reduce((best, c) => (c.tier > best.tier ? c : best));
+ const used = Math.min(burn, top.left);
+ top.left -= used;
+ burn -= used;
+ if (top.left <= 1e-6) fuel.splice(fuel.indexOf(top), 1);
+ }
+ const heat = fuel.reduce((h, c) => Math.max(h, c.tier), -1), left = fuel.reduce((sum, c) => sum + c.left, 0);
+ return { fuel, heat, left, low: heat >= 0 && left < C.fire_low, speed: f.speed };
+}
+
+function pickFirewood() {
+ const me = S.me, open = C.firewood.map((_, t) => t).filter((t) => me.levels.firekeeping >= tendLevel(t));
+ if (open.includes(firewood)) return firewood;
+ return [...open].reverse().find((t) => me.bank[C.firewood[t]]) ?? 0;
+}
+
+function firekeepingPage() {
+ const me = S.me, fk = me.firekeeping, pick = pickFirewood(), speed = Object.values(S.city.fires)[0].speed;
+ const perLog = (tier) => +(C.tend_xp[tier] * fk.minutes).toFixed(1);
+ const logs = C.firewood.map((log, tier) => {
+ const level = tendLevel(tier), locked = me.levels.firekeeping < level;
+ const tip = `${item(log).name} ยท ${C.flames[tier][0]} ยท ${locked ? `Needs level ${level}` : `${perLog(tier)} XP a log`}`;
+ return ``;
+ }).join("");
+ return `
`;
+}
+
+// The fire behind a crafting skill, at the top of its page.
+function fireBand(skill) {
+ const id = fireOfSkill(skill);
+ if (!id) return "";
+ const n = fireNow(id), spec = C.fires[id], lit = n.heat >= 0;
+ const pays = lit && `Pays the log for tier ${ROMAN[n.heat]} and below${id === "forge" ? ", and a coal" : ""}`;
+ return `