genshin-interface 4.1.2 → 4.3.1

package/dist/index.js

@@ -1,5 +1,302 @@
+import { ASCENSION_PHASE_COUNT, CHECK_MARK_PATH, CONSTELLATION_NODE_PLACES, COOKING_ARC_CENTRE_X, COOKING_ARC_CENTRE_Y, COOKING_ARC_RADIUS_X, COOKING_ARC_RADIUS_Y, FIXTURE_VARIANT_SEPARATOR, GAME_CANVAS_INSET, GAME_CANVAS_RECT, GAME_CANVAS_UNIT, GAME_CREAM, GAME_CURSOR, GAME_FONT_FAMILY, GAME_GOLD, GAME_INK, GAME_REPLY_HOVER, GAME_REPLY_HOVER_INK, GAME_REPLY_REST, GAME_ROW_HOVER, GAME_ROW_PRESS, GAME_SMOOTHSTEP_EASING, GAME_UNIT, GAME_WHITE, INTERACTION_HOVER_MS, INTERACTION_KEY_LABEL, INTERACTION_PILL_REST_MS, INTERACTION_PRESS_MS, INTERACTION_REST_MS, MOBILE_INTERFACE_SCALE, ORNAMENT_END_PATH, ORNAMENT_MIDDLE_PATH, SERVER_MARK_DIAMOND_PATH, SERVER_MARK_TICK_PATH, SETTINGS_RING_CENTRE, SETTINGS_RING_RADIUS, SETTINGS_RING_WIDTH } from "./constants.js";
 import { i as ItemCategory, n as BannerKinds, r as ItemCategories, t as BannerKind } from "./save-B6F3omOa.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useCssVars, useModel, useTemplateRef, vModelSelect, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/GameButton/Index.vue
+const _hoisted_1$40 = ["data-kind"];
+const _hoisted_2$32 = {
+	key: 0,
+	class: "tip"
+};
+var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		kind: {},
+		tip: {}
+	},
+	setup(__props, { expose: __expose }) {
+		useCssVars((_ctx) => ({
+			"v8de8a9a0": restDuration,
+			"v4f7d0248": hoverDuration,
+			"v5ff883e5": unref(GAME_GOLD),
+			"c23e4506": unref(GAME_CREAM),
+			"v7defe8be": unref(GAME_INK),
+			"v78a9c41c": unref(GAME_ROW_HOVER),
+			"v77c60e0e": unref(GAME_ROW_PRESS),
+			"v7a0541ee": pillRestDuration,
+			"v307a3362": pressDuration,
+			"v0673242b": unref(GAME_SMOOTHSTEP_EASING),
+			"v40afb3ee": unref(GAME_REPLY_REST),
+			"v5683177c": unref(GAME_REPLY_HOVER),
+			"a79a636e": unref(GAME_REPLY_HOVER_INK)
+		}));
+		const button = useTemplateRef("button");
+		const hoverDuration = `50ms`;
+		const restDuration = `100ms`;
+		const pillRestDuration = `200ms`;
+		const pressDuration = `167ms`;
+		__expose({ focus: () => button.value?.focus() });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" One of the game's buttons, placed by its parent, in its kind's look for each state: at rest, hovered (or focused\n       From the keyboard, which the game draws as a hover), pressed and disabled. The look is the button's own, and its content\n       Takes the colour it sets "), createElementVNode("button", {
+				ref_key: "button",
+				ref: button,
+				class: "game-button",
+				"data-kind": __props.kind,
+				type: "button"
+			}, [renderSlot(_ctx.$slots, "default"), __props.tip ? (openBlock(), createElementBlock("span", _hoisted_2$32, toDisplayString(__props.tip), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_1$40)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-cab29bfa"]]);
+//#endregion
+//#region src/components/PickerShell/Index.vue
+const _hoisted_1$39 = ["aria-label"];
+const _hoisted_2$31 = { class: "title" };
+var Index_default$24 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "picker-shell",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": __props.title
+			}, [createElementVNode("p", _hoisted_2$31, toDisplayString(__props.title), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_1$39);
+		};
+	}
+}), [["__scopeId", "data-v-6f193621"]]);
+//#endregion
+//#region src/models/GameButtonKind.ts
+let GameButtonKind = /* @__PURE__ */ function(GameButtonKind) {
+	GameButtonKind["Disc"] = "Disc";
+	GameButtonKind["Pill"] = "Pill";
+	GameButtonKind["Plain"] = "Plain";
+	GameButtonKind["Reply"] = "Reply";
+	GameButtonKind["Row"] = "Row";
+	return GameButtonKind;
+}({});
+//#endregion
+//#region src/components/ArtifactEnhancePicker/Index.vue
+const _hoisted_1$38 = { class: "summary" };
+const _hoisted_2$30 = { class: "level" };
+const _hoisted_3$28 = { class: "mora" };
+const _hoisted_4$24 = {
+	key: 0,
+	class: "notice"
+};
+const _hoisted_5$22 = { class: "fodders" };
+const _hoisted_6$21 = [
+	"aria-pressed",
+	"data-rarity",
+	"onClick"
+];
+const _hoisted_7$21 = { class: "name" };
+const _hoisted_8$16 = { class: "caption" };
+const _hoisted_9$14 = { class: "materials" };
+const _hoisted_10$13 = { class: "name" };
+const _hoisted_11$9 = { class: "count" };
+const _hoisted_12$9 = { class: "actions" };
+var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		autoAddLabel: {},
+		cancelLabel: {},
+		confirmLabel: {},
+		fodders: {},
+		isConfirmDisabled: { type: Boolean },
+		levelLabel: {},
+		materials: {},
+		moraCost: {},
+		moraLabel: {},
+		notice: {},
+		title: {}
+	},
+	emits: [
+		"autoAdd",
+		"cancel",
+		"confirm",
+		"fodder",
+		"material"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Index_default$24, {
+				class: "enhance-picker",
+				title: __props.title
+			}, {
+				default: withCtx(() => [
+					createElementVNode("p", _hoisted_1$38, [createElementVNode("span", _hoisted_2$30, toDisplayString(__props.levelLabel), 1), createElementVNode("span", _hoisted_3$28, toDisplayString(__props.moraLabel) + " " + toDisplayString(__props.moraCost), 1)]),
+					__props.notice ? (openBlock(), createElementBlock("p", _hoisted_4$24, toDisplayString(__props.notice), 1)) : createCommentVNode("v-if", true),
+					createElementVNode("ul", _hoisted_5$22, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fodders, ({ caption, id, isSelected, name, rarity }) => {
+						return openBlock(), createElementBlock("li", { key: id }, [createElementVNode("button", {
+							class: "option",
+							"aria-pressed": isSelected,
+							"data-rarity": rarity,
+							type: "button",
+							onClick: ($event) => emit("fodder", id)
+						}, [createElementVNode("span", _hoisted_7$21, toDisplayString(name), 1), createElementVNode("span", _hoisted_8$16, toDisplayString(caption), 1)], 8, _hoisted_6$21)]);
+					}), 128))]),
+					createElementVNode("ul", _hoisted_9$14, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.materials, ({ count, id, name, selectedCount }) => {
+						return openBlock(), createElementBlock("li", {
+							key: id,
+							class: "material"
+						}, [
+							createElementVNode("span", _hoisted_10$13, toDisplayString(name), 1),
+							createElementVNode("span", _hoisted_11$9, toDisplayString(selectedCount) + "/" + toDisplayString(count), 1),
+							createVNode(Index_default$16, {
+								disabled: selectedCount <= 0,
+								kind: unref(GameButtonKind).Pill,
+								onClick: ($event) => emit("material", id, -1)
+							}, {
+								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" - ", -1)])]),
+								_: 1
+							}, 8, [
+								"disabled",
+								"kind",
+								"onClick"
+							]),
+							createVNode(Index_default$16, {
+								disabled: selectedCount >= count,
+								kind: unref(GameButtonKind).Pill,
+								onClick: ($event) => emit("material", id, 1)
+							}, {
+								default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" + ", -1)])]),
+								_: 1
+							}, 8, [
+								"disabled",
+								"kind",
+								"onClick"
+							])
+						]);
+					}), 128))]),
+					createElementVNode("div", _hoisted_12$9, [
+						createVNode(Index_default$16, {
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("autoAdd"))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.autoAddLabel), 1)]),
+							_: 1
+						}, 8, ["kind"]),
+						createVNode(Index_default$16, {
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("cancel"))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
+							_: 1
+						}, 8, ["kind"]),
+						createVNode(Index_default$16, {
+							disabled: __props.isConfirmDisabled,
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[2] || (_cache[2] = ($event) => emit("confirm"))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmLabel), 1)]),
+							_: 1
+						}, 8, ["disabled", "kind"])
+					])
+				]),
+				_: 1
+			}, 8, ["title"]);
+		};
+	}
+}), [["__scopeId", "data-v-7c672712"]]);
+//#endregion
+//#region src/components/ArtifactPicker/Index.vue
+const _hoisted_1$37 = { class: "options" };
+const _hoisted_2$29 = ["data-rarity", "onClick"];
+const _hoisted_3$27 = { class: "name" };
+const _hoisted_4$23 = { class: "caption" };
+var Index_default$1 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		closeLabel: {},
+		options: {},
+		title: {}
+	},
+	emits: ["choose", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Index_default$24, {
+				class: "artifact-picker",
+				title: __props.title
+			}, {
+				default: withCtx(() => [createElementVNode("ul", _hoisted_1$37, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, ({ caption, id, name, rarity }) => {
+					return openBlock(), createElementBlock("li", { key: id }, [createElementVNode("button", {
+						class: "option",
+						"data-rarity": rarity,
+						type: "button",
+						onClick: ($event) => emit("choose", id)
+					}, [createElementVNode("span", _hoisted_3$27, toDisplayString(name), 1), createElementVNode("span", _hoisted_4$23, toDisplayString(caption), 1)], 8, _hoisted_2$29)]);
+				}), 128))]), createVNode(Index_default$16, {
+					class: "close",
+					kind: unref(GameButtonKind).Pill,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.closeLabel), 1)]),
+					_: 1
+				}, 8, ["kind"])]),
+				_: 1
+			}, 8, ["title"]);
+		};
+	}
+}), [["__scopeId", "data-v-bf242b3e"]]);
+//#endregion
+//#region src/components/BlessingScreen/Index.vue
+const _hoisted_1$36 = { class: "blessing-screen" };
+const _hoisted_2$28 = { class: "title" };
+const _hoisted_3$26 = { class: "pool" };
+const _hoisted_4$22 = { class: "members" };
+const _hoisted_5$21 = ["onClick"];
+const _hoisted_6$20 = { class: "name" };
+const _hoisted_7$20 = { class: "health" };
+var Index_default$2 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		members: {},
+		poolAmount: {},
+		poolMaximum: {},
+		title: {},
+		worshipTitle: {}
+	},
+	emits: [
+		"close",
+		"heal",
+		"worship"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The layout is provisional until the recording of the Blessing screen shows it "), createElementVNode("div", _hoisted_1$36, [
+				createElementVNode("h1", _hoisted_2$28, toDisplayString(__props.title), 1),
+				createElementVNode("button", {
+					class: "close",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "×"),
+				createElementVNode("button", {
+					class: "worship",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("worship"))
+				}, toDisplayString(__props.worshipTitle), 1),
+				createElementVNode("p", _hoisted_3$26, toDisplayString(Math.floor(__props.poolAmount)) + " / " + toDisplayString(__props.poolMaximum), 1),
+				createElementVNode("ul", _hoisted_4$22, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.members, ({ healthShare, id, name }) => {
+					return openBlock(), createElementBlock("li", { key: id }, [createElementVNode("button", {
+						type: "button",
+						onClick: ($event) => emit("heal", id)
+					}, [createElementVNode("span", _hoisted_6$20, toDisplayString(name), 1), createElementVNode("span", _hoisted_7$20, toDisplayString(Math.round(healthShare * 100)) + "%", 1)], 8, _hoisted_5$21)]);
+				}), 128))])
+			])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-4c1e529d"]]);
+//#endregion
 //#region src/models/CharacterMenuTab.ts
 let CharacterMenuTab = /* @__PURE__ */ function(CharacterMenuTab) {
 	CharacterMenuTab["Artifacts"] = "Artifacts";
@@ -19,26 +316,27 @@ const CharacterMenuTabs = [
 	"Profile"
 ];
 //#endregion
-//#region \0/plugin-vue/export-helper
-var export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
-//#endregion
 //#region src/components/CharacterMenu/Index.vue
-const _hoisted_1$25 = ["data-tab"];
-const _hoisted_2$21 = { class: "characters" };
-const _hoisted_3$16 = ["aria-pressed", "onClick"];
-const _hoisted_4$13 = { class: "breadcrumb" };
-const _hoisted_5$11 = { class: "tabs" };
-const _hoisted_6$10 = ["aria-pressed", "onClick"];
-const _hoisted_7$10 = ["aria-label"];
-const _hoisted_8$9 = ["aria-label", "onClick"];
-var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$35 = ["data-tab"];
+const _hoisted_2$27 = { class: "characters" };
+const _hoisted_3$25 = ["aria-pressed", "onClick"];
+const _hoisted_4$21 = { class: "breadcrumb" };
+const _hoisted_5$20 = {
+	key: 0,
+	class: "element",
+	viewBox: "0 0 1600 1600",
+	"aria-hidden": "true"
+};
+const _hoisted_6$19 = ["d"];
+const _hoisted_7$19 = { class: "tabs" };
+const _hoisted_8$15 = ["aria-pressed", "onClick"];
+const _hoisted_9$13 = ["aria-label"];
+const _hoisted_10$12 = ["aria-label", "onClick"];
+var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		characters: {},
+		elementMarkPath: {},
 		tabLabels: {}
 	}, {
 		"characterId": { required: true },
@@ -68,33 +366,34 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 				"data-tab": tab.value
 			}, [
 				_cache[1] || (_cache[1] = createElementVNode("div", { class: "head" }, null, -1)),
-				createElementVNode("ul", _hoisted_2$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.characters, ({ id, name }) => {
+				createElementVNode("ul", _hoisted_2$27, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.characters, ({ id, name }) => {
 					return openBlock(), createElementBlock("li", { key: id }, [createElementVNode("button", {
 						class: "character",
 						"aria-pressed": id === characterId.value,
 						type: "button",
 						onClick: ($event) => characterId.value = id
-					}, toDisplayString(name), 9, _hoisted_3$16)]);
+					}, toDisplayString(name), 9, _hoisted_3$25)]);
 				}), 128))]),
-				createElementVNode("p", _hoisted_4$13, toDisplayString(characterName.value), 1),
+				createElementVNode("p", _hoisted_4$21, toDisplayString(characterName.value), 1),
+				__props.elementMarkPath ? (openBlock(), createElementBlock("svg", _hoisted_5$20, [createElementVNode("path", { d: __props.elementMarkPath }, null, 8, _hoisted_6$19)])) : createCommentVNode("v-if", true),
 				createCommentVNode(" The keys stepping through the tabs, W up and S down, beside the first "),
 				_cache[2] || (_cache[2] = createElementVNode("div", {
 					class: "tab-keys",
 					"aria-hidden": "true"
 				}, [createElementVNode("kbd", { class: "key" }, "W"), createElementVNode("kbd", { class: "key" }, "S")], -1)),
-				createElementVNode("ul", _hoisted_5$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(CharacterMenuTabs), (menuTab) => {
+				createElementVNode("ul", _hoisted_7$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(CharacterMenuTabs), (menuTab) => {
 					return openBlock(), createElementBlock("li", { key: menuTab }, [createElementVNode("button", {
 						class: "tab",
 						"aria-pressed": menuTab === tab.value,
 						type: "button",
 						onClick: ($event) => tab.value = menuTab
-					}, toDisplayString(__props.tabLabels[menuTab]), 9, _hoisted_6$10)]);
+					}, toDisplayString(__props.tabLabels[menuTab]), 9, _hoisted_8$15)]);
 				}), 128))]),
 				createElementVNode("section", {
 					class: "panel",
 					"aria-label": __props.tabLabels[tab.value]
-				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_7$10),
-				__props.characters.length > 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(steps.value, ({ character, className }) => {
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_9$13),
+				__props.characters.length > 1 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(steps.value, ({ character, className }) => {
 					return openBlock(), createElementBlock("button", {
 						key: className,
 						class: normalizeClass(["step", className]),
@@ -117,154 +416,217 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 							class: "mark",
 							d: "M31 25.5 L33 27.5 L31 29.5 L29 27.5 Z"
 						})
-					], -1))], 10, _hoisted_8$9);
+					], -1))], 10, _hoisted_10$12);
 				}), 128)) : createCommentVNode("v-if", true)
-			], 8, _hoisted_1$25)], 2112);
+			], 8, _hoisted_1$35)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-6efaddd5"]]);
+}), [["__scopeId", "data-v-86092611"]]);
 //#endregion
 //#region src/components/CharacterMenuButtons/Index.vue
-const _sfc_main$25 = {};
-const _hoisted_1$24 = { class: "buttons" };
-function _sfc_render$2(_ctx, _cache) {
-	return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The two buttons beneath a character menu's panel, the game's pills, each the panel's half less the gap between them "), createElementVNode("div", _hoisted_1$24, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "button" }, null, -1), createElementVNode("span", { class: "button" }, null, -1)])])], 2112);
+const _hoisted_1$34 = { class: "buttons" };
+var Index_default$5 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The two buttons beneath a character menu's panel, the game's pills, each the panel's half less the gap between them "), createElementVNode("div", _hoisted_1$34, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("span", { class: "button" }, null, -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "button" }, null, -1))], true)])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-359aa329"]]);
+//#endregion
+//#region src/components/ToastNotice/Index.vue
+const _sfc_main$34 = {};
+const _hoisted_1$33 = {
+	class: "toast-notice",
+	role: "status"
+};
+const _hoisted_2$26 = { class: "mark" };
+const _hoisted_3$24 = { class: "text" };
+function _sfc_render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's notice card, dropped at the top of a screen: white with rounded corners, 107 units high and at least\n       537 across, a round mark at its left and its words in the game's near black. Measured from a 1440 high\n       Recording of the welcome the login screen shows "), createElementVNode("div", _hoisted_1$33, [createElementVNode("span", _hoisted_2$26, [renderSlot(_ctx.$slots, "mark", {}, void 0, true)]), createElementVNode("p", _hoisted_3$24, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2112);
 }
-var Index_default$2 = /*#__PURE__*/ export_helper_default(_sfc_main$25, [["render", _sfc_render$2], ["__scopeId", "data-v-d4278b8b"]]);
+var Index_default$33 = /*#__PURE__*/ export_helper_default(_sfc_main$34, [["render", _sfc_render$1], ["__scopeId", "data-v-a09dfb40"]]);
 //#endregion
 //#region src/components/CharacterMenuArtifacts/Index.vue
-const _hoisted_1$23 = { class: "artifacts" };
-const _hoisted_2$20 = { class: "slots" };
-var Index_default$1 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$32 = { class: "artifacts" };
+const _hoisted_2$25 = { class: "slots" };
+const _hoisted_3$23 = [
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+];
+const _hoisted_4$20 = { class: "details" };
+const _hoisted_5$19 = {
+	key: 1,
+	class: "stats"
+};
+const _hoisted_6$18 = { class: "stat" };
+const _hoisted_7$18 = { class: "set-bonus" };
+const _hoisted_8$14 = { class: "set-bonus-heading" };
+const _hoisted_9$12 = {
+	key: 0,
+	class: "set-bonus-lines"
+};
+const _hoisted_10$11 = {
+	key: 1,
+	class: "set-bonus-lines"
+};
+var Index_default$4 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
-	props: { equipped: {} },
-	setup(__props) {
+	props: {
+		enhanceLabel: {},
+		equipDisabledSlots: {},
+		equipLabel: {},
+		lockLabel: {},
+		noSetBonusLabel: {},
+		notice: {},
+		setBonusHeading: {},
+		setBonusLines: {},
+		slotNames: {},
+		slotStats: {},
+		unequipLabel: {},
+		unlockLabel: {}
+	},
+	emits: [
+		"enhance",
+		"equip",
+		"lock",
+		"unequip"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const selectedIndex = ref(0);
+		const selectedStats = computed(() => __props.slotStats[selectedIndex.value]);
+		const isSelectedWorn = computed(() => selectedStats.value !== void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Artifacts tab's panel: the five artifact slots, each a disc lit where the character wears one, then the set\n       bonus block and the two buttons beneath. Its words and the set's text are not drawn yet "), createElementVNode("div", _hoisted_1$23, [
-				createElementVNode("ul", _hoisted_2$20, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.equipped, (isEquipped, index) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Artifacts tab's panel: the five slots down its top, each a disc lit where the character wears an artifact and\n       picked by a click, the picked slot's name in the details pill, the picked artifact's main and sub stats under it,\n       the set bonus block below them, and the Enhance and Equip or Unequip buttons at its foot. The stats' place is\n       provisional "), createElementVNode("div", _hoisted_1$32, [
+				__props.notice ? (openBlock(), createBlock(Index_default$33, {
+					key: 0,
+					class: "notice"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.notice), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createElementVNode("ul", _hoisted_2$25, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.slotStats, (stats, index) => {
+					return openBlock(), createElementBlock("li", { key: index }, [createElementVNode("button", {
+						class: normalizeClass(["slot", { worn: stats !== void 0 }]),
+						"aria-label": __props.slotNames[index],
+						"aria-pressed": index === selectedIndex.value,
+						type: "button",
+						onClick: ($event) => selectedIndex.value = index
+					}, null, 10, _hoisted_3$23)]);
+				}), 128))]),
+				createElementVNode("div", _hoisted_4$20, toDisplayString(__props.slotNames[selectedIndex.value]), 1),
+				selectedStats.value ? (openBlock(), createElementBlock("ul", _hoisted_5$19, [createElementVNode("li", _hoisted_6$18, [createElementVNode("span", null, toDisplayString(selectedStats.value.mainStat.label), 1), createElementVNode("span", null, toDisplayString(selectedStats.value.mainStat.value), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(selectedStats.value.subStats, ({ label, value }, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: index,
-						class: normalizeClass(["slot", { worn: isEquipped }])
-					}, null, 2);
-				}), 128))]),
-				_cache[0] || (_cache[0] = createElementVNode("div", { class: "details" }, null, -1)),
-				_cache[1] || (_cache[1] = createElementVNode("div", { class: "set-bonus" }, null, -1)),
-				createVNode(Index_default$2)
+						class: "stat"
+					}, [createElementVNode("span", null, toDisplayString(label), 1), createElementVNode("span", null, toDisplayString(value), 1)]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_7$18, [createElementVNode("p", _hoisted_8$14, toDisplayString(__props.setBonusHeading), 1), __props.setBonusLines.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_9$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.setBonusLines, (line) => {
+					return openBlock(), createElementBlock("li", { key: line }, toDisplayString(line), 1);
+				}), 128))])) : (openBlock(), createElementBlock("p", _hoisted_10$11, toDisplayString(__props.noSetBonusLabel), 1))]),
+				createVNode(Index_default$5, null, {
+					default: withCtx(() => [
+						createVNode(Index_default$16, {
+							class: "button",
+							disabled: !isSelectedWorn.value,
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("enhance", selectedIndex.value))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.enhanceLabel), 1)]),
+							_: 1
+						}, 8, ["disabled", "kind"]),
+						isSelectedWorn.value ? (openBlock(), createBlock(Index_default$16, {
+							key: 0,
+							class: "button",
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("unequip", selectedIndex.value))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.unequipLabel), 1)]),
+							_: 1
+						}, 8, ["kind"])) : (openBlock(), createBlock(Index_default$16, {
+							key: 1,
+							class: "button",
+							disabled: __props.equipDisabledSlots[selectedIndex.value],
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[2] || (_cache[2] = ($event) => emit("equip", selectedIndex.value))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.equipLabel), 1)]),
+							_: 1
+						}, 8, ["disabled", "kind"])),
+						selectedStats.value ? (openBlock(), createBlock(Index_default$16, {
+							key: 2,
+							class: "button",
+							kind: unref(GameButtonKind).Pill,
+							onClick: _cache[3] || (_cache[3] = ($event) => emit("lock", selectedIndex.value))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(selectedStats.value.isLocked ? __props.unlockLabel : __props.lockLabel), 1)]),
+							_: 1
+						}, 8, ["kind"])) : createCommentVNode("v-if", true)
+					]),
+					_: 1
+				})
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-d9a02adc"]]);
-//#endregion
-//#region src/services/constants.ts
-const ASCENSION_PHASE_COUNT = 6;
-const GAME_FONT_FAMILY = "\"HYWenHei 85W\", \"HYWenHei-85W\", Signika, ui-sans-serif, sans-serif";
-const GAME_UNIT = "calc(min(100cqh / 1080, 100cqw / 1920) * var(--interface-scale))";
-const GAME_CANVAS_UNIT = "calc(min(100cqh / 900, 100cqw / 1600) * var(--interface-scale))";
-const GAME_CANVAS_INSET = "min(var(--unit) * 71, (100cqw - min(100cqh * 16 / 9, 100cqw)) / 2)";
-const MOBILE_INTERFACE_SCALE = 1.25;
-const GAME_CANVAS_RECT = {
-	anchorMax: [1, 1],
-	anchorMin: [0, 0],
-	pivot: [0, 0],
-	position: [0, 0],
-	size: [0, 0]
-};
-const GAME_WHITE = "#fdfdfd";
-const GAME_CREAM = "#ece5d8";
-const GAME_INK = "#3b4354";
-const GAME_GOLD = "#d3bc8e";
-const GAME_CURSOR_SIZE = 26;
-const GAME_CURSOR = `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="${GAME_CURSOR_SIZE}" height="${GAME_CURSOR_SIZE}" viewBox="-2 -2 66 66"><defs><radialGradient id="g" cx="28" cy="28" r="34" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea00"/><stop offset="0.45" stop-color="#ffc800"/><stop offset="1" stop-color="#ffc100"/></radialGradient></defs><path d="M0 0q30.1 11.4 62 15-14.5 21.1-3 44-22.9-11.5-44 3-3.6-31.9-15-62z" fill="none" stroke="#2c3a4e" stroke-opacity="0.75" stroke-width="3" stroke-linejoin="round"/><path d="M0 0q30.1 11.4 62 15-14.5 21.1-3 44z" fill="#fff"/><path d="M0 0L59 59Q36.1 47.5 15 62Q11.4 30.1 0 0Z" fill="#f4f5e0"/><path d="M26 26q21.5 6 36-11-14.5 21.1-3 44-22.9-11.5-44 3 17-14.5 11-36z" fill="url(#g)"/></svg>`)}") 1 1, auto`;
-const ORNAMENT_MIDDLE_PATH = "M179.5 39h6l5.5 4.5 2 5 10 12 2 5 10 10 4 8v5l-4.5 5.5-13 7-4 1-3.5-2.5-3.5-4.5-2-1h-10l-7.5 5.5-15.5 17.5-2.5 1.5-6.5 7.5-10 9-3 2h-2l-21 15q-6.27 1.73-10 6l-9 2-4.5 3.5q-.5 4 2.5 4.5l9 4 4 4 17 8 8 6 9 4 14.5 12.5 6.5 7.5q2.25-.75 1.5 1.5l6.5 7.5 4.5 3.5q.63 3.87 3.5 5.5l5 3h9q1-2.5 3.5-2 .71-4.89 4.5-8l3-1 26.5-24.5 2.5-4.5 5-2 9-7 5-2 13.5-9.5 1.5-2.5q5.5-2 8.5-6.5v-3l-5-5v-3l3.5-4.5q2.25.75 1.5-1.5l5.5-6.5 6-3h11l26 14 5 5h3l6 2 3.5 3.5-1 4.5-4.5 2-5 1-7 6-4 1-12 7-5 5-10 3-8 7-4 1-5 4h-1.5l-1.5 3-24 16-5.5 5.5q.75 2.25-1.5 1.5l-20.5 18.5-2 4-13 14-9 13-3 6.5-2.5 1h-3l-1 1h-3l-6.5-3.5-4-11q-8.37-6.84-13-16.5l-3-1.5-4-5v-1.5h-2q1.13-2.67-1.5-2l-13-15-3.5-1v-1.5l-6.5-6.5-3-1-11-9-13-6-6-5-4-2-11-2-5-4-15-5-6-4-18-6h-30.5v-31h31.5l4-2h9l4.5-2q-1.13-2.67 1.5-2l7-4 8-1 9-3 7-6 12-4 3-3 16-8 4.5-3.5 3.5-4.5 4-2 12.5-12.5 5.5-7.5 3.5-2.5q4.3-7.7 11-13l7-12 13.5-16.5 2-1zm115 1h9q1.25 3.5 4.5 3l5 10.5 16 18 9.5 13.5q2.25-.75 1.5 1.5l6.5 7.5 5.5 4.5 2 4.5q9.2 2.9 14.5 11l6 3h2l9 7 12 4 10 7h2l3 2 10 2 2 2 6 3h2l2 2q3.25-.75 4 1h7l6 2h28.5v31h-13.5l-1-1h-6l-9 3h-5l-4 2h-4l-8 6-3 1h-7l-6 3h-2l-13 8-10 2-7 6-10 4-4.5 4.5-1.5 2.5-9 4-4.5 4.5-4.5 5.5-2.5 1.5-10.5 12.5-2.5 1.5q.75 2.25-1.5 1.5l-4 5-2.5 1.5-5 9-7 9v2l-7.5 9.5h-10l-5.5-5.5-1-3-8-10-1-3-12-13-3-8v-5l1-3 3.5-3.5 4.5-3.5 2.5-3.5 3-1h7.5q.65 5.4 5.5 8l3 1h7q5.5-2 8.5-6.5l2-4.5h1.5l12-12h1.5v-1.5l8.5-8.5 11-9 10-3 7-7 12-5 7-5 7-2 4.5-4.5v-3l-3.5-3.5-11-3-6-6-14-6-11-8-3-1-13.5-12.5-5.5-6.5-3.5-2.5-16.5-18.5-4-2-6-1q-.75 1.75-4 1l-4.5 4.5q-.25 4.75-3.5 6.5-6.5 2.5-10 8h-1.5q1.13 2.67-1.5 2l-11 12-10 9-9.5 5.5-1.5 2.5h-1.5q1.13 2.67-1.5 2-4.41 4.09-11 6l-13.5 11.5-1 3 1 1v7l-5.5 7.5-9 8-9 1-18-10-3-3-6-2-4-4-9-3-3.5-3.5 2.5-4.5 11-5 8-5h2l8-4 5-5 12-5 9-8 9-3 3.5-2.5 4.5-5.5 5-3 9-8 4-2 4.5-4.5 4.5-5.5 3-1 5.5-4.5 2-4.5 3-1.5 7-10 20-22 5-10.5 2.5-1z";
-const ORNAMENT_END_PATH = "M210.5 53h6l7.5 6.5 3.5 5.5 10.5 8.5 4.5 5.5 7 3q3.17 4.83 9 7h4l1 1 6 1 15 7h10l1 1h8l1 1h7l1 1h7.5v30.5q-.12 1.13-5.5.5l-1 1h-6l-1 1h-17q-1 2-5 1l-15 7-3 1h-6q-6.5 2.5-10 8l-15 9-9.5 9.5-4.5 7.5-7 3h-6l-3-1-12.5-10.5q.75-2.25-1.5-1.5l-6-5q-8.22-1.78-13-7l-13-4-3-3-8-3-17-3-6-4-9-1-6-3-9-1-11-4h-7l-4-2h-4l-1-1-14-2-5-2h-11q-1.25-2.25-6-1l-6.5-3.5 1-3.5 5.5-2h3l1-1h12l1-1h4l6-2 9-1 1-1h3l4-2h4l9-3h8l16-6h4l7-4q4 1 5-1h7l1-1h4l6-2 10-7 9-2 16-11 3-1 7-7 12-6z";
-const CHECK_MARK_PATH = "M237.5 26q5.25-1.75 3.5 3.5l-6 11-5 5-4 7-4 4-9 14-3 3-1 3-4 4-1 3-12 17-7 12-9 11-5 9-14 19-1 3-4 4-7 12-8 10-1 3-4 4-2 5-3 3v2l-3.5 4.5-6 2-11-6-2.5-2.5-3.5-4.5-16-11-13.5-12.5q-1.25-5.75-5.5-8.5l-7-2-5-3-13-12-8-3h-6l-3-1-2.5-2.5v-2l3-6 26.5-36.5 5-3h5l5.5 4.5q-.75 2.25 1.5 1.5l16.5 17.5 1 3 13 13 5.5 9.5 7 1 18-13 12-12 21-18 10-10 8-6 19.5-18.5 2.5-3.5 12-9q10.85-12.15 24-22z";
-const SERVER_MARK_DIAMOND_PATH = "M23.44 6.62l1 .63 1.44 1.31.43.56 1.69 1.44.56.69.32.19.56.68.81.69q-.09.28.19.19l1.75 2 .5.38h.19v.18l.62.75 2.94 2.94.68.56 1.32 1.44.44.31.56.69.44.31.68.82q.28-.1.19.18.54.28.37 1.25l-1.18 1.31-1.06.94-.82.94-2.18 2.06-4.32 4.56-.68.44-3.07 3.19-.93.81-2.44 2.56-.5.26h-.88l-.37-.13-.44-.44-.56-.69q-.28.1-.19-.18l-2.38-2.25-.18-.31-.69-.57-.56-.69-.31-.18-.19-.32-.94-.68-.69-.82q-.28.1-.18-.18l-2.32-2.44-2.81-2.56-1.44-1.56-.69-.57-2-2.12-.37-.5v-.5l.25-.5 1.69-1.69q.28.09.19-.19.43-.15.37-.56h.19l.5-.37 2.06-2.07.12-.43h.19l.81-.69.69-.81.31-.19 1.19-1.31.81-.69.19-.31.81-.69.32-.57.56-.24v-.19l.56-.57.56-.43.32-.44.68-.56.44-.57.56-.43.26-.57h.18l2.13-2 .75-.5z";
-const SERVER_MARK_TICK_PATH = "M30.12 16.88l-.24.12-.38.62-2.5 2.63-1.75 1.63-1.25 1.37-.25.5h-.13l-.87.87q.13.26-.13.13l-.74.87-1.26 1-.37-.12-.63-.5-.5-.5-.5-.5-.5-.5-1.37-1.25-.75-.25h-.38l-.62.25q-.75.37-1 1.25v1.12l.25.63.5.63.37.12 2.63 3 .5.75 1.63 1.25h1l1-.75.37-.5.63-.5.37-.5.63-.5.5-.63.37-.24.63-.76.5-.37.37-.5.63-.5.24-.37.88-.76.38-.62.5-.38.37-.5.37-.24q.38-.38.63-.88l.75-.5.12-.25.76-.63 1.12-1.12q.25-.25.12-.75l.13-.13-.13-.74-.5-.63-.74-.75q-.63.12-.63-.12h-1.13z";
-const SETTINGS_RING_CENTRE = [24.05, 24.9];
-const SETTINGS_RING_RADIUS = 9.85;
-const SETTINGS_RING_WIDTH = 1.9;
-const FIXTURE_VARIANT_SEPARATOR = "-";
-const INTERACTION_KEY_LABEL = "F";
-const CONSTELLATION_NODE_PLACES = [
-	{
-		left: 15.25,
-		top: 116
-	},
-	{
-		left: 69.25,
-		top: 227
-	},
-	{
-		left: 105.25,
-		top: 338.75
-	},
-	{
-		left: 105.25,
-		top: 449.75
-	},
-	{
-		left: 69.25,
-		top: 560.75
-	},
-	{
-		left: -2.75,
-		top: 671.75
-	}
-];
-const INTERACTION_HOVER_MS = 50;
-const INTERACTION_REST_MS = 100;
-const INTERACTION_PILL_REST_MS = 200;
-const INTERACTION_PRESS_MS = 167;
-const GAME_SMOOTHSTEP_EASING = "cubic-bezier(0.333, 0, 0.667, 1)";
-const GAME_ROW_HOVER = "rgb(255 255 255 / 0.2)";
-const GAME_ROW_PRESS = "rgb(255 255 255 / 0.3)";
-const GAME_REPLY_REST = "rgb(0 0 0 / 0.22)";
-const GAME_REPLY_HOVER = "rgb(255 255 255 / 0.85)";
-const GAME_REPLY_HOVER_INK = "#3b4255";
+}), [["__scopeId", "data-v-525c0131"]]);
 //#endregion
 //#region src/components/CharacterMenuConstellation/Index.vue
-const _hoisted_1$22 = { class: "constellations" };
-const _hoisted_2$19 = { class: "nodes" };
-var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$31 = { class: "constellations" };
+const _hoisted_2$24 = { class: "nodes" };
+const _hoisted_3$22 = ["disabled"];
+var Index_default$6 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
-	props: { activated: {} },
-	setup(__props) {
+	props: {
+		activated: {},
+		activateLabel: {},
+		isActivateDisabled: { type: Boolean }
+	},
+	emits: ["activate"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
 		const nodeStyles = CONSTELLATION_NODE_PLACES.map(({ left, top }) => ({
 			left: `calc(var(--unit) * ${left})`,
 			top: `calc(var(--unit) * ${top})`
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Constellation tab's panel: the six constellations down its right, each a ring lit once activated. The\n       game's star map is its own art and its names are not decoded yet, so neither is drawn "), createElementVNode("div", _hoisted_1$22, [createElementVNode("ul", _hoisted_2$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.activated, (isActivated, index) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Constellation tab's panel: the six constellations down its right, each a ring lit once activated, and the\n       button that activates the next under them. The game's star map is its own art and its names are not decoded yet,\n       so neither is drawn "), createElementVNode("div", _hoisted_1$31, [createElementVNode("ul", _hoisted_2$24, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.activated, (isActivated, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: index,
 					class: normalizeClass(["node", { lit: isActivated }]),
 					style: normalizeStyle(unref(nodeStyles)[index])
 				}, null, 6);
-			}), 128))])])], 2112);
+			}), 128))]), createElementVNode("button", {
+				class: "activate",
+				disabled: __props.isActivateDisabled,
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("activate"))
+			}, toDisplayString(__props.activateLabel), 9, _hoisted_3$22)])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-59aca725"]]);
+}), [["__scopeId", "data-v-4311eae1"]]);
 //#endregion
 //#region src/components/CharacterMenuProfile/Index.vue
-const _hoisted_1$21 = { class: "profile" };
-const _hoisted_2$18 = { class: "entries-column" };
-const _hoisted_3$15 = { class: "entries" };
-const _hoisted_4$12 = [
+const _hoisted_1$30 = { class: "profile" };
+const _hoisted_2$23 = { class: "entries-column" };
+const _hoisted_3$21 = { class: "entries" };
+const _hoisted_4$19 = [
 	"aria-pressed",
 	"data-locked",
 	"onClick"
 ];
-const _hoisted_5$10 = {
+const _hoisted_5$18 = {
 	key: 0,
 	class: "namecard"
 };
-const _hoisted_6$9 = {
+const _hoisted_6$17 = {
 	key: 0,
 	class: "story"
 };
-const _hoisted_7$9 = { class: "title" };
-const _hoisted_8$8 = { class: "text" };
-var Index_default$4 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_7$17 = { class: "title" };
+const _hoisted_8$13 = { class: "text" };
+var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		entries: {},
@@ -274,49 +636,88 @@ var Index_default$4 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		const entryIndex = ref(0);
 		const selectedEntry = computed(() => __props.entries[entryIndex.value]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Profile tab's panel: the stories down its left, each by its title, and the chosen one's title and text down its\n       right. A locked story shows its unlock line in place of its text. The namecard the Friendship holds is a plate of its\n       name under the stories, its art not drawn yet "), createElementVNode("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$18, [createElementVNode("ul", _hoisted_3$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.entries, (entry, index) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Profile tab's panel: the stories down its left, each by its title, and the chosen one's title and text down its\n       right. A locked story shows its unlock line in place of its text. The namecard the Friendship holds is a plate of its\n       name under the stories, its art not drawn yet "), createElementVNode("div", _hoisted_1$30, [createElementVNode("div", _hoisted_2$23, [createElementVNode("ul", _hoisted_3$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.entries, (entry, index) => {
 				return openBlock(), createElementBlock("li", { key: index }, [createElementVNode("button", {
 					class: "entry",
 					"aria-pressed": index === entryIndex.value,
 					"data-locked": entry.isLocked,
 					type: "button",
 					onClick: ($event) => entryIndex.value = index
-				}, toDisplayString(entry.title), 9, _hoisted_4$12)]);
-			}), 128))]), __props.namecardName ? (openBlock(), createElementBlock("p", _hoisted_5$10, toDisplayString(__props.namecardName), 1)) : createCommentVNode("v-if", true)]), selectedEntry.value ? (openBlock(), createElementBlock("article", _hoisted_6$9, [createElementVNode("h2", _hoisted_7$9, toDisplayString(selectedEntry.value.title), 1), createElementVNode("p", _hoisted_8$8, toDisplayString(selectedEntry.value.text), 1)])) : createCommentVNode("v-if", true)])], 2112);
+				}, toDisplayString(entry.title), 9, _hoisted_4$19)]);
+			}), 128))]), __props.namecardName ? (openBlock(), createElementBlock("p", _hoisted_5$18, toDisplayString(__props.namecardName), 1)) : createCommentVNode("v-if", true)]), selectedEntry.value ? (openBlock(), createElementBlock("article", _hoisted_6$17, [createElementVNode("h2", _hoisted_7$17, toDisplayString(selectedEntry.value.title), 1), createElementVNode("p", _hoisted_8$13, toDisplayString(selectedEntry.value.text), 1)])) : createCommentVNode("v-if", true)])], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-d064a750"]]);
 //#endregion
 //#region src/components/CharacterMenuTalents/Index.vue
-const _hoisted_1$20 = { class: "talents" };
-const _hoisted_2$17 = { class: "talent-list" };
-const _hoisted_3$14 = { class: "level" };
-var Index_default$5 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$29 = { class: "talents" };
+const _hoisted_2$22 = { class: "talent-list" };
+const _hoisted_3$20 = { class: "level" };
+const _hoisted_4$18 = { class: "detail" };
+const _hoisted_5$17 = { class: "phase" };
+const _hoisted_6$16 = { class: "costs" };
+const _hoisted_7$16 = {
+	key: 0,
+	class: "reason"
+};
+var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
-	props: { levels: {} },
-	setup(__props) {
+	props: {
+		costs: {},
+		isUpgradeDisabled: {},
+		levels: {},
+		phases: {},
+		reasons: {},
+		upgradeLabel: {}
+	},
+	emits: ["upgrade"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Talents tab's panel: the three combat talents down its right, each with its level. The passives under them\n       and the talents' names are not drawn yet, since the game's text for them is not decoded "), createElementVNode("div", _hoisted_1$20, [createElementVNode("ul", _hoisted_2$17, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.levels, (level, index) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Talents tab's panel: the three combat talents down its right, each with its level, the phase and cost of its next\n       level, why it cannot rise if it cannot, and its Upgrade. The talents' names and the passives under them are not drawn\n       yet, since the game's text for them is not decoded "), createElementVNode("div", _hoisted_1$29, [createElementVNode("ul", _hoisted_2$22, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.levels, (level, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: index,
 					class: "talent"
-				}, [createElementVNode("span", _hoisted_3$14, toDisplayString(level), 1), _cache[0] || (_cache[0] = createElementVNode("span", { class: "icon" }, null, -1))]);
+				}, [
+					createElementVNode("span", _hoisted_3$20, toDisplayString(level), 1),
+					createElementVNode("div", _hoisted_4$18, [
+						createElementVNode("span", _hoisted_5$17, toDisplayString(__props.phases[index]), 1),
+						createElementVNode("ul", _hoisted_6$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.costs[index], (cost, costIndex) => {
+							return openBlock(), createElementBlock("li", { key: costIndex }, toDisplayString(cost), 1);
+						}), 128))]),
+						__props.reasons[index] ? (openBlock(), createElementBlock("span", _hoisted_7$16, toDisplayString(__props.reasons[index]), 1)) : createCommentVNode("v-if", true)
+					]),
+					createVNode(Index_default$16, {
+						class: "upgrade",
+						disabled: __props.isUpgradeDisabled[index],
+						kind: unref(GameButtonKind).Reply,
+						onClick: ($event) => emit("upgrade", index)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.upgradeLabel), 1)]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"kind",
+						"onClick"
+					]),
+					_cache[0] || (_cache[0] = createElementVNode("span", { class: "icon" }, null, -1))
+				]);
 			}), 128))])])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-c095bfc3"]]);
+}), [["__scopeId", "data-v-65541162"]]);
 //#endregion
 //#region src/components/CharacterMenuWeapons/Index.vue
-const _hoisted_1$19 = { class: "weapons" };
-const _hoisted_2$16 = { class: "name" };
-const _hoisted_3$13 = { class: "stars" };
-const _hoisted_4$11 = { class: "stats" };
-const _hoisted_5$9 = { class: "stat" };
-const _hoisted_6$8 = { class: "stat" };
-const _hoisted_7$8 = { class: "level" };
-const _hoisted_8$7 = { class: "level-text" };
-const _hoisted_9$7 = { class: "refinement" };
-var Index_default$6 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$28 = { class: "weapons" };
+const _hoisted_2$21 = { class: "name" };
+const _hoisted_3$19 = { class: "stars" };
+const _hoisted_4$17 = { class: "stats" };
+const _hoisted_5$16 = { class: "stat" };
+const _hoisted_6$15 = { class: "stat" };
+const _hoisted_7$15 = { class: "level" };
+const _hoisted_8$12 = { class: "level-text" };
+const _hoisted_9$11 = { class: "refinement" };
+var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		ascension: {},
@@ -329,56 +730,196 @@ var Index_default$6 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Weapons tab's panel: the weapon's name and stars, its base ATK and secondary attribute, its level with the\n       ascension phases reached, its refinement rank, and the two buttons beneath "), createElementVNode("div", _hoisted_1$19, [
-				createElementVNode("p", _hoisted_2$16, toDisplayString(__props.name), 1),
-				createElementVNode("p", _hoisted_3$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rarity, (star) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Weapons tab's panel: the weapon's name and stars, its base ATK and secondary attribute, its level with the\n       ascension phases reached, its refinement rank, and the two buttons beneath "), createElementVNode("div", _hoisted_1$28, [
+				createElementVNode("p", _hoisted_2$21, toDisplayString(__props.name), 1),
+				createElementVNode("p", _hoisted_3$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rarity, (star) => {
 					return openBlock(), createElementBlock("span", {
 						key: star,
 						class: "star"
 					});
 				}), 128))]),
-				createElementVNode("ul", _hoisted_4$11, [createElementVNode("li", _hoisted_5$9, toDisplayString(__props.baseAttack), 1), createElementVNode("li", _hoisted_6$8, toDisplayString(__props.subStatValue), 1)]),
-				createElementVNode("p", _hoisted_7$8, [createElementVNode("span", _hoisted_8$7, toDisplayString(__props.levelText), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(6), (phase) => {
+				createElementVNode("ul", _hoisted_4$17, [createElementVNode("li", _hoisted_5$16, toDisplayString(__props.baseAttack), 1), createElementVNode("li", _hoisted_6$15, toDisplayString(__props.subStatValue), 1)]),
+				createElementVNode("p", _hoisted_7$15, [createElementVNode("span", _hoisted_8$12, toDisplayString(__props.levelText), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(6), (phase) => {
 					return openBlock(), createElementBlock("span", {
 						key: phase,
 						class: normalizeClass(["spark", { lit: phase <= __props.ascension }])
 					}, null, 2);
 				}), 128))]),
-				createElementVNode("p", _hoisted_9$7, toDisplayString(__props.refinement), 1),
-				createVNode(Index_default$2)
+				createElementVNode("p", _hoisted_9$11, toDisplayString(__props.refinement), 1),
+				createVNode(Index_default$5)
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-bf484c68"]]);
+}), [["__scopeId", "data-v-77cff4ef"]]);
+//#endregion
+//#region src/components/CookingScreen/Index.vue
+const _hoisted_1$27 = { class: "cooking-screen" };
+const _hoisted_2$20 = { class: "title" };
+const _hoisted_3$18 = { class: "dishes" };
+const _hoisted_4$16 = ["aria-pressed", "onClick"];
+const _hoisted_5$15 = {
+	"aria-hidden": "true",
+	class: "stage",
+	viewBox: "0 0 1920 1080"
+};
+const _hoisted_6$14 = ["d"];
+const _hoisted_7$14 = ["d"];
+const _hoisted_8$11 = ["d"];
+const _hoisted_9$10 = ["cx", "cy"];
+const _hoisted_10$10 = ["disabled"];
+var Index_default$10 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		autoCookLabel: {},
+		canAutoCook: { type: Boolean },
+		dishes: {},
+		pointer: {},
+		selectedId: {},
+		stopLabel: {},
+		title: {},
+		zones: {}
+	},
+	emits: [
+		"autoCook",
+		"close",
+		"select",
+		"stop"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const toArcPoint = (fraction) => {
+			const angle = Math.PI * (1 - Math.min(1, Math.max(0, fraction)));
+			return {
+				x: 960 + 435 * Math.cos(angle),
+				y: 832 - 120 * Math.sin(angle)
+			};
+		};
+		const toBarPath = ([start, end]) => {
+			const from = toArcPoint(start);
+			const to = toArcPoint(end);
+			return `M ${from.x} ${from.y} A 435 120 0 0 1 ${to.x} ${to.y}`;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$27, [
+				createElementVNode("h1", _hoisted_2$20, toDisplayString(__props.title), 1),
+				createElementVNode("button", {
+					class: "close",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "×"),
+				createElementVNode("ul", _hoisted_3$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.dishes, (dish) => {
+					return openBlock(), createElementBlock("li", { key: dish.id }, [createElementVNode("button", {
+						"aria-pressed": dish.id === __props.selectedId,
+						class: normalizeClass({ selected: dish.id === __props.selectedId }),
+						type: "button",
+						onClick: ($event) => emit("select", dish.id)
+					}, toDisplayString(dish.name), 11, _hoisted_4$16)]);
+				}), 128))]),
+				(openBlock(), createElementBlock("svg", _hoisted_5$15, [
+					createCommentVNode(" A provisional pot until the game's own is traced from the recording "),
+					_cache[3] || (_cache[3] = createElementVNode("ellipse", {
+						class: "pot-rim",
+						cx: "960",
+						cy: "330",
+						rx: "150",
+						ry: "36"
+					}, null, -1)),
+					_cache[4] || (_cache[4] = createElementVNode("path", {
+						class: "pot",
+						d: "M810 330 Q830 470 960 480 Q1090 470 1110 330 Z"
+					}, null, -1)),
+					createElementVNode("path", {
+						class: "track",
+						d: toBarPath([0, 1])
+					}, null, 8, _hoisted_6$14),
+					createElementVNode("path", {
+						class: "regular",
+						d: toBarPath(__props.zones.regular)
+					}, null, 8, _hoisted_7$14),
+					createElementVNode("path", {
+						class: "delicious",
+						d: toBarPath(__props.zones.delicious)
+					}, null, 8, _hoisted_8$11),
+					createElementVNode("circle", {
+						class: "pointer",
+						cx: toArcPoint(__props.pointer).x,
+						cy: toArcPoint(__props.pointer).y,
+						r: "16"
+					}, null, 8, _hoisted_9$10)
+				])),
+				createElementVNode("button", {
+					disabled: !__props.canAutoCook,
+					class: "auto-cook",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("autoCook"))
+				}, toDisplayString(__props.autoCookLabel), 9, _hoisted_10$10),
+				createElementVNode("button", {
+					class: "stop",
+					type: "button",
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("stop"))
+				}, toDisplayString(__props.stopLabel), 1)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-4aee3a78"]]);
+//#endregion
+//#region src/components/DiscButton/Index.vue
+const _hoisted_1$26 = ["aria-label"];
+var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		label: {},
+		size: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" A white disc under a soft dark rim, its content centred on it as the game centres its icons "), createElementVNode("button", {
+				class: "disc-button",
+				"aria-label": __props.label,
+				type: "button",
+				style: normalizeStyle({ "--size": __props.size })
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 12, _hoisted_1$26)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-f5c878ff"]]);
+//#endregion
+//#region src/components/ScreenTitle/Index.vue
+const _hoisted_1$25 = { class: "title" };
+var Index_default$30 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The title a screen draws across its head, at the game's place for it in its own pixels at 1080 high (`--unit` a pixel\n       of that frame). Its parent's rules add what it differs by, such as its line height "), createElementVNode("p", _hoisted_1$25, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-5c68ef69"]]);
 //#endregion
 //#region src/components/CraftingScreen/Index.vue
-const _hoisted_1$18 = { class: "crafting-screen" };
-const _hoisted_2$15 = { class: "head" };
-const _hoisted_3$12 = {
-	class: "title",
-	role: "heading",
-	"aria-level": "1"
+const _hoisted_1$24 = { class: "crafting-screen" };
+const _hoisted_2$19 = { class: "head" };
+const _hoisted_3$17 = { class: "coins" };
+const _hoisted_4$15 = { class: "tabs" };
+const _hoisted_5$14 = ["aria-pressed", "onClick"];
+const _hoisted_6$13 = { class: "tab-name" };
+const _hoisted_7$13 = { class: "list" };
+const _hoisted_8$10 = { class: "recipes" };
+const _hoisted_9$9 = ["aria-pressed", "onClick"];
+const _hoisted_10$9 = { class: "recipe-name" };
+const _hoisted_11$8 = {
+	key: 0,
+	class: "recipe-count"
 };
-const _hoisted_4$10 = { class: "coins" };
-const _hoisted_5$8 = ["aria-label"];
-const _hoisted_6$7 = { class: "tabs" };
-const _hoisted_7$7 = ["aria-pressed", "onClick"];
-const _hoisted_8$6 = { class: "tab-name" };
-const _hoisted_9$6 = { class: "list" };
-const _hoisted_10$6 = { class: "recipes" };
-const _hoisted_11$4 = ["aria-pressed", "onClick"];
-const _hoisted_12$4 = { class: "recipe-name" };
-const _hoisted_13$4 = { class: "detail" };
-const _hoisted_14$4 = { class: "recipe-title" };
-const _hoisted_15$4 = { class: "crafters" };
-const _hoisted_16$4 = ["aria-pressed", "onClick"];
-const _hoisted_17$4 = { class: "crafter-name" };
-const _hoisted_18$4 = ["aria-label", "max"];
-const _hoisted_19$4 = { class: "crafted" };
-const _hoisted_20$4 = { class: "required" };
-const _hoisted_21$3 = { class: "materials-label" };
-const _hoisted_22$3 = { class: "materials" };
-var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_12$8 = { class: "detail" };
+const _hoisted_13$8 = { class: "recipe-title" };
+const _hoisted_14$8 = { class: "crafters" };
+const _hoisted_15$7 = ["aria-pressed", "onClick"];
+const _hoisted_16$7 = { class: "crafter-name" };
+const _hoisted_17$7 = ["aria-label", "max"];
+const _hoisted_18$6 = { class: "crafted" };
+const _hoisted_19$6 = { class: "required" };
+const _hoisted_20$6 = { class: "materials-label" };
+const _hoisted_21$6 = { class: "materials" };
+var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		amountLabel: {},
@@ -418,52 +959,62 @@ var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		const tabId = useModel(__props, "tabId");
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Craft screen, its pieces placed in the game's own pixels at 1080 high (`--unit` a pixel of that frame): the title\n       and the coins across the head, the way out at the head's right, and the recipe tabs under the title. The screen takes its\n       place from the game's layout, not a two-column grid, since its recipe list is narrower than its detail "), createElementVNode("div", _hoisted_1$18, [
-				createElementVNode("header", _hoisted_2$15, [
-					createElementVNode("p", _hoisted_3$12, toDisplayString(__props.title), 1),
-					createElementVNode("p", _hoisted_4$10, [_cache[3] || (_cache[3] = createElementVNode("span", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Craft screen, its pieces placed in the game's own pixels at 1080 high (`--unit` a pixel of that frame): the title\n       and the coins across the head, the way out at the head's right, and the recipe tabs under the title. The screen takes its\n       place from the game's layout, not a two-column grid, since its recipe list is narrower than its detail "), createElementVNode("div", _hoisted_1$24, [
+				createElementVNode("header", _hoisted_2$19, [
+					createVNode(Index_default$30, {
+						class: "heading",
+						role: "heading",
+						"aria-level": "1"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+						_: 1
+					}),
+					createElementVNode("p", _hoisted_3$17, [_cache[3] || (_cache[3] = createElementVNode("span", {
 						class: "coin",
 						"aria-hidden": "true"
 					}, null, -1)), createTextVNode(" " + toDisplayString(__props.coins), 1)]),
-					createElementVNode("button", {
+					createVNode(Index_default$13, {
 						class: "close",
-						"aria-label": __props.closeLabel,
-						type: "button",
+						label: __props.closeLabel,
+						size: 56,
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-					}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
-						viewBox: "0 0 24 24",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "M6 6 18 18M18 6 6 18" })], -1)])], 8, _hoisted_5$8)
+					}, {
+						default: withCtx(() => [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+							viewBox: "0 0 24 24",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "M6 6 18 18M18 6 6 18" })], -1)])]),
+						_: 1
+					}, 8, ["label"])
 				]),
-				createElementVNode("ul", _hoisted_6$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+				createElementVNode("ul", _hoisted_4$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
 					return openBlock(), createElementBlock("li", { key: tab.id }, [createElementVNode("button", {
 						class: "tab",
 						"aria-pressed": tab.id === tabId.value,
 						type: "button",
 						onClick: ($event) => tabId.value = tab.id
-					}, [createElementVNode("span", _hoisted_8$6, toDisplayString(tab.name), 1)], 8, _hoisted_7$7)]);
+					}, [createElementVNode("span", _hoisted_6$13, toDisplayString(tab.name), 1)], 8, _hoisted_5$14)]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_9$6, [createElementVNode("ul", _hoisted_10$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.recipes, (recipe) => {
+				createElementVNode("div", _hoisted_7$13, [createElementVNode("ul", _hoisted_8$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.recipes, (recipe) => {
 					return openBlock(), createElementBlock("li", { key: recipe.id }, [createElementVNode("button", {
 						class: "recipe",
 						"aria-pressed": recipe.id === recipeId.value,
 						type: "button",
 						onClick: ($event) => recipeId.value = recipe.id
-					}, [createElementVNode("span", _hoisted_12$4, toDisplayString(recipe.name), 1)], 8, _hoisted_11$4)]);
+					}, [createElementVNode("span", _hoisted_10$9, toDisplayString(recipe.name), 1), recipe.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_11$8, toDisplayString(recipe.count), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_9$9)]);
 				}), 128))])]),
-				createElementVNode("div", _hoisted_13$4, [
+				createElementVNode("div", _hoisted_12$8, [
 					_cache[5] || (_cache[5] = createElementVNode("div", {
 						class: "materials-band",
 						"aria-hidden": "true"
 					}, null, -1)),
-					createElementVNode("p", _hoisted_14$4, toDisplayString(__props.recipes.find((recipe) => recipe.id === recipeId.value)?.name), 1),
-					createElementVNode("ul", _hoisted_15$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.crafters, (crafter) => {
+					createElementVNode("p", _hoisted_13$8, toDisplayString(__props.recipes.find((recipe) => recipe.id === recipeId.value)?.name), 1),
+					createElementVNode("ul", _hoisted_14$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.crafters, (crafter) => {
 						return openBlock(), createElementBlock("li", { key: crafter.id }, [createElementVNode("button", {
 							class: "crafter",
 							"aria-pressed": crafter.id === crafterId.value,
 							type: "button",
 							onClick: ($event) => crafterId.value = crafter.id
-						}, [createElementVNode("span", _hoisted_17$4, toDisplayString(crafter.name), 1)], 8, _hoisted_16$4)]);
+						}, [createElementVNode("span", _hoisted_16$7, toDisplayString(crafter.name), 1)], 8, _hoisted_15$7)]);
 					}), 128))]),
 					withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => amount.value = $event),
@@ -472,16 +1023,16 @@ var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 						max: __props.amountMaximum,
 						min: "1",
 						type: "range"
-					}, null, 8, _hoisted_18$4), [[
+					}, null, 8, _hoisted_17$7), [[
 						vModelText,
 						amount.value,
 						void 0,
 						{ number: true }
 					]]),
-					createElementVNode("p", _hoisted_19$4, toDisplayString(__props.craftedLabel), 1),
-					createElementVNode("p", _hoisted_20$4, toDisplayString(__props.requiredLabel) + " " + toDisplayString(__props.requiredCoins), 1),
-					createElementVNode("p", _hoisted_21$3, toDisplayString(__props.craftingMaterialsLabel), 1),
-					createElementVNode("ul", _hoisted_22$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.materials, (material) => {
+					createElementVNode("p", _hoisted_18$6, toDisplayString(__props.craftedLabel), 1),
+					createElementVNode("p", _hoisted_19$6, toDisplayString(__props.requiredLabel) + " " + toDisplayString(__props.requiredCoins), 1),
+					createElementVNode("p", _hoisted_20$6, toDisplayString(__props.craftingMaterialsLabel), 1),
+					createElementVNode("ul", _hoisted_21$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.materials, (material) => {
 						return openBlock(), createElementBlock("li", {
 							key: material.id,
 							class: "material"
@@ -496,63 +1047,7 @@ var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-501eda08"]]);
-//#endregion
-//#region src/components/GameButton/Index.vue
-const _hoisted_1$17 = ["data-kind"];
-const _hoisted_2$14 = {
-	key: 0,
-	class: "tip"
-};
-var Index_default$10 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "Index",
-	props: {
-		kind: {},
-		tip: {}
-	},
-	setup(__props, { expose: __expose }) {
-		useCssVars((_ctx) => ({
-			"v8de8a9a0": restDuration,
-			"v4f7d0248": hoverDuration,
-			"v5ff883e5": unref(GAME_GOLD),
-			"c23e4506": unref(GAME_CREAM),
-			"v7defe8be": unref(GAME_INK),
-			"v78a9c41c": unref(GAME_ROW_HOVER),
-			"v77c60e0e": unref(GAME_ROW_PRESS),
-			"v7a0541ee": pillRestDuration,
-			"v307a3362": pressDuration,
-			"v0673242b": unref(GAME_SMOOTHSTEP_EASING),
-			"v40afb3ee": unref(GAME_REPLY_REST),
-			"v5683177c": unref(GAME_REPLY_HOVER),
-			"a79a636e": unref(GAME_REPLY_HOVER_INK)
-		}));
-		const button = useTemplateRef("button");
-		const hoverDuration = `50ms`;
-		const restDuration = `100ms`;
-		const pillRestDuration = `200ms`;
-		const pressDuration = `167ms`;
-		__expose({ focus: () => button.value?.focus() });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" One of the game's buttons, placed by its parent, in its kind's look for each state: at rest, hovered (or focused\n       From the keyboard, which the game draws as a hover), pressed and disabled. The look is the button's own, and its content\n       Takes the colour it sets "), createElementVNode("button", {
-				ref_key: "button",
-				ref: button,
-				class: "game-button",
-				"data-kind": __props.kind,
-				type: "button"
-			}, [renderSlot(_ctx.$slots, "default"), __props.tip ? (openBlock(), createElementBlock("span", _hoisted_2$14, toDisplayString(__props.tip), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_1$17)], 2112);
-		};
-	}
-}), [["__scopeId", "data-v-cab29bfa"]]);
-//#endregion
-//#region src/models/GameButtonKind.ts
-let GameButtonKind = /* @__PURE__ */ function(GameButtonKind) {
-	GameButtonKind["Disc"] = "Disc";
-	GameButtonKind["Pill"] = "Pill";
-	GameButtonKind["Plain"] = "Plain";
-	GameButtonKind["Reply"] = "Reply";
-	GameButtonKind["Row"] = "Row";
-	return GameButtonKind;
-}({});
+}), [["__scopeId", "data-v-bd114327"]]);
 //#endregion
 //#region src/models/DialogueChoiceIcon.ts
 let DialogueChoiceIcon = /* @__PURE__ */ function(DialogueChoiceIcon) {
@@ -579,29 +1074,29 @@ const DialogueChoiceIconPathMap = {
 };
 //#endregion
 //#region src/components/DialogueScreen/Index.vue
-const _hoisted_1$16 = {
+const _hoisted_1$23 = {
 	key: 0,
 	class: "speaker"
 };
-const _hoisted_2$13 = {
+const _hoisted_2$18 = {
 	key: 1,
 	class: "role"
 };
-const _hoisted_3$11 = { class: "line" };
-const _hoisted_4$9 = { "aria-hidden": "true" };
-const _hoisted_5$7 = {
+const _hoisted_3$16 = { class: "line" };
+const _hoisted_4$14 = { "aria-hidden": "true" };
+const _hoisted_5$13 = {
 	class: "unrevealed",
 	"aria-hidden": "true"
 };
-const _hoisted_6$6 = { class: "spoken" };
-const _hoisted_7$6 = {
+const _hoisted_6$12 = { class: "spoken" };
+const _hoisted_7$12 = {
 	key: 0,
 	class: "choices"
 };
-const _hoisted_8$5 = ["data-interaction-state"];
-const _hoisted_9$5 = ["viewBox"];
-const _hoisted_10$5 = ["d"];
-var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_8$9 = ["data-interaction-state"];
+const _hoisted_9$8 = ["viewBox"];
+const _hoisted_10$8 = ["d"];
+var Index_default$12 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		choices: {},
@@ -629,18 +1124,18 @@ var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 				class: normalizeClass(["band", { narration: !__props.speakerName }]),
 				"aria-live": "polite"
 			}, [
-				__props.speakerName ? (openBlock(), createElementBlock("p", _hoisted_1$16, toDisplayString(__props.speakerName), 1)) : createCommentVNode("v-if", true),
-				__props.speakerRole ? (openBlock(), createElementBlock("p", _hoisted_2$13, toDisplayString(__props.speakerRole), 1)) : createCommentVNode("v-if", true),
-				createElementVNode("p", _hoisted_3$11, [
-					createElementVNode("span", _hoisted_4$9, toDisplayString(lineParts.value.revealed), 1),
-					createElementVNode("span", _hoisted_5$7, toDisplayString(lineParts.value.unrevealed), 1),
-					createElementVNode("span", _hoisted_6$6, toDisplayString(__props.line), 1)
+				__props.speakerName ? (openBlock(), createElementBlock("p", _hoisted_1$23, toDisplayString(__props.speakerName), 1)) : createCommentVNode("v-if", true),
+				__props.speakerRole ? (openBlock(), createElementBlock("p", _hoisted_2$18, toDisplayString(__props.speakerRole), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("p", _hoisted_3$16, [
+					createElementVNode("span", _hoisted_4$14, toDisplayString(lineParts.value.revealed), 1),
+					createElementVNode("span", _hoisted_5$13, toDisplayString(lineParts.value.unrevealed), 1),
+					createElementVNode("span", _hoisted_6$12, toDisplayString(__props.line), 1)
 				])
-			], 2), __props.choices.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_7$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.choices, ({ icon, id, text }) => {
+			], 2), __props.choices.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_7$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.choices, ({ icon, id, text }) => {
 				return openBlock(), createElementBlock("li", {
 					key: id,
 					"data-interaction-state": id === __props.selectedChoiceId ? "Hover" : void 0
-				}, [createVNode(Index_default$10, {
+				}, [createVNode(Index_default$16, {
 					class: "choice",
 					"data-icon": icon,
 					kind: unref(GameButtonKind).Reply,
@@ -653,25 +1148,261 @@ var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 					}, [createElementVNode("path", {
 						d: unref(DialogueChoiceIconPathMap)[icon].d,
 						fill: "currentColor"
-					}, null, 8, _hoisted_10$5)], 8, _hoisted_9$5)), createTextVNode(" " + toDisplayString(text), 1)]),
+					}, null, 8, _hoisted_10$8)], 8, _hoisted_9$8)), createTextVNode(" " + toDisplayString(text), 1)]),
 					_: 2
 				}, 1032, [
 					"data-icon",
 					"kind",
 					"onClick"
-				])], 8, _hoisted_8$5);
+				])], 8, _hoisted_8$9);
 			}), 128))])) : createCommentVNode("v-if", true)])], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-da022ee0"]]);
 //#endregion
+//#region src/components/ItemTile/Index.vue
+const _hoisted_1$22 = ["data-rarity"];
+const _hoisted_2$17 = { class: "face" };
+const _hoisted_3$15 = {
+	class: "count",
+	"aria-hidden": "true"
+};
+var Index_default$20 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		count: {},
+		rarity: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" An item's tile as the game's reward lists draw it, filling the box its parent gives it: the rarity's gradient lit\n       from the foot, and the count in white on a darker strip across the bottom 24%, the corners rounded 7%. Measured on\n       the wiki's Adventurer Handbook screenshot and the Reputation clip, which agree on the three, four and five star\n       tiles and differ only in the count's size, which a screen sets as `--count-size` since it does not follow the\n       tile's: the handbook's counts stand as high on its 188 tiles as on its 141. A one or two star tile is not measured\n       yet and draws bare. The item's own art is the game's and does not ship "), createElementVNode("span", {
+				class: "item-tile",
+				"data-rarity": __props.rarity
+			}, [createElementVNode("span", _hoisted_2$17, [createElementVNode("span", _hoisted_3$15, toDisplayString(__props.count), 1)])], 8, _hoisted_1$22)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-8cf70011"]]);
+//#endregion
+//#region src/models/ExpeditionActionKind.ts
+let ExpeditionActionKind = /* @__PURE__ */ function(ExpeditionActionKind) {
+	ExpeditionActionKind["Claim"] = "claim";
+	ExpeditionActionKind["Recall"] = "recall";
+	ExpeditionActionKind["Send"] = "send";
+	return ExpeditionActionKind;
+}({});
+//#endregion
+//#region src/components/ExpeditionScreen/Index.vue
+const _hoisted_1$21 = { class: "expedition-screen" };
+const _hoisted_2$16 = { class: "limit" };
+const _hoisted_3$14 = ["aria-label"];
+const _hoisted_4$13 = { class: "nations" };
+const _hoisted_5$12 = ["aria-pressed", "onClick"];
+const _hoisted_6$11 = {
+	key: 0,
+	class: "alert",
+	"aria-hidden": "true"
+};
+const _hoisted_7$11 = { class: "pins" };
+const _hoisted_8$8 = [
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+];
+const _hoisted_9$7 = {
+	key: 0,
+	class: "away"
+};
+const _hoisted_10$7 = {
+	key: 0,
+	class: "detail"
+};
+const _hoisted_11$7 = { class: "detail-name" };
+const _hoisted_12$7 = { class: "description" };
+const _hoisted_13$7 = { class: "rewards-label" };
+const _hoisted_14$7 = { class: "rewards" };
+const _hoisted_15$6 = {
+	key: 0,
+	class: "status"
+};
+const _hoisted_16$6 = {
+	key: 1,
+	class: "durations"
+};
+const _hoisted_17$6 = ["aria-pressed", "onClick"];
+const _hoisted_18$5 = {
+	key: 1,
+	class: "characters"
+};
+const _hoisted_19$5 = { class: "characters-title" };
+const _hoisted_20$5 = ["disabled", "onClick"];
+const _hoisted_21$5 = { class: "character-name" };
+const _hoisted_22$4 = { class: "character-bonus" };
+const _hoisted_23$3 = {
+	key: 0,
+	class: "character-status"
+};
+var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: /*@__PURE__*/ mergeModels({
+		characters: {},
+		characterTitle: {},
+		closeLabel: {},
+		detail: {},
+		limitLabel: {},
+		nations: {},
+		pins: {},
+		rewardsLabel: {},
+		title: {}
+	}, {
+		"nation": { required: true },
+		"nationModifiers": {},
+		"place": {},
+		"placeModifiers": {},
+		"hours": { default: 0 },
+		"hoursModifiers": {},
+		"picking": {
+			type: Boolean,
+			default: false
+		},
+		"pickingModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"claim",
+		"close",
+		"recall",
+		"send"
+	], [
+		"update:nation",
+		"update:place",
+		"update:hours",
+		"update:picking"
+	]),
+	setup(__props, { emit: __emit }) {
+		const nation = useModel(__props, "nation");
+		const place = useModel(__props, "place");
+		const hours = useModel(__props, "hours");
+		const picking = useModel(__props, "picking");
+		const emit = __emit;
+		const act = () => {
+			if (!__props.detail) return;
+			if (__props.detail.actionKind === "send") picking.value = true;
+			else if (__props.detail.actionKind === "claim") emit("claim", __props.detail.id);
+			else emit("recall", __props.detail.id);
+		};
+		const pick = (characterId) => {
+			if (!__props.detail) return;
+			picking.value = false;
+			emit("send", __props.detail.id, characterId, hours.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Expedition screen as the public clip shows it at 1080 high (references/expedition-screen, 26 seconds): the title\n       across the head with the expedition limit and the way out, the nations down the left, the places as pins over the\n       map, and the picked place's panel on the right with its rewards, its durations and the button that acts on it. The\n       map and the panel's picture are the game's art and do not ship, so they are drawn as plain sheets, and the pin's\n       brackets as a square outline; the parity compares them against the frame "), createElementVNode("div", _hoisted_1$21, [
+				_cache[6] || (_cache[6] = createElementVNode("div", {
+					class: "map",
+					"aria-hidden": "true"
+				}, null, -1)),
+				createVNode(Index_default$30, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+					_: 1
+				}),
+				createElementVNode("p", _hoisted_2$16, toDisplayString(__props.limitLabel), 1),
+				createElementVNode("button", {
+					class: "close",
+					"aria-label": __props.closeLabel,
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "×", 8, _hoisted_3$14),
+				createElementVNode("ul", _hoisted_4$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nations, ({ hasAlert, name }) => {
+					return openBlock(), createElementBlock("li", { key: name }, [createElementVNode("button", {
+						class: "nation",
+						"aria-pressed": name === nation.value,
+						type: "button",
+						onClick: ($event) => nation.value = name
+					}, [
+						_cache[2] || (_cache[2] = createElementVNode("span", {
+							class: "marker",
+							"aria-hidden": "true"
+						}, null, -1)),
+						createElementVNode("span", null, toDisplayString(name), 1),
+						hasAlert ? (openBlock(), createElementBlock("span", _hoisted_6$11, "!")) : createCommentVNode("v-if", true)
+					], 8, _hoisted_5$12)]);
+				}), 128))]),
+				createElementVNode("ul", _hoisted_7$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pins, ({ awayLabel, id, label, x, y }) => {
+					return openBlock(), createElementBlock("li", {
+						key: id,
+						style: normalizeStyle({
+							"--x": x,
+							"--y": y
+						})
+					}, [createElementVNode("button", {
+						class: "pin",
+						"aria-label": label,
+						"aria-pressed": id === place.value,
+						type: "button",
+						onClick: ($event) => place.value = id
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { "aria-hidden": "true" }, "+", -1)])], 8, _hoisted_8$8), awayLabel ? (openBlock(), createElementBlock("span", _hoisted_9$7, toDisplayString(awayLabel), 1)) : createCommentVNode("v-if", true)], 4);
+				}), 128))]),
+				__props.detail ? (openBlock(), createElementBlock("section", _hoisted_10$7, [
+					createElementVNode("p", _hoisted_11$7, toDisplayString(__props.detail.name), 1),
+					_cache[4] || (_cache[4] = createElementVNode("div", {
+						class: "picture",
+						"aria-hidden": "true"
+					}, null, -1)),
+					createElementVNode("p", _hoisted_12$7, toDisplayString(__props.detail.description), 1),
+					createElementVNode("p", _hoisted_13$7, toDisplayString(__props.rewardsLabel), 1),
+					createElementVNode("ul", _hoisted_14$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.rewards, ({ countLabel, label, rarity }, index) => {
+						return openBlock(), createElementBlock("li", { key: index }, [createVNode(Index_default$20, {
+							class: "item",
+							"aria-label": label,
+							count: countLabel,
+							rarity,
+							role: "img"
+						}, null, 8, [
+							"aria-label",
+							"count",
+							"rarity"
+						])]);
+					}), 128))]),
+					__props.detail.statusLabel ? (openBlock(), createElementBlock("p", _hoisted_15$6, toDisplayString(__props.detail.statusLabel), 1)) : (openBlock(), createElementBlock("ul", _hoisted_16$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.durations, (duration) => {
+						return openBlock(), createElementBlock("li", { key: duration }, [createElementVNode("button", {
+							"aria-pressed": duration === hours.value,
+							type: "button",
+							onClick: ($event) => hours.value = duration
+						}, toDisplayString(duration) + "h", 9, _hoisted_17$6)]);
+					}), 128))]))
+				])) : createCommentVNode("v-if", true),
+				picking.value && __props.detail ? (openBlock(), createElementBlock("section", _hoisted_18$5, [createElementVNode("p", _hoisted_19$5, toDisplayString(__props.characterTitle), 1), createElementVNode("ul", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.characters, ({ bonusLabel, id, label, statusLabel }) => {
+					return openBlock(), createElementBlock("li", { key: id }, [createElementVNode("button", {
+						class: "character",
+						disabled: statusLabel !== "",
+						type: "button",
+						onClick: ($event) => pick(id)
+					}, [
+						createElementVNode("span", _hoisted_21$5, toDisplayString(label), 1),
+						createElementVNode("span", _hoisted_22$4, toDisplayString(bonusLabel), 1),
+						statusLabel ? (openBlock(), createElementBlock("span", _hoisted_23$3, toDisplayString(statusLabel), 1)) : createCommentVNode("v-if", true)
+					], 8, _hoisted_20$5)]);
+				}), 128))])])) : createCommentVNode("v-if", true),
+				__props.detail ? (openBlock(), createElementBlock("button", {
+					key: 2,
+					class: "action",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => act())
+				}, [_cache[5] || (_cache[5] = createElementVNode("span", {
+					class: "ring",
+					"aria-hidden": "true"
+				}, null, -1)), createElementVNode("span", null, toDisplayString(__props.detail.actionLabel), 1)])) : createCommentVNode("v-if", true)
+			])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-ee73652f"]]);
+//#endregion
 //#region src/components/TwoColumnScreen/Index.vue
-const _hoisted_1$15 = { class: "two-column-screen" };
-var Index_default$23 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$20 = { class: "two-column-screen" };
+var Index_default$34 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" A screen drawn as two columns under a head row, its head spanning both. A screen of this shape takes its root from\n       here, so a class on it names the screen and never restates the layout "), createElementVNode("div", _hoisted_1$15, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 2112);
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" A screen drawn as two columns under a head row, its head spanning both. A screen of this shape takes its root from\n       here, so a class on it names the screen and never restates the layout "), createElementVNode("div", _hoisted_1$20, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-d9df7bbc"]]);
@@ -693,47 +1424,51 @@ let ForgeTab = /* @__PURE__ */ function(ForgeTab) {
 }({});
 //#endregion
 //#region src/components/ForgeScreen/Index.vue
-const _hoisted_1$14 = { class: "head" };
-const _hoisted_2$12 = {
+const _hoisted_1$19 = { class: "head" };
+const _hoisted_2$15 = {
 	class: "title",
 	role: "heading",
 	"aria-level": "1"
 };
-const _hoisted_3$10 = { class: "tabs" };
-const _hoisted_4$8 = ["aria-pressed"];
-const _hoisted_5$6 = ["aria-pressed"];
-const _hoisted_6$5 = { class: "coins" };
-const _hoisted_7$5 = ["aria-label"];
-const _hoisted_8$4 = { class: "recipes" };
-const _hoisted_9$4 = [
+const _hoisted_3$13 = { class: "tabs" };
+const _hoisted_4$12 = ["aria-pressed"];
+const _hoisted_5$11 = ["aria-pressed"];
+const _hoisted_6$10 = { class: "coins" };
+const _hoisted_7$10 = ["aria-label"];
+const _hoisted_8$7 = { class: "recipes" };
+const _hoisted_9$6 = [
 	"aria-pressed",
 	"disabled",
 	"onClick"
 ];
-const _hoisted_10$4 = { class: "recipe-name" };
-const _hoisted_11$3 = { class: "recipe-time" };
-const _hoisted_12$3 = { class: "detail" };
-const _hoisted_13$3 = ["aria-label", "max"];
-const _hoisted_14$3 = { class: "total-time" };
-const _hoisted_15$3 = { class: "item-icon" };
-const _hoisted_16$3 = { class: "item-count" };
-const _hoisted_17$3 = { class: "amount-label" };
-const _hoisted_18$3 = { class: "amount-end amount-max" };
-const _hoisted_19$3 = { class: "materials-box" };
-const _hoisted_20$3 = { class: "materials-head" };
-const _hoisted_21$2 = { class: "materials-title" };
-const _hoisted_22$2 = { class: "support-title" };
+const _hoisted_10$6 = { class: "recipe-name" };
+const _hoisted_11$6 = { class: "recipe-time" };
+const _hoisted_12$6 = { class: "detail" };
+const _hoisted_13$6 = ["aria-label", "max"];
+const _hoisted_14$6 = { class: "total-time" };
+const _hoisted_15$5 = { class: "item-icon" };
+const _hoisted_16$5 = { class: "item-count" };
+const _hoisted_17$5 = { class: "amount-label" };
+const _hoisted_18$4 = { class: "amount-end amount-max" };
+const _hoisted_19$4 = { class: "materials-box" };
+const _hoisted_20$4 = { class: "materials-head" };
+const _hoisted_21$4 = { class: "materials-title" };
+const _hoisted_22$3 = { class: "support-title" };
 const _hoisted_23$2 = { class: "required" };
-const _hoisted_24$2 = {
+const _hoisted_24$1 = {
+	key: 1,
+	class: "refusal"
+};
+const _hoisted_25$1 = {
 	key: 1,
 	class: "queues"
 };
-const _hoisted_25$2 = ["data-state"];
-const _hoisted_26$2 = { class: "queue-name" };
-const _hoisted_27$2 = { class: "queue-progress" };
-const _hoisted_28$1 = { class: "queue-time" };
-const _hoisted_29$1 = ["onClick"];
-var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_26$1 = ["data-state"];
+const _hoisted_27$1 = { class: "queue-name" };
+const _hoisted_28$1 = { class: "queue-progress" };
+const _hoisted_29$1 = { class: "queue-time" };
+const _hoisted_30$1 = ["onClick"];
+var Index_default$15 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		amountLabel: {},
@@ -746,6 +1481,7 @@ var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		queues: {},
 		queuesLabel: {},
 		recipes: {},
+		refusalLabel: {},
 		requiredCoins: {},
 		startLabel: {},
 		supportLabel: {},
@@ -775,32 +1511,32 @@ var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		const tab = useModel(__props, "tab");
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The forge, the blacksmith's screen: its two tabs across the head with the coins and the way out, the recipes on the\n       left with the chosen one's amount and cost beside them, or the queues each holding an order that forges over real\n       time and is obtained when it is done. Provisional: every place, size and colour here waits on the forge screen's\n       passes against the public clip of the Wagner forge (references/forge-screen) and the owed order-queue recording "), createVNode(Index_default$23, { class: "forge-screen" }, {
-				default: withCtx(() => [createElementVNode("header", _hoisted_1$14, [
-					createElementVNode("p", _hoisted_2$12, toDisplayString(__props.title), 1),
-					createElementVNode("div", _hoisted_3$10, [createElementVNode("button", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The forge, the blacksmith's screen: its two tabs across the head with the coins and the way out, the recipes on the\n       left with the chosen one's amount and cost beside them, or the queues each holding an order that forges over real\n       time and is obtained when it is done. Provisional: every place, size and colour here waits on the forge screen's\n       passes against the public clip of the Wagner forge (references/forge-screen) and the owed order-queue recording "), createVNode(Index_default$34, { class: "forge-screen" }, {
+				default: withCtx(() => [createElementVNode("header", _hoisted_1$19, [
+					createElementVNode("p", _hoisted_2$15, toDisplayString(__props.title), 1),
+					createElementVNode("div", _hoisted_3$13, [createElementVNode("button", {
 						class: "tab",
 						"aria-pressed": tab.value === unref(ForgeTab).Materials,
 						type: "button",
 						onClick: _cache[0] || (_cache[0] = ($event) => tab.value = unref(ForgeTab).Materials)
-					}, toDisplayString(__props.materialsLabel), 9, _hoisted_4$8), createElementVNode("button", {
+					}, toDisplayString(__props.materialsLabel), 9, _hoisted_4$12), createElementVNode("button", {
 						class: "tab",
 						"aria-pressed": tab.value === unref(ForgeTab).Queues,
 						type: "button",
 						onClick: _cache[1] || (_cache[1] = ($event) => tab.value = unref(ForgeTab).Queues)
-					}, toDisplayString(__props.queuesLabel), 9, _hoisted_5$6)]),
-					createElementVNode("p", _hoisted_6$5, toDisplayString(__props.coins), 1),
+					}, toDisplayString(__props.queuesLabel), 9, _hoisted_5$11)]),
+					createElementVNode("p", _hoisted_6$10, toDisplayString(__props.coins), 1),
 					createElementVNode("button", {
 						class: "close",
 						"aria-label": __props.closeLabel,
 						type: "button",
 						onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
-					}, "×", 8, _hoisted_7$5)
-				]), tab.value === unref(ForgeTab).Materials ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("ul", _hoisted_8$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.recipes, (recipe) => {
+					}, "×", 8, _hoisted_7$10)
+				]), tab.value === unref(ForgeTab).Materials ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("ul", _hoisted_8$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.recipes, (recipe) => {
 					return openBlock(), createElementBlock("li", { key: recipe.id }, [createElementVNode("button", {
 						class: "recipe",
 						"aria-pressed": recipe.id === recipeId.value,
-						disabled: !recipe.isLearned,
+						disabled: !recipe.isOpen,
 						type: "button",
 						onClick: ($event) => recipeId.value = recipe.id
 					}, [
@@ -808,10 +1544,10 @@ var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 							class: "recipe-tile",
 							"aria-hidden": "true"
 						}, null, -1)),
-						createElementVNode("span", _hoisted_10$4, toDisplayString(recipe.name), 1),
-						createElementVNode("span", _hoisted_11$3, toDisplayString(recipe.forgeTimeLabel), 1)
-					], 8, _hoisted_9$4)]);
-				}), 128))]), createElementVNode("div", _hoisted_12$3, [
+						createElementVNode("span", _hoisted_10$6, toDisplayString(recipe.name), 1),
+						createElementVNode("span", _hoisted_11$6, toDisplayString(recipe.forgeTimeLabel), 1)
+					], 8, _hoisted_9$6)]);
+				}), 128))]), createElementVNode("div", _hoisted_12$6, [
 					withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => amount.value = $event),
 						"aria-label": __props.amountLabel,
@@ -819,60 +1555,61 @@ var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 						max: __props.amountMaximum,
 						min: "1",
 						type: "range"
-					}, null, 8, _hoisted_13$3), [[
+					}, null, 8, _hoisted_13$6), [[
 						vModelText,
 						amount.value,
 						void 0,
 						{ number: true }
 					]]),
-					createElementVNode("p", _hoisted_14$3, toDisplayString(__props.totalTimeLabel), 1),
-					createElementVNode("div", _hoisted_15$3, [createElementVNode("span", _hoisted_16$3, toDisplayString(__props.yieldCount), 1)]),
-					createElementVNode("p", _hoisted_17$3, toDisplayString(__props.amountLabel), 1),
+					createElementVNode("p", _hoisted_14$6, toDisplayString(__props.totalTimeLabel), 1),
+					createElementVNode("div", _hoisted_15$5, [createElementVNode("span", _hoisted_16$5, toDisplayString(__props.yieldCount), 1)]),
+					createElementVNode("p", _hoisted_17$5, toDisplayString(__props.amountLabel), 1),
 					_cache[10] || (_cache[10] = createElementVNode("span", {
 						"aria-hidden": "true",
 						class: "amount-step amount-minus"
 					}, "−", -1)),
 					_cache[11] || (_cache[11] = createElementVNode("span", { class: "amount-end amount-min" }, "1", -1)),
-					createElementVNode("span", _hoisted_18$3, toDisplayString(__props.amountMaximum), 1),
+					createElementVNode("span", _hoisted_18$4, toDisplayString(__props.amountMaximum), 1),
 					_cache[12] || (_cache[12] = createElementVNode("span", {
 						"aria-hidden": "true",
 						class: "amount-step amount-plus"
 					}, "+", -1)),
-					createElementVNode("section", _hoisted_19$3, [
-						createElementVNode("header", _hoisted_20$3, [createElementVNode("p", _hoisted_21$2, toDisplayString(__props.materialsBoxLabel), 1), createElementVNode("p", _hoisted_22$2, toDisplayString(__props.supportLabel), 1)]),
+					createElementVNode("section", _hoisted_19$4, [
+						createElementVNode("header", _hoisted_20$4, [createElementVNode("p", _hoisted_21$4, toDisplayString(__props.materialsBoxLabel), 1), createElementVNode("p", _hoisted_22$3, toDisplayString(__props.supportLabel), 1)]),
 						_cache[6] || (_cache[6] = createElementVNode("span", { class: "slot slot-first" }, null, -1)),
 						_cache[7] || (_cache[7] = createElementVNode("span", { class: "slot slot-second" }, null, -1)),
 						_cache[8] || (_cache[8] = createElementVNode("span", { class: "slot slot-third" }, null, -1)),
 						_cache[9] || (_cache[9] = createElementVNode("span", { class: "support-portrait" }, null, -1))
 					]),
 					createElementVNode("p", _hoisted_23$2, toDisplayString(__props.requiredCoins), 1),
-					createElementVNode("button", {
+					!__props.refusalLabel ? (openBlock(), createElementBlock("button", {
+						key: 0,
 						class: "start",
 						type: "button",
 						onClick: _cache[4] || (_cache[4] = ($event) => emit("start"))
-					}, toDisplayString(__props.startLabel), 1)
-				])], 64)) : (openBlock(), createElementBlock("ul", _hoisted_24$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.queues, (queue) => {
+					}, toDisplayString(__props.startLabel), 1)) : (openBlock(), createElementBlock("p", _hoisted_24$1, toDisplayString(__props.refusalLabel), 1))
+				])], 64)) : (openBlock(), createElementBlock("ul", _hoisted_25$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.queues, (queue) => {
 					return openBlock(), createElementBlock("li", {
 						key: queue.id,
 						class: "queue",
 						"data-state": queue.state
 					}, [
-						createElementVNode("span", _hoisted_26$2, toDisplayString(queue.name), 1),
-						createElementVNode("span", _hoisted_27$2, toDisplayString(queue.progressLabel), 1),
-						createElementVNode("span", _hoisted_28$1, toDisplayString(queue.timeLabel), 1),
+						createElementVNode("span", _hoisted_27$1, toDisplayString(queue.name), 1),
+						createElementVNode("span", _hoisted_28$1, toDisplayString(queue.progressLabel), 1),
+						createElementVNode("span", _hoisted_29$1, toDisplayString(queue.timeLabel), 1),
 						queue.state === unref(ForgeQueueState).Complete ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							class: "obtain",
 							type: "button",
 							onClick: ($event) => emit("obtain", queue.id)
-						}, toDisplayString(__props.obtainLabel), 9, _hoisted_29$1)) : createCommentVNode("v-if", true)
-					], 8, _hoisted_25$2);
+						}, toDisplayString(__props.obtainLabel), 9, _hoisted_30$1)) : createCommentVNode("v-if", true)
+					], 8, _hoisted_26$1);
 				}), 128))]))]),
 				_: 1
 			})], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-c1d8f7f3"]]);
+}), [["__scopeId", "data-v-4426e963"]]);
 //#endregion
 //#region src/services/toCanvasRect.ts
 const toPair = ([x = 0, y = 0]) => [x, y];
@@ -933,8 +1670,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/components/GameScreen/Index.vue
-const _hoisted_1$13 = ["data-interaction-state"];
-var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$18 = ["data-interaction-state"];
+var Index_default$17 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		interactionState: {},
@@ -956,21 +1693,21 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				class: "game-screen",
 				"data-interaction-state": __props.interactionState,
 				style: normalizeStyle(style.value)
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 12, _hoisted_1$13)], 2112);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 12, _hoisted_1$18)], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-b0f87b0b"]]);
 //#endregion
 //#region src/components/InteractionPrompts/Index.vue
-const _hoisted_1$12 = ["aria-current", "data-kind"];
-const _hoisted_2$11 = {
+const _hoisted_1$17 = ["aria-current", "data-kind"];
+const _hoisted_2$14 = {
 	key: 0,
 	class: "key",
 	"aria-hidden": "true"
 };
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$7 = { class: "name" };
-var Index_default$12 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_3$12 = ["onClick"];
+const _hoisted_4$11 = { class: "name" };
+var Index_default$18 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		isTouch: {
@@ -992,14 +1729,14 @@ var Index_default$12 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					class: "prompt",
 					"aria-current": !__props.isTouch && id === __props.selectedId || void 0,
 					"data-kind": kind
-				}, [!__props.isTouch ? (openBlock(), createElementBlock("kbd", _hoisted_2$11, toDisplayString(id === __props.selectedId ? unref("F") : ""), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
+				}, [!__props.isTouch ? (openBlock(), createElementBlock("kbd", _hoisted_2$14, toDisplayString(id === __props.selectedId ? unref("F") : ""), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
 					class: "pill",
 					type: "button",
 					onClick: ($event) => emit("press", id)
 				}, [_cache[0] || (_cache[0] = createElementVNode("span", {
 					class: "icon",
 					"aria-hidden": "true"
-				}, null, -1)), createElementVNode("span", _hoisted_4$7, toDisplayString(name), 1)], 8, _hoisted_3$9)], 8, _hoisted_1$12);
+				}, null, -1)), createElementVNode("span", _hoisted_4$11, toDisplayString(name), 1)], 8, _hoisted_3$12)], 8, _hoisted_1$17);
 			}), 128))], 2)], 2112);
 		};
 	}
@@ -1014,57 +1751,57 @@ let InventorySort = /* @__PURE__ */ function(InventorySort) {
 const InventorySorts = Object.values(InventorySort);
 //#endregion
 //#region src/components/InventoryScreen/Index.vue
-const _hoisted_1$11 = { class: "inventory-screen" };
-const _hoisted_2$10 = ["inert"];
-const _hoisted_3$8 = {
+const _hoisted_1$16 = { class: "inventory-screen" };
+const _hoisted_2$13 = ["inert"];
+const _hoisted_3$11 = {
 	class: "title",
 	role: "heading",
 	"aria-level": "1"
 };
-const _hoisted_4$6 = { class: "tabs" };
-const _hoisted_5$5 = [
+const _hoisted_4$10 = { class: "tabs" };
+const _hoisted_5$10 = [
 	"aria-label",
 	"aria-pressed",
 	"data-category",
 	"onClick"
 ];
-const _hoisted_6$4 = { class: "capacity" };
-const _hoisted_7$4 = ["aria-label"];
-const _hoisted_8$3 = { class: "grid" };
-const _hoisted_9$3 = [
+const _hoisted_6$9 = { class: "capacity" };
+const _hoisted_7$9 = ["aria-label"];
+const _hoisted_8$6 = { class: "grid" };
+const _hoisted_9$5 = [
 	"aria-label",
 	"aria-pressed",
 	"data-rarity",
 	"data-selected",
 	"onClick"
 ];
-const _hoisted_10$3 = { class: "caption" };
-const _hoisted_11$2 = ["data-rarity"];
-const _hoisted_12$2 = { class: "detail-name" };
-const _hoisted_13$2 = { class: "detail-caption" };
-const _hoisted_14$2 = ["aria-label", "aria-pressed"];
-const _hoisted_15$2 = {
+const _hoisted_10$5 = { class: "caption" };
+const _hoisted_11$5 = ["data-rarity"];
+const _hoisted_12$5 = { class: "detail-name" };
+const _hoisted_13$5 = { class: "detail-caption" };
+const _hoisted_14$5 = ["aria-label", "aria-pressed"];
+const _hoisted_15$4 = {
 	key: 1,
 	class: "destroy"
 };
-const _hoisted_16$2 = { class: "destroy-tip" };
-const _hoisted_17$2 = {
+const _hoisted_16$4 = { class: "destroy-tip" };
+const _hoisted_17$4 = {
 	key: 0,
 	class: "destroy-cannot"
 };
-const _hoisted_18$2 = { class: "quick-selects" };
-const _hoisted_19$2 = ["data-rarity", "onClick"];
-const _hoisted_20$2 = { class: "destroy-count" };
-const _hoisted_21$1 = ["disabled"];
-const _hoisted_22$1 = { class: "sort" };
+const _hoisted_18$3 = { class: "quick-selects" };
+const _hoisted_19$3 = ["data-rarity", "onClick"];
+const _hoisted_20$3 = { class: "destroy-count" };
+const _hoisted_21$3 = ["disabled"];
+const _hoisted_22$2 = { class: "sort" };
 const _hoisted_23$1 = ["value"];
-const _hoisted_24$1 = ["aria-label", "data-descending"];
-const _hoisted_25$1 = {
+const _hoisted_24 = ["aria-label", "data-descending"];
+const _hoisted_25 = {
 	key: 3,
 	class: "currencies"
 };
-const _hoisted_26$1 = ["data-currency"];
-const _hoisted_27$1 = { class: "currency-name" };
+const _hoisted_26 = ["data-currency"];
+const _hoisted_27 = { class: "currency-name" };
 const _hoisted_28 = {
 	key: 0,
 	class: "top-up"
@@ -1082,7 +1819,7 @@ const _hoisted_35 = { class: "confirm-list-label" };
 const _hoisted_36 = { class: "confirm-names" };
 const _hoisted_37 = { class: "confirm-buttons" };
 const _hoisted_38 = ["disabled"];
-var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		backLabel: {},
@@ -1107,11 +1844,15 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		isDestroyFull: { type: Boolean },
 		isDestroying: { type: Boolean },
 		isSortable: { type: Boolean },
+		lockLabel: {},
 		orderLabel: {},
 		quickSelects: {},
+		quickUseLabel: {},
 		sortLabels: {},
 		tabLabels: {},
-		title: {}
+		title: {},
+		unlockLabel: {},
+		useLabel: {}
 	}, {
 		"category": { required: true },
 		"categoryModifiers": {},
@@ -1131,8 +1872,11 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		"close",
 		"confirmDestroy",
 		"destroy",
+		"lock",
 		"quickSelect",
-		"toggleDestroy"
+		"quickUse",
+		"toggleDestroy",
+		"use"
 	], [
 		"update:category",
 		"update:sort",
@@ -1156,13 +1900,13 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			else (returnFocus?.isConnected ? returnFocus : trashButton.value)?.focus();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The bag, the B key's: its nine tabs across the head in the game's order, the open tab's room beside the way back,\n       Its grid of four columns, the entry chosen with its detail panel, and the sort along the foot. Provisional: the\n       Tabs' icons and the grid's entries' icons wait on the glyph pass, and the sort, the wallet's place and the\n       Panel's stats and footer wait on the bag's other recordings "), createElementVNode("div", _hoisted_1$11, [
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The bag, the B key's: its nine tabs across the head in the game's order, the open tab's room beside the way back,\n       Its grid of four columns, the entry chosen with its detail panel, and the sort along the foot. Provisional: the\n       Tabs' icons and the grid's entries' icons wait on the glyph pass, and the sort, the wallet's place and the\n       Panel's stats and footer wait on the bag's other recordings "), createElementVNode("div", _hoisted_1$16, [
 				createElementVNode("div", {
 					class: "bag",
 					inert: __props.isConfirming
 				}, [
-					createElementVNode("p", _hoisted_3$8, toDisplayString(__props.title), 1),
-					createElementVNode("ul", _hoisted_4$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ItemCategories), (itemCategory) => {
+					createElementVNode("p", _hoisted_3$11, toDisplayString(__props.title), 1),
+					createElementVNode("ul", _hoisted_4$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ItemCategories), (itemCategory) => {
 						return openBlock(), createElementBlock("li", { key: itemCategory }, [createElementVNode("button", {
 							class: "tab",
 							"aria-label": __props.tabLabels[itemCategory],
@@ -1170,16 +1914,16 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"data-category": itemCategory,
 							type: "button",
 							onClick: ($event) => category.value = itemCategory
-						}, null, 8, _hoisted_5$5)]);
+						}, null, 8, _hoisted_5$10)]);
 					}), 128))]),
-					createElementVNode("p", _hoisted_6$4, toDisplayString(__props.capacity), 1),
+					createElementVNode("p", _hoisted_6$9, toDisplayString(__props.capacity), 1),
 					createElementVNode("button", {
 						class: "back",
 						"aria-label": __props.backLabel,
 						type: "button",
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-					}, null, 8, _hoisted_7$4),
-					createElementVNode("ul", _hoisted_8$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, (cell) => {
+					}, null, 8, _hoisted_7$9),
+					createElementVNode("ul", _hoisted_8$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, (cell) => {
 						return openBlock(), createElementBlock("li", { key: cell.id }, [createElementVNode("button", {
 							class: "cell",
 							"aria-label": cell.name,
@@ -1188,13 +1932,28 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"data-selected": cell.isSelected,
 							type: "button",
 							onClick: ($event) => __props.isDestroying && cell.isDestroyable ? emit("choose", cell.id) : selectedId.value = cell.id
-						}, [createElementVNode("span", _hoisted_10$3, toDisplayString(cell.caption), 1)], 8, _hoisted_9$3)]);
+						}, [createElementVNode("span", _hoisted_10$5, toDisplayString(cell.caption), 1)], 8, _hoisted_9$5)]);
 					}), 128))]),
 					selectedCell.value ? (openBlock(), createElementBlock("section", {
 						key: 0,
 						class: "detail",
 						"data-rarity": selectedCell.value.rarity
-					}, [createElementVNode("p", _hoisted_12$2, toDisplayString(selectedCell.value.name), 1), createElementVNode("p", _hoisted_13$2, toDisplayString(selectedCell.value.caption), 1)], 8, _hoisted_11$2)) : createCommentVNode("v-if", true),
+					}, [
+						createElementVNode("p", _hoisted_12$5, toDisplayString(selectedCell.value.name), 1),
+						createElementVNode("p", _hoisted_13$5, toDisplayString(selectedCell.value.caption), 1),
+						selectedCell.value.isUsable && !__props.isDestroying ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							class: "use",
+							type: "button",
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("use", selectedCell.value.id))
+						}, toDisplayString(__props.useLabel), 1)) : createCommentVNode("v-if", true),
+						selectedCell.value.isLockable && !__props.isDestroying ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							class: "lock",
+							type: "button",
+							onClick: _cache[2] || (_cache[2] = ($event) => emit("lock", selectedCell.value.id))
+						}, toDisplayString(selectedCell.value.isLocked ? __props.unlockLabel : __props.lockLabel), 1)) : createCommentVNode("v-if", true)
+					], 8, _hoisted_11$5)) : createCommentVNode("v-if", true),
 					createElementVNode("button", {
 						ref_key: "trashButton",
 						ref: trashButton,
@@ -1202,31 +1961,31 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"aria-label": __props.destroyLabel,
 						"aria-pressed": __props.isDestroying,
 						type: "button",
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("toggleDestroy"))
-					}, null, 8, _hoisted_14$2),
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("toggleDestroy"))
+					}, null, 8, _hoisted_14$5),
 					createCommentVNode(" The destroy mode's foot, in place of the sort or the currencies: its opening line, the quick selects by rarity,\n         the count of the chosen entries and the Destroy button that opens the dialog. Provisional until the mode is recorded "),
-					__props.isDestroying ? (openBlock(), createElementBlock("section", _hoisted_15$2, [
-						createElementVNode("p", _hoisted_16$2, toDisplayString(__props.destroyTipLabel), 1),
-						selectedCell.value && !selectedCell.value.isDestroyable ? (openBlock(), createElementBlock("p", _hoisted_17$2, toDisplayString(__props.destroyCannotLabel), 1)) : createCommentVNode("v-if", true),
-						createElementVNode("ul", _hoisted_18$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.quickSelects, ({ label, rarity }) => {
+					__props.isDestroying ? (openBlock(), createElementBlock("section", _hoisted_15$4, [
+						createElementVNode("p", _hoisted_16$4, toDisplayString(__props.destroyTipLabel), 1),
+						selectedCell.value && !selectedCell.value.isDestroyable ? (openBlock(), createElementBlock("p", _hoisted_17$4, toDisplayString(__props.destroyCannotLabel), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("ul", _hoisted_18$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.quickSelects, ({ label, rarity }) => {
 							return openBlock(), createElementBlock("li", { key: rarity }, [createElementVNode("button", {
 								class: "quick-select",
 								"data-rarity": rarity,
 								type: "button",
 								onClick: ($event) => emit("quickSelect", rarity)
-							}, toDisplayString(label), 9, _hoisted_19$2)]);
+							}, toDisplayString(label), 9, _hoisted_19$3)]);
 						}), 128))]),
-						createElementVNode("p", _hoisted_20$2, toDisplayString(__props.destroySelectedLabel), 1),
+						createElementVNode("p", _hoisted_20$3, toDisplayString(__props.destroySelectedLabel), 1),
 						createElementVNode("button", {
 							class: "destroy-button",
 							disabled: !__props.destroyNames.length,
 							type: "button",
-							onClick: _cache[2] || (_cache[2] = ($event) => emit("destroy"))
-						}, toDisplayString(__props.destroyButtonLabel), 9, _hoisted_21$1)
+							onClick: _cache[4] || (_cache[4] = ($event) => emit("destroy"))
+						}, toDisplayString(__props.destroyButtonLabel), 9, _hoisted_21$3)
 					])) : __props.isSortable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-						_cache[7] || (_cache[7] = createElementVNode("span", { class: "filter" }, null, -1)),
-						createElementVNode("div", _hoisted_22$1, [createCommentVNode(" eslint-disable-next-line vuejs-accessibility/form-control-has-label -- the sort's caption is no game text key yet, so no name in the reader's language exists until the bag's sort recording keys it; its options name it meanwhile "), withDirectives(createElementVNode("select", {
-							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => sort.value = $event),
+						_cache[10] || (_cache[10] = createElementVNode("span", { class: "filter" }, null, -1)),
+						createElementVNode("div", _hoisted_22$2, [createCommentVNode(" eslint-disable-next-line vuejs-accessibility/form-control-has-label -- the sort's caption is no game text key yet, so no name in the reader's language exists until the bag's sort recording keys it; its options name it meanwhile "), withDirectives(createElementVNode("select", {
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sort.value = $event),
 							class: "sort-select"
 						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(InventorySorts), (inventorySort) => {
 							return openBlock(), createElementBlock("option", {
@@ -1239,21 +1998,28 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"aria-label": __props.orderLabel,
 							"data-descending": isDescending.value,
 							type: "button",
-							onClick: _cache[4] || (_cache[4] = ($event) => isDescending.value = !isDescending.value)
-						}, null, 8, _hoisted_24$1)
-					], 64)) : (openBlock(), createElementBlock("ul", _hoisted_25$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.currencies, ({ id, isTopUp, name, quantity }) => {
+							onClick: _cache[6] || (_cache[6] = ($event) => isDescending.value = !isDescending.value)
+						}, null, 8, _hoisted_24)
+					], 64)) : (openBlock(), createElementBlock("ul", _hoisted_25, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.currencies, ({ id, isTopUp, name, quantity }) => {
 						return openBlock(), createElementBlock("li", {
 							key: id,
 							class: "currency",
 							"data-currency": id
 						}, [
-							createElementVNode("span", _hoisted_27$1, toDisplayString(name), 1),
-							_cache[8] || (_cache[8] = createElementVNode("span", { class: "currency-icon" }, null, -1)),
+							createElementVNode("span", _hoisted_27, toDisplayString(name), 1),
+							_cache[11] || (_cache[11] = createElementVNode("span", { class: "currency-icon" }, null, -1)),
 							createTextVNode(" " + toDisplayString(quantity) + " ", 1),
 							isTopUp ? (openBlock(), createElementBlock("span", _hoisted_28)) : createCommentVNode("v-if", true)
-						], 8, _hoisted_26$1);
-					}), 128))]))
-				], 8, _hoisted_2$10),
+						], 8, _hoisted_26);
+					}), 128))])),
+					createCommentVNode(" The gadget's action under the detail panel, which equips the gadget to the quick-use slot. Provisional: its place\n           is where the controller recording shows a gadget's action, the bottom bar's X, until the keyboard's is read "),
+					selectedCell.value?.isEquipable && !__props.isDestroying ? (openBlock(), createElementBlock("button", {
+						key: 4,
+						class: "quick-use",
+						type: "button",
+						onClick: _cache[7] || (_cache[7] = ($event) => emit("quickUse", selectedCell.value.id))
+					}, toDisplayString(__props.quickUseLabel), 1)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_2$13),
 				createCommentVNode(" The dialog the Destroy button opens over the bag: the entries to be destroyed, and the warning that it cannot be\n         undone, in the game's own wording. Provisional until the dialog is recorded "),
 				__props.isConfirming ? (openBlock(), createElementBlock("section", {
 					key: 0,
@@ -1277,45 +2043,22 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						ref: cancelButton,
 						class: "confirm-button",
 						type: "button",
-						onClick: _cache[5] || (_cache[5] = ($event) => emit("cancelDestroy"))
+						onClick: _cache[8] || (_cache[8] = ($event) => emit("cancelDestroy"))
 					}, toDisplayString(__props.cancelLabel), 513), createElementVNode("button", {
 						disabled: __props.isDestroyFull,
 						class: "confirm-button",
 						type: "button",
-						onClick: _cache[6] || (_cache[6] = ($event) => emit("confirmDestroy"))
+						onClick: _cache[9] || (_cache[9] = ($event) => emit("confirmDestroy"))
 					}, toDisplayString(__props.destroyConfirmButtonLabel), 9, _hoisted_38)])
 				], 8, _hoisted_29)) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-f5de1664"]]);
-//#endregion
-//#region src/components/ItemTile/Index.vue
-const _hoisted_1$10 = ["data-rarity"];
-const _hoisted_2$9 = { class: "face" };
-const _hoisted_3$7 = {
-	class: "count",
-	"aria-hidden": "true"
-};
-var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "Index",
-	props: {
-		count: {},
-		rarity: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" An item's tile as the game's reward lists draw it, filling the box its parent gives it: the rarity's gradient lit\n       from the foot, and the count in white on a darker strip across the bottom 24%, the corners rounded 7%. Measured on\n       the wiki's Adventurer Handbook screenshot and the Reputation clip, which agree on the three, four and five star\n       tiles and differ only in the count's size, which a screen sets as `--count-size` since it does not follow the\n       tile's: the handbook's counts stand as high on its 188 tiles as on its 141. A one or two star tile is not measured\n       yet and draws bare. The item's own art is the game's and does not ship "), createElementVNode("span", {
-				class: "item-tile",
-				"data-rarity": __props.rarity
-			}, [createElementVNode("span", _hoisted_2$9, [createElementVNode("span", _hoisted_3$7, toDisplayString(__props.count), 1)])], 8, _hoisted_1$10)], 2112);
-		};
-	}
-}), [["__scopeId", "data-v-5f64ed92"]]);
+}), [["__scopeId", "data-v-cf391b68"]]);
 //#endregion
 //#region src/components/LoadingSpinner/Index.vue
-const _hoisted_1$9 = ["aria-label"];
-var Index_default$15 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$15 = ["aria-label"];
+var Index_default$21 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { label: {} },
 	setup(__props) {
@@ -1324,48 +2067,144 @@ var Index_default$15 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				class: "loading-spinner",
 				role: "status",
 				"aria-label": __props.label
-			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "ring" }, null, -1)])], 8, _hoisted_1$9)], 2112);
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "ring" }, null, -1)])], 8, _hoisted_1$15)], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-69cb5a34"]]);
 //#endregion
 //#region src/components/OrnamentDivider/Index.vue
-const _hoisted_1$8 = {
+const _hoisted_1$14 = {
 	class: "ornament-divider",
 	"aria-hidden": "true"
 };
-const _hoisted_2$8 = {
+const _hoisted_2$12 = {
 	class: "end",
 	viewBox: "0 0 320 224"
 };
-const _hoisted_3$6 = ["d"];
-const _hoisted_4$5 = {
+const _hoisted_3$10 = ["d"];
+const _hoisted_4$9 = {
 	class: "middle",
 	viewBox: "0 0 480 320"
 };
-const _hoisted_5$4 = ["d"];
-const _hoisted_6$3 = {
+const _hoisted_5$9 = ["d"];
+const _hoisted_6$8 = {
 	class: "end right",
 	viewBox: "0 0 320 224"
 };
-const _hoisted_7$3 = ["d"];
-var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_7$8 = ["d"];
+var Index_default$22 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's divider: a hairline as wide as its parent, a tapered diamond at each end and an interlocked double\n       Diamond at its middle, in the game's units from the parent's `--unit` "), createElementVNode("div", _hoisted_1$8, [
-				(openBlock(), createElementBlock("svg", _hoisted_2$8, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_3$6)])),
-				(openBlock(), createElementBlock("svg", _hoisted_4$5, [createElementVNode("path", { d: unref(ORNAMENT_MIDDLE_PATH) }, null, 8, _hoisted_5$4)])),
-				(openBlock(), createElementBlock("svg", _hoisted_6$3, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_7$3)]))
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's divider: a hairline as wide as its parent, a tapered diamond at each end and an interlocked double\n       Diamond at its middle, in the game's units from the parent's `--unit` "), createElementVNode("div", _hoisted_1$14, [
+				(openBlock(), createElementBlock("svg", _hoisted_2$12, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_3$10)])),
+				(openBlock(), createElementBlock("svg", _hoisted_4$9, [createElementVNode("path", { d: unref(ORNAMENT_MIDDLE_PATH) }, null, 8, _hoisted_5$9)])),
+				(openBlock(), createElementBlock("svg", _hoisted_6$8, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_7$8)]))
+			])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-335021af"]]);
+//#endregion
+//#region src/components/PartySetupScreen/Index.vue
+const _hoisted_1$13 = { class: "party-setup-screen" };
+const _hoisted_2$11 = { class: "head" };
+const _hoisted_3$9 = { class: "title" };
+const _hoisted_4$8 = ["aria-label"];
+const _hoisted_5$8 = { class: "team" };
+const _hoisted_6$7 = { class: "slots" };
+const _hoisted_7$7 = ["data-empty"];
+const _hoisted_8$5 = {
+	key: 0,
+	class: "plate"
+};
+const _hoisted_9$4 = { class: "name" };
+const _hoisted_10$4 = {
+	key: 0,
+	class: "element",
+	viewBox: "0 0 1600 1600",
+	"aria-hidden": "true"
+};
+const _hoisted_11$4 = ["d"];
+const _hoisted_12$4 = { class: "level" };
+const _hoisted_13$4 = {
+	key: 1,
+	class: "plus",
+	"aria-hidden": "true"
+};
+const _hoisted_14$4 = { class: "foot" };
+const _hoisted_15$3 = { class: "team-bar" };
+const _hoisted_16$3 = { class: "team-name" };
+const _hoisted_17$3 = { class: "deploy-bar" };
+var Index_default$23 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		backLabel: {},
+		configureTeamLabel: {},
+		deployLabel: {},
+		quickSetupLabel: {},
+		slots: {},
+		teamName: {},
+		title: {}
+	},
+	emits: [
+		"close",
+		"configureTeam",
+		"deploy",
+		"next",
+		"previous",
+		"quickSetup"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Party Setup, the team the player is looking at, fitted to the public clip's frame at 1080 high: the team's name and\n       Configure Team at the foot's left, its four members standing across the middle with a name plate over each (its\n       name, its element's mark and its level), an empty slot a plus, the arrows at either edge to step to the other teams,\n       and Quick Setup and Deploy at the foot's right. The parity pass measures it against that frame "), createElementVNode("div", _hoisted_1$13, [
+				createElementVNode("header", _hoisted_2$11, [createElementVNode("h1", _hoisted_3$9, toDisplayString(__props.title), 1), createElementVNode("button", {
+					class: "back",
+					"aria-label": __props.backLabel,
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "↶", 8, _hoisted_4$8)]),
+				createElementVNode("section", _hoisted_5$8, [
+					createElementVNode("button", {
+						class: "step previous",
+						type: "button",
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("previous"))
+					}, "‹"),
+					createElementVNode("ol", _hoisted_6$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.slots, (slot, index) => {
+						return openBlock(), createElementBlock("li", {
+							key: index,
+							class: "slot",
+							"data-empty": !slot.levelText || void 0
+						}, [slot.levelText ? (openBlock(), createElementBlock("div", _hoisted_8$5, [createElementVNode("span", _hoisted_9$4, [slot.elementMarkPath ? (openBlock(), createElementBlock("svg", _hoisted_10$4, [createElementVNode("path", { d: slot.elementMarkPath }, null, 8, _hoisted_11$4)])) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(slot.name), 1)]), createElementVNode("span", _hoisted_12$4, toDisplayString(slot.levelText), 1)])) : (openBlock(), createElementBlock("span", _hoisted_13$4, "+"))], 8, _hoisted_7$7);
+					}), 128))]),
+					createElementVNode("button", {
+						class: "step next",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("next"))
+					}, "›")
+				]),
+				createElementVNode("footer", _hoisted_14$4, [createElementVNode("div", _hoisted_15$3, [createElementVNode("p", _hoisted_16$3, toDisplayString(__props.teamName), 1), createElementVNode("button", {
+					class: "action",
+					type: "button",
+					onClick: _cache[3] || (_cache[3] = ($event) => emit("configureTeam"))
+				}, toDisplayString(__props.configureTeamLabel), 1)]), createElementVNode("div", _hoisted_17$3, [createElementVNode("button", {
+					class: "action",
+					type: "button",
+					onClick: _cache[4] || (_cache[4] = ($event) => emit("quickSetup"))
+				}, toDisplayString(__props.quickSetupLabel), 1), createElementVNode("button", {
+					class: "action",
+					type: "button",
+					onClick: _cache[5] || (_cache[5] = ($event) => emit("deploy"))
+				}, toDisplayString(__props.deployLabel), 1)])])
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-335021af"]]);
+}), [["__scopeId", "data-v-876761d0"]]);
 //#endregion
 //#region src/components/ProgressBar/Index.vue
-const _hoisted_1$7 = ["aria-valuenow"];
-const _hoisted_2$7 = { class: "track" };
-var Index_default$17 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_1$12 = ["aria-valuenow"];
+const _hoisted_2$10 = { class: "track" };
+var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		isFolded: { type: Boolean },
@@ -1381,68 +2220,85 @@ var Index_default$17 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				"aria-valuenow": Math.round(__props.progress * 100)
 			}, [
 				_cache[0] || (_cache[0] = createElementVNode("span", { class: "diamond" }, null, -1)),
-				createElementVNode("span", _hoisted_2$7, [createElementVNode("span", {
+				createElementVNode("span", _hoisted_2$10, [createElementVNode("span", {
 					class: "fill",
 					style: normalizeStyle({ width: `${__props.progress * 100}%` })
 				}, null, 4)]),
 				_cache[1] || (_cache[1] = createElementVNode("span", { class: "diamond" }, null, -1))
-			], 10, _hoisted_1$7)], 2112);
+			], 10, _hoisted_1$12)], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-bea8e745"]]);
 //#endregion
 //#region src/components/PromptBand/Index.vue
-const _sfc_main$7 = {};
-const _hoisted_1$6 = { class: "prompt-band" };
-const _hoisted_2$6 = { class: "text" };
-function _sfc_render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The band a prompt is set in across the foot of a screen: a navy glass strip 44 units high, fading in over its\n       Ends, its words centred in a light grey. Its glass and fade are solved from the scene the English recording\n       Shows through it at the door "), createElementVNode("div", _hoisted_1$6, [createElementVNode("p", _hoisted_2$6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2112);
+const _sfc_main$12 = {};
+const _hoisted_1$11 = { class: "prompt-band" };
+const _hoisted_2$9 = { class: "text" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The band a prompt is set in across the foot of a screen: a navy glass strip 44 units high, fading in over its\n       Ends, its words centred in a light grey. Its glass and fade are solved from the scene the English recording\n       Shows through it at the door "), createElementVNode("div", _hoisted_1$11, [createElementVNode("p", _hoisted_2$9, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2112);
 }
-var Index_default$18 = /*#__PURE__*/ export_helper_default(_sfc_main$7, [["render", _sfc_render$1], ["__scopeId", "data-v-8c88bb3d"]]);
+var Index_default$26 = /*#__PURE__*/ export_helper_default(_sfc_main$12, [["render", _sfc_render], ["__scopeId", "data-v-8c88bb3d"]]);
+//#endregion
+//#region src/components/RarityStars/Index.vue
+const _hoisted_1$10 = { class: "stars" };
+var Index_default$27 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: { rarity: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's rarity stars: one star for each rarity, in the game's gold "), createElementVNode("span", _hoisted_1$10, toDisplayString("★".repeat(__props.rarity)), 1)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-a4c4ddf9"]]);
 //#endregion
 //#region src/components/ReputationScreen/Index.vue
-const _hoisted_1$5 = { class: "reputation-screen" };
-const _hoisted_2$5 = { class: "head" };
-const _hoisted_3$5 = {
+const _hoisted_1$9 = { class: "reputation-screen" };
+const _hoisted_2$8 = { class: "head" };
+const _hoisted_3$8 = {
 	class: "title",
 	role: "heading",
 	"aria-level": "1"
 };
-const _hoisted_4$4 = ["aria-label"];
-const _hoisted_5$3 = { class: "detail" };
-const _hoisted_6$2 = { class: "headline" };
-const _hoisted_7$2 = { class: "requirement" };
-const _hoisted_8$2 = { class: "levels" };
-const _hoisted_9$2 = [
+const _hoisted_4$7 = ["aria-label"];
+const _hoisted_5$7 = { class: "detail" };
+const _hoisted_6$6 = { class: "headline" };
+const _hoisted_7$6 = { class: "requirement" };
+const _hoisted_8$4 = {
+	key: 0,
+	class: "offer"
+};
+const _hoisted_9$3 = { class: "offer-title" };
+const _hoisted_10$3 = { class: "levels" };
+const _hoisted_11$3 = [
 	"aria-pressed",
 	"data-achieved",
 	"onClick"
 ];
-const _hoisted_10$2 = { class: "badge" };
-const _hoisted_11$1 = { class: "badge-face" };
-const _hoisted_12$1 = { class: "badge-word" };
-const _hoisted_13$1 = { class: "badge-number" };
-const _hoisted_14$1 = { class: "items" };
-const _hoisted_15$1 = {
+const _hoisted_12$3 = { class: "badge" };
+const _hoisted_13$3 = { class: "badge-face" };
+const _hoisted_14$3 = { class: "badge-word" };
+const _hoisted_15$2 = { class: "badge-number" };
+const _hoisted_16$2 = { class: "items" };
+const _hoisted_17$2 = {
 	key: 0,
 	class: "unlock"
 };
-const _hoisted_16$1 = {
+const _hoisted_18$2 = {
 	key: 1,
 	class: "achieved"
 };
-const _hoisted_17$1 = {
+const _hoisted_19$2 = {
 	class: "check",
 	viewBox: "0 0 252 228",
 	"aria-hidden": "true"
 };
-const _hoisted_18$1 = ["d"];
-const _hoisted_19$1 = { class: "hidden-label" };
-const _hoisted_20$1 = {
+const _hoisted_20$2 = ["d"];
+const _hoisted_21$2 = { class: "hidden-label" };
+const _hoisted_22$1 = {
 	key: 2,
 	class: "status"
 };
-var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		achievedLabel: {},
@@ -1451,31 +2307,37 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		levelLabel: {},
 		levels: {},
 		notAchievedLabel: {},
+		offer: {},
 		requirement: {},
 		title: {}
 	}, {
 		"level": { default: 0 },
 		"levelModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["close"], ["update:level"]),
+	emits: /*@__PURE__*/ mergeModels(["accept", "close"], ["update:level"]),
 	setup(__props, { emit: __emit }) {
 		const level = useModel(__props, "level");
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Reputation reward page, the nation's keeper opens: its title across the head with the way back, the picked\n       level's reward and requirement on the left, and the levels down the right. Each row is the public clip's at 1080\n       high (references/reputation-screen): its level on a pentagon badge, its items in slots coloured by rarity with\n       their count beneath, its unlock line behind an info mark, and the tick or the not achieved block at its end. The\n       head and the left column are still provisional: the reference frames only the level list "), createElementVNode("div", _hoisted_1$5, [
-				createElementVNode("header", _hoisted_2$5, [createElementVNode("p", _hoisted_3$5, toDisplayString(__props.title), 1), createElementVNode("button", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Reputation reward page, the nation's keeper opens: its title across the head with the way back, the picked\n       level's reward and requirement on the left, and the levels down the right. Each row is the public clip's at 1080\n       high (references/reputation-screen): its level on a pentagon badge, its items in slots coloured by rarity with\n       their count beneath, its unlock line behind an info mark, and the tick or the not achieved block at its end. The\n       head and the left column are still provisional: the reference frames only the level list "), createElementVNode("div", _hoisted_1$9, [
+				createElementVNode("header", _hoisted_2$8, [createElementVNode("p", _hoisted_3$8, toDisplayString(__props.title), 1), createElementVNode("button", {
 					class: "back",
 					"aria-label": __props.backLabel,
 					type: "button",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "↶", 8, _hoisted_4$4)]),
-				createElementVNode("section", _hoisted_5$3, [createElementVNode("p", _hoisted_6$2, toDisplayString(__props.headline), 1), createElementVNode("p", _hoisted_7$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requirement, ({ color, text }, index) => {
+				}, "↶", 8, _hoisted_4$7)]),
+				createElementVNode("section", _hoisted_5$7, [createElementVNode("p", _hoisted_6$6, toDisplayString(__props.headline), 1), createElementVNode("p", _hoisted_7$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requirement, ({ color, text }, index) => {
 					return openBlock(), createElementBlock("span", {
 						key: index,
 						style: normalizeStyle({ color })
 					}, toDisplayString(text), 5);
 				}), 128))])]),
-				createElementVNode("ul", _hoisted_8$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.levels, (cell) => {
+				__props.offer ? (openBlock(), createElementBlock("section", _hoisted_8$4, [createElementVNode("p", _hoisted_9$3, toDisplayString(__props.offer.title), 1), createElementVNode("button", {
+					class: "accept",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("accept"))
+				}, toDisplayString(__props.offer.acceptLabel), 1)])) : createCommentVNode("v-if", true),
+				createElementVNode("ul", _hoisted_10$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.levels, (cell) => {
 					return openBlock(), createElementBlock("li", { key: cell.level }, [createElementVNode("button", {
 						class: "level",
 						"aria-pressed": cell.level === level.value,
@@ -1483,9 +2345,9 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						type: "button",
 						onClick: ($event) => level.value = cell.level
 					}, [
-						createElementVNode("span", _hoisted_10$2, [createElementVNode("span", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(__props.levelLabel), 1), createElementVNode("span", _hoisted_13$1, toDisplayString(cell.level), 1)])]),
-						createElementVNode("span", _hoisted_14$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(cell.items, ({ count, label, rarity }, index) => {
-							return openBlock(), createBlock(Index_default$14, {
+						createElementVNode("span", _hoisted_12$3, [createElementVNode("span", _hoisted_13$3, [createElementVNode("span", _hoisted_14$3, toDisplayString(__props.levelLabel), 1), createElementVNode("span", _hoisted_15$2, toDisplayString(cell.level), 1)])]),
+						createElementVNode("span", _hoisted_16$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(cell.items, ({ count, label, rarity }, index) => {
+							return openBlock(), createBlock(Index_default$20, {
 								key: index,
 								class: "item",
 								"aria-label": label,
@@ -1498,14 +2360,14 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 								"rarity"
 							]);
 						}), 128))]),
-						cell.unlockLabel ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(cell.unlockLabel), 1)) : createCommentVNode("v-if", true),
-						cell.isAchieved ? (openBlock(), createElementBlock("span", _hoisted_16$1, [(openBlock(), createElementBlock("svg", _hoisted_17$1, [createElementVNode("path", { d: unref(CHECK_MARK_PATH) }, null, 8, _hoisted_18$1)])), createElementVNode("span", _hoisted_19$1, toDisplayString(__props.achievedLabel), 1)])) : (openBlock(), createElementBlock("span", _hoisted_20$1, toDisplayString(__props.notAchievedLabel), 1))
-					], 8, _hoisted_9$2)]);
+						cell.unlockLabel ? (openBlock(), createElementBlock("span", _hoisted_17$2, toDisplayString(cell.unlockLabel), 1)) : createCommentVNode("v-if", true),
+						cell.isAchieved ? (openBlock(), createElementBlock("span", _hoisted_18$2, [(openBlock(), createElementBlock("svg", _hoisted_19$2, [createElementVNode("path", { d: unref(CHECK_MARK_PATH) }, null, 8, _hoisted_20$2)])), createElementVNode("span", _hoisted_21$2, toDisplayString(__props.achievedLabel), 1)])) : (openBlock(), createElementBlock("span", _hoisted_22$1, toDisplayString(__props.notAchievedLabel), 1))
+					], 8, _hoisted_11$3)]);
 				}), 128))])
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-1a7ee007"]]);
+}), [["__scopeId", "data-v-9468271c"]]);
 //#endregion
 //#region src/models/InterfaceIcon.ts
 let InterfaceIcon = /* @__PURE__ */ function(InterfaceIcon) {
@@ -1537,16 +2399,15 @@ const InterfaceIconPathMap = {
 };
 //#endregion
 //#region src/components/RoundButton/Index.vue
-const _hoisted_1$4 = ["aria-label"];
-const _hoisted_2$4 = ["viewBox"];
-const _hoisted_3$4 = ["d"];
-const _hoisted_4$3 = [
+const _hoisted_1$8 = ["viewBox"];
+const _hoisted_2$7 = ["d"];
+const _hoisted_3$7 = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
 ];
-var Index_default$20 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$29 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		icon: {},
@@ -1554,83 +2415,376 @@ var Index_default$20 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's round button: a white disc 52 units across under a soft dark rim, its glyph in the game's near black\n       Centred on its ink, as the game centres each icon's sprite "), createElementVNode("button", {
-				class: "round-button",
-				"aria-label": __props.label,
-				type: "button"
-			}, [(openBlock(), createElementBlock("svg", {
-				class: "glyph",
-				viewBox: `${unref(InterfaceIconCentreMap)[__props.icon][0] - 24} ${unref(InterfaceIconCentreMap)[__props.icon][1] - 24} 48 48`,
-				"aria-hidden": "true"
-			}, [createElementVNode("path", {
-				d: unref(InterfaceIconPathMap)[__props.icon],
-				"fill-rule": "evenodd"
-			}, null, 8, _hoisted_3$4), __props.icon === unref(InterfaceIcon).Settings ? (openBlock(), createElementBlock("circle", {
-				key: 0,
-				cx: unref(SETTINGS_RING_CENTRE)[0],
-				cy: unref(SETTINGS_RING_CENTRE)[1],
-				r: unref(SETTINGS_RING_RADIUS),
-				class: "ring",
-				"stroke-width": unref(SETTINGS_RING_WIDTH)
-			}, null, 8, _hoisted_4$3)) : createCommentVNode("v-if", true)], 8, _hoisted_2$4))], 8, _hoisted_1$4)], 2112);
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's round button: a white disc 52 units across under a soft dark rim, its glyph in the game's near black\n       Centred on its ink, as the game centres each icon's sprite "), createVNode(Index_default$13, {
+				label: __props.label,
+				size: 52
+			}, {
+				default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+					class: "glyph",
+					viewBox: `${unref(InterfaceIconCentreMap)[__props.icon][0] - 24} ${unref(InterfaceIconCentreMap)[__props.icon][1] - 24} 48 48`,
+					"aria-hidden": "true"
+				}, [createElementVNode("path", {
+					d: unref(InterfaceIconPathMap)[__props.icon],
+					"fill-rule": "evenodd"
+				}, null, 8, _hoisted_2$7), __props.icon === unref(InterfaceIcon).Settings ? (openBlock(), createElementBlock("circle", {
+					key: 0,
+					cx: unref(SETTINGS_RING_CENTRE)[0],
+					cy: unref(SETTINGS_RING_CENTRE)[1],
+					r: unref(SETTINGS_RING_RADIUS),
+					class: "ring",
+					"stroke-width": unref(SETTINGS_RING_WIDTH)
+				}, null, 8, _hoisted_3$7)) : createCommentVNode("v-if", true)], 8, _hoisted_1$8))]),
+				_: 1
+			}, 8, ["label"])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-e1ab12d3"]]);
+}), [["__scopeId", "data-v-4f52a820"]]);
 //#endregion
 //#region src/components/ServerBar/Index.vue
-const _hoisted_1$3 = { class: "server-bar" };
-const _hoisted_2$3 = {
+const _hoisted_1$7 = { class: "server-bar" };
+const _hoisted_2$6 = {
 	class: "mark",
 	viewBox: "0 0 46 46",
 	"aria-hidden": "true"
 };
-const _hoisted_3$3 = ["d"];
-const _hoisted_4$2 = ["d"];
-const _hoisted_5$2 = { class: "name" };
-var Index_default$21 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_3$6 = ["d"];
+const _hoisted_4$6 = ["d"];
+const _hoisted_5$6 = { class: "name" };
+var Index_default$31 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { name: {} },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The bar naming the chosen server, 456 by 75 units: a dark glass slab with a faint rim, the ticked diamond at its\n       Left and the server's name at its middle, measured from the English client's login screen at 1080 high "), createElementVNode("div", _hoisted_1$3, [(openBlock(), createElementBlock("svg", _hoisted_2$3, [createElementVNode("path", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The bar naming the chosen server, 456 by 75 units: a dark glass slab with a faint rim, the ticked diamond at its\n       Left and the server's name at its middle, measured from the English client's login screen at 1080 high "), createElementVNode("div", _hoisted_1$7, [(openBlock(), createElementBlock("svg", _hoisted_2$6, [createElementVNode("path", {
 				class: "diamond",
 				d: unref(SERVER_MARK_DIAMOND_PATH)
-			}, null, 8, _hoisted_3$3), createElementVNode("path", {
+			}, null, 8, _hoisted_3$6), createElementVNode("path", {
 				class: "tick",
 				d: unref(SERVER_MARK_TICK_PATH)
-			}, null, 8, _hoisted_4$2)])), createElementVNode("p", _hoisted_5$2, toDisplayString(__props.name), 1)])], 2112);
+			}, null, 8, _hoisted_4$6)])), createElementVNode("p", _hoisted_5$6, toDisplayString(__props.name), 1)])], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-6b68b3eb"]]);
 //#endregion
-//#region src/components/ToastNotice/Index.vue
-const _sfc_main$3 = {};
-const _hoisted_1$2 = {
-	class: "toast-notice",
-	role: "status"
+//#region src/components/ShopScreen/Index.vue
+const _hoisted_1$6 = { class: "shop-screen" };
+const _hoisted_2$5 = { class: "balances" };
+const _hoisted_3$5 = ["aria-label"];
+const _hoisted_4$5 = {
+	key: 0,
+	class: "top-up",
+	"aria-hidden": "true"
 };
-const _hoisted_2$2 = { class: "mark" };
-const _hoisted_3$2 = { class: "text" };
-function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's notice card, dropped at the top of a screen: white with rounded corners, 107 units high and at least\n       537 across, a round mark at its left and its words in the game's near black. Measured from a 1440 high\n       Recording of the welcome the login screen shows "), createElementVNode("div", _hoisted_1$2, [createElementVNode("span", _hoisted_2$2, [renderSlot(_ctx.$slots, "mark", {}, void 0, true)]), createElementVNode("p", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2112);
-}
-var Index_default$22 = /*#__PURE__*/ export_helper_default(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-a09dfb40"]]);
-//#endregion
-//#region src/components/WishDetails/Index.vue
-const _hoisted_1$1 = ["aria-label"];
-const _hoisted_2$1 = { class: "panel" };
-const _hoisted_3$1 = { class: "title" };
-const _hoisted_4$1 = ["aria-label"];
-const _hoisted_5$1 = { class: "pool" };
-const _hoisted_6$1 = { class: "stars" };
-const _hoisted_7$1 = { class: "pool-items" };
-const _hoisted_8$1 = ["data-featured"];
-const _hoisted_9$1 = {
+const _hoisted_5$5 = {
 	key: 0,
-	class: "path"
+	class: "tabs"
 };
-const _hoisted_10$1 = { class: "fate-points" };
-var Index_default$24 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_6$5 = ["aria-pressed", "onClick"];
+const _hoisted_7$5 = { class: "goods" };
+const _hoisted_8$3 = ["aria-pressed", "onClick"];
+const _hoisted_9$2 = { class: "good-name" };
+const _hoisted_10$2 = {
+	key: 0,
+	class: "good-limit"
+};
+const _hoisted_11$2 = ["aria-label"];
+const _hoisted_12$2 = ["aria-label"];
+const _hoisted_13$2 = { class: "detail-good" };
+const _hoisted_14$2 = { class: "detail-name" };
+const _hoisted_15$1 = ["aria-label"];
+const _hoisted_16$1 = {
+	key: 0,
+	class: "detail-line"
+};
+const _hoisted_17$1 = {
+	key: 1,
+	class: "detail-line"
+};
+const _hoisted_18$1 = [
+	"aria-label",
+	"max",
+	"value"
+];
+const _hoisted_19$1 = { class: "amount-value" };
+const _hoisted_20$1 = ["aria-label"];
+const _hoisted_21$1 = ["disabled"];
+var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: /*@__PURE__*/ mergeModels({
+		balances: {},
+		buyLabel: {},
+		closeLabel: {},
+		countLabel: {},
+		countMaximum: {},
+		goods: {},
+		tabs: {},
+		title: {}
+	}, {
+		"count": { default: 1 },
+		"countModifiers": {},
+		"goodId": { default: 0 },
+		"goodIdModifiers": {},
+		"tabId": { default: 0 },
+		"tabIdModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["buy", "close"], [
+		"update:count",
+		"update:goodId",
+		"update:tabId"
+	]),
+	setup(__props, { emit: __emit }) {
+		const count = useModel(__props, "count");
+		const goodId = useModel(__props, "goodId");
+		const tabId = useModel(__props, "tabId");
+		const emit = __emit;
+		const pickedGood = computed(() => __props.goods.find((good) => good.id === goodId.value));
+		const pickedCount = computed(() => Math.min(Math.max(count.value, 1), Math.max(__props.countMaximum, 1)));
+		const setCount = (event) => {
+			count.value = Number(event.target.value);
+		};
+		const buy = () => {
+			if (pickedGood.value && __props.countMaximum >= 1) emit("buy", pickedGood.value, pickedCount.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Shop screen, its pieces placed in the game's own pixels at 1080 high (`--unit` a pixel of that frame): the title\n       and the balances across the head, the way out at the head's right, the tabs under them and the goods grid below. A\n       picked good opens its detail over the grid, with its costs, limit and refresh, the count picker and the Buy button.\n       The pixels are measured from the public Paimon's Bargains purchase clip aJq1MnTPtZ4 at 12 seconds (the frame is kept\n       outside the repo): the panel at 505 by 250, the grid's four columns of 310 with gaps of 32, the Buy button at 1135 to\n       1345 by 728 to 790 "), createElementVNode("div", _hoisted_1$6, [
+				createVNode(Index_default$30, {
+					class: "heading",
+					role: "heading",
+					"aria-level": "1"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+					_: 1
+				}),
+				createElementVNode("ul", _hoisted_2$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.balances, (balance) => {
+					return openBlock(), createElementBlock("li", {
+						key: balance.id,
+						class: "balance"
+					}, [
+						createElementVNode("span", {
+							class: "balance-icon",
+							role: "img",
+							"aria-label": balance.name
+						}, null, 8, _hoisted_3$5),
+						createTextVNode(" " + toDisplayString(balance.quantity) + " ", 1),
+						balance.isTopUp ? (openBlock(), createElementBlock("span", _hoisted_4$5, "+")) : createCommentVNode("v-if", true)
+					]);
+				}), 128))]),
+				createVNode(Index_default$13, {
+					class: "close",
+					label: __props.closeLabel,
+					size: 56,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+						viewBox: "0 0 24 24",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M6 6 18 18M18 6 6 18" })], -1)])]),
+					_: 1
+				}, 8, ["label"]),
+				__props.tabs.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_5$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+					return openBlock(), createElementBlock("li", { key: tab.id }, [createElementVNode("button", {
+						class: "tab",
+						"aria-pressed": tab.id === tabId.value,
+						type: "button",
+						onClick: ($event) => tabId.value = tab.id
+					}, toDisplayString(tab.name), 9, _hoisted_6$5)]);
+				}), 128))])) : createCommentVNode("v-if", true),
+				createElementVNode("ul", _hoisted_7$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.goods, (good) => {
+					return openBlock(), createElementBlock("li", { key: good.id }, [createElementVNode("button", {
+						class: "good",
+						"aria-pressed": good.id === goodId.value,
+						type: "button",
+						onClick: ($event) => goodId.value = good.id
+					}, [
+						createElementVNode("span", _hoisted_9$2, toDisplayString(good.name), 1),
+						good.limitLabel ? (openBlock(), createElementBlock("span", _hoisted_10$2, toDisplayString(good.limitLabel), 1)) : createCommentVNode("v-if", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(good.costs, (cost) => {
+							return openBlock(), createElementBlock("span", {
+								key: cost.name,
+								class: "good-price"
+							}, [createElementVNode("span", {
+								class: "price-icon",
+								role: "img",
+								"aria-label": cost.name
+							}, null, 8, _hoisted_11$2), createTextVNode(" " + toDisplayString(cost.count), 1)]);
+						}), 128))
+					], 8, _hoisted_8$3)]);
+				}), 128))]),
+				pickedGood.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "detail",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": pickedGood.value.name
+				}, [
+					createElementVNode("div", _hoisted_13$2, [
+						createElementVNode("p", _hoisted_14$2, toDisplayString(pickedGood.value.name), 1),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(pickedGood.value.costs, (cost) => {
+							return openBlock(), createElementBlock("p", {
+								key: cost.name,
+								class: "detail-price"
+							}, [createElementVNode("span", {
+								class: "price-icon",
+								role: "img",
+								"aria-label": cost.name
+							}, null, 8, _hoisted_15$1), createTextVNode(" " + toDisplayString(cost.count * pickedCount.value), 1)]);
+						}), 128)),
+						pickedGood.value.limitLabel ? (openBlock(), createElementBlock("p", _hoisted_16$1, toDisplayString(pickedGood.value.limitLabel), 1)) : createCommentVNode("v-if", true),
+						pickedGood.value.refreshLabel ? (openBlock(), createElementBlock("p", _hoisted_17$1, toDisplayString(pickedGood.value.refreshLabel), 1)) : createCommentVNode("v-if", true)
+					]),
+					createElementVNode("input", {
+						"aria-label": __props.countLabel,
+						class: "amount",
+						max: __props.countMaximum,
+						min: "1",
+						type: "range",
+						value: pickedCount.value,
+						onInput: _cache[1] || (_cache[1] = (event) => setCount(event))
+					}, null, 40, _hoisted_18$1),
+					createElementVNode("p", _hoisted_19$1, toDisplayString(pickedCount.value), 1),
+					createElementVNode("button", {
+						class: "cancel",
+						"aria-label": __props.closeLabel,
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => goodId.value = 0)
+					}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+						viewBox: "0 0 24 24",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M6 6 18 18M18 6 6 18" })], -1)])], 8, _hoisted_20$1),
+					createElementVNode("button", {
+						class: "buy",
+						disabled: __props.countMaximum < 1,
+						type: "button",
+						onClick: _cache[3] || (_cache[3] = ($event) => buy())
+					}, toDisplayString(__props.buyLabel), 9, _hoisted_21$1)
+				], 8, _hoisted_12$2)) : createCommentVNode("v-if", true)
+			])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-af7ce84f"]]);
+//#endregion
+//#region src/components/WeaponMenu/Index.vue
+const _hoisted_1$5 = ["data-tab"];
+const _hoisted_2$4 = { class: "breadcrumb" };
+const _hoisted_3$4 = { class: "tabs" };
+const _hoisted_4$4 = ["aria-pressed", "onClick"];
+const _hoisted_5$4 = ["aria-label"];
+const _hoisted_6$4 = { class: "refinement" };
+const _hoisted_7$4 = { class: "level" };
+const _hoisted_8$2 = { class: "level-text" };
+const _hoisted_9$1 = { class: "sparks" };
+const _hoisted_10$1 = { class: "experience-text" };
+const _hoisted_11$1 = { class: "experience" };
+const _hoisted_12$1 = ["aria-label"];
+const _hoisted_13$1 = ["disabled"];
+const _hoisted_14$1 = ["aria-label"];
+var Index_default$35 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: /*@__PURE__*/ mergeModels({
+		actionLabel: {},
+		ascension: {},
+		closeLabel: {},
+		experienceRatio: {},
+		experienceText: {},
+		isActionDisabled: { type: Boolean },
+		levelText: {},
+		name: {},
+		rarity: {},
+		refinement: {},
+		tabs: {}
+	}, {
+		"tab": { required: true },
+		"tabModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["action", "close"], ["update:tab"]),
+	setup(__props, { emit: __emit }) {
+		const tab = useModel(__props, "tab");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The weapon screen's frame: the weapon's name at the top left, the tabs down the left with the open one lit, and the\n       open tab's panel down the right with its level, EXP, phase and refinement above it and its action beneath "), createElementVNode("div", {
+				class: "weapon-menu",
+				"data-tab": tab.value
+			}, [
+				createElementVNode("p", _hoisted_2$4, toDisplayString(__props.name), 1),
+				createElementVNode("ul", _hoisted_3$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (menuTab) => {
+					return openBlock(), createElementBlock("li", { key: menuTab.tab }, [createElementVNode("button", {
+						class: "tab",
+						"aria-pressed": menuTab.tab === tab.value,
+						type: "button",
+						onClick: ($event) => tab.value = menuTab.tab
+					}, toDisplayString(menuTab.label), 9, _hoisted_4$4)]);
+				}), 128))]),
+				createElementVNode("p", {
+					class: "stars",
+					"aria-label": `${__props.rarity}`
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rarity, (star) => {
+					return openBlock(), createElementBlock("span", {
+						key: star,
+						class: "star"
+					});
+				}), 128))], 8, _hoisted_5$4),
+				createElementVNode("p", _hoisted_6$4, toDisplayString(__props.refinement), 1),
+				createElementVNode("p", _hoisted_7$4, [createElementVNode("span", _hoisted_8$2, toDisplayString(__props.levelText), 1), createElementVNode("span", _hoisted_9$1, [createCommentVNode(" The ascension phases, each a small star the phases reached light "), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(6), (phase) => {
+					return openBlock(), createElementBlock("span", {
+						key: phase,
+						class: normalizeClass(["spark", { lit: phase <= __props.ascension }])
+					}, null, 2);
+				}), 128))])]),
+				createElementVNode("p", _hoisted_10$1, toDisplayString(__props.experienceText), 1),
+				createElementVNode("span", _hoisted_11$1, [createElementVNode("span", {
+					class: "fill",
+					style: normalizeStyle({ "--experience-ratio": __props.experienceRatio })
+				}, null, 4)]),
+				createElementVNode("section", {
+					class: "panel",
+					"aria-label": __props.actionLabel
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_12$1),
+				createElementVNode("button", {
+					class: "action",
+					disabled: __props.isActionDisabled,
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
+				}, toDisplayString(__props.actionLabel), 9, _hoisted_13$1),
+				createElementVNode("button", {
+					class: "close",
+					"aria-label": __props.closeLabel,
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+				}, "↶", 8, _hoisted_14$1)
+			], 8, _hoisted_1$5)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-f3f59f0e"]]);
+//#endregion
+//#region src/components/WishPath/Index.vue
+const _hoisted_1$4 = { class: "fate-points" };
+var Index_default$38 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		fatePoints: {},
+		pathLabel: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Epitomized Path the weapon wish's banner holds, its name and its Fate Points as the game words and colours them "), createElementVNode("p", null, [createTextVNode(toDisplayString(__props.pathLabel) + " ", 1), createElementVNode("span", _hoisted_1$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fatePoints, ({ color, text }, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					style: normalizeStyle({ color })
+				}, toDisplayString(text), 5);
+			}), 128))])])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-2456390c"]]);
+//#endregion
+//#region src/components/WishDetails/Index.vue
+const _hoisted_1$3 = ["aria-label"];
+const _hoisted_2$3 = { class: "panel" };
+const _hoisted_3$3 = { class: "title" };
+const _hoisted_4$3 = ["aria-label"];
+const _hoisted_5$3 = { class: "pool" };
+const _hoisted_6$3 = { class: "pool-items" };
+const _hoisted_7$3 = ["data-featured"];
+var Index_default$36 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		closeLabel: {},
@@ -1648,91 +2802,130 @@ var Index_default$24 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				class: "wish-details",
 				role: "dialog",
 				"aria-label": __props.title
-			}, [createElementVNode("div", _hoisted_2$1, [
-				createElementVNode("p", _hoisted_3$1, toDisplayString(__props.title), 1),
+			}, [createElementVNode("div", _hoisted_2$3, [
+				createElementVNode("p", _hoisted_3$3, toDisplayString(__props.title), 1),
 				createElementVNode("button", {
 					class: "close",
 					type: "button",
 					"aria-label": __props.closeLabel,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "✕", 8, _hoisted_4$1),
-				createElementVNode("ul", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(poolRarityCellsMap.value, ([rarity, cells]) => {
+				}, "✕", 8, _hoisted_4$3),
+				createElementVNode("ul", _hoisted_5$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(poolRarityCellsMap.value, ([rarity, cells]) => {
 					return openBlock(), createElementBlock("li", {
 						key: rarity,
 						class: "pool-rarity"
-					}, [createElementVNode("span", _hoisted_6$1, toDisplayString("★".repeat(rarity)), 1), createElementVNode("ul", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells, ({ id, isFeatured, name }) => {
+					}, [createVNode(Index_default$27, { rarity }, null, 8, ["rarity"]), createElementVNode("ul", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells, ({ id, isFeatured, name }) => {
 						return openBlock(), createElementBlock("li", {
 							key: id,
 							class: "pool-item",
 							"data-featured": isFeatured
-						}, toDisplayString(name), 9, _hoisted_8$1);
+						}, toDisplayString(name), 9, _hoisted_7$3);
 					}), 128))])]);
 				}), 128))]),
-				__props.pathLabel ? (openBlock(), createElementBlock("p", _hoisted_9$1, [createTextVNode(toDisplayString(__props.pathLabel) + " ", 1), createElementVNode("span", _hoisted_10$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fatePoints, ({ color, text }, index) => {
-					return openBlock(), createElementBlock("span", {
+				__props.pathLabel ? (openBlock(), createBlock(Index_default$38, {
+					key: 0,
+					"path-label": __props.pathLabel,
+					"fate-points": __props.fatePoints
+				}, null, 8, ["path-label", "fate-points"])) : createCommentVNode("v-if", true)
+			])], 8, _hoisted_1$3)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-abdcc945"]]);
+//#endregion
+//#region src/components/WishHistory/Index.vue
+const _hoisted_1$2 = ["aria-label"];
+const _hoisted_2$2 = { class: "panel" };
+const _hoisted_3$2 = { class: "title" };
+const _hoisted_4$2 = ["aria-label"];
+const _hoisted_5$2 = { class: "draws" };
+const _hoisted_6$2 = { class: "time" };
+const _hoisted_7$2 = { class: "banner" };
+const _hoisted_8$1 = { class: "name" };
+var Index_default$37 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		closeLabel: {},
+		history: {},
+		title: {}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The History popup the wish screen's History opens: the draws of the last year, newest first, over the wish screen\n       until its close is clicked. Provisional: its columns, their order and the time's format wait on a recording of the\n       English Client's History at 1080 high "), createElementVNode("div", {
+				class: "wish-history",
+				role: "dialog",
+				"aria-label": __props.title
+			}, [createElementVNode("div", _hoisted_2$2, [
+				createElementVNode("p", _hoisted_3$2, toDisplayString(__props.title), 1),
+				createElementVNode("button", {
+					class: "close",
+					type: "button",
+					"aria-label": __props.closeLabel,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "✕", 8, _hoisted_4$2),
+				createElementVNode("ul", _hoisted_5$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.history, ({ bannerLabel, name, rarity, time }, index) => {
+					return openBlock(), createElementBlock("li", {
 						key: index,
-						style: normalizeStyle({ color })
-					}, toDisplayString(text), 5);
-				}), 128))])])) : createCommentVNode("v-if", true)
-			])], 8, _hoisted_1$1)], 2112);
+						class: "draw"
+					}, [
+						createElementVNode("span", _hoisted_6$2, toDisplayString(time), 1),
+						createElementVNode("span", _hoisted_7$2, toDisplayString(bannerLabel), 1),
+						createElementVNode("span", _hoisted_8$1, toDisplayString(name), 1),
+						createVNode(Index_default$27, { rarity }, null, 8, ["rarity"])
+					]);
+				}), 128))])
+			])], 8, _hoisted_1$2)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-4fcea975"]]);
+}), [["__scopeId", "data-v-86f92bab"]]);
 //#endregion
 //#region src/components/WishScreen/Index.vue
-const _hoisted_1 = { class: "wish-screen" };
-const _hoisted_2 = {
-	class: "title",
-	role: "heading",
-	"aria-level": "1"
-};
-const _hoisted_3 = { class: "banners" };
-const _hoisted_4 = { class: "currencies" };
-const _hoisted_5 = { class: "currency-name" };
-const _hoisted_6 = {
+const _hoisted_1$1 = { class: "wish-screen" };
+const _hoisted_2$1 = { class: "banners" };
+const _hoisted_3$1 = { class: "currencies" };
+const _hoisted_4$1 = { class: "currency-name" };
+const _hoisted_5$1 = {
 	key: 0,
 	class: "card"
 };
-const _hoisted_7 = { class: "tag" };
-const _hoisted_8 = { class: "card-title" };
-const _hoisted_9 = { class: "probability" };
-const _hoisted_10 = { class: "rate-up" };
-const _hoisted_11 = {
+const _hoisted_6$1 = { class: "tag" };
+const _hoisted_7$1 = { class: "card-title" };
+const _hoisted_8 = { class: "probability" };
+const _hoisted_9 = { class: "rate-up" };
+const _hoisted_10 = {
 	key: 0,
 	class: "featured"
 };
-const _hoisted_12 = { class: "featured-name" };
-const _hoisted_13 = { class: "stars" };
-const _hoisted_14 = { class: "featured-title" };
-const _hoisted_15 = { class: "links" };
-const _hoisted_16 = {
-	key: 1,
-	class: "path"
-};
-const _hoisted_17 = { class: "fate-points" };
-const _hoisted_18 = {
+const _hoisted_11 = { class: "featured-name" };
+const _hoisted_12 = { class: "featured-title" };
+const _hoisted_13 = { class: "links" };
+const _hoisted_14 = {
 	key: 2,
 	class: "sets"
 };
-const _hoisted_19 = { class: "set-label" };
-const _hoisted_20 = { class: "cost" };
-const _hoisted_21 = { class: "set-label" };
-const _hoisted_22 = { class: "cost" };
-const _hoisted_23 = { class: "result-list" };
-const _hoisted_24 = ["data-capturing-radiance", "data-rarity"];
-const _hoisted_25 = { class: "result-name" };
-const _hoisted_26 = { class: "stars" };
-const _hoisted_27 = { class: "result-return" };
-var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_15 = { class: "set-label" };
+const _hoisted_16 = { class: "cost" };
+const _hoisted_17 = { class: "set-label" };
+const _hoisted_18 = { class: "cost" };
+const _hoisted_19 = { class: "result-list" };
+const _hoisted_20 = ["data-capturing-radiance", "data-rarity"];
+const _hoisted_21 = { class: "result-name" };
+const _hoisted_22 = {
+	key: 0,
+	class: "result-stella-fortuna"
+};
+const _hoisted_23 = { class: "result-return" };
+var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		backLabel: {},
 		bannerCard: {},
-		bannerKinds: {},
-		bannerLabels: {},
+		banners: {},
 		currencies: {},
 		detailsLabel: {},
 		fatePoints: {},
+		history: {},
 		historyLabel: {},
 		pathLabel: {},
 		pool: {},
@@ -1741,34 +2934,46 @@ var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		results: {},
 		sets: {},
 		shopLabel: {},
-		title: {}
+		title: {},
+		trialLabel: {}
 	}, {
-		"bannerKind": {},
-		"bannerKindModifiers": {}
+		"bannerId": {},
+		"bannerIdModifiers": {}
 	}),
 	emits: /*@__PURE__*/ mergeModels([
 		"buy",
 		"close",
 		"dismiss",
+		"trial",
 		"wish"
-	], ["update:bannerKind"]),
+	], ["update:bannerId"]),
 	setup(__props, { emit: __emit }) {
-		const bannerKind = useModel(__props, "bannerKind");
+		const bannerId = useModel(__props, "bannerId");
 		const emit = __emit;
 		const isDetailsOpen = ref(false);
+		const isHistoryOpen = ref(false);
 		const featuredCell = computed(() => __props.pool.find(({ isFeatured, rarity }) => isFeatured && rarity === 5));
-		const getBannerLabel = (kind) => __props.bannerLabels[kind].map(({ text }) => text).join("");
-		const bannerLabelText = computed(() => bannerKind.value && getBannerLabel(bannerKind.value));
+		const getLabelText = (label) => label.map(({ text }) => text).join("");
+		const bannerLabelText = computed(() => {
+			const openBanner = __props.banners.find(({ id }) => id === bannerId.value);
+			return openBanner && getLabelText(openBanner.label);
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The wish, the F3 key's: the banners across the head with the counts and the way back beside them, the open banner's\n       card over the screen with its promoted five-star, its ×1 and ×10 with their costs, and the Shop, Details and History\n       Row under the card. Details opens the banner's pool over the screen, and over it all what the Last wishes drew, a card\n       Each with its stars, until a click goes on. Provisional: every place, size and colour here waits on the wish's passes\n       Against a recording of the English Client at 1080 high, and the banner card's art and the banners' tabs' portraits\n       Are the plate's, which cannot ship "), createElementVNode("div", _hoisted_1, [
-				createElementVNode("p", _hoisted_2, toDisplayString(__props.title), 1),
-				createElementVNode("ul", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.bannerKinds, (kind) => {
-					return openBlock(), createElementBlock("li", { key: kind }, [createVNode(Index_default$10, {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The wish, the F3 key's: the banners across the head with the counts and the way back beside them, the open banner's\n       card over the screen with its promoted five-star, its ×1 and ×10 with their costs, and the Shop, Details and History\n       Row under the card. Details opens the banner's pool over the screen, and over it all what the Last wishes drew, a card\n       Each with its stars, until a click goes on. Provisional: every place, size and colour here waits on the wish's passes\n       Against a recording of the English Client at 1080 high, and the banner card's art and the banners' tabs' portraits\n       Are the plate's, which cannot ship "), createElementVNode("div", _hoisted_1$1, [
+				createVNode(Index_default$30, {
+					role: "heading",
+					"aria-level": "1"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+					_: 1
+				}),
+				createElementVNode("ul", _hoisted_2$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.banners, (banner) => {
+					return openBlock(), createElementBlock("li", { key: banner.id }, [createVNode(Index_default$16, {
 						class: "banner",
-						"aria-label": getBannerLabel(kind),
-						"aria-pressed": kind === bannerKind.value,
+						"aria-label": getLabelText(banner.label),
+						"aria-pressed": banner.id === bannerId.value,
 						kind: unref(GameButtonKind).Row,
-						onClick: ($event) => bannerKind.value = kind
+						onClick: ($event) => bannerId.value = banner.id
 					}, null, 8, [
 						"aria-label",
 						"aria-pressed",
@@ -1776,76 +2981,86 @@ var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"onClick"
 					])]);
 				}), 128))]),
-				createElementVNode("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.currencies, ({ id, name, quantity }) => {
+				createElementVNode("ul", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.currencies, ({ id, name, quantity }) => {
 					return openBlock(), createElementBlock("li", {
 						key: id,
 						class: "currency"
-					}, [createElementVNode("span", _hoisted_5, toDisplayString(name), 1), createTextVNode(" " + toDisplayString(quantity), 1)]);
+					}, [createElementVNode("span", _hoisted_4$1, toDisplayString(name), 1), createTextVNode(" " + toDisplayString(quantity), 1)]);
 				}), 128))]),
-				createVNode(Index_default$10, {
+				createVNode(Index_default$16, {
 					class: "back",
 					"aria-label": __props.backLabel,
 					kind: unref(GameButtonKind).Plain,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
 				}, {
-					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("✕", -1)])]),
+					default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("✕", -1)])]),
 					_: 1
 				}, 8, ["aria-label", "kind"]),
-				__props.bannerCard && bannerLabelText.value ? (openBlock(), createElementBlock("section", _hoisted_6, [
-					createElementVNode("p", _hoisted_7, toDisplayString(bannerLabelText.value), 1),
-					createElementVNode("p", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.bannerCard.title, ({ color, text }, index) => {
+				__props.bannerCard && bannerLabelText.value ? (openBlock(), createElementBlock("section", _hoisted_5$1, [
+					createElementVNode("p", _hoisted_6$1, toDisplayString(bannerLabelText.value), 1),
+					createElementVNode("p", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.bannerCard.title, ({ color, text }, index) => {
 						return openBlock(), createElementBlock("span", {
 							key: index,
 							style: normalizeStyle({ color })
 						}, toDisplayString(text), 5);
 					}), 128))]),
-					createElementVNode("p", _hoisted_9, toDisplayString(__props.probabilityLabel), 1),
-					createElementVNode("p", _hoisted_10, toDisplayString(__props.bannerCard.rateUp), 1),
-					featuredCell.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
-						createElementVNode("p", _hoisted_12, toDisplayString(featuredCell.value.name), 1),
-						createElementVNode("p", _hoisted_13, toDisplayString("★".repeat(featuredCell.value.rarity)), 1),
-						createElementVNode("p", _hoisted_14, toDisplayString(__props.bannerCard.featuredTitle), 1)
+					createElementVNode("p", _hoisted_8, toDisplayString(__props.probabilityLabel), 1),
+					createElementVNode("p", _hoisted_9, toDisplayString(__props.bannerCard.rateUp), 1),
+					featuredCell.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+						createElementVNode("p", _hoisted_11, toDisplayString(featuredCell.value.name), 1),
+						createElementVNode("p", null, [createVNode(Index_default$27, { rarity: featuredCell.value.rarity }, null, 8, ["rarity"])]),
+						createElementVNode("p", _hoisted_12, toDisplayString(__props.bannerCard.featuredTitle), 1)
 					])) : createCommentVNode("v-if", true)
 				])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_15, [
-					createVNode(Index_default$10, {
+				createElementVNode("div", _hoisted_13, [
+					createVNode(Index_default$16, {
 						class: "link",
 						kind: unref(GameButtonKind).Reply
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.shopLabel), 1)]),
 						_: 1
 					}, 8, ["kind"]),
-					createVNode(Index_default$10, {
+					__props.trialLabel ? (openBlock(), createBlock(Index_default$16, {
+						key: 0,
+						class: "link trial",
+						kind: unref(GameButtonKind).Reply,
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("trial"))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.trialLabel), 1)]),
+						_: 1
+					}, 8, ["kind"])) : createCommentVNode("v-if", true),
+					createVNode(Index_default$16, {
 						class: "link",
 						kind: unref(GameButtonKind).Reply,
-						onClick: _cache[1] || (_cache[1] = ($event) => isDetailsOpen.value = true)
+						onClick: _cache[2] || (_cache[2] = ($event) => isDetailsOpen.value = true)
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.detailsLabel), 1)]),
 						_: 1
 					}, 8, ["kind"]),
-					createVNode(Index_default$10, {
+					createVNode(Index_default$16, {
 						class: "link",
-						kind: unref(GameButtonKind).Reply
+						kind: unref(GameButtonKind).Reply,
+						onClick: _cache[3] || (_cache[3] = ($event) => isHistoryOpen.value = true)
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.historyLabel), 1)]),
 						_: 1
 					}, 8, ["kind"])
 				]),
-				__props.pathLabel ? (openBlock(), createElementBlock("p", _hoisted_16, [createTextVNode(toDisplayString(__props.pathLabel) + " ", 1), createElementVNode("span", _hoisted_17, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fatePoints, ({ color, text }, index) => {
-					return openBlock(), createElementBlock("span", {
-						key: index,
-						style: normalizeStyle({ color })
-					}, toDisplayString(text), 5);
-				}), 128))])])) : createCommentVNode("v-if", true),
-				bannerKind.value ? (openBlock(), createElementBlock("div", _hoisted_18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets, ({ cost, count, isAffordable, label }) => {
-					return openBlock(), createBlock(Index_default$10, {
+				__props.pathLabel ? (openBlock(), createBlock(Index_default$38, {
+					key: 1,
+					class: "path",
+					"path-label": __props.pathLabel,
+					"fate-points": __props.fatePoints
+				}, null, 8, ["path-label", "fate-points"])) : createCommentVNode("v-if", true),
+				bannerId.value ? (openBlock(), createElementBlock("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets, ({ cost, count, isAffordable, label }) => {
+					return openBlock(), createBlock(Index_default$16, {
 						key: count,
 						class: "set",
 						disabled: !isAffordable,
 						kind: unref(GameButtonKind).Pill,
 						onClick: ($event) => emit("wish", count)
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_19, toDisplayString(label), 1), createElementVNode("span", _hoisted_20, toDisplayString(cost), 1)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_15, toDisplayString(label), 1), createElementVNode("span", _hoisted_16, toDisplayString(cost), 1)]),
 						_: 2
 					}, 1032, [
 						"disabled",
@@ -1853,25 +3068,25 @@ var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"onClick"
 					]);
 				}), 128)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.purchases, ({ cost, isAffordable, label }) => {
-					return openBlock(), createBlock(Index_default$10, {
+					return openBlock(), createBlock(Index_default$16, {
 						key: label,
 						class: "set",
 						disabled: !isAffordable,
 						kind: unref(GameButtonKind).Pill,
-						onClick: _cache[2] || (_cache[2] = ($event) => emit("buy"))
+						onClick: _cache[4] || (_cache[4] = ($event) => emit("buy"))
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_21, toDisplayString(label), 1), createElementVNode("span", _hoisted_22, toDisplayString(cost), 1)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_17, toDisplayString(label), 1), createElementVNode("span", _hoisted_18, toDisplayString(cost), 1)]),
 						_: 2
 					}, 1032, ["disabled", "kind"]);
 				}), 128))])) : createCommentVNode("v-if", true),
-				isDetailsOpen.value ? (openBlock(), createBlock(Index_default$24, {
+				isDetailsOpen.value ? (openBlock(), createBlock(Index_default$36, {
 					key: 3,
 					"close-label": __props.backLabel,
 					"fate-points": __props.fatePoints,
 					"path-label": __props.pathLabel,
 					pool: __props.pool,
 					title: __props.detailsLabel,
-					onClose: _cache[3] || (_cache[3] = ($event) => isDetailsOpen.value = false)
+					onClose: _cache[5] || (_cache[5] = ($event) => isDetailsOpen.value = false)
 				}, null, 8, [
 					"close-label",
 					"fate-points",
@@ -1879,34 +3094,121 @@ var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					"pool",
 					"title"
 				])) : createCommentVNode("v-if", true),
-				__props.results.length > 0 ? (openBlock(), createElementBlock("div", {
+				isHistoryOpen.value ? (openBlock(), createBlock(Index_default$37, {
 					key: 4,
+					"close-label": __props.backLabel,
+					history: __props.history,
+					title: __props.historyLabel,
+					onClose: _cache[6] || (_cache[6] = ($event) => isHistoryOpen.value = false)
+				}, null, 8, [
+					"close-label",
+					"history",
+					"title"
+				])) : createCommentVNode("v-if", true),
+				__props.results.length > 0 ? (openBlock(), createElementBlock("div", {
+					key: 5,
 					class: "results",
-					onClick: _cache[4] || (_cache[4] = ($event) => emit("dismiss"))
-				}, [createElementVNode("ul", _hoisted_23, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.results, ({ isCapturingRadiance, name, rarity, wishReturn }, index) => {
+					onClick: _cache[7] || (_cache[7] = ($event) => emit("dismiss"))
+				}, [createElementVNode("ul", _hoisted_19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.results, ({ isCapturingRadiance, name, rarity, stellaFortuna, wishReturn }, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: index,
 						class: "result",
 						"data-capturing-radiance": isCapturingRadiance,
 						"data-rarity": rarity
 					}, [
-						createElementVNode("span", _hoisted_25, toDisplayString(name), 1),
-						createElementVNode("span", _hoisted_26, toDisplayString("★".repeat(rarity)), 1),
-						createElementVNode("span", _hoisted_27, toDisplayString(wishReturn), 1)
-					], 8, _hoisted_24);
+						createElementVNode("span", _hoisted_21, toDisplayString(name), 1),
+						createVNode(Index_default$27, { rarity }, null, 8, ["rarity"]),
+						stellaFortuna ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(stellaFortuna), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("span", _hoisted_23, toDisplayString(wishReturn), 1)
+					], 8, _hoisted_20);
 				}), 128))])])) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-fe40ca36"]]);
+}), [["__scopeId", "data-v-669dc4ab"]]);
+//#endregion
+//#region src/models/WorshipLevelState.ts
+let WorshipLevelState = /* @__PURE__ */ function(WorshipLevelState) {
+	WorshipLevelState["Claimable"] = "claimable";
+	WorshipLevelState["Claimed"] = "claimed";
+	WorshipLevelState["Locked"] = "locked";
+	return WorshipLevelState;
+}({});
+//#endregion
+//#region src/components/WorshipScreen/Index.vue
+const _hoisted_1 = { class: "worship-screen" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "levels" };
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = { class: "level" };
+const _hoisted_6 = { class: "oculi" };
+const _hoisted_7 = { class: "rewards" };
+var Index_default$40 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		blessingTitle: {},
+		heldCount: {},
+		levels: {},
+		title: {}
+	},
+	emits: [
+		"blessing",
+		"claim",
+		"close",
+		"offer"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const nextClaimableLevel = computed(() => __props.levels.find(({ state }) => state === "claimable")?.level);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The layout is provisional until the recording of the Worship screen shows it "), createElementVNode("div", _hoisted_1, [
+				createElementVNode("h1", _hoisted_2, toDisplayString(__props.title), 1),
+				createElementVNode("button", {
+					class: "close",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, "×"),
+				createElementVNode("button", {
+					class: "blessing",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("blessing"))
+				}, toDisplayString(__props.blessingTitle), 1),
+				createElementVNode("button", {
+					class: "held",
+					type: "button",
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("offer"))
+				}, toDisplayString(__props.heldCount), 1),
+				createElementVNode("ol", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.levels, ({ level, oculusCount, rewards, state }) => {
+					return openBlock(), createElementBlock("li", {
+						key: level,
+						class: normalizeClass(state)
+					}, [createElementVNode("button", {
+						type: "button",
+						disabled: level !== nextClaimableLevel.value,
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("claim"))
+					}, [
+						createElementVNode("span", _hoisted_5, toDisplayString(level), 1),
+						createElementVNode("span", _hoisted_6, toDisplayString(oculusCount), 1),
+						createElementVNode("span", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(rewards, ({ count, name }) => {
+							return openBlock(), createElementBlock("span", { key: name }, toDisplayString(name) + " × " + toDisplayString(count), 1);
+						}), 128))])
+					], 8, _hoisted_4)], 2);
+				}), 128))])
+			])], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-529b74f5"]]);
 //#endregion
 //#region src/models/InteractionKind.ts
 let InteractionKind = /* @__PURE__ */ function(InteractionKind) {
 	InteractionKind["Activate"] = "Activate";
+	InteractionKind["Claim"] = "Claim";
+	InteractionKind["Dig"] = "Dig";
 	InteractionKind["Open"] = "Open";
 	InteractionKind["PickUp"] = "PickUp";
 	InteractionKind["Read"] = "Read";
 	InteractionKind["Talk"] = "Talk";
+	InteractionKind["Use"] = "Use";
 	return InteractionKind;
 }({});
 //#endregion
@@ -1927,6 +3229,14 @@ let InterfaceClipProperty = /* @__PURE__ */ function(InterfaceClipProperty) {
 }({});
 const InterfaceClipProperties = Object.values(InterfaceClipProperty);
 //#endregion
+//#region src/models/WeaponMenuTab.ts
+let WeaponMenuTab = /* @__PURE__ */ function(WeaponMenuTab) {
+	WeaponMenuTab["Ascend"] = "Ascend";
+	WeaponMenuTab["Enhance"] = "Enhance";
+	WeaponMenuTab["Refine"] = "Refine";
+	return WeaponMenuTab;
+}({});
+//#endregion
 //#region src/models/reference/GameSourceKind.ts
 let GameSourceKind = /* @__PURE__ */ function(GameSourceKind) {
 	GameSourceKind["AnimationClip"] = "AnimationClip";
@@ -1989,4 +3299,4 @@ const toInterfaceClip = ({ durationMs, tracks }) => ({
 	}] : [])
 });
 //#endregion
-export { ASCENSION_PHASE_COUNT, BannerKind, BannerKinds, CHECK_MARK_PATH, CONSTELLATION_NODE_PLACES, Index_default as CharacterMenu, Index_default$1 as CharacterMenuArtifacts, Index_default$2 as CharacterMenuButtons, Index_default$3 as CharacterMenuConstellation, Index_default$4 as CharacterMenuProfile, CharacterMenuTab, CharacterMenuTabs, Index_default$5 as CharacterMenuTalents, Index_default$6 as CharacterMenuWeapons, Index_default$7 as CraftingScreen, DialogueChoiceIcon, DialogueChoiceIconPathMap, Index_default$8 as DialogueScreen, FIXTURE_VARIANT_SEPARATOR, ForgeQueueState, Index_default$9 as ForgeScreen, ForgeTab, GAME_CANVAS_INSET, GAME_CANVAS_RECT, GAME_CANVAS_UNIT, GAME_CREAM, GAME_CURSOR, GAME_FONT_FAMILY, GAME_GOLD, GAME_INK, GAME_REPLY_HOVER, GAME_REPLY_HOVER_INK, GAME_REPLY_REST, GAME_ROW_HOVER, GAME_ROW_PRESS, GAME_SMOOTHSTEP_EASING, GAME_UNIT, GAME_WHITE, Index_default$10 as GameButton, GameButtonKind, _sfc_main as GameRect, Index_default$11 as GameScreen, GameSourceKind, INTERACTION_HOVER_MS, INTERACTION_KEY_LABEL, INTERACTION_PILL_REST_MS, INTERACTION_PRESS_MS, INTERACTION_REST_MS, InteractionKind, Index_default$12 as InteractionPrompts, InteractionState, InterfaceClipProperties, InterfaceClipProperty, InterfaceIcon, InterfaceIconCentreMap, InterfaceIconPathMap, InterfaceIcons, Index_default$13 as InventoryScreen, InventorySort, InventorySorts, InvestigationOutcome, ItemCategories, ItemCategory, Index_default$14 as ItemTile, Index_default$15 as LoadingSpinner, MOBILE_INTERFACE_SCALE, ORNAMENT_END_PATH, ORNAMENT_MIDDLE_PATH, Index_default$16 as OrnamentDivider, Index_default$17 as ProgressBar, Index_default$18 as PromptBand, Index_default$19 as ReputationScreen, Index_default$20 as RoundButton, SERVER_MARK_DIAMOND_PATH, SERVER_MARK_TICK_PATH, SETTINGS_RING_CENTRE, SETTINGS_RING_RADIUS, SETTINGS_RING_WIDTH, Index_default$21 as ServerBar, Index_default$22 as ToastNotice, Index_default$23 as TwoColumnScreen, Index_default$24 as WishDetails, Index_default$25 as WishScreen, computeRectOffsets, playInterfaceClip, toCanvasRect, toCanvasRectStyle, toInterfaceClip };
+export { ASCENSION_PHASE_COUNT, Index_default as ArtifactEnhancePicker, Index_default$1 as ArtifactPicker, BannerKind, BannerKinds, Index_default$2 as BlessingScreen, CHECK_MARK_PATH, CONSTELLATION_NODE_PLACES, COOKING_ARC_CENTRE_X, COOKING_ARC_CENTRE_Y, COOKING_ARC_RADIUS_X, COOKING_ARC_RADIUS_Y, Index_default$3 as CharacterMenu, Index_default$4 as CharacterMenuArtifacts, Index_default$5 as CharacterMenuButtons, Index_default$6 as CharacterMenuConstellation, Index_default$7 as CharacterMenuProfile, CharacterMenuTab, CharacterMenuTabs, Index_default$8 as CharacterMenuTalents, Index_default$9 as CharacterMenuWeapons, Index_default$10 as CookingScreen, Index_default$11 as CraftingScreen, DialogueChoiceIcon, DialogueChoiceIconPathMap, Index_default$12 as DialogueScreen, Index_default$13 as DiscButton, ExpeditionActionKind, Index_default$14 as ExpeditionScreen, FIXTURE_VARIANT_SEPARATOR, ForgeQueueState, Index_default$15 as ForgeScreen, ForgeTab, GAME_CANVAS_INSET, GAME_CANVAS_RECT, GAME_CANVAS_UNIT, GAME_CREAM, GAME_CURSOR, GAME_FONT_FAMILY, GAME_GOLD, GAME_INK, GAME_REPLY_HOVER, GAME_REPLY_HOVER_INK, GAME_REPLY_REST, GAME_ROW_HOVER, GAME_ROW_PRESS, GAME_SMOOTHSTEP_EASING, GAME_UNIT, GAME_WHITE, Index_default$16 as GameButton, GameButtonKind, _sfc_main as GameRect, Index_default$17 as GameScreen, GameSourceKind, INTERACTION_HOVER_MS, INTERACTION_KEY_LABEL, INTERACTION_PILL_REST_MS, INTERACTION_PRESS_MS, INTERACTION_REST_MS, InteractionKind, Index_default$18 as InteractionPrompts, InteractionState, InterfaceClipProperties, InterfaceClipProperty, InterfaceIcon, InterfaceIconCentreMap, InterfaceIconPathMap, InterfaceIcons, Index_default$19 as InventoryScreen, InventorySort, InventorySorts, InvestigationOutcome, ItemCategories, ItemCategory, Index_default$20 as ItemTile, Index_default$21 as LoadingSpinner, MOBILE_INTERFACE_SCALE, ORNAMENT_END_PATH, ORNAMENT_MIDDLE_PATH, Index_default$22 as OrnamentDivider, Index_default$23 as PartySetupScreen, Index_default$24 as PickerShell, Index_default$25 as ProgressBar, Index_default$26 as PromptBand, Index_default$27 as RarityStars, Index_default$28 as ReputationScreen, Index_default$29 as RoundButton, SERVER_MARK_DIAMOND_PATH, SERVER_MARK_TICK_PATH, SETTINGS_RING_CENTRE, SETTINGS_RING_RADIUS, SETTINGS_RING_WIDTH, Index_default$30 as ScreenTitle, Index_default$31 as ServerBar, Index_default$32 as ShopScreen, Index_default$33 as ToastNotice, Index_default$34 as TwoColumnScreen, Index_default$35 as WeaponMenu, WeaponMenuTab, Index_default$36 as WishDetails, Index_default$37 as WishHistory, Index_default$38 as WishPath, Index_default$39 as WishScreen, WorshipLevelState, Index_default$40 as WorshipScreen, computeRectOffsets, playInterfaceClip, toCanvasRect, toCanvasRectStyle, toInterfaceClip };