genshin-interface 4.3.2 → 4.4.0

package/dist/index.js

@@ -1,20 +1,20 @@
-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
+import { i as ItemCategory, n as BannerKinds, r as ItemCategories, t as BannerKind } from "./save-BiDzTOKp.js";
+import { APPROVE_ENVIRONMENT_VARIABLE, ASCENSION_PHASE_COUNT, BACK_ARROW_PATH, CHECK_MARK_PATH, CONSTELLATION_NODE_PLACES, COOKING_ARC_CENTRE_X, COOKING_ARC_CENTRE_Y, COOKING_ARC_RADIUS_X, COOKING_ZONE_RADIUS_Y, FIXTURE_IMAGE_NAME, FIXTURE_VARIANT_SEPARATOR, GAME_BACKDROP_BLUR, GAME_BACKDROP_KEEP, GAME_BACKDROP_WASH, GAME_CANVAS_INSET, GAME_CANVAS_RECT, GAME_CANVAS_UNIT, GAME_CREAM, GAME_CURSOR, GAME_DIALOGUE_GOLD, GAME_FONT_FAMILY, GAME_GOLD, GAME_INK, GAME_LIT_GOLD, GAME_LIT_GOLD_LABEL, 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, MISMATCH_DETAIL_REGEX, MISMATCH_MESSAGE, MISMATCH_RATIO_BAR, MISSING_IMAGE_MESSAGE, MOBILE_INTERFACE_SCALE, ORNAMENT_END_PATH, ORNAMENT_MIDDLE_PATH, ROLE_FLOURISH_PATH, SERVER_MARK_DIAMOND_PATH, SERVER_MARK_TICK_PATH, SETTINGS_RING_CENTRE, SETTINGS_RING_RADIUS, SETTINGS_RING_WIDTH } from "./constants.js";
+import { getFixtureImageName } from "./getFixtureImageName.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useCssVars, useModel, useTemplateRef, vModelSelect, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+// \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 = {
+// src/components/GameButton/Index.vue
+const _hoisted_1$41 = ["data-kind"];
+const _hoisted_2$33 = {
 	key: 0,
 	class: "tip"
 };
-var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$17 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		kind: {},
@@ -22,19 +22,21 @@ var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 	},
 	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)
+			"v4bc79f66": restDuration,
+			"v143f94d2": hoverDuration,
+			"d7a42922": unref(GAME_GOLD),
+			"v1d4f319a": unref(GAME_CREAM),
+			"v70228ad7": unref(GAME_INK),
+			"d18a46b0": unref(GAME_ROW_HOVER),
+			"d0a690a2": unref(GAME_ROW_PRESS),
+			"v1ccf6f82": pillRestDuration,
+			"a6f50e4e": pressDuration,
+			"v0e0bcce1": unref(GAME_SMOOTHSTEP_EASING),
+			"f6bc5e92": unref(GAME_LIT_GOLD),
+			"v4f04154c": unref(GAME_LIT_GOLD_LABEL),
+			"v41d06810": unref(GAME_REPLY_REST),
+			"v03595d78": unref(GAME_REPLY_HOVER),
+			"v57aba702": unref(GAME_REPLY_HOVER_INK)
 		}));
 		const button = useTemplateRef("button");
 		const hoverDuration = `50ms`;
@@ -43,21 +45,20 @@ var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		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", {
+			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. Only a Disc draws a disabled look: the\n       Other kinds look the same enabled or disabled. The look is the button's own, and its content 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);
+			}, [renderSlot(_ctx.$slots, "default"), __props.tip ? (openBlock(), createElementBlock("span", _hoisted_2$33, toDisplayString(__props.tip), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_1$41)], 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({
+}), [["__scopeId", "data-v-3683b183"]]);
+// src/components/PickerShell/Index.vue
+const _hoisted_1$40 = ["aria-label"];
+const _hoisted_2$32 = { class: "title" };
+var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { title: {} },
 	setup(__props) {
@@ -67,24 +68,24 @@ var Index_default$24 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				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);
+			}, [createElementVNode("p", _hoisted_2$32, toDisplayString(__props.title), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_1$40);
 		};
 	}
 }), [["__scopeId", "data-v-6f193621"]]);
-//#endregion
-//#region src/models/GameButtonKind.ts
+// src/models/GameButtonKind.ts
 let GameButtonKind = /* @__PURE__ */ function(GameButtonKind) {
+	GameButtonKind["Choice"] = "Choice";
 	GameButtonKind["Disc"] = "Disc";
+	GameButtonKind["Gold"] = "Gold";
 	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" };
+// src/components/ArtifactEnhancePicker/Index.vue
+const _hoisted_1$39 = { class: "summary" };
+const _hoisted_2$31 = { class: "level" };
 const _hoisted_3$28 = { class: "mora" };
 const _hoisted_4$24 = {
 	key: 0,
@@ -96,12 +97,12 @@ const _hoisted_6$21 = [
 	"data-rarity",
 	"onClick"
 ];
-const _hoisted_7$21 = { class: "name" };
+const _hoisted_7$19 = { 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" };
+const _hoisted_9$15 = { class: "materials" };
+const _hoisted_10$14 = { class: "name" };
+const _hoisted_11$13 = { class: "count" };
+const _hoisted_12$11 = { class: "actions" };
 var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
@@ -127,12 +128,12 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Index_default$24, {
+			return openBlock(), createBlock(Index_default$25, {
 				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)]),
+					createElementVNode("p", _hoisted_1$39, [createElementVNode("span", _hoisted_2$31, 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", {
@@ -141,18 +142,19 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 							"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)]);
+						}, [createElementVNode("span", _hoisted_7$19, 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 }) => {
+					createElementVNode("ul", _hoisted_9$15, [(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, {
+							createElementVNode("span", _hoisted_10$14, toDisplayString(name), 1),
+							createElementVNode("span", _hoisted_11$13, toDisplayString(selectedCount) + "/" + toDisplayString(count), 1),
+							createVNode(Index_default$17, {
 								disabled: selectedCount <= 0,
 								kind: unref(GameButtonKind).Pill,
+								tip: "",
 								onClick: ($event) => emit("material", id, -1)
 							}, {
 								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" - ", -1)])]),
@@ -162,9 +164,10 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 								"kind",
 								"onClick"
 							]),
-							createVNode(Index_default$16, {
+							createVNode(Index_default$17, {
 								disabled: selectedCount >= count,
 								kind: unref(GameButtonKind).Pill,
+								tip: "",
 								onClick: ($event) => emit("material", id, 1)
 							}, {
 								default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" + ", -1)])]),
@@ -176,24 +179,27 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 							])
 						]);
 					}), 128))]),
-					createElementVNode("div", _hoisted_12$9, [
-						createVNode(Index_default$16, {
+					createElementVNode("div", _hoisted_12$11, [
+						createVNode(Index_default$17, {
 							kind: unref(GameButtonKind).Pill,
+							tip: "",
 							onClick: _cache[0] || (_cache[0] = ($event) => emit("autoAdd"))
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.autoAddLabel), 1)]),
 							_: 1
 						}, 8, ["kind"]),
-						createVNode(Index_default$16, {
+						createVNode(Index_default$17, {
 							kind: unref(GameButtonKind).Pill,
+							tip: "",
 							onClick: _cache[1] || (_cache[1] = ($event) => emit("cancel"))
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
 							_: 1
 						}, 8, ["kind"]),
-						createVNode(Index_default$16, {
+						createVNode(Index_default$17, {
 							disabled: __props.isConfirmDisabled,
 							kind: unref(GameButtonKind).Pill,
+							tip: "",
 							onClick: _cache[2] || (_cache[2] = ($event) => emit("confirm"))
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmLabel), 1)]),
@@ -205,11 +211,10 @@ var Index_default = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineCo
 			}, 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"];
+}), [["__scopeId", "data-v-f430d654"]]);
+// src/components/ArtifactPicker/Index.vue
+const _hoisted_1$38 = { class: "options" };
+const _hoisted_2$30 = ["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({
@@ -223,20 +228,21 @@ var Index_default$1 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Index_default$24, {
+			return openBlock(), createBlock(Index_default$25, {
 				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 }) => {
+				default: withCtx(() => [createElementVNode("ul", _hoisted_1$38, [(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, {
+					}, [createElementVNode("span", _hoisted_3$27, toDisplayString(name), 1), createElementVNode("span", _hoisted_4$23, toDisplayString(caption), 1)], 8, _hoisted_2$30)]);
+				}), 128))]), createVNode(Index_default$17, {
 					class: "close",
 					kind: unref(GameButtonKind).Pill,
+					tip: "",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.closeLabel), 1)]),
@@ -246,28 +252,77 @@ var Index_default$1 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 			}, 8, ["title"]);
 		};
 	}
-}), [["__scopeId", "data-v-bf242b3e"]]);
-//#endregion
-//#region src/components/BlessingScreen/Index.vue
+}), [["__scopeId", "data-v-a016439d"]]);
+// src/models/CloseButtonMark.ts
+let CloseButtonMark = /* @__PURE__ */ function(CloseButtonMark) {
+	CloseButtonMark["Back"] = "Back";
+	CloseButtonMark["Cross"] = "Cross";
+	return CloseButtonMark;
+}({});
+// src/services/CloseButtonMarkGlyphMap.ts
+const CloseButtonMarkGlyphMap = {
+	["Back"]: {
+		path: "M15.63 1.75l0.38 0.38v2.75l-0.25 0.25v2l0.88 0.88 4.5 0.25 2.75 1h1l0.5 0.5 1.75 0.75 2.13 1.88 1.25 1.75 0.75 2.25 0.75 0.75v5.38q-0.67-0.28-0.5 0.38l-0.75 1.75-2.87 3.38q-1.060.19-1.5 1l-2.75 1.25-2 0.25-0.25 0.25h-1.25q-0.37-0.25 0.25-0.5h0.5l1-1 1-0.25 1.5-1.25h0.38q-0.12-0.72 0.63-1 0.560.19 0.38-0.37l0.5-0.5 0.25-1.25 0.5-0.75q-0.17-1.04 0.25-1.5l-0.25-0.25q0.21-1.21-0.25-1.75l-2.12-2.37h-0.75l-1-0.75h-0.75l-1.25-0.5h-3.5l-1.62 0.88-0.25 1.25 0.25 0.25v2.25q0.56 0.31 0.25 1.5l-0.62 0.38-3.5-3.25-2-1.25-1.5-1.5-6.62-3.62v-0.5q0.63-0.25 0.5-0.87l0.88-0.25 1.5-1 1.25-1.25 1.5-0.75 2.88-2.37q-0.19-0.56 0.38-0.37l5-4.5z",
+		viewBox: "-13 -13 58 58"
+	},
+	["Cross"]: {
+		path: "M22.25 20l-1 .75v2.5l.25.25.25 3.25.25.25v1.25l.25.5q1 .25 1.75-.5h1.25l1.5 1.25q.5-.25.25.5h.5l3.5 3.75v1l-4 4-1.75 1.25h-1.25q-.75-.75-1.75-.5l-.25.75-.25 3-.25.25v1.5l-.25.25v2.5l1 .5q1 .25 1.5-.25h3l.25-.25h2l.75-.5q.25-1.5-.5-1.75v-1l1.5-1.75 4.5-4.25h.5l1 1q.5-.25.25.5l.75.25.25.75.75.25v.5l2.5 2.75v1l-.5 1v.75l1 .5h2l.25.25h3.75l.25.25q1.25.25 1.5-.5l-.25-3.75-.25-.25v-2l-.25-.25v-1.25l-.25-.75h-1l-1 .75-1-.25-.5-.75-.75-.25-4.5-4.25v-1l6-5.75h.75l1 .75h1q-.25-.75.25-.75v-1l.25-.25.25-4.25.25-.25q.5-1.75-.5-2.25h-1.75l-.25.25h-2.75l-.25.25h-2.5l-.75.75v.75l.5 1v1l-2.25 2.75-.5.25-.5.75-2.25 2h-.75l-4.25-4-.75-1v-.5l-.75-.25v-.75l.5-1v-1l-.75-.75h-1.5l-.25-.25h-3.5q-.5-.5-1.5-.25z",
+		viewBox: "6 5 58 58"
+	}
+};
+// src/components/CloseButton/Index.vue
+const _hoisted_1$37 = ["aria-label"];
+const _hoisted_2$29 = ["viewBox"];
+const _hoisted_3$26 = ["d"];
+var Index_default$10 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Index",
+	props: {
+		label: {},
+		mark: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The way out of a screen: a disc 58 units across at its top right, its fill and ring left to the screen that places\n       it, and the mark its glyph draws over them in the same units. The ring is an inset shadow, not a border, so the\n       mark's box is the disc's "), createElementVNode("button", {
+				class: "close-button",
+				"aria-label": __props.label,
+				type: "button"
+			}, [(openBlock(), createElementBlock("svg", {
+				class: "mark",
+				viewBox: unref(CloseButtonMarkGlyphMap)[__props.mark].viewBox,
+				"aria-hidden": "true"
+			}, [createElementVNode("path", { d: unref(CloseButtonMarkGlyphMap)[__props.mark].path }, null, 8, _hoisted_3$26)], 8, _hoisted_2$29))], 8, _hoisted_1$37)], 2112);
+		};
+	}
+}), [["__scopeId", "data-v-715f32e8"]]);
+// 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" };
+const _hoisted_3$25 = { class: "pool" };
+const _hoisted_4$22 = { class: "auto-recover" };
+const _hoisted_5$21 = ["aria-pressed"];
+const _hoisted_6$20 = { class: "threshold" };
+const _hoisted_7$18 = { class: "members" };
+const _hoisted_8$15 = ["onClick"];
+const _hoisted_9$14 = { class: "name" };
+const _hoisted_10$13 = { class: "health" };
 var Index_default$2 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
+		autoRecoverTitle: {},
+		closeLabel: {},
+		isAutoRecoverOn: { type: Boolean },
 		members: {},
 		poolAmount: {},
 		poolMaximum: {},
+		thresholdPercent: {},
 		title: {},
 		worshipTitle: {}
 	},
 	emits: [
 		"close",
 		"heal",
+		"stepThreshold",
+		"toggleAutoRecover",
 		"worship"
 	],
 	setup(__props, { emit: __emit }) {
@@ -275,29 +330,48 @@ var Index_default$2 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		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", {
+				createVNode(Index_default$10, {
 					class: "close",
-					type: "button",
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "×"),
+				}, null, 8, ["label", "mark"]),
 				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 }) => {
+				createElementVNode("p", _hoisted_3$25, toDisplayString(Math.floor(__props.poolAmount)) + " / " + toDisplayString(__props.poolMaximum), 1),
+				createElementVNode("div", _hoisted_4$22, [
+					createElementVNode("button", {
+						class: "switch",
+						type: "button",
+						"aria-pressed": __props.isAutoRecoverOn,
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("toggleAutoRecover"))
+					}, toDisplayString(__props.autoRecoverTitle), 9, _hoisted_5$21),
+					createElementVNode("button", {
+						type: "button",
+						"aria-label": "Lower the threshold",
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("stepThreshold", -1))
+					}, "-"),
+					createElementVNode("span", _hoisted_6$20, toDisplayString(__props.thresholdPercent) + "%", 1),
+					createElementVNode("button", {
+						type: "button",
+						"aria-label": "Raise the threshold",
+						onClick: _cache[4] || (_cache[4] = ($event) => emit("stepThreshold", 1))
+					}, "+")
+				]),
+				createElementVNode("ul", _hoisted_7$18, [(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)]);
+					}, [createElementVNode("span", _hoisted_9$14, toDisplayString(name), 1), createElementVNode("span", _hoisted_10$13, toDisplayString(Math.round(healthShare * 100)) + "%", 1)], 8, _hoisted_8$15)]);
 				}), 128))])
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-4c1e529d"]]);
-//#endregion
-//#region src/models/CharacterMenuTab.ts
+}), [["__scopeId", "data-v-4b0256bb"]]);
+// src/models/CharacterMenuTab.ts
 let CharacterMenuTab = /* @__PURE__ */ function(CharacterMenuTab) {
 	CharacterMenuTab["Artifacts"] = "Artifacts";
 	CharacterMenuTab["Attributes"] = "Attributes";
@@ -315,11 +389,10 @@ const CharacterMenuTabs = [
 	"Talents",
 	"Profile"
 ];
-//#endregion
-//#region src/components/CharacterMenu/Index.vue
+// src/components/CharacterMenu/Index.vue
 const _hoisted_1$35 = ["data-tab"];
 const _hoisted_2$27 = { class: "characters" };
-const _hoisted_3$25 = ["aria-pressed", "onClick"];
+const _hoisted_3$24 = ["aria-pressed", "onClick"];
 const _hoisted_4$21 = { class: "breadcrumb" };
 const _hoisted_5$20 = {
 	key: 0,
@@ -328,15 +401,27 @@ const _hoisted_5$20 = {
 	"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"];
+const _hoisted_7$17 = {
+	key: 1,
+	class: "tab-keys",
+	"aria-hidden": "true"
+};
+const _hoisted_8$14 = {
+	key: 2,
+	class: "character-keys",
+	"aria-hidden": "true"
+};
+const _hoisted_9$13 = { class: "tabs" };
+const _hoisted_10$12 = ["aria-pressed", "onClick"];
+const _hoisted_11$12 = ["aria-label"];
+const _hoisted_12$10 = ["aria-label", "onClick"];
 var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		characters: {},
 		elementMarkPath: {},
+		elementName: {},
+		isTouch: { type: Boolean },
 		tabLabels: {}
 	}, {
 		"characterId": { required: true },
@@ -349,6 +434,7 @@ var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 		const characterId = useModel(__props, "characterId");
 		const tab = useModel(__props, "tab");
 		const characterName = computed(() => __props.characters.find(({ id }) => id === characterId.value)?.name ?? "");
+		const breadcrumb = computed(() => __props.elementName ? `${__props.elementName} / ${characterName.value}` : characterName.value);
 		const steps = computed(() => {
 			const index = __props.characters.findIndex(({ id }) => id === characterId.value);
 			const getStep = (step) => __props.characters[(index + step + __props.characters.length) % __props.characters.length];
@@ -365,42 +451,46 @@ var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 				class: "character-menu",
 				"data-tab": tab.value
 			}, [
-				_cache[1] || (_cache[1] = createElementVNode("div", { class: "head" }, null, -1)),
+				_cache[4] || (_cache[4] = createElementVNode("div", { class: "head" }, null, -1)),
 				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$25)]);
+					}, toDisplayString(name), 9, _hoisted_3$24)]);
 				}), 128))]),
-				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_7$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(CharacterMenuTabs), (menuTab) => {
+				createElementVNode("p", _hoisted_4$21, toDisplayString(breadcrumb.value), 1),
+				__props.elementMarkPath ? (openBlock(), createElementBlock("svg", _hoisted_5$20, [_cache[0] || (_cache[0] = createElementVNode("path", {
+					class: "frame",
+					d: "M800 0 L1014 283 L1366 234 L1317 586 L1600 800 L1317 1014 L1366 1366 L1014 1317 L800 1600 L586 1317 L234 1366 L283 1014 L0 800 L283 586 L234 234 L586 283 Z"
+				}, null, -1)), createElementVNode("path", {
+					d: __props.elementMarkPath,
+					transform: "translate(400 400) scale(0.5)"
+				}, null, 8, _hoisted_6$19)])) : createCommentVNode("v-if", true),
+				createCommentVNode(" The keys stepping through the tabs, W up and S down, beside the first; the keys stepping through the characters,\n         Q and E, either side of the row; a finger has no keys to press "),
+				!__props.isTouch ? (openBlock(), createElementBlock("div", _hoisted_7$17, [..._cache[1] || (_cache[1] = [createElementVNode("kbd", { class: "key" }, "W", -1), createElementVNode("kbd", { class: "key" }, "S", -1)])])) : createCommentVNode("v-if", true),
+				!__props.isTouch ? (openBlock(), createElementBlock("div", _hoisted_8$14, [..._cache[2] || (_cache[2] = [createElementVNode("kbd", { class: "key key-previous" }, "Q", -1), createElementVNode("kbd", { class: "key key-next" }, "E", -1)])])) : createCommentVNode("v-if", true),
+				createElementVNode("ul", _hoisted_9$13, [(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_8$15)]);
+					}, toDisplayString(__props.tabLabels[menuTab]), 9, _hoisted_10$12)]);
 				}), 128))]),
 				createElementVNode("section", {
 					class: "panel",
 					"aria-label": __props.tabLabels[tab.value]
-				}, [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 }) => {
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_11$12),
+				__props.characters.length > 1 ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(steps.value, ({ character, className }) => {
 					return openBlock(), createElementBlock("button", {
 						key: className,
 						class: normalizeClass(["step", className]),
 						"aria-label": character?.name,
 						type: "button",
 						onClick: ($event) => characterId.value = character?.id ?? characterId.value
-					}, [createCommentVNode(" The arrow's head and the diamond in its notch, in the reference's own pixels "), _cache[0] || (_cache[0] = createElementVNode("svg", {
+					}, [createCommentVNode(" The arrow's head and the diamond in its notch, in the reference's own pixels "), _cache[3] || (_cache[3] = createElementVNode("svg", {
 						viewBox: "0 0 43 55",
 						"aria-hidden": "true"
 					}, [
@@ -416,74 +506,72 @@ var Index_default$3 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 							class: "mark",
 							d: "M31 25.5 L33 27.5 L31 29.5 L29 27.5 Z"
 						})
-					], -1))], 10, _hoisted_10$12);
+					], -1))], 10, _hoisted_12$10);
 				}), 128)) : createCommentVNode("v-if", true)
 			], 8, _hoisted_1$35)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-86092611"]]);
-//#endregion
-//#region src/components/CharacterMenuButtons/Index.vue
+}), [["__scopeId", "data-v-196e57b9"]]);
+// src/components/CharacterMenuButtons/Index.vue
 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);
+			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", {}, void 0, true)])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-359aa329"]]);
-//#endregion
-//#region src/components/ToastNotice/Index.vue
+}), [["__scopeId", "data-v-56c8b5cd"]]);
+// 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" };
+const _hoisted_3$23 = { 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);
+	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$23, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2112);
 }
-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
+var Index_default$34 = /*#__PURE__*/ export_helper_default(_sfc_main$34, [["render", _sfc_render$1], ["__scopeId", "data-v-a09dfb40"]]);
+// src/components/CharacterMenuArtifacts/Index.vue
 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,
+const _hoisted_2$25 = ["aria-expanded"];
+const _hoisted_3$22 = { class: "slot-name" };
+const _hoisted_4$20 = {
+	key: 0,
 	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_5$19 = { class: "stat" };
+const _hoisted_6$18 = { class: "totals" };
+const _hoisted_7$16 = { class: "set-bonus" };
+const _hoisted_8$13 = { class: "set-bonus-heading" };
 const _hoisted_9$12 = {
 	key: 0,
-	class: "set-bonus-lines"
+	class: "set-name"
 };
-const _hoisted_10$11 = {
+const _hoisted_10$11 = { class: "set-bonus-lines" };
+const _hoisted_11$11 = {
 	key: 1,
 	class: "set-bonus-lines"
 };
 var Index_default$4 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
+		artifactDetailsLabel: {},
 		enhanceLabel: {},
 		equipDisabledSlots: {},
 		equipLabel: {},
+		fastEquipLabel: {},
 		lockLabel: {},
 		noSetBonusLabel: {},
 		notice: {},
 		setBonusHeading: {},
-		setBonusLines: {},
+		sets: {},
 		slotNames: {},
 		slotStats: {},
+		switchLabel: {},
+		totals: {},
 		unequipLabel: {},
 		unlockLabel: {}
 	},
@@ -496,86 +584,116 @@ var Index_default$4 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const selectedIndex = ref(0);
+		const isDetailsOpen = ref(false);
 		const selectedStats = computed(() => __props.slotStats[selectedIndex.value]);
 		const isSelectedWorn = computed(() => selectedStats.value !== void 0);
+		const switchSlot = () => {
+			selectedIndex.value = (selectedIndex.value + 1) % __props.slotNames.length;
+		};
 		return (_ctx, _cache) => {
-			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, {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Artifacts tab's panel: the worn artifacts' attribute totals down its top, the set bonus block under them, and the\n       Fast Equip and Switch buttons at its foot. Pressing Artifact Details opens the picked slot's stats in place of the totals,\n       with its Enhance, Equip or Unequip and Lock buttons at the foot in place of those two "), createElementVNode("div", _hoisted_1$32, [
+				__props.notice ? (openBlock(), createBlock(Index_default$34, {
 					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) => {
+				createElementVNode("button", {
+					class: "details",
+					"aria-expanded": isDetailsOpen.value,
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => isDetailsOpen.value = !isDetailsOpen.value)
+				}, toDisplayString(__props.artifactDetailsLabel), 9, _hoisted_2$25),
+				isDetailsOpen.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("p", _hoisted_3$22, toDisplayString(__props.slotNames[selectedIndex.value]), 1), selectedStats.value ? (openBlock(), createElementBlock("ul", _hoisted_4$20, [createElementVNode("li", _hoisted_5$19, [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: "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))]),
+				}), 128))])) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("ul", _hoisted_6$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.totals, ({ label, value }) => {
+					return openBlock(), createElementBlock("li", {
+						key: label,
+						class: "total"
+					}, [createElementVNode("span", null, toDisplayString(label), 1), createElementVNode("span", null, toDisplayString(value), 1)]);
+				}), 128))]), createElementVNode("div", _hoisted_7$16, [createElementVNode("p", _hoisted_8$13, toDisplayString(__props.setBonusHeading), 1), __props.sets.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.sets, ({ lines, name }, index) => {
+					return openBlock(), createElementBlock("div", { key: index }, [name ? (openBlock(), createElementBlock("p", _hoisted_9$12, toDisplayString(name), 1)) : createCommentVNode("v-if", true), createElementVNode("ul", _hoisted_10$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(lines, (line) => {
+						return openBlock(), createElementBlock("li", { key: line }, [_cache[6] || (_cache[6] = createElementVNode("svg", {
+							class: "check",
+							viewBox: "0 0 20 20",
+							"aria-hidden": "true"
+						}, [createElementVNode("circle", {
+							cx: "10",
+							cy: "10",
+							r: "10"
+						}), createElementVNode("path", { d: "M5.5 10.5 L8.5 13.5 L14.5 7" })], -1)), createTextVNode(" " + toDisplayString(line), 1)]);
+					}), 128))])]);
+				}), 128)) : (openBlock(), createElementBlock("p", _hoisted_11$11, toDisplayString(__props.noSetBonusLabel), 1))])], 64)),
 				createVNode(Index_default$5, null, {
-					default: withCtx(() => [
-						createVNode(Index_default$16, {
+					default: withCtx(() => [isDetailsOpen.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createVNode(Index_default$17, {
 							class: "button",
 							disabled: !isSelectedWorn.value,
 							kind: unref(GameButtonKind).Pill,
-							onClick: _cache[0] || (_cache[0] = ($event) => emit("enhance", selectedIndex.value))
+							tip: "",
+							onClick: _cache[1] || (_cache[1] = ($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,
+						createVNode(Index_default$17, {
 							class: "button",
-							disabled: __props.equipDisabledSlots[selectedIndex.value],
+							disabled: !isSelectedWorn.value && __props.equipDisabledSlots[selectedIndex.value],
 							kind: unref(GameButtonKind).Pill,
-							onClick: _cache[2] || (_cache[2] = ($event) => emit("equip", selectedIndex.value))
+							tip: "",
+							onClick: _cache[2] || (_cache[2] = ($event) => isSelectedWorn.value ? emit("unequip", selectedIndex.value) : emit("equip", selectedIndex.value))
 						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(__props.equipLabel), 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(isSelectedWorn.value ? __props.unequipLabel : __props.equipLabel), 1)]),
 							_: 1
-						}, 8, ["disabled", "kind"])),
-						selectedStats.value ? (openBlock(), createBlock(Index_default$16, {
-							key: 2,
+						}, 8, ["disabled", "kind"]),
+						selectedStats.value ? (openBlock(), createBlock(Index_default$17, {
+							key: 0,
 							class: "button",
 							kind: unref(GameButtonKind).Pill,
+							tip: "",
 							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)
-					]),
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(Index_default$17, {
+						class: "button",
+						disabled: __props.equipDisabledSlots[selectedIndex.value],
+						kind: unref(GameButtonKind).Pill,
+						tip: "",
+						onClick: _cache[4] || (_cache[4] = ($event) => emit("equip", selectedIndex.value))
+					}, {
+						default: withCtx(() => [_cache[7] || (_cache[7] = createElementVNode("span", {
+							class: "key",
+							"aria-hidden": "true"
+						}, "R", -1)), createTextVNode(" " + toDisplayString(__props.fastEquipLabel), 1)]),
+						_: 1
+					}, 8, ["disabled", "kind"]), createVNode(Index_default$17, {
+						class: "button",
+						kind: unref(GameButtonKind).Pill,
+						tip: "",
+						onClick: _cache[5] || (_cache[5] = ($event) => switchSlot())
+					}, {
+						default: withCtx(() => [_cache[8] || (_cache[8] = createElementVNode("span", {
+							class: "key",
+							"aria-hidden": "true"
+						}, "F", -1)), createTextVNode(" " + toDisplayString(__props.switchLabel), 1)]),
+						_: 1
+					}, 8, ["kind"])], 64))]),
 					_: 1
 				})
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-525c0131"]]);
-//#endregion
-//#region src/components/CharacterMenuConstellation/Index.vue
+}), [["__scopeId", "data-v-31549cac"]]);
+// src/components/CharacterMenuConstellation/Index.vue
 const _hoisted_1$31 = { class: "constellations" };
 const _hoisted_2$24 = { class: "nodes" };
-const _hoisted_3$22 = ["disabled"];
+const _hoisted_3$21 = ["disabled"];
 var Index_default$6 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
@@ -591,26 +709,26 @@ var Index_default$6 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 			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, 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(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 while one is left, the game drawing no button once all six are lit. 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$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))]), createElementVNode("button", {
+			}), 128))]), __props.activated.includes(false) ? (openBlock(), createElementBlock("button", {
+				key: 0,
 				class: "activate",
 				disabled: __props.isActivateDisabled,
 				type: "button",
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("activate"))
-			}, toDisplayString(__props.activateLabel), 9, _hoisted_3$22)])], 2112);
+			}, toDisplayString(__props.activateLabel), 9, _hoisted_3$21)) : createCommentVNode("v-if", true)])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-4311eae1"]]);
-//#endregion
-//#region src/components/CharacterMenuProfile/Index.vue
+}), [["__scopeId", "data-v-dd31fa27"]]);
+// src/components/CharacterMenuProfile/Index.vue
 const _hoisted_1$30 = { class: "profile" };
 const _hoisted_2$23 = { class: "entries-column" };
-const _hoisted_3$21 = { class: "entries" };
+const _hoisted_3$20 = { class: "entries" };
 const _hoisted_4$19 = [
 	"aria-pressed",
 	"data-locked",
@@ -624,19 +742,19 @@ const _hoisted_6$17 = {
 	key: 0,
 	class: "story"
 };
-const _hoisted_7$17 = { class: "title" };
-const _hoisted_8$13 = { class: "text" };
+const _hoisted_7$15 = { class: "title" };
+const _hoisted_8$12 = { class: "text" };
 var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		entries: {},
-		namecardName: { default: "" }
+		namecardName: {}
 	},
 	setup(__props) {
 		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$30, [createElementVNode("div", _hoisted_2$23, [createElementVNode("ul", _hoisted_3$21, [(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$20, [(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,
@@ -644,19 +762,18 @@ var Index_default$7 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 					type: "button",
 					onClick: ($event) => entryIndex.value = index
 				}, 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);
+			}), 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$15, toDisplayString(selectedEntry.value.title), 1), createElementVNode("p", _hoisted_8$12, toDisplayString(selectedEntry.value.text), 1)])) : createCommentVNode("v-if", true)])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-d064a750"]]);
-//#endregion
-//#region src/components/CharacterMenuTalents/Index.vue
+}), [["__scopeId", "data-v-46a06599"]]);
+// src/components/CharacterMenuTalents/Index.vue
 const _hoisted_1$29 = { class: "talents" };
 const _hoisted_2$22 = { class: "talent-list" };
-const _hoisted_3$20 = { class: "level" };
+const _hoisted_3$19 = { class: "level" };
 const _hoisted_4$18 = { class: "detail" };
 const _hoisted_5$17 = { class: "phase" };
 const _hoisted_6$16 = { class: "costs" };
-const _hoisted_7$16 = {
+const _hoisted_7$14 = {
 	key: 0,
 	class: "reason"
 };
@@ -665,7 +782,7 @@ var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 	props: {
 		costs: {},
 		isUpgradeDisabled: {},
-		levels: {},
+		levelTexts: {},
 		phases: {},
 		reasons: {},
 		upgradeLabel: {}
@@ -674,23 +791,25 @@ var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 	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 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(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 while it is drawn. The talents' names and the passives under\n       them are not drawn 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.levelTexts, (levelText, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: index,
 					class: "talent"
 				}, [
-					createElementVNode("span", _hoisted_3$20, toDisplayString(level), 1),
+					createElementVNode("span", _hoisted_3$19, toDisplayString(levelText), 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)
+						__props.reasons[index] ? (openBlock(), createElementBlock("span", _hoisted_7$14, toDisplayString(__props.reasons[index]), 1)) : createCommentVNode("v-if", true)
 					]),
-					createVNode(Index_default$16, {
+					__props.phases[index] ? (openBlock(), createBlock(Index_default$17, {
+						key: 0,
 						class: "upgrade",
 						disabled: __props.isUpgradeDisabled[index],
 						kind: unref(GameButtonKind).Reply,
+						tip: "",
 						onClick: ($event) => emit("upgrade", index)
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.upgradeLabel), 1)]),
@@ -699,63 +818,84 @@ var Index_default$8 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ define
 						"disabled",
 						"kind",
 						"onClick"
-					]),
+					])) : createCommentVNode("v-if", true),
 					_cache[0] || (_cache[0] = createElementVNode("span", { class: "icon" }, null, -1))
 				]);
 			}), 128))])])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-65541162"]]);
-//#endregion
-//#region src/components/CharacterMenuWeapons/Index.vue
+}), [["__scopeId", "data-v-ba02d114"]]);
+// src/components/CharacterMenuWeapons/Index.vue
 const _hoisted_1$28 = { class: "weapons" };
 const _hoisted_2$21 = { class: "name" };
-const _hoisted_3$19 = { class: "stars" };
+const _hoisted_3$18 = { class: "kind" };
 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" };
+const _hoisted_6$15 = { class: "stat-value" };
+const _hoisted_7$13 = { class: "stat" };
+const _hoisted_8$11 = { class: "stat-value" };
+const _hoisted_9$11 = { class: "stars" };
+const _hoisted_10$10 = { class: "level" };
+const _hoisted_11$10 = { class: "level-text" };
+const _hoisted_12$9 = { class: "refinement" };
+const _hoisted_13$9 = { class: "action cream-pill" };
+const _hoisted_14$9 = { class: "action cream-pill" };
 var Index_default$9 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		ascension: {},
 		baseAttack: {},
+		baseAttackLabel: {},
+		enhanceLabel: {},
+		kind: {},
 		levelText: {},
 		name: {},
 		rarity: {},
 		refinement: {},
-		subStatValue: {}
+		subStatLabel: {},
+		subStatValue: {},
+		switchLabel: {}
 	},
 	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$28, [
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The Weapons tab's panel: the weapon's name and kind beside its lock, its base ATK and secondary attribute, its stars,\n       its level with the ascension phases reached, its refinement rank, the scrollbar of its passive's column, and the two\n       buttons beneath. The passive's text is not drawn: its glyphs are the game's typeface, and drawn in ours they score\n       worse than the frame's own text left bare "), 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) => {
+				createElementVNode("p", _hoisted_3$18, toDisplayString(__props.kind), 1),
+				_cache[0] || (_cache[0] = createElementVNode("span", { class: "lock" }, null, -1)),
+				createElementVNode("ul", _hoisted_4$17, [createElementVNode("li", _hoisted_5$16, [createElementVNode("span", null, toDisplayString(__props.baseAttackLabel), 1), createElementVNode("span", _hoisted_6$15, toDisplayString(__props.baseAttack), 1)]), createElementVNode("li", _hoisted_7$13, [createElementVNode("span", null, toDisplayString(__props.subStatLabel), 1), createElementVNode("span", _hoisted_8$11, toDisplayString(__props.subStatValue), 1)])]),
+				createElementVNode("p", _hoisted_9$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rarity, (star) => {
 					return openBlock(), createElementBlock("span", {
 						key: star,
 						class: "star"
 					});
 				}), 128))]),
-				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) => {
+				createElementVNode("p", _hoisted_10$10, [createElementVNode("span", _hoisted_11$10, 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$11, toDisplayString(__props.refinement), 1),
-				createVNode(Index_default$5)
+				createElementVNode("p", _hoisted_12$9, toDisplayString(__props.refinement), 1),
+				_cache[1] || (_cache[1] = createElementVNode("span", { class: "scrollbar" }, [createElementVNode("span", { class: "thumb" })], -1)),
+				createVNode(Index_default$5, null, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_13$9, toDisplayString(__props.switchLabel), 1), createElementVNode("span", _hoisted_14$9, toDisplayString(__props.enhanceLabel), 1)]),
+					_: 1
+				})
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-77cff4ef"]]);
-//#endregion
-//#region src/components/CookingScreen/Index.vue
+}), [["__scopeId", "data-v-7e275e35"]]);
+// 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_2$20 = {
+	class: "title",
+	role: "heading",
+	"aria-level": "1"
+};
+const _hoisted_3$17 = {
+	key: 0,
+	class: "dishes"
+};
 const _hoisted_4$16 = ["aria-pressed", "onClick"];
 const _hoisted_5$15 = {
 	"aria-hidden": "true",
@@ -763,16 +903,16 @@ const _hoisted_5$15 = {
 	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({
+const _hoisted_7$12 = ["d"];
+const _hoisted_8$10 = ["transform"];
+const _hoisted_9$10 = { class: "stop-label" };
+var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		autoCookLabel: {},
-		canAutoCook: { type: Boolean },
+		closeLabel: {},
 		dishes: {},
+		isAutoCookable: { type: Boolean },
 		pointer: {},
 		selectedId: {},
 		stopLabel: {},
@@ -787,85 +927,100 @@ var Index_default$10 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const toArcPoint = (fraction) => {
+		const toArcPoint = (fraction, radiusY) => {
 			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)
+				y: 832 - radiusY * 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}`;
+		const toArcPath = ([start, end], radiusY) => {
+			const from = toArcPoint(start, radiusY);
+			const to = toArcPoint(end, radiusY);
+			return `M ${from.x} ${from.y} A 435 ${radiusY} 0 0 1 ${to.x} ${to.y}`;
 		};
+		const pointerPosition = computed(() => toArcPoint(__props.pointer, 90));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$27, [
-				createElementVNode("h1", _hoisted_2$20, toDisplayString(__props.title), 1),
-				createElementVNode("button", {
+				_cache[10] || (_cache[10] = createElementVNode("svg", {
+					"aria-hidden": "true",
+					class: "chef",
+					viewBox: "3 0 48 50"
+				}, [createElementVNode("path", { d: "M11 24 C3 23 3 11 12 11 C11 2 25 0 27 8 C30 0 44 2 42 11 C51 11 51 23 43 24 L43 50 L11 50 Z" })], -1)),
+				createElementVNode("p", _hoisted_2$20, toDisplayString(__props.title), 1),
+				createVNode(Index_default$10, {
 					class: "close",
-					type: "button",
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "×"),
-				createElementVNode("ul", _hoisted_3$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.dishes, (dish) => {
+				}, null, 8, ["label", "mark"]),
+				__props.dishes.length > 1 ? (openBlock(), createElementBlock("ul", _hoisted_3$17, [(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))]),
+				}), 128))])) : createCommentVNode("v-if", true),
 				(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"
+					_cache[4] || (_cache[4] = createStaticVNode("<defs data-v-69c104bc><radialGradient id=\"cooking-heat\" data-v-69c104bc><stop offset=\"0\" stop-color=\"rgb(214 52 34 / 42%)\" data-v-69c104bc></stop><stop offset=\"1\" stop-color=\"rgb(214 52 34 / 0%)\" data-v-69c104bc></stop></radialGradient><!-- The pot&#39;s wall, dark at its mouth and warm where the fire lights its foot, as the recording shows it --><linearGradient id=\"cooking-pot\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\" data-v-69c104bc><stop offset=\"0.35\" stop-color=\"rgb(58 59 65)\" data-v-69c104bc></stop><stop offset=\"0.55\" stop-color=\"rgb(86 85 89)\" data-v-69c104bc></stop><stop offset=\"0.85\" stop-color=\"rgb(120 108 100)\" data-v-69c104bc></stop><stop offset=\"1\" stop-color=\"rgb(170 138 112)\" data-v-69c104bc></stop></linearGradient></defs><ellipse class=\"heat\" cx=\"960\" cy=\"700\" rx=\"100\" ry=\"260\" data-v-69c104bc></ellipse>", 2)),
+					createCommentVNode(" The flame under the pot, drawn before the pot so the pot's bottom covers its top "),
+					_cache[5] || (_cache[5] = createElementVNode("path", {
+						class: "flame",
+						d: "M800 470 C830 440 860 470 880 455 C905 430 930 470 960 445 C990 470 1020 430 1040 455 C1070 440 1100 470 1118 470 C1090 500 1050 512 1010 520 L960 526 L910 520 C870 512 830 500 800 470 Z"
 					}, null, -1)),
-					_cache[4] || (_cache[4] = createElementVNode("path", {
-						class: "pot",
-						d: "M810 330 Q830 470 960 480 Q1090 470 1110 330 Z"
+					_cache[6] || (_cache[6] = createElementVNode("ellipse", {
+						class: "flame-core",
+						cx: "960",
+						cy: "492",
+						rx: "90",
+						ry: "14"
 					}, null, -1)),
-					createElementVNode("path", {
-						class: "track",
-						d: toBarPath([0, 1])
-					}, null, 8, _hoisted_6$14),
+					createCommentVNode(" The pot, with its rim, handles, and the three ingredients in it "),
+					_cache[7] || (_cache[7] = createStaticVNode("<path class=\"handle\" d=\"M716 330 L790 330 L790 352 L716 352 Z M1130 330 L1204 330 L1204 352 L1130 352 Z\" data-v-69c104bc></path><path class=\"pot\" d=\"M780 345 C790 440 860 492 960 496 C1060 492 1130 440 1140 345 Z\" data-v-69c104bc></path><ellipse class=\"pot-rim\" cx=\"960\" cy=\"345\" rx=\"180\" ry=\"39\" data-v-69c104bc></ellipse><ellipse class=\"pot-opening\" cx=\"960\" cy=\"345\" rx=\"160\" ry=\"30\" data-v-69c104bc></ellipse><ellipse class=\"carrot\" cx=\"855\" cy=\"352\" rx=\"28\" ry=\"18\" data-v-69c104bc></ellipse><rect class=\"jar\" height=\"78\" rx=\"8\" width=\"60\" x=\"930\" y=\"316\" data-v-69c104bc></rect><rect class=\"jar-cap\" height=\"16\" width=\"46\" x=\"937\" y=\"304\" data-v-69c104bc></rect><ellipse class=\"meat\" cx=\"1055\" cy=\"356\" rx=\"56\" ry=\"26\" data-v-69c104bc></ellipse>", 8)),
+					createCommentVNode(" The bar: its track, and the regular and delicious zones on the band inside it "),
+					createCommentVNode(" The bar's outer arc, its inner arc, the tick dots above it and the two scrolls at its ends, measured off the recording "),
+					_cache[8] || (_cache[8] = createStaticVNode("<path class=\"track\" d=\"M525 834 A525 265 0 0 1 1395 834\" data-v-69c104bc></path><path class=\"inner-track\" d=\"M690 832 A345 198 0 0 1 1230 832\" data-v-69c104bc></path><path class=\"scroll\" d=\"M525 828 C534 810 555 810 564 822 S588 819 600 807 S630 795 642 786 S660 768 678 768 C690 768 699 750 687 744 C678 739.5 672 750 681 759 M1395 828 C1386 810 1365 810 1356 822 S1332 819 1320 807 S1290 795 1278 786 S1260 768 1242 768 C1230 768 1221 750 1233 744 C1242 739.5 1248 750 1239 759\" data-v-69c104bc></path><g class=\"ticks\" data-v-69c104bc><circle cx=\"815\" cy=\"719\" r=\"3\" data-v-69c104bc></circle><circle cx=\"885\" cy=\"708\" r=\"3\" data-v-69c104bc></circle><circle cx=\"960\" cy=\"702\" r=\"3\" data-v-69c104bc></circle><circle cx=\"1035\" cy=\"708\" r=\"3\" data-v-69c104bc></circle><circle cx=\"1105\" cy=\"720\" r=\"3\" data-v-69c104bc></circle><circle cx=\"1173\" cy=\"735\" r=\"3\" data-v-69c104bc></circle></g>", 4)),
 					createElementVNode("path", {
 						class: "regular",
-						d: toBarPath(__props.zones.regular)
-					}, null, 8, _hoisted_7$14),
+						d: toArcPath(__props.zones.regular, unref(90))
+					}, null, 8, _hoisted_6$14),
 					createElementVNode("path", {
 						class: "delicious",
-						d: toBarPath(__props.zones.delicious)
-					}, null, 8, _hoisted_8$11),
-					createElementVNode("circle", {
+						d: toArcPath(__props.zones.delicious, unref(90))
+					}, null, 8, _hoisted_7$12),
+					createElementVNode("g", {
 						class: "pointer",
-						cx: toArcPoint(__props.pointer).x,
-						cy: toArcPoint(__props.pointer).y,
-						r: "16"
-					}, null, 8, _hoisted_9$10)
+						transform: `translate(${pointerPosition.value.x} ${pointerPosition.value.y}) rotate(-17)`
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("rect", {
+						height: "44",
+						rx: "14",
+						width: "36",
+						x: "-18",
+						y: "-48"
+					}, null, -1), createElementVNode("path", { d: "M-6 -8 L6 -8 L5 66 L-5 66 Z" }, null, -1)])], 8, _hoisted_8$10)
 				])),
-				createElementVNode("button", {
-					disabled: !__props.canAutoCook,
+				__props.isAutoCookable ? (openBlock(), createElementBlock("button", {
+					key: 1,
 					class: "auto-cook",
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => emit("autoCook"))
-				}, toDisplayString(__props.autoCookLabel), 9, _hoisted_10$10),
+				}, toDisplayString(__props.autoCookLabel), 1)) : createCommentVNode("v-if", true),
 				createElementVNode("button", {
 					class: "stop",
 					type: "button",
 					onClick: _cache[2] || (_cache[2] = ($event) => emit("stop"))
-				}, toDisplayString(__props.stopLabel), 1)
+				}, [_cache[9] || (_cache[9] = createElementVNode("span", {
+					class: "stop-disc",
+					"aria-hidden": "true"
+				}, [createElementVNode("span", { class: "stop-square" })], -1)), createElementVNode("span", _hoisted_9$10, toDisplayString(__props.stopLabel), 1)])
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-4aee3a78"]]);
-//#endregion
-//#region src/components/DiscButton/Index.vue
+}), [["__scopeId", "data-v-69c104bc"]]);
+// src/components/DiscButton/Index.vue
 const _hoisted_1$26 = ["aria-label"];
-var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		label: {},
@@ -882,10 +1037,9 @@ var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-f5c878ff"]]);
-//#endregion
-//#region src/components/ScreenTitle/Index.vue
+// src/components/ScreenTitle/Index.vue
 const _hoisted_1$25 = { class: "title" };
-var Index_default$30 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$31 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -893,33 +1047,32 @@ var Index_default$30 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-5c68ef69"]]);
-//#endregion
-//#region src/components/CraftingScreen/Index.vue
+// src/components/CraftingScreen/Index.vue
 const _hoisted_1$24 = { class: "crafting-screen" };
 const _hoisted_2$19 = { class: "head" };
-const _hoisted_3$17 = { class: "coins" };
+const _hoisted_3$16 = { 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_7$11 = { class: "list" };
+const _hoisted_8$9 = { class: "recipes" };
 const _hoisted_9$9 = ["aria-pressed", "onClick"];
 const _hoisted_10$9 = { class: "recipe-name" };
-const _hoisted_11$8 = {
+const _hoisted_11$9 = {
 	key: 0,
 	class: "recipe-count"
 };
 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_15$8 = ["aria-pressed", "onClick"];
+const _hoisted_16$6 = { class: "crafter-name" };
+const _hoisted_17$6 = ["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({
+var Index_default$12 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		amountLabel: {},
@@ -961,7 +1114,7 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		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$24, [
 				createElementVNode("header", _hoisted_2$19, [
-					createVNode(Index_default$30, {
+					createVNode(Index_default$31, {
 						class: "heading",
 						role: "heading",
 						"aria-level": "1"
@@ -969,11 +1122,11 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
 						_: 1
 					}),
-					createElementVNode("p", _hoisted_3$17, [_cache[3] || (_cache[3] = createElementVNode("span", {
+					createElementVNode("p", _hoisted_3$16, [_cache[3] || (_cache[3] = createElementVNode("span", {
 						class: "coin",
 						"aria-hidden": "true"
 					}, null, -1)), createTextVNode(" " + toDisplayString(__props.coins), 1)]),
-					createVNode(Index_default$13, {
+					createVNode(Index_default$14, {
 						class: "close",
 						label: __props.closeLabel,
 						size: 56,
@@ -994,13 +1147,13 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						onClick: ($event) => tabId.value = tab.id
 					}, [createElementVNode("span", _hoisted_6$13, toDisplayString(tab.name), 1)], 8, _hoisted_5$14)]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_7$13, [createElementVNode("ul", _hoisted_8$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.recipes, (recipe) => {
+				createElementVNode("div", _hoisted_7$11, [createElementVNode("ul", _hoisted_8$9, [(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_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)]);
+					}, [createElementVNode("span", _hoisted_10$9, toDisplayString(recipe.name), 1), recipe.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_11$9, toDisplayString(recipe.count), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_9$9)]);
 				}), 128))])]),
 				createElementVNode("div", _hoisted_12$8, [
 					_cache[5] || (_cache[5] = createElementVNode("div", {
@@ -1014,7 +1167,7 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"aria-pressed": crafter.id === crafterId.value,
 							type: "button",
 							onClick: ($event) => crafterId.value = crafter.id
-						}, [createElementVNode("span", _hoisted_16$7, toDisplayString(crafter.name), 1)], 8, _hoisted_15$7)]);
+						}, [createElementVNode("span", _hoisted_16$6, toDisplayString(crafter.name), 1)], 8, _hoisted_15$8)]);
 					}), 128))]),
 					withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => amount.value = $event),
@@ -1023,7 +1176,7 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						max: __props.amountMaximum,
 						min: "1",
 						type: "range"
-					}, null, 8, _hoisted_17$7), [[
+					}, null, 8, _hoisted_17$6), [[
 						vModelText,
 						amount.value,
 						void 0,
@@ -1048,58 +1201,74 @@ var Index_default$11 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-bd114327"]]);
-//#endregion
-//#region src/models/DialogueChoiceIcon.ts
+// src/models/DialogueChoiceIcon.ts
 let DialogueChoiceIcon = /* @__PURE__ */ function(DialogueChoiceIcon) {
 	DialogueChoiceIcon["Quest"] = "Quest";
 	DialogueChoiceIcon["StoryQuest"] = "StoryQuest";
 	DialogueChoiceIcon["Talk"] = "Talk";
 	return DialogueChoiceIcon;
 }({});
-//#endregion
-//#region src/services/DialogueChoiceIconPathMap.ts
+// src/services/DialogueChoiceIconPathMap.ts
 const DialogueChoiceIconPathMap = {
 	["Quest"]: {
-		d: "m140.5 22h19l1 1h8l1 1h5l1 1 11 2 9 3 3 2h2l12 6 14 9 22.5 21.5 13 19 6 12v2l2 3 3 9v3l3 9v5l1 1v8l1 1v19l-1 1v8l-1 1v5l-1 1-2 11-3 9-2 3v2l-6 12-13 19-17.5 17.5-19 13-12 6h-2l-3 2-9 3h-3l-9 3h-5l-1 1h-8l-1 1h-19l-1-1h-8l-1-1h-5l-1-1-11-2-9-3-3-2h-2l-12-6-19-13-17.5-17.5-13-19-6-12v-2l-2-3-3-9v-3l-3-9v-5l-1-1v-8l-1-1v-19l1-1v-8l1-1v-5l1-1 2-11 3-9 2-3v-2l6-12 13-19 17.5-17.5 14-10 17-9h2l3-2 9-3h3l9-3q4.75 1.25 6-1h8l1-1z",
+		d: "M140.5 33L159.5 33L160.5 34L167.5 34L168.5 35L173.5 35L174.5 36L181.5 37L193.5 41L204.5 46L217.5 54Q229.53 62.47 239 73.5L246 82.5L254 95.5L263 118.5L263 121.5L265 126.5L265 131.5L266 132.5L266 138.5L267 139.5L267 160.5L266 161.5L266 167.5L265 168.5L265 173.5L264 174.5L263 181.5L254 204.5L243 221.5L226.5 239L217.5 246L204.5 254L181.5 263L178.5 263L173.5 265L168.5 265L167.5 266L160.5 266L159.5 267L140.5 267L139.5 266L132.5 266L131.5 265L126.5 265L125.5 264L118.5 263L95.5 254L78.5 243L61 226.5L54 217.5L46 204.5L37 181.5L37 178.5L35 173.5L35 168.5L34 167.5L34 161.5L33 160.5L33 139.5L34 138.5L34 132.5L35 131.5L35 126.5L36 125.5L37 118.5L46 95.5L57 78.5L73.5 61L88.5 50L106.5 41L118.5 37L125.5 36L126.5 35L139.5 34L140.5 33ZM143 46L142 47L134 47Q132 49 129 48L128 49L121 50L112 54L110 54L95 62L84 70L70 84L59 100L50 121L49 128L48 129L48 133L47 134L47 142L46 143L46 158L47 159L47 167L48 168L48 172L50 177L50 180L59 201L70 217L84 230L100 241L121 250L128 251L129 252L133 252L134 253L142 253L143 254L158 254L159 253L167 253L168 252L172 252L177 250L180 250L201 241L217 230L230 217L241 201L250 180L251 173L252 172L252 168L253 167L253 159L254 158L254 143L253 142L253 134L252 133L252 129L250 124L250 121L241 100L230 84L217 70L209 64L191 54L189 54L180 50L173 49L172 48L168 48L167 47L159 47L158 46L143 46ZM148.5 58Q151.75 57.25 152.5 59L158.5 59L164.5 62L170 67.5L173 72.5Q171.75 77.25 174 78.5L174 90.5L173 91.5L173 98.5L172 99.5L171 110.5L170 111.5L170 118.5L169 119.5L168 130.5L167 131.5L167 136.5L166 137.5L165 151.5L163 157.5L163 163.5L162 164.5L161 177.5L157.5 182L152.5 184L147.5 184L144.5 183L140 178.5L139 175.5L139 168.5L138 167.5L138 160.5L137 159.5L137 153.5L135 147.5L134 135.5L133 134.5L132 125.5L131 124.5L130 111.5L129 110.5L128 100.5L127 99.5L127 91.5L126 90.5L126 78.5Q128 77.5 127 73.5L130 67.5L135.5 62L141.5 59L147.5 59L148.5 58ZM144.5 194L153.5 194L156.5 195Q164.58 197.92 169 204.5L173 214.5L173 222.5L169 231.5L162.5 238L156.5 241Q153.25 240.25 152.5 242L146.5 242Q145.5 240 141.5 241L135.5 238L129 231.5L126 225.5Q126.75 222.25 125 221.5L125 215.5Q127 214.5 126 210.5L129 204.5L135.5 198L144.5 194Z",
 		viewBox: "0 0 300 300"
 	},
 	["StoryQuest"]: {
-		d: "m63.5 18h2l45.5 45.5v2l-45.5 45.5h-2l-45.5-45.5v-2l45.5-45.5z",
+		d: "M63.5 19L65.5 19L110 63.5L110 65.5L65.5 110L63.5 110L19 65.5L19 63.5L63.5 19ZM64 29L29 64L29 66L64 100L66 100L100 66L100 64L66 29L64 29ZM63.5 42L65.5 42L87 63.5L87 65.5L65.5 87L63.5 87L42 65.5L42 63.5L63.5 42Z",
 		viewBox: "0 0 128 128"
 	},
 	["Talk"]: {
-		d: "m65 0h46.5q.88.04.5 3h1.5l1 1 9 1 4 3 6 1 3 3h2l5 4 3 1 6.5 5.5q-.75 2.25 1.5 1.5 3 1.12 2.5 4l3 1.5 8 10q.35 5.15 4 7l1 7 1 2.5 2 .5v35.5q-2.67-1.12-2 1.5l-1 1-1 6q-3.18 2.32-4 7-6.72 9.78-15.5 17.5l-5 4h-1.5v2.5l3 5 8 9 1 3-1 3 1 2-2.5 3.5-2.5 1.5-.5 1.5h-29.5q1.13-2.67-1.5-2l-7-3-8-8-6-1-1 1h-23l-6-2-12-1-5-3-6-1-4-3-4-1-15-11-8.5-8.5-7-9-1-4-3-3-2-8.5q-2.96.38-3-.5v-35.5h3v-1.5l1-1 1-7q3.65-1.85 4-7l9.5-11.5q2.25.75 1.5-1.5 1.12-3 4-2.5l1.5-3 11-8 4-1 3-3 6-1 4-3 9-1 2.5-1v-3zm22 8-1 1h-13l-6 3-9 1-4 3-6 1-3 3-4 1-11 8-2 3-3 1v2l-8 9q0 5-4 7l-1 7-3 5v23l3 5 1 6 3 3 1 4 8 10 13 10q4 1 6 4l6 2 2 2 6 1 6 3 12 1q1 2 6 1l1 1h12q1-2 6-1l1-1h8l3 5 8 6 10 4h18v-2l-5-5-6-9-2-5v-4l14-11 10-12 1-4 3-3 1-6 3-5v-23l-3-5-1-7-3-3-1-4-8-9q1-3-1-2l-2-2-12-10-4-1-3-3-6-1-4-3-9-1-6-3h-13q-2-2-5-1zm-39.5 58h3l5.5 3.5 2 4v4l-4.5 6.5h-8l-4.5-4.5v-9l1.5-1.5 5-3zm39 0h4q1.85 2.85 5.5 3-.75 2.58 1 3.5v6l-2 4.5q-3 2-10.5 1l-2.5-1-2-5.5v-5q1.75-.92 1-3.5 3.65-.15 5.5-3zm40 0h3l6.5 4.5v9l-4.5 4.5h-8l-2.5-2.5-2-4v-4l3.5-5.5 4-2z",
+		d: "m65 0h46.5q.88.04.5 3h1.5l1 1 9 1 4 3 6 1 3 3h2l5 4 3 1 6.5 5.5q-.75 2.25 1.5 1.5 3 1.12 2.5 4l3 1.5 8 10q.35 5.15 4 7l1 7 1 2.5 2 .5v35.5q-2.67-1.12-2 1.5l-1 1-1 6q-3.18 2.32-4 7-6.72 9.78-15.5 17.5l-5 4h-1.5v2.5l3 5 8 9 1 3-1 3 1 2-2.5 3.5-2.5 1.5-.5 1.5h-29.5q1.13-2.67-1.5-2l-7-3-8-8-6-1-1 1h-23l-6-2-12-1-5-3-6-1-4-3-4-1-15-11-8.5-8.5-7-9-1-4-3-3-2-8.5q-2.96.38-3-.5v-35.5h3v-1.5l1-1 1-7q3.65-1.85 4-7l9.5-11.5q2.25.75 1.5-1.5 1.12-3 4-2.5l1.5-3 11-8 4-1 3-3 6-1 4-3 9-1 2.5-1v-3zm-17.5 66h3l5.5 3.5 2 4v4l-4.5 6.5h-8l-4.5-4.5v-9l1.5-1.5 5-3zm39 0h4q1.85 2.85 5.5 3-.75 2.58 1 3.5v6l-2 4.5q-3 2-10.5 1l-2.5-1-2-5.5v-5q1.75-.92 1-3.5 3.65-.15 5.5-3zm40 0h3l6.5 4.5v9l-4.5 4.5h-8l-2.5-2.5-2-4v-4l3.5-5.5 4-2z",
 		viewBox: "0 0 176 160"
 	}
 };
-//#endregion
-//#region src/components/DialogueScreen/Index.vue
+// src/components/DialogueScreen/Index.vue
 const _hoisted_1$23 = {
-	key: 0,
-	class: "speaker"
-};
-const _hoisted_2$18 = {
 	key: 1,
 	class: "role"
 };
-const _hoisted_3$16 = { class: "line" };
-const _hoisted_4$14 = { "aria-hidden": "true" };
-const _hoisted_5$13 = {
+const _hoisted_2$18 = {
+	class: "flourish",
+	"aria-hidden": "true",
+	viewBox: "0 0 208 128"
+};
+const _hoisted_3$15 = ["d"];
+const _hoisted_4$14 = {
+	class: "flourish right",
+	"aria-hidden": "true",
+	viewBox: "0 0 208 128"
+};
+const _hoisted_5$13 = ["d"];
+const _hoisted_6$12 = { class: "line" };
+const _hoisted_7$10 = { "aria-hidden": "true" };
+const _hoisted_8$8 = {
 	class: "unrevealed",
 	"aria-hidden": "true"
 };
-const _hoisted_6$12 = { class: "spoken" };
-const _hoisted_7$12 = {
+const _hoisted_9$8 = { class: "spoken" };
+const _hoisted_10$8 = {
 	key: 0,
 	class: "choices"
 };
-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({
+const _hoisted_11$8 = ["data-interaction-state"];
+const _hoisted_12$7 = ["viewBox"];
+const _hoisted_13$7 = ["d"];
+const _hoisted_14$7 = {
+	key: 1,
+	class: "advance",
+	"aria-hidden": "true",
+	viewBox: "0 0 24 24"
+};
+const _hoisted_15$7 = {
+	key: 2,
+	class: "confirm"
+};
+var Index_default$13 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		choices: {},
+		confirmLabel: {},
 		line: {},
 		revealedLength: {},
 		selectedChoiceId: {},
@@ -1108,140 +1277,181 @@ var Index_default$12 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 	},
 	emits: ["advance", "choose"],
 	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v7f5fa7e0": unref(GAME_DIALOGUE_GOLD) }));
 		const emit = __emit;
-		const lineParts = computed(() => {
-			const characters = [...__props.line];
-			return {
-				revealed: characters.slice(0, __props.revealedLength).join(""),
-				unrevealed: characters.slice(__props.revealedLength).join("")
-			};
-		});
+		const characters = computed(() => [...__props.line]);
+		const isWhole = computed(() => __props.line !== "" && __props.choices.length === 0 && __props.revealedLength >= characters.value.length);
+		const lineParts = computed(() => ({
+			revealed: characters.value.slice(0, __props.revealedLength).join(""),
+			unrevealed: characters.value.slice(__props.revealedLength).join("")
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The game's dialogue over the world: a click anywhere goes on, the speaker's name over the line at the foot of the\n       Screen, and the replies down the right. Sized and placed off the English client's recording of its dialogue\n       choices; the selected reply's look and a narration's place wait on recordings still owed "), createElementVNode("div", {
 				class: "dialogue-screen",
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("advance"))
-			}, [createElementVNode("div", {
-				class: normalizeClass(["band", { narration: !__props.speakerName }]),
-				"aria-live": "polite"
 			}, [
-				__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$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$16, {
-					class: "choice",
-					"data-icon": icon,
-					kind: unref(GameButtonKind).Reply,
-					onClick: withModifiers(($event) => emit("choose", id), ["stop"])
-				}, {
-					default: withCtx(() => [(openBlock(), createElementBlock("svg", {
-						class: "icon",
-						"aria-hidden": "true",
-						viewBox: unref(DialogueChoiceIconPathMap)[icon].viewBox
-					}, [createElementVNode("path", {
-						d: unref(DialogueChoiceIconPathMap)[icon].d,
-						fill: "currentColor"
-					}, null, 8, _hoisted_10$8)], 8, _hoisted_9$8)), createTextVNode(" " + toDisplayString(text), 1)]),
-					_: 2
-				}, 1032, [
-					"data-icon",
-					"kind",
-					"onClick"
-				])], 8, _hoisted_8$9);
-			}), 128))])) : createCommentVNode("v-if", true)])], 2112);
+				createElementVNode("div", {
+					class: normalizeClass(["band", { narration: !__props.speakerName }]),
+					"aria-live": "polite"
+				}, [
+					__props.speakerName ? (openBlock(), createElementBlock("p", {
+						key: 0,
+						class: normalizeClass(["speaker", { "no-role": !__props.speakerRole }])
+					}, toDisplayString(__props.speakerName), 3)) : createCommentVNode("v-if", true),
+					__props.speakerRole ? (openBlock(), createElementBlock("p", _hoisted_1$23, [
+						createTextVNode(toDisplayString(__props.speakerRole) + " ", 1),
+						(openBlock(), createElementBlock("svg", _hoisted_2$18, [createElementVNode("path", { d: unref(ROLE_FLOURISH_PATH) }, null, 8, _hoisted_3$15)])),
+						(openBlock(), createElementBlock("svg", _hoisted_4$14, [createElementVNode("path", { d: unref(ROLE_FLOURISH_PATH) }, null, 8, _hoisted_5$13)]))
+					])) : createCommentVNode("v-if", true),
+					createElementVNode("p", _hoisted_6$12, [
+						createElementVNode("span", _hoisted_7$10, toDisplayString(lineParts.value.revealed), 1),
+						createElementVNode("span", _hoisted_8$8, toDisplayString(lineParts.value.unrevealed), 1),
+						createElementVNode("span", _hoisted_9$8, toDisplayString(__props.line), 1)
+					])
+				], 2),
+				__props.choices.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_10$8, [(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$17, {
+						class: "choice",
+						"data-icon": icon,
+						kind: unref(GameButtonKind).Reply,
+						tip: "",
+						onClick: withModifiers(($event) => emit("choose", id), ["stop"])
+					}, {
+						default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+							class: "icon",
+							"aria-hidden": "true",
+							viewBox: unref(DialogueChoiceIconPathMap)[icon].viewBox
+						}, [createElementVNode("path", {
+							d: unref(DialogueChoiceIconPathMap)[icon].d,
+							fill: "currentColor",
+							"fill-rule": "evenodd"
+						}, null, 8, _hoisted_13$7)], 8, _hoisted_12$7)), createTextVNode(" " + toDisplayString(text), 1)]),
+						_: 2
+					}, 1032, [
+						"data-icon",
+						"kind",
+						"onClick"
+					])], 8, _hoisted_11$8);
+				}), 128))])) : createCommentVNode("v-if", true),
+				isWhole.value ? (openBlock(), createElementBlock("svg", _hoisted_14$7, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
+					class: "ring",
+					d: "M12 0L24 12L12 24L0 12ZM12 4L4 12L12 20L20 12Z",
+					"fill-rule": "evenodd"
+				}, null, -1), createElementVNode("path", {
+					class: "core",
+					d: "M12 8L16 12L12 16L8 12Z"
+				}, null, -1)])])) : createCommentVNode("v-if", true),
+				isWhole.value ? (openBlock(), createElementBlock("p", _hoisted_15$7, [_cache[2] || (_cache[2] = createElementVNode("svg", {
+					class: "key",
+					"aria-hidden": "true",
+					viewBox: "0 0 35 35"
+				}, [createElementVNode("circle", {
+					class: "key-ground",
+					cx: "17.5",
+					cy: "17.5",
+					r: "17"
+				}), createElementVNode("path", {
+					class: "key-cross",
+					d: "M9 9L26 26M26 9L9 26"
+				})], -1)), createTextVNode(" " + toDisplayString(__props.confirmLabel), 1)])) : createCommentVNode("v-if", true)
+			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-da022ee0"]]);
-//#endregion
-//#region src/components/ItemTile/Index.vue
+}), [["__scopeId", "data-v-d3415b18"]]);
+// src/services/ItemRarityFaceGradientMap.ts
+const ONE_STAR_FACE = "linear-gradient(#7e7e7d, #838383 30%, #909090 60%, #909090 77%)";
+const ItemRarityFaceGradientMap = {
+	0: ONE_STAR_FACE,
+	1: ONE_STAR_FACE,
+	3: "linear-gradient(#79809d, #7485a6 30%, #748faf 60%, #7298b9 77%)",
+	4: "linear-gradient(#7e77a2, #877aac 30%, #917db4 60%, #9c80bc 77%)",
+	5: "linear-gradient(#b0804c, #ba8446 30%, #c38946 60%, #cc8d43 77%)"
+};
+// 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({
+var Index_default$21 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		count: {},
+		countSize: { default: "30cqh" },
 		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", {
+			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 the Expedition clip's grey tiles, whose items the table gives no stars (rarity zero). A count keeps\n       the screen's size rather than the tile's, so each screen passes its own as `countSize`. A two star tile is not\n       measured 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);
+			}, [createElementVNode("span", {
+				class: "face",
+				style: normalizeStyle({ background: unref(ItemRarityFaceGradientMap)[__props.rarity] })
+			}, [createElementVNode("span", {
+				class: "count",
+				"aria-hidden": "true",
+				style: normalizeStyle({ fontSize: __props.countSize })
+			}, toDisplayString(__props.count), 5)], 4)], 8, _hoisted_1$22)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-8cf70011"]]);
-//#endregion
-//#region src/models/ExpeditionActionKind.ts
+}), [["__scopeId", "data-v-199913ce"]]);
+// 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
+// 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 = {
+const _hoisted_2$17 = { class: "limit" };
+const _hoisted_3$14 = { class: "nations" };
+const _hoisted_4$13 = ["aria-pressed", "onClick"];
+const _hoisted_5$12 = {
 	key: 0,
 	class: "alert",
 	"aria-hidden": "true"
 };
-const _hoisted_7$11 = { class: "pins" };
-const _hoisted_8$8 = [
+const _hoisted_6$11 = { class: "pins" };
+const _hoisted_7$9 = [
 	"aria-label",
 	"aria-pressed",
 	"onClick"
 ];
-const _hoisted_9$7 = {
+const _hoisted_8$7 = {
 	key: 0,
 	class: "away"
 };
-const _hoisted_10$7 = {
+const _hoisted_9$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 = {
+const _hoisted_10$7 = { class: "detail-name" };
+const _hoisted_11$7 = { class: "description" };
+const _hoisted_12$6 = { class: "rewards-label" };
+const _hoisted_13$6 = { class: "rewards" };
+const _hoisted_14$6 = {
 	key: 0,
 	class: "status"
 };
-const _hoisted_16$6 = {
+const _hoisted_15$6 = {
 	key: 1,
 	class: "durations"
 };
-const _hoisted_17$6 = ["aria-pressed", "onClick"];
-const _hoisted_18$5 = {
+const _hoisted_16$5 = ["aria-pressed", "onClick"];
+const _hoisted_17$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 = {
+const _hoisted_18$5 = { class: "characters-title" };
+const _hoisted_19$5 = ["disabled", "onClick"];
+const _hoisted_20$5 = { class: "character-name" };
+const _hoisted_21$5 = { class: "character-bonus" };
+const _hoisted_22$4 = {
 	key: 0,
 	class: "character-status"
 };
-var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$15 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		characters: {},
@@ -1295,23 +1505,23 @@ var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			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",
+			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 is drawn over the world and is the game's art, which does not ship, so the screen is transparent there; the\n       panel's picture is drawn as a plain sheet, and the picked pin's brackets as four corners "), createElementVNode("div", _hoisted_1$21, [
+				_cache[6] || (_cache[6] = createElementVNode("span", {
+					class: "emblem",
 					"aria-hidden": "true"
 				}, null, -1)),
-				createVNode(Index_default$30, null, {
+				createVNode(Index_default$31, { class: "heading" }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
 					_: 1
 				}),
-				createElementVNode("p", _hoisted_2$16, toDisplayString(__props.limitLabel), 1),
-				createElementVNode("button", {
+				createElementVNode("p", _hoisted_2$17, toDisplayString(__props.limitLabel), 1),
+				createVNode(Index_default$10, {
 					class: "close",
-					"aria-label": __props.closeLabel,
-					type: "button",
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					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 }) => {
+				}, null, 8, ["label", "mark"]),
+				createElementVNode("ul", _hoisted_3$14, [(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,
@@ -1323,10 +1533,10 @@ var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"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)]);
+						hasAlert ? (openBlock(), createElementBlock("span", _hoisted_5$12, "!")) : createCommentVNode("v-if", true)
+					], 8, _hoisted_4$13)]);
 				}), 128))]),
-				createElementVNode("ul", _hoisted_7$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pins, ({ awayLabel, id, label, x, y }) => {
+				createElementVNode("ul", _hoisted_6$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pins, ({ awayLabel, id, label, x, y }) => {
 					return openBlock(), createElementBlock("li", {
 						key: id,
 						style: normalizeStyle({
@@ -1339,21 +1549,25 @@ var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"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);
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", {
+						class: "plus",
+						"aria-hidden": "true"
+					}, null, -1)])], 8, _hoisted_7$9), awayLabel ? (openBlock(), createElementBlock("span", _hoisted_8$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),
+				__props.detail ? (openBlock(), createElementBlock("section", _hoisted_9$7, [
+					createElementVNode("p", _hoisted_10$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, {
+					createElementVNode("p", _hoisted_11$7, toDisplayString(__props.detail.description), 1),
+					createElementVNode("p", _hoisted_12$6, toDisplayString(__props.rewardsLabel), 1),
+					createElementVNode("ul", _hoisted_13$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.rewards, ({ countLabel, label, rarity }, index) => {
+						return openBlock(), createElementBlock("li", { key: index }, [createVNode(Index_default$21, {
 							class: "item",
 							"aria-label": label,
 							count: countLabel,
+							"count-size": "26.67cqh",
 							rarity,
 							role: "img"
 						}, null, 8, [
@@ -1362,25 +1576,25 @@ var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"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,
+					__props.detail.statusLabel ? (openBlock(), createElementBlock("p", _hoisted_14$6, toDisplayString(__props.detail.statusLabel), 1)) : (openBlock(), createElementBlock("ul", _hoisted_15$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.durations, ({ hours: durationHours, label }) => {
+						return openBlock(), createElementBlock("li", { key: durationHours }, [createElementVNode("button", {
+							"aria-pressed": durationHours === hours.value,
 							type: "button",
-							onClick: ($event) => hours.value = duration
-						}, toDisplayString(duration) + "h", 9, _hoisted_17$6)]);
+							onClick: ($event) => hours.value = durationHours
+						}, toDisplayString(label), 9, _hoisted_16$5)]);
 					}), 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 }) => {
+				picking.value && __props.detail ? (openBlock(), createElementBlock("section", _hoisted_17$5, [createElementVNode("p", _hoisted_18$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)]);
+						createElementVNode("span", _hoisted_20$5, toDisplayString(label), 1),
+						createElementVNode("span", _hoisted_21$5, toDisplayString(bonusLabel), 1),
+						statusLabel ? (openBlock(), createElementBlock("span", _hoisted_22$4, toDisplayString(statusLabel), 1)) : createCommentVNode("v-if", true)
+					], 8, _hoisted_19$5)]);
 				}), 128))])])) : createCommentVNode("v-if", true),
 				__props.detail ? (openBlock(), createElementBlock("button", {
 					key: 2,
@@ -1394,11 +1608,10 @@ var Index_default$14 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-ee73652f"]]);
-//#endregion
-//#region src/components/TwoColumnScreen/Index.vue
+}), [["__scopeId", "data-v-9e69ff99"]]);
+// src/components/TwoColumnScreen/Index.vue
 const _hoisted_1$20 = { class: "two-column-screen" };
-var Index_default$34 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$35 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -1406,8 +1619,7 @@ var Index_default$34 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-d9df7bbc"]]);
-//#endregion
-//#region src/models/ForgeQueueState.ts
+// src/models/ForgeQueueState.ts
 let ForgeQueueState = /* @__PURE__ */ function(ForgeQueueState) {
 	ForgeQueueState["Complete"] = "Complete";
 	ForgeQueueState["Forging"] = "Forging";
@@ -1415,17 +1627,15 @@ let ForgeQueueState = /* @__PURE__ */ function(ForgeQueueState) {
 	ForgeQueueState["Locked"] = "Locked";
 	return ForgeQueueState;
 }({});
-//#endregion
-//#region src/models/ForgeTab.ts
+// src/models/ForgeTab.ts
 let ForgeTab = /* @__PURE__ */ function(ForgeTab) {
 	ForgeTab["Materials"] = "Materials";
 	ForgeTab["Queues"] = "Queues";
 	return ForgeTab;
 }({});
-//#endregion
-//#region src/components/ForgeScreen/Index.vue
+// src/components/ForgeScreen/Index.vue
 const _hoisted_1$19 = { class: "head" };
-const _hoisted_2$15 = {
+const _hoisted_2$16 = {
 	class: "title",
 	role: "heading",
 	"aria-level": "1"
@@ -1434,50 +1644,63 @@ 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 = [
+const _hoisted_7$8 = {
+	key: 0,
+	class: "recipes"
+};
+const _hoisted_8$6 = [
 	"aria-pressed",
 	"disabled",
 	"onClick"
 ];
-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$1 = {
+const _hoisted_9$6 = { class: "recipe-name" };
+const _hoisted_10$6 = { class: "recipe-time" };
+const _hoisted_11$6 = {
 	key: 1,
-	class: "refusal"
+	class: "queues"
 };
-const _hoisted_25$1 = {
+const _hoisted_12$5 = ["data-state"];
+const _hoisted_13$5 = { class: "queue-name" };
+const _hoisted_14$5 = { class: "queue-progress" };
+const _hoisted_15$5 = { class: "queue-ready" };
+const _hoisted_16$4 = { class: "queue-time" };
+const _hoisted_17$4 = { class: "detail" };
+const _hoisted_18$4 = ["aria-label", "max"];
+const _hoisted_19$4 = { class: "total-time" };
+const _hoisted_20$4 = { class: "amount-label" };
+const _hoisted_21$4 = { class: "amount-end amount-max" };
+const _hoisted_22$3 = { class: "required" };
+const _hoisted_23$2 = {
 	key: 1,
-	class: "queues"
+	class: "refusal"
 };
-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({
+const _hoisted_24$2 = { class: "detail-heading" };
+const _hoisted_25$2 = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "detail-ring"
+};
+const _hoisted_26$2 = { class: "detail-forged" };
+const _hoisted_27$2 = { class: "detail-track" };
+const _hoisted_28$2 = { class: "item-icon" };
+const _hoisted_29$2 = { class: "item-count" };
+const _hoisted_30$2 = { class: "materials-box" };
+const _hoisted_31$2 = { class: "materials-head" };
+const _hoisted_32$2 = { class: "materials-title" };
+const _hoisted_33$1 = { class: "support-title" };
+const _hoisted_34$1 = { class: "material-count" };
+var Index_default$16 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		amountLabel: {},
 		amountMaximum: {},
 		closeLabel: {},
 		coins: {},
+		materialCountLabel: {},
 		materialsBoxLabel: {},
 		materialsLabel: {},
 		obtainLabel: {},
+		queueDetail: {},
 		queues: {},
 		queuesLabel: {},
 		recipes: {},
@@ -1511,107 +1734,133 @@ var Index_default$15 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		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$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$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$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$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.isOpen,
-						type: "button",
-						onClick: ($event) => recipeId.value = recipe.id
-					}, [
-						_cache[5] || (_cache[5] = createElementVNode("span", {
-							class: "recipe-tile",
-							"aria-hidden": "true"
-						}, null, -1)),
-						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,
-						class: "amount",
-						max: __props.amountMaximum,
-						min: "1",
-						type: "range"
-					}, null, 8, _hoisted_13$6), [[
-						vModelText,
-						amount.value,
-						void 0,
-						{ number: true }
-					]]),
-					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$4, toDisplayString(__props.amountMaximum), 1),
-					_cache[12] || (_cache[12] = createElementVNode("span", {
-						"aria-hidden": "true",
-						class: "amount-step amount-plus"
-					}, "+", -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))
+			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, with the picked queue's time left, units done and Obtain beside them. The forging ring is drawn at the moment\n       the reference shows, not animated "), createVNode(Index_default$35, { class: "forge-screen" }, {
+				default: withCtx(() => [
+					createElementVNode("header", _hoisted_1$19, [
+						createElementVNode("p", _hoisted_2$16, 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$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$11)]),
+						createElementVNode("p", _hoisted_6$10, toDisplayString(__props.coins), 1),
+						createVNode(Index_default$10, {
+							class: "close",
+							label: __props.closeLabel,
+							mark: unref(CloseButtonMark).Cross,
+							onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
+						}, null, 8, ["label", "mark"])
 					]),
-					createElementVNode("p", _hoisted_23$2, toDisplayString(__props.requiredCoins), 1),
-					!__props.refusalLabel ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						class: "start",
-						type: "button",
-						onClick: _cache[4] || (_cache[4] = ($event) => emit("start"))
-					}, 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_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",
+					tab.value === unref(ForgeTab).Materials ? (openBlock(), createElementBlock("ul", _hoisted_7$8, [(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.isOpen,
 							type: "button",
-							onClick: ($event) => emit("obtain", queue.id)
-						}, toDisplayString(__props.obtainLabel), 9, _hoisted_30$1)) : createCommentVNode("v-if", true)
-					], 8, _hoisted_26$1);
-				}), 128))]))]),
+							onClick: ($event) => recipeId.value = recipe.id
+						}, [
+							_cache[6] || (_cache[6] = createElementVNode("span", {
+								class: "recipe-tile",
+								"aria-hidden": "true"
+							}, null, -1)),
+							createElementVNode("span", _hoisted_9$6, toDisplayString(recipe.name), 1),
+							createElementVNode("span", _hoisted_10$6, toDisplayString(recipe.forgeTimeLabel), 1)
+						], 8, _hoisted_8$6)]);
+					}), 128))])) : (openBlock(), createElementBlock("ul", _hoisted_11$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.queues, (queue) => {
+						return openBlock(), createElementBlock("li", {
+							key: queue.id,
+							class: normalizeClass([{ selected: queue.id === __props.queueDetail?.id }, "queue"]),
+							"data-state": queue.state
+						}, [
+							_cache[7] || (_cache[7] = createElementVNode("span", {
+								"aria-hidden": "true",
+								class: "queue-tile"
+							}, null, -1)),
+							createElementVNode("span", _hoisted_13$5, toDisplayString(queue.name), 1),
+							createElementVNode("span", _hoisted_14$5, toDisplayString(queue.progressLabel), 1),
+							createElementVNode("span", _hoisted_15$5, toDisplayString(queue.readyLabel), 1),
+							createElementVNode("span", _hoisted_16$4, toDisplayString(queue.timeLabel), 1)
+						], 10, _hoisted_12$5);
+					}), 128))])),
+					tab.value === unref(ForgeTab).Materials ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[8] || (_cache[8] = createElementVNode("span", {
+						"aria-hidden": "true",
+						class: "sort"
+					}, null, -1)), _cache[9] || (_cache[9] = createElementVNode("span", {
+						"aria-hidden": "true",
+						class: "sort-toggle"
+					}, null, -1))], 64)) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_17$4, [
+						tab.value === unref(ForgeTab).Materials ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							withDirectives(createElementVNode("input", {
+								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => amount.value = $event),
+								"aria-label": __props.amountLabel,
+								class: "amount",
+								max: __props.amountMaximum,
+								min: "1",
+								type: "range"
+							}, null, 8, _hoisted_18$4), [[
+								vModelText,
+								amount.value,
+								void 0,
+								{ number: true }
+							]]),
+							createElementVNode("p", _hoisted_19$4, toDisplayString(__props.totalTimeLabel), 1),
+							createElementVNode("p", _hoisted_20$4, 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_21$4, toDisplayString(__props.amountMaximum), 1),
+							_cache[12] || (_cache[12] = createElementVNode("span", {
+								"aria-hidden": "true",
+								class: "amount-step amount-plus"
+							}, "+", -1)),
+							createElementVNode("p", _hoisted_22$3, toDisplayString(__props.requiredCoins), 1),
+							!__props.refusalLabel ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								class: "action",
+								type: "button",
+								onClick: _cache[4] || (_cache[4] = ($event) => emit("start"))
+							}, toDisplayString(__props.startLabel), 1)) : (openBlock(), createElementBlock("p", _hoisted_23$2, toDisplayString(__props.refusalLabel), 1))
+						], 64)) : __props.queueDetail ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							createElementVNode("p", _hoisted_24$2, toDisplayString(__props.queueDetail.headingLabel), 1),
+							__props.queueDetail.progress < 1 ? (openBlock(), createElementBlock("span", _hoisted_25$2)) : createCommentVNode("v-if", true),
+							createElementVNode("p", _hoisted_26$2, toDisplayString(__props.queueDetail.forgedLabel), 1),
+							createElementVNode("span", _hoisted_27$2, [createElementVNode("span", {
+								class: "detail-fill",
+								style: normalizeStyle({ width: `${__props.queueDetail.progress * 100}%` })
+							}, null, 4)]),
+							__props.queueDetail.isObtainable ? (openBlock(), createElementBlock("button", {
+								key: 1,
+								class: "action",
+								type: "button",
+								onClick: _cache[5] || (_cache[5] = ($event) => emit("obtain", __props.queueDetail.id))
+							}, toDisplayString(__props.obtainLabel), 1)) : createCommentVNode("v-if", true)
+						], 64)) : createCommentVNode("v-if", true),
+						createElementVNode("div", _hoisted_28$2, [createElementVNode("span", _hoisted_29$2, toDisplayString(__props.yieldCount), 1)]),
+						createElementVNode("section", _hoisted_30$2, [
+							createElementVNode("header", _hoisted_31$2, [createElementVNode("p", _hoisted_32$2, toDisplayString(__props.materialsBoxLabel), 1), createElementVNode("p", _hoisted_33$1, toDisplayString(__props.supportLabel), 1)]),
+							_cache[13] || (_cache[13] = createElementVNode("span", { class: "slot slot-first" }, null, -1)),
+							_cache[14] || (_cache[14] = createElementVNode("span", { class: "slot slot-second" }, null, -1)),
+							_cache[15] || (_cache[15] = createElementVNode("span", { class: "slot slot-third" }, null, -1)),
+							createElementVNode("p", _hoisted_34$1, toDisplayString(__props.materialCountLabel), 1),
+							_cache[16] || (_cache[16] = createElementVNode("span", { class: "support-portrait" }, null, -1))
+						])
+					])
+				]),
 				_: 1
 			})], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-4426e963"]]);
-//#endregion
-//#region src/services/toCanvasRect.ts
+}), [["__scopeId", "data-v-7f108f1e"]]);
+// src/services/toCanvasRect.ts
 const toPair = ([x = 0, y = 0]) => [x, y];
 const toCanvasRect = ({ anchorMax, anchorMin, pivot, position, size }) => ({
 	anchorMax: toPair(anchorMax),
@@ -1620,8 +1869,7 @@ const toCanvasRect = ({ anchorMax, anchorMin, pivot, position, size }) => ({
 	position: toPair(position),
 	size: toPair(size)
 });
-//#endregion
-//#region src/services/computeRectOffsets.ts
+// src/services/computeRectOffsets.ts
 const computeRectOffsets = ({ pivot, position, size }) => {
 	const offsetMin = [position[0] - size[0] * pivot[0], position[1] - size[1] * pivot[1]];
 	return {
@@ -1629,8 +1877,7 @@ const computeRectOffsets = ({ pivot, position, size }) => {
 		offsetMin
 	};
 };
-//#endregion
-//#region src/services/toCanvasRectStyle.ts
+// src/services/toCanvasRectStyle.ts
 const toAxis = (anchorMin, anchorMax, offsetMin, size, span, start) => [`calc(${start} + ${anchorMin} * ${span} + ${offsetMin} * var(--canvas-unit))`, `calc(${anchorMax - anchorMin} * ${span} + ${size} * var(--canvas-unit))`];
 const toCanvasRectStyle = (rect, isOnCanvas = false) => {
 	const { anchorMax, anchorMin, size } = rect;
@@ -1645,8 +1892,7 @@ const toCanvasRectStyle = (rect, isOnCanvas = false) => {
 		width
 	};
 };
-//#endregion
-//#region src/components/GameRect/Index.vue
+// src/components/GameRect/Index.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "Index",
 	props: {
@@ -1668,37 +1914,43 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		};
 	}
 });
-//#endregion
-//#region src/components/GameScreen/Index.vue
+// src/components/GameScreen/Index.vue
 const _hoisted_1$18 = ["data-interaction-state"];
-var Index_default$17 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_2$15 = {
+	key: 0,
+	class: "world-backdrop"
+};
+var Index_default$18 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		interactionState: {},
-		isTouch: { type: Boolean }
+		isTouch: { type: Boolean },
+		isWorldBlurred: { type: Boolean }
 	},
 	setup(__props) {
 		useCssVars((_ctx) => ({
-			"b3ebfd60": unref(GAME_CANVAS_INSET),
-			"v687962d1": unref(GAME_CANVAS_UNIT),
-			"v440f997e": unref(GAME_UNIT),
-			"v3dfd0b4f": unref(GAME_WHITE),
-			"v603eb8d0": unref(GAME_CURSOR),
-			"v62ea67cc": unref(GAME_FONT_FAMILY),
-			"v7e9afa3a": unref(MOBILE_INTERFACE_SCALE)
+			"v26f2ac5d": unref(GAME_CANVAS_INSET),
+			"v710ebbb8": unref(GAME_CANVAS_UNIT),
+			"v0106a18b": unref(GAME_UNIT),
+			"v1fe704e2": unref(GAME_WHITE),
+			"v1172d2ee": unref(GAME_BACKDROP_BLUR),
+			"v116adcb2": unref(GAME_BACKDROP_KEEP),
+			"v11600e7e": unref(GAME_BACKDROP_WASH),
+			"v88d81cc6": unref(GAME_CURSOR),
+			"v2d8a0b6d": unref(GAME_FONT_FAMILY),
+			"v31942f4d": unref(MOBILE_INTERFACE_SCALE)
 		}));
 		const style = computed(() => __props.isTouch === void 0 ? void 0 : { "--interface-scale": __props.isTouch ? MOBILE_INTERFACE_SCALE : 1 });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The root every screen of the game's is drawn in: the window's own container, whose `--unit` is a pixel of the\n       Game's 1920 by 1080 screen, `--canvas-unit` a unit of its interface's 1600 by 900 canvas, both times\n       `--interface-scale`, the mobile client's on a touch screen, `--canvas-inset` how far the canvas stands in from\n       Each side and `--white` the white its opening is drawn on, in the game's face and pointer. Each resolves where a\n       Child uses it, against this container "), createElementVNode("div", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The root every screen of the game's is drawn in: the window's own container, whose `--unit` is a pixel of the\n       Game's 1920 by 1080 screen, or of the `--game-design-width` the screen sets on this root, `--canvas-unit` a unit\n       of its interface's 1600 by 900 canvas, both times `--interface-scale`, the mobile client's on a touch screen,\n       `--canvas-inset` how far the canvas stands in from\n       Each side, `--white` the white its opening is drawn on and `--sparkle-clip-path` the four-pointed sparkle a star\n       is clipped to, in the game's face and pointer. Each resolves where a\n       Child uses it, against this container. A screen that opts in draws the world behind it blurred under its own\n       Pieces, the blur taking what is painted behind this root and the wash added over it as light "), createElementVNode("div", {
 				class: "game-screen",
 				"data-interaction-state": __props.interactionState,
 				style: normalizeStyle(style.value)
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 12, _hoisted_1$18)], 2112);
+			}, [__props.isWorldBlurred ? (openBlock(), createElementBlock("div", _hoisted_2$15, [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "world-blur" }, null, -1), createElementVNode("div", { class: "world-wash" }, null, -1)])])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 12, _hoisted_1$18)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-b0f87b0b"]]);
-//#endregion
-//#region src/components/InteractionPrompts/Index.vue
+}), [["__scopeId", "data-v-8d286db2"]]);
+// src/components/InteractionPrompts/Index.vue
 const _hoisted_1$17 = ["aria-current", "data-kind"];
 const _hoisted_2$14 = {
 	key: 0,
@@ -1707,23 +1959,20 @@ const _hoisted_2$14 = {
 };
 const _hoisted_3$12 = ["onClick"];
 const _hoisted_4$11 = { class: "name" };
-var Index_default$18 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
-		isTouch: {
-			type: Boolean,
-			default: false
-		},
+		isTouch: { type: Boolean },
 		prompts: {},
 		selectedId: {}
 	},
 	emits: ["press"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "v0b0e8f3c": selectionDuration }));
+		useCssVars((_ctx) => ({ "v4523eb16": selectionDuration }));
 		const emit = __emit;
 		const selectionDuration = `50ms`;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The prompts beside the character: a row for each thing in reach, its kind's icon before its name in a pill, and the\n       Key's cap before the row F acts on, with the pointer that leads from it into the pill. Measured off the English\n       PC client's three-row pickup at 1080 high: each pill 63 high on a 72 pitch, its left edge 59 past the cap's, the\n       cap 40 wide and 33 high, the icon 34 across. Each pill is a button of its own, as the game lets a row be pressed\n       without the key "), createElementVNode("ul", { class: normalizeClass(["interaction-prompts", { touch: __props.isTouch }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.prompts, ({ id, kind, name }) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The prompts beside the character: a row for each thing in reach, its kind's icon before its name in a pill, and the\n       Key's cap before the row F acts on, with the pointer that leads from it into the pill. Measured off the English\n       PC client's three-row pickup at 1080 high: each pill 63 high on a 72 pitch, its left edge 59 past the cap's, the\n       cap 40 wide and 33 high, the icon 32 across 17 in from the pill's edge. Each pill is a button of its own, as the\n       game lets a row be pressed without the key "), createElementVNode("ul", { class: normalizeClass(["interaction-prompts", { touch: __props.isTouch }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.prompts, ({ id, kind, name }) => {
 				return openBlock(), createElementBlock("li", {
 					key: id,
 					class: "prompt",
@@ -1740,17 +1989,15 @@ var Index_default$18 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			}), 128))], 2)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-49059f1b"]]);
-//#endregion
-//#region src/models/InventorySort.ts
+}), [["__scopeId", "data-v-108aa9a5"]]);
+// src/models/InventorySort.ts
 let InventorySort = /* @__PURE__ */ function(InventorySort) {
 	InventorySort["Level"] = "Level";
 	InventorySort["Quality"] = "Quality";
 	return InventorySort;
 }({});
 const InventorySorts = Object.values(InventorySort);
-//#endregion
-//#region src/components/InventoryScreen/Index.vue
+// src/components/InventoryScreen/Index.vue
 const _hoisted_1$16 = { class: "inventory-screen" };
 const _hoisted_2$13 = ["inert"];
 const _hoisted_3$11 = {
@@ -1765,61 +2012,81 @@ const _hoisted_5$10 = [
 	"data-category",
 	"onClick"
 ];
-const _hoisted_6$9 = { class: "capacity" };
-const _hoisted_7$9 = ["aria-label"];
-const _hoisted_8$6 = { class: "grid" };
-const _hoisted_9$5 = [
+const _hoisted_6$9 = {
+	key: 0,
+	viewBox: "0 0 144 144",
+	"aria-hidden": "true"
+};
+const _hoisted_7$7 = ["d"];
+const _hoisted_8$5 = { class: "capacity" };
+const _hoisted_9$5 = ["aria-label"];
+const _hoisted_10$5 = { class: "grid" };
+const _hoisted_11$5 = [
 	"aria-label",
 	"aria-pressed",
 	"data-rarity",
 	"data-selected",
 	"onClick"
 ];
-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,
+const _hoisted_12$4 = {
+	class: "stars",
+	"aria-hidden": "true"
+};
+const _hoisted_13$4 = { class: "caption" };
+const _hoisted_14$4 = ["data-rarity"];
+const _hoisted_15$4 = { class: "detail-name" };
+const _hoisted_16$3 = {
+	key: 0,
+	class: "detail-stars",
+	"aria-hidden": "true"
+};
+const _hoisted_17$3 = { class: "detail-caption" };
+const _hoisted_18$3 = {
+	key: 2,
+	class: "details"
+};
+const _hoisted_19$3 = ["aria-label", "aria-pressed"];
+const _hoisted_20$3 = {
+	key: 3,
 	class: "destroy"
 };
-const _hoisted_16$4 = { class: "destroy-tip" };
-const _hoisted_17$4 = {
+const _hoisted_21$3 = { class: "destroy-tip" };
+const _hoisted_22$2 = {
 	key: 0,
 	class: "destroy-cannot"
 };
-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 = ["aria-label", "data-descending"];
-const _hoisted_25 = {
-	key: 3,
+const _hoisted_23$1 = { class: "quick-selects" };
+const _hoisted_24$1 = ["data-rarity", "onClick"];
+const _hoisted_25$1 = { class: "destroy-count" };
+const _hoisted_26$1 = ["disabled"];
+const _hoisted_27$1 = { class: "sort" };
+const _hoisted_28$1 = ["aria-label"];
+const _hoisted_29$1 = ["value"];
+const _hoisted_30$1 = ["aria-label", "data-descending"];
+const _hoisted_31$1 = {
+	key: 5,
 	class: "currencies"
 };
-const _hoisted_26 = ["data-currency"];
-const _hoisted_27 = { class: "currency-name" };
-const _hoisted_28 = {
+const _hoisted_32$1 = ["data-currency"];
+const _hoisted_33 = { class: "currency-name" };
+const _hoisted_34 = {
 	key: 0,
 	class: "top-up"
 };
-const _hoisted_29 = ["aria-label"];
-const _hoisted_30 = { class: "confirm-title" };
-const _hoisted_31 = { class: "confirm-list-label" };
-const _hoisted_32 = { class: "confirm-names" };
-const _hoisted_33 = { class: "confirm-warning" };
-const _hoisted_34 = {
+const _hoisted_35 = ["aria-label"];
+const _hoisted_36 = { class: "confirm-title" };
+const _hoisted_37 = { class: "confirm-list-label" };
+const _hoisted_38 = { class: "confirm-names" };
+const _hoisted_39 = { class: "confirm-warning" };
+const _hoisted_40 = {
 	key: 0,
 	class: "confirm-warning"
 };
-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$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_41 = { class: "confirm-list-label" };
+const _hoisted_42 = { class: "confirm-names" };
+const _hoisted_43 = { class: "confirm-buttons" };
+const _hoisted_44 = ["disabled"];
+var Index_default$20 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		backLabel: {},
@@ -1840,6 +2107,7 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		destroyRecoveredNames: {},
 		destroySelectedLabel: {},
 		destroyTipLabel: {},
+		detailsLabel: {},
 		isConfirming: { type: Boolean },
 		isDestroyFull: { type: Boolean },
 		isDestroying: { type: Boolean },
@@ -1884,6 +2152,16 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		"update:selectedId"
 	]),
 	setup(__props, { emit: __emit }) {
+		const itemCategoryGlyphMap = {
+			["Artifact"]: "M55 0h29.5q.88.04.5 3h1.5q2 .5 1.5 3.5l-3.5 5.5-4.5 3.5q-1.12 3.33 1.5 2.5l9 3 4 3 6 2 11.5 10.5 5 7 6 12 1 8 3 4v2l6 7-2.5 2.5h-3l-4.5 2.5v7l-2 3v2q-3.09 7.91-9 13l-1 3.5h-1.5l-5 5-11 7-11 1-4.5-3.5-2-3v-3l-1-2.5q-3.67-1.35-2 4.5l3 3v7l1.5 1.5q5.5 1 8-1l2.5 2.5-1 1-8 10-2 4.5h-13.5l-.5-1.5-11-13v-2q1.25-2.75 6.5-1.5 1.12 2 4.5 1l1-5.5q-1.75-.92-1-3.5-2.67-1.12-2 1.5l-3.5 3.5h-2l-1-1h-6l-8-4-12.5-11.5-5-7v-2l-4-7-2-8-1.5-1.5-7-3h-2.5v-2.5l9-10 1-4 2-2v-4l5-11q4.9-8.6 12.5-14.5l5-4 12-6h3l3.5-2.5v-2l-3.5-4.5-2.5-1.5-1-5 3-1.5v-3zm15 35-4 3 1 2-1 6-8 13q-2 2-5 3l-2 3-8 4h-6l-1 1q-4-1-2 4l7 3 5 1 9 5 5 6 6 9 1 7 2 3q-1 2 2 1l2-3v-4l3-6v-2l5-6 8-7 9-3 5-3h3q2 0 1-3l-1-2h-4l-12-5-7-7q-1-3-4-3v-1l-3-4-1-4-2-2v-6l-3-3zm-6 77q1 3-1 4-1 3 2 2l2-4v-2h-3z",
+			["CharacterDevelopmentItem"]: "M73 0h4v1.5q3.5 1.25 3 4.5h1.5l8 7h26l3 1 5.5 4.5 2 4v108l-3 4v1.5l-8.5 4h-26l-1 1h-3l-2.5 1-.5 2h-14l-3-3-3-1h-24q-1.25-2.25-6-1l-7.5-6.5q-1.83-2.17-1-7l-1-1v-13l1-1v-65l-1-1v-17l1-1v-3l2-5.5 3-1.5q-.75-2.25 1.5-1.5l2-2h25q.75-1.75 4-1l12.5-10.5v-1.5zm0 12-1 3 3 1q2-1 1 2l-6-1q-4 1-3 5l4 2 2 5q-1 2 2 1l1-1 1-4 3-2 2-3-3-3-2-2q-1-4-4-3zm-5 30-6 3-10 11-2 6v6l1 1-1 2 5 10 9 7 8 3h7l9-4q7-5 11-14v-12l-4-8q-4-7-11-10l-3-1h-13zm0 56q-1 2-4 1l-5 3h-2l-5 4-6 8-1 5-3 6v4l1 2 3 1h20l8-4h3l3 2 6 2h3l1 1 1-1h14l3-3-1-5-6-13-8-9-4-2q-6 1-7-2h-14z",
+			["Food"]: "M124.5 20q3-.5 3.5 1.5v2l-5 5v1.5h-1.5l-4.5 4.5-1 3q.5 2 3.5 1.5l13-11q1.83-1.67 6-1 2.25.75 1.5 4.5l-10 11-3 6 2.5 1.5 14-13 .5 9.5-7 13-12.5 13.5-9 5h-19q-2 4-8 4l-6.5-6.5v-2l4-3 2-4v-3l-1-1v-10l3-8 7.5-8.5 6-5 10-6 9-3 2-2z M27.5 23h9l1 1 7 1 10 6 10.5 10.5 4 9v17l5.5 6.5 13.5 11.5q-.75 2.25 1.5 1.5l4 5 10 8 22.5 21.5v4l-4.5 7.5-3 1h-5l-10.5-9.5q-20.43-24.57-43.5-46.5-3.25.75-4-1l-1 1h-12l-4-3h-3l-11.5-10.5-5-7-3-7-2-6v-8q2-1 1-5l3.5-5.5 9-3z M61.5 92q5.04.96 7.5 4.5l3 4v2l-6 8-22.5 23.5h-8q-1-2.5-3.5-2l-2-4.5v-7l9.5-9.5 17.5-14.5 1.5-2.5 3-2z",
+			["Furnishing"]: "M70.5 6h12l4.5 3.5v2l2.5 3.5h4l11 5h2l13 8 3.5 3.5q.87 3-3.5 1.5-1 2-2 0h-80q-1 2-5 1l-2.5-1 2.5-5h2l4-4 12-6h3q1.4-2.6 6-2l5.5-3.5v-2l2.5-3.5 3-1z M141.5 29q2.75-.25 2.5.5v8.5h-7.5l-5 4h-1.5l-2 5.5q2.25 1.25 1 6l3 5 1 6 2 3v5l2.5 3.5q4.75 1.25 6-1l.5 24h-8.5l-1-1-8 7h-5l-1.5-3-2.5-1q-2.75 1.25-.5 2.5v2l3 3v3l-4.5 4.5-9 4h-10l-1 1h-40l-1-1h-9l-1-1-6-1-5.5-5.5v-2l3-4v-2.5q-2.67-1.12-2 1.5l-1 2.5-2.5 1q-.75-1.75-4-1l-2.5-2.5-3.5-4.5-8-4-6.5-6.5-3-6.5q-2.96.38-3-.5v-42.5q7.59.51 12.5 5l6 1 5.5-3.5q-.5-4 2.5-4.5l5-2 1 1h88q.75-1.75 4-1l7-6 3-1h6l1-1zm-65.5 17-7 6q-3-1-2 2l-3 1v2l-15 17q-2 1-1 6l16 13h5v-1l5-6 4-3 2-3v-2l-2-4q-4-1-4 1-3-1-2 2l-6 5h-2l-4-3v-3l8-10 7-7h2l6 7 2 4 6 7v4l-19 21q-1 3 2 4h4l4-3 23-21v-3l-5-8-15-18q1-3-1-2-4-1-3-4l-2-1h-3zm35 53v2h4q-1-3-4-2zm-72 1v2h4v-2h-4zm18 0v2q-4-1-6 3l2 2 6-5q1-3-2-2zm42 3-1 1 4 3q3 1 2-1-1-4-5-3z M46.5 125h7l1 1q4.75-1.25 6 1h36l6-2h5q4.81 2.52 3.5 10l-2.5 1-8-3h-8l-4 2h-3l-1.5 1.5q.75 2.25-1.5 1.5l-4 4h-5l-8-7h-6l-1-1h-9l-5 2-2.5-3.5v-2l2.5-4.5 2-1z",
+			["Gadget"]: "M52.5 19h33l1 1 15 1 4 2h9l8 3h6q.75 1.75 4 1l4.5 3.5 1 4q-.5 3-4.5 2.5-1.25-2.25-6-1l-3 2-16 5-1.5 1.5-2 5v34l-3.5 4.5h-13q-1-2-5-1l-5.5 2q-.75 3.83 2.5 5 4.75-1.25 6 1 1-2 5-1l1 1h13l3.5-3.5v-7l1-1v-15l1-1v-10l1-3 2.5-2.5 4-1 4-3h3l2-2h8l1.5 1.5q-1 4 1 5v20l1 1v27l-1 1q1 5.5-1 8l-8.5 8.5-14 9-12 6h-23l-1-1h-5l-6-2h-7l-8-4h-9l-2-2h-3l-1-1h-3l-9-3-3.5-3.5-2-3v-27l1-2.5 2.5-1h4l2 1 4.5-2.5-1.5-2.5-7-2-6.5-4.5q-1.17-6.17 1-9l-1-3 1-2-1-2 1-1v-7l1-1v-9l2-5 3.5-3.5h2l4-4 6-1 14-6zm9.5 37-12 10-8 8v1h-1l-6 6v2q2 0 2 3l9 2 3 4-1 4-2 2-1 7-2 3v5h4l4-2 5-5 3-1 10-9 5-3q3-1 2-5l-2-3-3-1h-8l-3-3 4-15 2-3v-7h-4z",
+			["Material"]: "M40 0h12.5l.5 1.5 5.5 3.5 7 2 22 11h2l2 2h3l7.5 5.5q.75 4.25 4 6v26l-1 2.5q-3.25-.5-4.5 3h-7l-4 2-12 2-1.5 1.5-6 12q1 4-1 5v8l-1 2 1 1v6q1.75.75 1 4l2 4v4l-2.5 2.5-6 1-6.5-4.5-10-15-27-33q-2.17-2.83-1-9l1-1v-5l2-6 6-12 5-17 7-15.5z M121.5 63h7l9.5 5.5q.86 5.64 4 9v6l2 4v12l-1 1v13q-1.75.75-1 4l-1 3-4.5 5.5-6 3h-3q-1.5-1 1-2 3 .5 3.5-1.5l1-7-4-7v-2l-2-2-1-4-8.5-9.5-3-2-8-2-11-5h-6q-1 2-5 1l-2.5 2.5-1 7.5q-3.33 1.31-2-3.5-3-2-2-8l2-6 5.5-5.5 7-4h8l4-2 9-1 3-2q4.75 1.25 6-1z M105 103q5.5-1.25 7 2.5 2 2.5 1 8l-2 4v3l-5 9q-4.9 8.6-12.5 14.5h-18l-.5-1.5-4-5q.75-3.25-1-4v-6q1.75-.92 1-3.5l6.5-3h6l6-2 5-3 8.5-8.5 2-4.5z M30.5 108h11l12.5 11.5 5 6 1 3-4.5 3.5q-3.25-.75-4 1h-7l-7 3h-3l-3-1-12.5-12.5-6-8v-2l3.5-2.5h6l1-1h6l1-1z",
+			["PreciousItem"]: "M56.5 12q3-.5 3.5 1.5l-5 3q-.75 4.75 2.5 5.5l6 1 1 1h5l1 1h14l8-3h3l2.5-2.5-3-6 5.5-.5 5 2 3.5 3.5-1 5-6.5 7.5-4.5 3.5-3.5 4.5-7 3-14 1-1-1-9-1-15.5-14.5-4-7 2.5-3.5 5-3q4.75 1.25 6-1z M50.5 51h10l9 3h13l1-1 8-1 1-1h9l2 2 4.5 1 1 4h1.5l11.5 10.5 5 8 5 12v13l-1 1v4l-3 8-10.5 11.5-10 6-5 1-9 4h-4l-6 2h-15l-5-2h-4l-4-2h-3l-9-5h-2l-4.5-2q1.13-2.67-1.5-2l-6.5-5.5-7-11-2-10 1-1v-12l4-8v-2l3-5 11.5-11.5 3.5-2.5 1.5-2.5q4.25-.75 6-4zm24.5 15-2 2v3l-3 6-3 4-7 5-6 2q-3 1-2 5l4 2h3q1 3 6 4l6 8 2 4v4l2 1 3-1 5-10 6-6 8-5h2l2-3-2-3-6-2-4-3-8-8-2-6q0-4-4-3z",
+			["Quest"]: "M35.5 16h86l4 4 4 2h3l2.5 2.5 1 5-3.5 5.5-5.5 1q1 3.38-1 4.5v94l-1.5 1.5-4-1-21-11h-2l-7-4h-2l-4-3h-2l-3-2h-4l-7 3-4 3h-2l-31 15-2.5-3.5v-93l-2.5-3.5q-3.87-.63-5.5-3.5l-1-5 2-4.5 5.5-2 8-5zm40.5 13-5 2-5 5-1 3v9q2 1 1 6l5 9q-1 3 1 4v6l5 4 4-1 3-4 1-10 4-8 1-8 1-1-1-7-3-5-6-4h-5zm0 53-2 1-5 6v6l7 5 7-1 4-6v-4q-3-2-2-4-3 1-4-3h-5z"
+		};
 		const category = useModel(__props, "category");
 		const sort = useModel(__props, "sort");
 		const isDescending = useModel(__props, "isDescending");
@@ -1900,7 +2178,7 @@ var Index_default$19 = /*#__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$16, [
+			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 seven columns, the entry chosen with its detail panel, and the sort along the foot. Provisional: the\n       Weapon tab's icon is under the recording's webcam, the grid's entries' art waits on the game's own icons, and\n       the panel's stats and footer wait on the bag's other recordings "), createElementVNode("div", _hoisted_1$16, [
 				createElementVNode("div", {
 					class: "bag",
 					inert: __props.isConfirming
@@ -1914,46 +2192,48 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 							"data-category": itemCategory,
 							type: "button",
 							onClick: ($event) => category.value = itemCategory
-						}, null, 8, _hoisted_5$10)]);
+						}, [itemCategoryGlyphMap[itemCategory] ? (openBlock(), createElementBlock("svg", _hoisted_6$9, [createElementVNode("path", { d: itemCategoryGlyphMap[itemCategory] }, null, 8, _hoisted_7$7)])) : createCommentVNode("v-if", true)], 8, _hoisted_5$10)]);
 					}), 128))]),
-					createElementVNode("p", _hoisted_6$9, toDisplayString(__props.capacity), 1),
+					createElementVNode("p", _hoisted_8$5, 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$9),
-					createElementVNode("ul", _hoisted_8$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, (cell) => {
+					}, null, 8, _hoisted_9$5),
+					createElementVNode("ul", _hoisted_10$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cells, (cell) => {
 						return openBlock(), createElementBlock("li", { key: cell.id }, [createElementVNode("button", {
 							class: "cell",
 							"aria-label": cell.name,
 							"aria-pressed": __props.isDestroying ? Boolean(cell.isSelected) : cell.id === selectedCell.value?.id,
 							"data-rarity": cell.rarity,
-							"data-selected": cell.isSelected,
+							"data-selected": cell.isSelected || void 0,
 							type: "button",
 							onClick: ($event) => __props.isDestroying && cell.isDestroyable ? emit("choose", cell.id) : selectedId.value = cell.id
-						}, [createElementVNode("span", _hoisted_10$5, toDisplayString(cell.caption), 1)], 8, _hoisted_9$5)]);
+						}, [createElementVNode("span", _hoisted_12$4, toDisplayString("★".repeat(cell.rarity)), 1), createElementVNode("span", _hoisted_13$4, toDisplayString(cell.caption), 1)], 8, _hoisted_11$5)]);
 					}), 128))]),
 					selectedCell.value ? (openBlock(), createElementBlock("section", {
 						key: 0,
 						class: "detail",
 						"data-rarity": selectedCell.value.rarity
 					}, [
-						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),
+						createElementVNode("p", _hoisted_15$4, toDisplayString(selectedCell.value.name), 1),
+						__props.isSortable ? (openBlock(), createElementBlock("p", _hoisted_16$3, toDisplayString("★".repeat(selectedCell.value.rarity)), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("p", _hoisted_17$3, toDisplayString(selectedCell.value.caption), 1),
 						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))
+							onClick: _cache[1] || (_cache[1] = ($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),
+					], 8, _hoisted_14$4)) : createCommentVNode("v-if", true),
+					selectedCell.value?.isUsable && !__props.isDestroying ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "use",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("use", selectedCell.value.id))
+					}, toDisplayString(__props.useLabel), 1)) : createCommentVNode("v-if", true),
+					__props.isSortable && !__props.isDestroying ? (openBlock(), createElementBlock("span", _hoisted_18$3, toDisplayString(__props.detailsLabel), 1)) : createCommentVNode("v-if", true),
 					createElementVNode("button", {
 						ref_key: "trashButton",
 						ref: trashButton,
@@ -1962,59 +2242,63 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"aria-pressed": __props.isDestroying,
 						type: "button",
 						onClick: _cache[3] || (_cache[3] = ($event) => emit("toggleDestroy"))
-					}, null, 8, _hoisted_14$5),
+					}, [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
+						class: "trash-glyph",
+						viewBox: "0 0 128 144",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", {
+						"fill-rule": "evenodd",
+						d: "M54.5 21h21l1.5 1.5 4.5 6.5h22l3.5 3.5q1.67 1.83 1 6l-3.5 4.5q-2.5 2-8 1l-1-1h-64q-1 2-2 0-7.75 1.75-9.5-2.5-1.46-7.96 2.5-10.5l3-1h16q1-2 5-1l2.5-2.5 2.5-3.5 3-1z M27.5 54h70l5.5 2v71.5l-2.5 3.5-2 1h-68l-3-1-2.5-2.5q.75-3.25-1-4v-66l3.5-4.5zm11.5 9-4 4v46l1 1v3l1 2 6-1 2-3v-47l-1-2-3-3h-2zm24 0-4 4v41l-1 1v3l3 7 3 1q0-2 3-1l2-5q1-5-1-6-1-4 1-4v-34l-2-6-4-1zm24 0-2 1-3 3v41l-1 1 3 9 2 1h4l3-6v-46l-1-3-2-1h-3z"
+					})], -1)])], 8, _hoisted_19$3),
 					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$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 }) => {
+					__props.isDestroying ? (openBlock(), createElementBlock("section", _hoisted_20$3, [
+						createElementVNode("p", _hoisted_21$3, toDisplayString(__props.destroyTipLabel), 1),
+						selectedCell.value && !selectedCell.value.isDestroyable ? (openBlock(), createElementBlock("p", _hoisted_22$2, toDisplayString(__props.destroyCannotLabel), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("ul", _hoisted_23$1, [(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$3)]);
+							}, toDisplayString(label), 9, _hoisted_24$1)]);
 						}), 128))]),
-						createElementVNode("p", _hoisted_20$3, toDisplayString(__props.destroySelectedLabel), 1),
+						createElementVNode("p", _hoisted_25$1, toDisplayString(__props.destroySelectedLabel), 1),
 						createElementVNode("button", {
 							class: "destroy-button",
 							disabled: !__props.destroyNames.length,
 							type: "button",
 							onClick: _cache[4] || (_cache[4] = ($event) => emit("destroy"))
-						}, toDisplayString(__props.destroyButtonLabel), 9, _hoisted_21$3)
-					])) : __props.isSortable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-						_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", {
-								key: inventorySort,
-								value: inventorySort
-							}, toDisplayString(__props.sortLabels[inventorySort]), 9, _hoisted_23$1);
-						}), 128))], 512), [[vModelSelect, sort.value]])]),
-						createElementVNode("button", {
-							class: "order",
-							"aria-label": __props.orderLabel,
-							"data-descending": isDescending.value,
-							type: "button",
-							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 }) => {
+						}, toDisplayString(__props.destroyButtonLabel), 9, _hoisted_26$1)
+					])) : __props.isSortable ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [createElementVNode("div", _hoisted_27$1, [withDirectives(createElementVNode("select", {
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sort.value = $event),
+						class: "sort-select",
+						"aria-label": __props.sortLabels[sort.value]
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(InventorySorts), (inventorySort) => {
+						return openBlock(), createElementBlock("option", {
+							key: inventorySort,
+							value: inventorySort
+						}, toDisplayString(__props.sortLabels[inventorySort]), 9, _hoisted_29$1);
+					}), 128))], 8, _hoisted_28$1), [[vModelSelect, sort.value]])]), createElementVNode("button", {
+						class: "order",
+						"aria-label": __props.orderLabel,
+						"data-descending": isDescending.value,
+						type: "button",
+						onClick: _cache[6] || (_cache[6] = ($event) => isDescending.value = !isDescending.value)
+					}, null, 8, _hoisted_30$1)], 64)) : (openBlock(), createElementBlock("ul", _hoisted_31$1, [(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, toDisplayString(name), 1),
+							createElementVNode("span", _hoisted_33, 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);
+							isTopUp ? (openBlock(), createElementBlock("span", _hoisted_34)) : createCommentVNode("v-if", true)
+						], 8, _hoisted_32$1);
 					}), 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,
+						key: 6,
 						class: "quick-use",
 						type: "button",
 						onClick: _cache[7] || (_cache[7] = ($event) => emit("quickUse", selectedCell.value.id))
@@ -2028,17 +2312,17 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					"aria-modal": "true",
 					"aria-label": __props.destroyConfirmTitle
 				}, [
-					createElementVNode("p", _hoisted_30, toDisplayString(__props.destroyConfirmTitle), 1),
-					createElementVNode("p", _hoisted_31, toDisplayString(__props.destroyConfirmListLabel), 1),
-					createElementVNode("ul", _hoisted_32, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.destroyNames, (name, index) => {
+					createElementVNode("p", _hoisted_36, toDisplayString(__props.destroyConfirmTitle), 1),
+					createElementVNode("p", _hoisted_37, toDisplayString(__props.destroyConfirmListLabel), 1),
+					createElementVNode("ul", _hoisted_38, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.destroyNames, (name, index) => {
 						return openBlock(), createElementBlock("li", { key: index }, toDisplayString(name), 1);
 					}), 128))]),
-					createElementVNode("p", _hoisted_33, toDisplayString(__props.destroyConfirmWarningLabel), 1),
-					__props.isDestroyFull ? (openBlock(), createElementBlock("p", _hoisted_34, toDisplayString(__props.destroyFullLabel), 1)) : createCommentVNode("v-if", true),
-					__props.destroyRecoveredNames.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("p", _hoisted_35, toDisplayString(__props.destroyRecoveredLabel), 1), createElementVNode("ul", _hoisted_36, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.destroyRecoveredNames, (name, index) => {
+					createElementVNode("p", _hoisted_39, toDisplayString(__props.destroyConfirmWarningLabel), 1),
+					__props.isDestroyFull ? (openBlock(), createElementBlock("p", _hoisted_40, toDisplayString(__props.destroyFullLabel), 1)) : createCommentVNode("v-if", true),
+					__props.destroyRecoveredNames.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("p", _hoisted_41, toDisplayString(__props.destroyRecoveredLabel), 1), createElementVNode("ul", _hoisted_42, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.destroyRecoveredNames, (name, index) => {
 						return openBlock(), createElementBlock("li", { key: index }, toDisplayString(name), 1);
 					}), 128))])], 64)) : createCommentVNode("v-if", true),
-					createElementVNode("div", _hoisted_37, [createElementVNode("button", {
+					createElementVNode("div", _hoisted_43, [createElementVNode("button", {
 						ref_key: "cancelButton",
 						ref: cancelButton,
 						class: "confirm-button",
@@ -2049,16 +2333,15 @@ var Index_default$19 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						class: "confirm-button",
 						type: "button",
 						onClick: _cache[9] || (_cache[9] = ($event) => emit("confirmDestroy"))
-					}, toDisplayString(__props.destroyConfirmButtonLabel), 9, _hoisted_38)])
-				], 8, _hoisted_29)) : createCommentVNode("v-if", true)
+					}, toDisplayString(__props.destroyConfirmButtonLabel), 9, _hoisted_44)])
+				], 8, _hoisted_35)) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-cf391b68"]]);
-//#endregion
-//#region src/components/LoadingSpinner/Index.vue
+}), [["__scopeId", "data-v-7a368ce5"]]);
+// src/components/LoadingSpinner/Index.vue
 const _hoisted_1$15 = ["aria-label"];
-var Index_default$21 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$22 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { label: {} },
 	setup(__props) {
@@ -2071,77 +2354,76 @@ var Index_default$21 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-69cb5a34"]]);
-//#endregion
-//#region src/components/OrnamentDivider/Index.vue
+// src/components/OrnamentDivider/Index.vue
 const _hoisted_1$14 = {
-	class: "ornament-divider",
-	"aria-hidden": "true"
-};
-const _hoisted_2$12 = {
 	class: "end",
 	viewBox: "0 0 320 224"
 };
-const _hoisted_3$10 = ["d"];
-const _hoisted_4$9 = {
+const _hoisted_2$12 = ["d"];
+const _hoisted_3$10 = {
+	key: 0,
 	class: "middle",
 	viewBox: "0 0 480 320"
 };
-const _hoisted_5$9 = ["d"];
-const _hoisted_6$8 = {
+const _hoisted_4$9 = ["d"];
+const _hoisted_5$9 = {
 	class: "end right",
 	viewBox: "0 0 320 224"
 };
-const _hoisted_7$8 = ["d"];
-var Index_default$22 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_6$8 = ["d"];
+var Index_default$23 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
+	props: {
+		isMiddleHidden: { type: Boolean },
+		opacity: { default: 1 }
+	},
 	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$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);
+			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", {
+				class: "ornament-divider",
+				"aria-hidden": "true",
+				style: normalizeStyle({ opacity: __props.opacity })
+			}, [
+				(openBlock(), createElementBlock("svg", _hoisted_1$14, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_2$12)])),
+				!__props.isMiddleHidden ? (openBlock(), createElementBlock("svg", _hoisted_3$10, [createElementVNode("path", { d: unref(ORNAMENT_MIDDLE_PATH) }, null, 8, _hoisted_4$9)])) : createCommentVNode("v-if", true),
+				(openBlock(), createElementBlock("svg", _hoisted_5$9, [createElementVNode("path", { d: unref(ORNAMENT_END_PATH) }, null, 8, _hoisted_6$8)]))
+			], 4)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-335021af"]]);
-//#endregion
-//#region src/components/PartySetupScreen/Index.vue
+}), [["__scopeId", "data-v-98fbdc00"]]);
+// 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_4$8 = { class: "resonance-text" };
 const _hoisted_5$8 = { class: "team" };
-const _hoisted_6$7 = { class: "slots" };
-const _hoisted_7$7 = ["data-empty"];
-const _hoisted_8$5 = {
+const _hoisted_6$7 = ["aria-label", "onClick"];
+const _hoisted_7$6 = { class: "slots" };
+const _hoisted_8$4 = {
 	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 = {
+const _hoisted_10$4 = ["d"];
+const _hoisted_11$4 = { class: "level" };
+const _hoisted_12$3 = {
 	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({
+const _hoisted_13$3 = { class: "foot" };
+const _hoisted_14$3 = ["aria-label"];
+const _hoisted_15$3 = { class: "team-name" };
+var Index_default$24 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		backLabel: {},
 		configureTeamLabel: {},
 		deployLabel: {},
+		nextLabel: {},
+		previousLabel: {},
 		quickSetupLabel: {},
+		resonanceLabel: {},
 		slots: {},
 		teamName: {},
 		title: {}
@@ -2156,55 +2438,84 @@ var Index_default$23 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		const steps = computed(() => [{
+			label: __props.previousLabel,
+			name: "previous"
+		}, {
+			label: __props.nextLabel,
+			name: "next"
+		}]);
 		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, [
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Party Setup as the English PC client draws it at 1080 high, its positions measured off the frame: the title, the step\n       dots, Elemental Resonance and Close at the top, the team's four members across the middle with a name plate over each\n       (its element's mark, its name and its level), the arrows at either edge to step to another team, and the foot's team\n       name, Configure Team, Quick Setup and Deploy. The members' art is the frame's own, drawn by no piece here "), createElementVNode("div", _hoisted_1$13, [
+				createElementVNode("header", _hoisted_2$11, [
+					_cache[4] || (_cache[4] = createStaticVNode("<svg class=\"party-icon\" viewBox=\"56 24 40 52\" aria-hidden=\"true\" data-v-11632b5d><circle class=\"back\" cx=\"84\" cy=\"35\" r=\"5.5\" data-v-11632b5d></circle><path class=\"back\" d=\"M80 44h13l-3.5 16q-2.5 8-5 8t-4-8z\" data-v-11632b5d></path><circle class=\"front\" cx=\"72\" cy=\"34.5\" r=\"6.5\" data-v-11632b5d></circle><path class=\"front\" d=\"M60 46h24l-11.5 25h-2z\" data-v-11632b5d></path></svg>", 1)),
+					createElementVNode("h1", _hoisted_3$9, toDisplayString(__props.title), 1),
+					_cache[5] || (_cache[5] = createStaticVNode("<svg class=\"steps\" viewBox=\"880 30 150 36\" aria-hidden=\"true\" data-v-11632b5d><path class=\"step-on\" d=\"M906 37l10.5 10.5-10.5 10.5-10.5-10.5z\" data-v-11632b5d></path><path class=\"step-off\" d=\"M942 39.5l8.5 8.5-8.5 8.5-8.5-8.5z M978 39.5l8.5 8.5-8.5 8.5-8.5-8.5z M1014 39.5l8.5 8.5-8.5 8.5-8.5-8.5z\" data-v-11632b5d></path></svg><div class=\"resonance-pill\" aria-hidden=\"true\" data-v-11632b5d></div><svg class=\"resonance-icon\" viewBox=\"0 0 136 120\" aria-hidden=\"true\" data-v-11632b5d><path fill-rule=\"evenodd\" d=\"M61.5 20h45l3 1 2.5 2.5 1 2v9l-5.5 4.5h-35l-2 1-1-1h-10l-4.5-3.5q-2-2.5-1-8l3.5-6.5q3.25.75 4-1z M23.5 21h11l4.5 3.5q2 2.5 1 8l-4.5 5.5q-2.83 2.17-9 1l-3-1-4.5-4.5v-6l1-3 3.5-3.5z M62.5 51h42q.75 1.75 4 1l3.5 2.5 2 5q-2.25 1.25-1 6l-3.5 3.5-2 1h-10l-1 1h-35l-3-1-4.5-4.5v-7l1-3 3.5-3.5q3.25.75 4-1z M25.5 52h9l5.5 5.5q1.53 9.03-3.5 11.5l-6 2h-3l-6.5-4.5q-2.33-3.17-1-10l5.5-4.5z M65.5 82l3 1h39l4.5 2.5 1 3v8l-2.5 3.5-3 1h-48l-5.5-4.5v-8q2.5-1 2-3.5l4.5-2q4 1 5-1z M27.5 83h4l5.5 2q-.5 2.5 2 3.5l1 5q-1.75.75-1 4l-2.5 2.5-3 1h-6l-1-1h-3l-2.5-1-2-6.5 1-1v-3l1-2.5 6.5-3z\" data-v-11632b5d></path></svg>", 3)),
+					createElementVNode("p", _hoisted_4$8, toDisplayString(__props.resonanceLabel), 1),
+					createVNode(Index_default$10, {
+						class: "close",
+						label: __props.backLabel,
+						mark: unref(CloseButtonMark).Cross,
+						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+					}, null, 8, ["label", "mark"])
+				]),
+				createElementVNode("section", _hoisted_5$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(steps.value, (step) => {
+					return openBlock(), createElementBlock("button", {
+						key: step.name,
+						class: normalizeClass(["step", step.name]),
+						"aria-label": step.label,
+						type: "button",
+						onClick: ($event) => step.name === "previous" ? emit("previous") : emit("next")
+					}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
+						viewBox: "54 514 40 52",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", {
+						class: "chevron",
+						d: "M58.5 540 80.5 520.5v7l-10.5 12.5 10.5 12.5v8z"
+					}), createElementVNode("path", {
+						class: "ornament",
+						d: "M71 540 81 530l9 10-9 10z"
+					})], -1)])], 10, _hoisted_6$7);
+				}), 128)), createElementVNode("ol", _hoisted_7$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.slots, (slot, index) => {
+					return openBlock(), createElementBlock("li", {
+						key: index,
+						class: "slot"
+					}, [slot.levelText ? (openBlock(), createElementBlock("div", _hoisted_8$4, [createElementVNode("span", _hoisted_9$4, [slot.elementMarkPath ? (openBlock(), createElementBlock("svg", {
+						key: 0,
+						class: "element",
+						style: normalizeStyle({ fill: slot.elementColor }),
+						viewBox: "0 0 1600 1600",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: slot.elementMarkPath }, null, 8, _hoisted_10$4)], 4)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(slot.name), 1)]), createElementVNode("span", _hoisted_11$4, toDisplayString(slot.levelText), 1)])) : (openBlock(), createElementBlock("span", _hoisted_12$3, "+"))]);
+				}), 128))])]),
+				createElementVNode("footer", _hoisted_13$3, [
 					createElementVNode("button", {
-						class: "step previous",
+						class: "configure",
+						"aria-label": __props.configureTeamLabel,
 						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))]),
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("configureTeam"))
+					}, null, 8, _hoisted_14$3),
+					createElementVNode("p", _hoisted_15$3, toDisplayString(__props.teamName), 1),
 					createElementVNode("button", {
-						class: "step next",
+						class: "quick",
 						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)])])
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("quickSetup"))
+					}, toDisplayString(__props.quickSetupLabel), 1),
+					createElementVNode("button", {
+						class: "deploy",
+						type: "button",
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("deploy"))
+					}, toDisplayString(__props.deployLabel), 1),
+					_cache[7] || (_cache[7] = createStaticVNode("<svg class=\"foot-art\" viewBox=\"0 0 1920 1080\" aria-hidden=\"true\" data-v-11632b5d><path class=\"list\" d=\"M64 1008h24v3H64zM64 1015h22v3H64zM64 1023h20v3H64z\" data-v-11632b5d></path><circle class=\"list\" cx=\"88\" cy=\"1018\" r=\"3.5\" data-v-11632b5d></circle><path class=\"list\" d=\"M84 1023h9l-4.5 9z\" data-v-11632b5d></path><circle class=\"dark\" cx=\"1210\" cy=\"1020\" r=\"20\" data-v-11632b5d></circle><circle class=\"green\" cx=\"1210\" cy=\"1013\" r=\"4.5\" data-v-11632b5d></circle><path class=\"green\" d=\"M1202 1019h16l-8 12z\" data-v-11632b5d></path><circle class=\"dim\" cx=\"1556\" cy=\"1020\" r=\"14\" data-v-11632b5d></circle><g class=\"pencil\" transform=\"translate(216 1004) scale(0.25)\" data-v-11632b5d><path fill-rule=\"evenodd\" d=\"M88.5 24h4l4.5 2q-1.12 2.67 1.5 2l3.5 5.5v6q-.75 3.25-5.5 2.5l-11.5-10.5-1-4 1-2.5q2.58.75 3.5-1z M74.5 37h5l11.5 11.5-1 4-11.5 12.5-10.5 9.5-5.5 6.5-9 6q-3.25-.75-4 1h-6l-3.5-2.5q-2-2.5-1-8l4-9 19.5-20.5q2.25.75 1.5-1.5l10.5-9.5z M28.5 22h43l.5 1.5q2 1 0 2l-4.5 5.5h-35l-3.5 2.5v59l-1 1 2.5 3.5 3 1h9l1-1h27l1 1h8l1-1h7l3 1 3-1 2.5-2.5v-34l3.5-4.5q3.75-.75 4.5 1.5-1 4 1 5v33q-1.75.75-1 4l-3.5 5.5-4 2h-68l-6.5-4.5-2-4v-67l2-5 2.5-2.5 4-2z\" data-v-11632b5d></path></g></svg>", 1))
+				])
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-876761d0"]]);
-//#endregion
-//#region src/components/ProgressBar/Index.vue
+}), [["__scopeId", "data-v-11632b5d"]]);
+// src/components/ProgressBar/Index.vue
 const _hoisted_1$12 = ["aria-valuenow"];
 const _hoisted_2$10 = { class: "track" };
-var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$26 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		isFolded: { type: Boolean },
@@ -2228,20 +2539,18 @@ var Index_default$25 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			], 10, _hoisted_1$12)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-bea8e745"]]);
-//#endregion
-//#region src/components/PromptBand/Index.vue
+}), [["__scopeId", "data-v-bd43e432"]]);
+// src/components/PromptBand/Index.vue
 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$26 = /*#__PURE__*/ export_helper_default(_sfc_main$12, [["render", _sfc_render], ["__scopeId", "data-v-8c88bb3d"]]);
-//#endregion
-//#region src/components/RarityStars/Index.vue
+var Index_default$27 = /*#__PURE__*/ export_helper_default(_sfc_main$12, [["render", _sfc_render], ["__scopeId", "data-v-8c88bb3d"]]);
+// src/components/RarityStars/Index.vue
 const _hoisted_1$10 = { class: "stars" };
-var Index_default$27 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { rarity: {} },
 	setup(__props) {
@@ -2250,8 +2559,7 @@ var Index_default$27 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-a4c4ddf9"]]);
-//#endregion
-//#region src/components/ReputationScreen/Index.vue
+// src/components/ReputationScreen/Index.vue
 const _hoisted_1$9 = { class: "reputation-screen" };
 const _hoisted_2$8 = { class: "head" };
 const _hoisted_3$8 = {
@@ -2262,8 +2570,8 @@ const _hoisted_3$8 = {
 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 = {
+const _hoisted_7$5 = { class: "requirement" };
+const _hoisted_8$3 = {
 	key: 0,
 	class: "offer"
 };
@@ -2274,9 +2582,9 @@ const _hoisted_11$3 = [
 	"data-achieved",
 	"onClick"
 ];
-const _hoisted_12$3 = { class: "badge" };
-const _hoisted_13$3 = { class: "badge-face" };
-const _hoisted_14$3 = { class: "badge-word" };
+const _hoisted_12$2 = { class: "badge" };
+const _hoisted_13$2 = { class: "badge-face" };
+const _hoisted_14$2 = { class: "badge-word" };
 const _hoisted_15$2 = { class: "badge-number" };
 const _hoisted_16$2 = { class: "items" };
 const _hoisted_17$2 = {
@@ -2298,7 +2606,7 @@ const _hoisted_22$1 = {
 	key: 2,
 	class: "status"
 };
-var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$29 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		achievedLabel: {},
@@ -2326,13 +2634,13 @@ var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					type: "button",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
 				}, "↶", 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) => {
+				createElementVNode("section", _hoisted_5$7, [createElementVNode("p", _hoisted_6$6, toDisplayString(__props.headline), 1), createElementVNode("p", _hoisted_7$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requirement, ({ color, text }, index) => {
 					return openBlock(), createElementBlock("span", {
 						key: index,
 						style: normalizeStyle({ color })
 					}, toDisplayString(text), 5);
 				}), 128))])]),
-				__props.offer ? (openBlock(), createElementBlock("section", _hoisted_8$4, [createElementVNode("p", _hoisted_9$3, toDisplayString(__props.offer.title), 1), createElementVNode("button", {
+				__props.offer ? (openBlock(), createElementBlock("section", _hoisted_8$3, [createElementVNode("p", _hoisted_9$3, toDisplayString(__props.offer.title), 1), createElementVNode("button", {
 					class: "accept",
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => emit("accept"))
@@ -2345,12 +2653,13 @@ var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						type: "button",
 						onClick: ($event) => level.value = cell.level
 					}, [
-						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_12$2, [createElementVNode("span", _hoisted_13$2, [createElementVNode("span", _hoisted_14$2, 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, {
+							return openBlock(), createBlock(Index_default$21, {
 								key: index,
 								class: "item",
 								"aria-label": label,
+								"count-size": "21cqh",
 								count,
 								rarity,
 								role: "img"
@@ -2367,9 +2676,8 @@ var Index_default$28 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-9468271c"]]);
-//#endregion
-//#region src/models/InterfaceIcon.ts
+}), [["__scopeId", "data-v-1b283fc6"]]);
+// src/models/InterfaceIcon.ts
 let InterfaceIcon = /* @__PURE__ */ function(InterfaceIcon) {
 	InterfaceIcon["Exit"] = "Exit";
 	InterfaceIcon["Notice"] = "Notice";
@@ -2379,8 +2687,7 @@ let InterfaceIcon = /* @__PURE__ */ function(InterfaceIcon) {
 	return InterfaceIcon;
 }({});
 const InterfaceIcons = Object.values(InterfaceIcon);
-//#endregion
-//#region src/services/InterfaceIconCentreMap.ts
+// src/services/InterfaceIconCentreMap.ts
 const InterfaceIconCentreMap = {
 	["Exit"]: [26.6, 24.75],
 	["Notice"]: [24, 25.8],
@@ -2388,8 +2695,7 @@ const InterfaceIconCentreMap = {
 	["Repair"]: [24, 26],
 	["Settings"]: [23.95, 25]
 };
-//#endregion
-//#region src/services/InterfaceIconPathMap.ts
+// src/services/InterfaceIconPathMap.ts
 const InterfaceIconPathMap = {
 	["Exit"]: "m14.3 8.16h17.06l.09.09.66.09.56.28.89.8.66 1.5v.56l.09.1v2.25q-.16.07-.09.37l-.42.71-.57.18h-2.06l-.09-.09-.56-.09-.33-.33q.07-.31-.1-.38v-1.12l-.42-.52-.65-.47h-11.72l-.61.33-.38.75v23.25l.19.47.33.42.47.19h11.72l.98-.8.09-.18v-1.22l.1-.28.33-.33q.17-.16.56-.1l.09-.09h2.06q.07.16.38.09l.33.24.37.84v2.44l-.09.09v.47l-.28.56v.19l-.38.75-.23.24-.66.56-.56.28-.66.09-.09.1h-17.06l-1.13-.38q-.33-.5-.89-.65-.2-.82-.75-1.36l-.09-.28v-.47l-.1-.1v-26.81q.21-.12.1-.56l.18-.38.38-.47.19-.56.42-.42.56-.47 1.13-.37zm19.03 9h.47l.75.28 2.25 2.15 2.2 1.93.14.23q.43.08.61.42l.33.42 1.17.99.42.51.24.14.09.29v.56l-.09.28-.33.33q-.21-.07-.14.14l-.94.84-.14.24-.52.32-.42.52-.42.33-.23.33q-.46.15-.71.51.07.21-.14.14l-1.69 1.6-.56.46h-.14l-.14.29-1.12.93q-.31-.07-.38.1h-.56l-.71-.52-.28-.75v-3.75l-.23-.33h-7.59l-.47-.18-.52-.52-.19-.47v-2.15l.28-.66.52-.52.28-.09h7.13l.18.09q.07-.16.38-.09l.23-.23v-3.85l.1-.09q-.07-.39.09-.56l.42-.43.38-.18z",
 	["Notice"]: "m14.67 11.16h1.41q.63.21.98.7l.28.84v3.1q-.21.11-.09.56l-.19.37-.42.43-.56.28h-1.41l-.65-.28-.33-.33-.28-.56v-3.85l.18-.56.43-.42.65-.28zm18 0h1.41q.63.21.98.7l.19.37q-.12.45.09.57v3.18l-.09.1-.09.56-.52.52-.56.28h-1.41l-.89-.38-.37-.89v-3.75l.28-.65.33-.33.65-.28zm-4.03 2.9.38.1.23.23.09.28v2.44l.89 1.64.52.33.33.42 1.31.56q.45-.11.56.1h.85q.11-.21.56-.1l1.55-.65v-.14l.32-.43q.37-.05.52-.32l.66-1.97v-1.97l.32-.33.29-.09.09.09h.37l.47.19 1.08.98.47.75.09.66.1.09v20.53l-.1.1-.09.65-.28.57-.8.89-.56.18-.84.57h-.85l-.09.09h-26.16l-.09-.09h-.66l-.28-.1q-.45-.49-1.22-.65l-.33-.33-.56-.75-.37-1.13v-20.62l.37-1.03.99-1.08.37-.28.56-.19q.38.09.47-.09h.85l.23.23.09.28v2.44l.19.47.28.28.28.56v.19l.24.23.75.66 1.03.47.28.09h.47l.09.1h1.03l.1-.1.56-.09.66-.38h.18l.43-.18v-.14l.61-.61q.21.07.14-.14l.65-1.5q-.11-.45.1-.57v-1.87l.23-.33.19-.09h8.72l.09-.1zm-14.48 10.03-.28.1-.66.56-.38.37-.09.29v1.31l.09.19.85.75.56.18h19.69l.56-.18.75-.75.09-.29v-1.12l-.18-.47-.28-.28-.38-.28v-.19l-.38-.19h-19.96zm-.19 7.97-.56.28-.47.47-.19.47v1.13l.19.47.47.37.56.28h.65l.1.09h.56l.1-.09h18.84l.66-.37.37-.47.09-.28v-1.13l-.28-.56-.84-.66h-20.25z",
@@ -2397,8 +2703,7 @@ const InterfaceIconPathMap = {
 	["Repair"]: "m29.02 9.28q.37-.09.46.1h1.22q.1.18.47.09l.1.09 1.4.28.24.24.09.56q-.16.07-.09.38l-.33.32-.33.24-.33.42-.42.33-.33.42-.33.23-.23.43-.52.32-.18.43q-.47.11-.75.51l-.24.33-.23.14-.42.61-.33.23-.28.66q.07.31-.1.38v.56l-.09.09v2.81l.09.1v.28l.28.84.8.8.56.19h.28l.1.09h3.28l.09-.09.75-.1.47-.28 2.58-2.39 1.08-1.26.33-.24.23-.33.84-.75h.66l.42.33.28.75v.75l.1.1v3.09l-.1.09v.57l-.09.09v.47l-.19.47v.28l-.47.94-.18.75-.47.46-.19.47q-.56.43-.84 1.13l-.99 1.08-.61.42q.07.21-.14.14-.35.4-.94.56l-.28.28-.84.38h-.19l-.65.47-1.41.28-.28.19-.85.28h-1.4q-.12.21-.56.09l-.1-.09h-1.12q-.07-.17-.38-.1l-.65-.37h-.29l-.46-.19h-.38l-.94-.47-.84-.19q-.49-.17-.75-.56l-.47-.19-1.17-1.07q.07-.22-.14-.14l-1.17-1.27q-.1-.47-.47-.66l-.57-1.22v-.28l-.28-.65-.18-1.03-.38-.66-.09-.28v-.47l-.1-.09v-3l.1-.1v-.56l.09-.28.47-.94.09-.75.66-1.22v-.19l.28-.56.38-.37q.11-.54.51-.8l.33-.23q.06-.37.33-.52l1.59-1.31.66-.28.47-.47.65-.19.94-.56.66-.1.09-.09h.47l.84-.28 1.22-.09.1-.1zm-12.29 17.72q.52-.09.61.23.13.58.57.85l.47.98h.14l.32.33.43.61.32.23.33.43.33.23q.06.36.33.52l.37.09.57.56 1.03.47.61.52.09.37q-.64.96-1.5 1.69v.14h-.14l-1.27 1.17-.42.52-.23.14-.94 1.03v.14h-.14l-1.27 1.17-.32.42-.33.24-1.27 1.36-.42.33q.07.21-.14.14l-.19.18h-.19l-.37.29-.84.37h-.75l-.1.09h-1.12l-.1-.09h-.56l-.66-.28-.18-.19-.66-.28-.8-.7-.65-.94-.1-.56-.09-.1q.09-.37-.09-.47v-2.06l.09-.09.09-.66.29-.56.89-1.17.42-.33.42-.52.42-.32.14-.24.61-.51.14-.24.42-.33.43-.51.42-.33.42-.52.33-.23.33-.42.42-.33.23-.33.42-.33.43-.51.42-.33.42-.52.42-.32.14-.24.56-.28zm-5.57 9.94-.47.18v.19l-.66.85v.84l.19.38.75.65.65.28.38-.09.47-.28.56-.56.19-.47v-.85l-.56-.75-.38-.37h-1.12z",
 	["Settings"]: "m17.95 8.25h.94q.07.16.38.09l.37.19.66.56.28.1.47.47q.76.22 1.22.75l.56.18h.37l.1.1h1.4q.12-.21.57-.1l.65-.28.28-.28.85-.37.47-.47.28-.1.65-.56.38-.19q.37.1.47-.09h.84l.09.09h.47l.28.1.66.47.84.37.66.56.38.1.56.56q.43.08.61.42l.56.66.09.56.1.09v.38l.09.09v.75l-.09.1v.56l-.1.09v2.35q.17.07.1.37.44.5.65 1.22l.89.89.75.56.38.1.56.47h.19l.84.37.89.8.66 1.22v.75l.09.09v3.84l-.09.1v.56l-.19.38-.79.89q-.81.27-1.41.75l-.84.28-1.18.98-.65.75-.85 1.6v2.53l.1.09v.66q.16.07.09.37l-.09.1-.1.84-.28.56-.33.33-.32.23-.24.33-.56.28h-.19l-.33.33-.14.24q-.7.18-1.03.75l-.84.37-.56.19h-.38l-.09.09h-.66q-.07-.16-.37-.09l-.66-.38h-.19l-.65-.65-.29-.1-.84-.75-.66-.18-.65-.38q-.45.12-.56-.09h-.94l-.1.09-.65.1-1.22.56-.47.47-.56.28-.33.33-.14.23q-.64.11-1.03.47-.31-.07-.38.09h-.65l-.1-.09-.65-.1-.28-.18-.85-.28-.56-.57-.61-.32-.23-.33q-1.18-.42-1.83-1.36l-.28-.85v-.46l-.1-.29.1-.09v-.66l.09-.09v-1.5l.09-.28-.09-.09v-.75l-.09-.29q-.52-.51-.75-1.31l-1.08-1.17q-.49-.17-.75-.56l-.66-.19-1.59-.84-.33-.33-.47-.56-.19-.38q.12-.44-.09-.56v-4.13l.09-.09v-.56l.1-.28.56-.94.33-.33.56-.47.84-.28.75-.56.57-.19 1.45-1.36.75-1.5v-2.44l-.09-.09v-.56l-.1-.1v-.84l.1-.09.18-.94.89-.99.61-.32.24-.33.65-.28.38-.38 1.03-.47.19-.19.56-.28q.45.12.56-.09zm5.11 9.94-1.97.65-.84.66-.28.09-.47.57-.19.09-.37.37-.94 1.41-.09.47-.57 1.03v.75l-.09.1v1.31l.09.09v.66q.19 0 .1.37l.47.66.28.94.56.56.09.28q.75.84 1.78 1.5l.76.19.84.56q.28-.09.47.09h2.62q.1-.18.57-.09l1.21-.66.57-.18.75-.57.84-.84.09-.28.66-.66.09-.56.66-1.13v-.74l.09-.1v-1.5l-.09-.09v-.66q-.19-.09-.09-.37l-.57-.94-.18-.56-.66-.75-.09-.29-.28-.28-.29-.28-1.12-1.03-.85-.37h-.28l-.75-.38q-.47.1-.47-.09h-2.06z"
 };
-//#endregion
-//#region src/components/RoundButton/Index.vue
+// src/components/RoundButton/Index.vue
 const _hoisted_1$8 = ["viewBox"];
 const _hoisted_2$7 = ["d"];
 const _hoisted_3$7 = [
@@ -2407,7 +2712,7 @@ const _hoisted_3$7 = [
 	"r",
 	"stroke-width"
 ];
-var Index_default$29 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$30 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		icon: {},
@@ -2415,7 +2720,7 @@ var Index_default$29 = /*#__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 "), createVNode(Index_default$13, {
+			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$14, {
 				label: __props.label,
 				size: 52
 			}, {
@@ -2439,8 +2744,7 @@ var Index_default$29 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-4f52a820"]]);
-//#endregion
-//#region src/components/ServerBar/Index.vue
+// src/components/ServerBar/Index.vue
 const _hoisted_1$7 = { class: "server-bar" };
 const _hoisted_2$6 = {
 	class: "mark",
@@ -2450,7 +2754,7 @@ const _hoisted_2$6 = {
 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({
+var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: { name: {} },
 	setup(__props) {
@@ -2465,8 +2769,7 @@ var Index_default$31 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-6b68b3eb"]]);
-//#endregion
-//#region src/components/ShopScreen/Index.vue
+// src/components/ShopScreen/Index.vue
 const _hoisted_1$6 = { class: "shop-screen" };
 const _hoisted_2$5 = { class: "balances" };
 const _hoisted_3$5 = ["aria-label"];
@@ -2480,17 +2783,17 @@ const _hoisted_5$5 = {
 	class: "tabs"
 };
 const _hoisted_6$5 = ["aria-pressed", "onClick"];
-const _hoisted_7$5 = { class: "goods" };
-const _hoisted_8$3 = ["aria-pressed", "onClick"];
+const _hoisted_7$4 = { class: "goods" };
+const _hoisted_8$2 = ["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_12$1 = ["aria-label"];
+const _hoisted_13$1 = { class: "detail-good" };
+const _hoisted_14$1 = { class: "detail-name" };
 const _hoisted_15$1 = ["aria-label"];
 const _hoisted_16$1 = {
 	key: 0,
@@ -2508,7 +2811,7 @@ const _hoisted_18$1 = [
 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({
+var Index_default$33 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		balances: {},
@@ -2547,7 +2850,7 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 		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, {
+				createVNode(Index_default$31, {
 					class: "heading",
 					role: "heading",
 					"aria-level": "1"
@@ -2569,7 +2872,7 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						balance.isTopUp ? (openBlock(), createElementBlock("span", _hoisted_4$5, "+")) : createCommentVNode("v-if", true)
 					]);
 				}), 128))]),
-				createVNode(Index_default$13, {
+				createVNode(Index_default$14, {
 					class: "close",
 					label: __props.closeLabel,
 					size: 56,
@@ -2589,7 +2892,7 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						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) => {
+				createElementVNode("ul", _hoisted_7$4, [(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,
@@ -2608,7 +2911,7 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 								"aria-label": cost.name
 							}, null, 8, _hoisted_11$2), createTextVNode(" " + toDisplayString(cost.count), 1)]);
 						}), 128))
-					], 8, _hoisted_8$3)]);
+					], 8, _hoisted_8$2)]);
 				}), 128))]),
 				pickedGood.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -2617,8 +2920,8 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					"aria-modal": "true",
 					"aria-label": pickedGood.value.name
 				}, [
-					createElementVNode("div", _hoisted_13$2, [
-						createElementVNode("p", _hoisted_14$2, toDisplayString(pickedGood.value.name), 1),
+					createElementVNode("div", _hoisted_13$1, [
+						createElementVNode("p", _hoisted_14$1, toDisplayString(pickedGood.value.name), 1),
 						(openBlock(true), createElementBlock(Fragment, null, renderList(pickedGood.value.costs, (cost) => {
 							return openBlock(), createElementBlock("p", {
 								key: cost.name,
@@ -2657,40 +2960,43 @@ var Index_default$32 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						type: "button",
 						onClick: _cache[3] || (_cache[3] = ($event) => buy())
 					}, toDisplayString(__props.buyLabel), 9, _hoisted_21$1)
-				], 8, _hoisted_12$2)) : createCommentVNode("v-if", true)
+				], 8, _hoisted_12$1)) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
 }), [["__scopeId", "data-v-af7ce84f"]]);
-//#endregion
-//#region src/components/WeaponMenu/Index.vue
+// src/models/WeaponMenuTab.ts
+let WeaponMenuTab = /* @__PURE__ */ function(WeaponMenuTab) {
+	WeaponMenuTab["Ascend"] = "Ascend";
+	WeaponMenuTab["Enhance"] = "Enhance";
+	WeaponMenuTab["Refine"] = "Refine";
+	return WeaponMenuTab;
+}({});
+// 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({
+const _hoisted_2$4 = { class: "kind" };
+const _hoisted_3$4 = { class: "breadcrumb" };
+const _hoisted_4$4 = { class: "tabs" };
+const _hoisted_5$4 = { class: "row" };
+const _hoisted_6$4 = { class: "label" };
+const _hoisted_7$3 = ["aria-pressed", "onClick"];
+const _hoisted_8$1 = { class: "label" };
+const _hoisted_9$1 = ["aria-label"];
+const _hoisted_10$1 = {
+	class: "close-arrow",
+	viewBox: "0 0 30 30",
+	"aria-hidden": "true"
+};
+const _hoisted_11$1 = ["d"];
+var Index_default$36 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		actionLabel: {},
-		ascension: {},
 		closeLabel: {},
-		experienceRatio: {},
-		experienceText: {},
+		detailsLabel: {},
 		isActionDisabled: { type: Boolean },
-		levelText: {},
+		kind: {},
 		name: {},
-		rarity: {},
-		refinement: {},
 		tabs: {}
 	}, {
 		"tab": { required: true },
@@ -2701,64 +3007,50 @@ var Index_default$35 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		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", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" The weapon screen's frame, drawn on the game's 1920 by 864 reference: the weapon's name at the top left, the tab column\n       down the left with its Details row and the open tab lit, the open tab's body in the slot, and its action at the foot "), 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", {
+				createElementVNode("p", _hoisted_2$4, toDisplayString(__props.kind) + " /", 1),
+				createElementVNode("p", _hoisted_3$4, toDisplayString(__props.name), 1),
+				createElementVNode("ul", _hoisted_4$4, [createElementVNode("li", _hoisted_5$4, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "diamond" }, null, -1)), createElementVNode("span", _hoisted_6$4, toDisplayString(__props.detailsLabel), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (menuTab) => {
+					return openBlock(), createElementBlock("li", {
+						key: menuTab.tab,
+						class: "row"
+					}, [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)]);
+					}, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "diamond" }, null, -1)), createElementVNode("span", _hoisted_8$1, toDisplayString(menuTab.label), 1)], 8, _hoisted_7$3)]);
 				}), 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", {
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				createVNode(Index_default$17, {
 					class: "action",
 					disabled: __props.isActionDisabled,
-					type: "button",
+					kind: tab.value === unref(WeaponMenuTab).Ascend ? unref(GameButtonKind).Gold : unref(GameButtonKind).Pill,
+					tip: "",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
-				}, toDisplayString(__props.actionLabel), 9, _hoisted_13$1),
+				}, {
+					default: withCtx(() => [createElementVNode("span", {
+						class: normalizeClass(["action-icon", { coin: tab.value === unref(WeaponMenuTab).Ascend }]),
+						"aria-hidden": "true"
+					}, null, 2), createTextVNode(" " + toDisplayString(__props.actionLabel), 1)]),
+					_: 1
+				}, 8, ["disabled", "kind"]),
 				createElementVNode("button", {
 					class: "close",
 					"aria-label": __props.closeLabel,
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
-				}, "↶", 8, _hoisted_14$1)
+				}, [(openBlock(), createElementBlock("svg", _hoisted_10$1, [createElementVNode("path", { d: unref(BACK_ARROW_PATH) }, null, 8, _hoisted_11$1)]))], 8, _hoisted_9$1)
 			], 8, _hoisted_1$5)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-f3f59f0e"]]);
-//#endregion
-//#region src/components/WishPath/Index.vue
+}), [["__scopeId", "data-v-06b6b58a"]]);
+// src/components/WishPath/Index.vue
 const _hoisted_1$4 = { class: "fate-points" };
-var Index_default$38 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		fatePoints: {},
@@ -2775,16 +3067,14 @@ var Index_default$38 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		};
 	}
 }), [["__scopeId", "data-v-2456390c"]]);
-//#endregion
-//#region src/components/WishDetails/Index.vue
+// 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({
+const _hoisted_4$3 = { class: "pool" };
+const _hoisted_5$3 = { class: "pool-items" };
+const _hoisted_6$3 = ["data-featured"];
+var Index_default$37 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		closeLabel: {},
@@ -2804,25 +3094,25 @@ var Index_default$36 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				"aria-label": __props.title
 			}, [createElementVNode("div", _hoisted_2$3, [
 				createElementVNode("p", _hoisted_3$3, toDisplayString(__props.title), 1),
-				createElementVNode("button", {
+				createVNode(Index_default$10, {
 					class: "close",
-					type: "button",
-					"aria-label": __props.closeLabel,
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "✕", 8, _hoisted_4$3),
-				createElementVNode("ul", _hoisted_5$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(poolRarityCellsMap.value, ([rarity, cells]) => {
+				}, null, 8, ["label", "mark"]),
+				createElementVNode("ul", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(poolRarityCellsMap.value, ([rarity, cells]) => {
 					return openBlock(), createElementBlock("li", {
 						key: rarity,
 						class: "pool-rarity"
-					}, [createVNode(Index_default$27, { rarity }, null, 8, ["rarity"]), createElementVNode("ul", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells, ({ id, isFeatured, name }) => {
+					}, [createVNode(Index_default$28, { rarity }, null, 8, ["rarity"]), createElementVNode("ul", _hoisted_5$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_7$3);
+						}, toDisplayString(name), 9, _hoisted_6$3);
 					}), 128))])]);
 				}), 128))]),
-				__props.pathLabel ? (openBlock(), createBlock(Index_default$38, {
+				__props.pathLabel ? (openBlock(), createBlock(Index_default$39, {
 					key: 0,
 					"path-label": __props.pathLabel,
 					"fate-points": __props.fatePoints
@@ -2830,18 +3120,16 @@ var Index_default$36 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			])], 8, _hoisted_1$3)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-abdcc945"]]);
-//#endregion
-//#region src/components/WishHistory/Index.vue
+}), [["__scopeId", "data-v-5b167aa9"]]);
+// 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({
+const _hoisted_4$2 = { class: "draws" };
+const _hoisted_5$2 = { class: "time" };
+const _hoisted_6$2 = { class: "banner" };
+const _hoisted_7$2 = { class: "name" };
+var Index_default$38 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		closeLabel: {},
@@ -2858,65 +3146,89 @@ var Index_default$37 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 				"aria-label": __props.title
 			}, [createElementVNode("div", _hoisted_2$2, [
 				createElementVNode("p", _hoisted_3$2, toDisplayString(__props.title), 1),
-				createElementVNode("button", {
+				createVNode(Index_default$10, {
 					class: "close",
-					type: "button",
-					"aria-label": __props.closeLabel,
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					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) => {
+				}, null, 8, ["label", "mark"]),
+				createElementVNode("ul", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.history, ({ bannerLabel, name, rarity, time }, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: index,
 						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"])
+						createElementVNode("span", _hoisted_5$2, toDisplayString(time), 1),
+						createElementVNode("span", _hoisted_6$2, toDisplayString(bannerLabel), 1),
+						createElementVNode("span", _hoisted_7$2, toDisplayString(name), 1),
+						createVNode(Index_default$28, { rarity }, null, 8, ["rarity"])
 					]);
 				}), 128))])
 			])], 8, _hoisted_1$2)], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-86f92bab"]]);
-//#endregion
-//#region src/components/WishScreen/Index.vue
+}), [["__scopeId", "data-v-b75c8439"]]);
+// src/components/WishScreen/Index.vue
 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 = {
+const _hoisted_3$1 = { class: "currencies currencies-top" };
+const _hoisted_4$1 = ["aria-label"];
+const _hoisted_5$1 = { class: "currency-count" };
+const _hoisted_6$1 = { class: "currencies currencies-bottom" };
+const _hoisted_7$1 = ["aria-label"];
+const _hoisted_8 = { class: "currency-count" };
+const _hoisted_9 = {
 	key: 0,
 	class: "card"
 };
-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 = {
+const _hoisted_10 = { class: "tag" };
+const _hoisted_11 = {
 	key: 0,
-	class: "featured"
+	class: "card-title"
 };
-const _hoisted_11 = { class: "featured-name" };
-const _hoisted_12 = { class: "featured-title" };
-const _hoisted_13 = { class: "links" };
+const _hoisted_12 = {
+	key: 1,
+	class: "rule",
+	"aria-hidden": "true"
+};
+const _hoisted_13 = { class: "probability" };
 const _hoisted_14 = {
+	key: 2,
+	class: "rate-up"
+};
+const _hoisted_15 = { class: "notice" };
+const _hoisted_16 = {
+	key: 3,
+	class: "time-label"
+};
+const _hoisted_17 = {
+	key: 4,
+	class: "time-duration"
+};
+const _hoisted_18 = {
+	key: 5,
+	class: "featured"
+};
+const _hoisted_19 = { class: "featured-name" };
+const _hoisted_20 = { class: "featured-stars" };
+const _hoisted_21 = { class: "featured-title" };
+const _hoisted_22 = { class: "links" };
+const _hoisted_23 = {
 	key: 2,
 	class: "sets"
 };
-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 = {
+const _hoisted_24 = { class: "set-label" };
+const _hoisted_25 = { class: "cost" };
+const _hoisted_26 = { class: "set-label" };
+const _hoisted_27 = { class: "cost" };
+const _hoisted_28 = { class: "result-list" };
+const _hoisted_29 = ["data-capturing-radiance", "data-rarity"];
+const _hoisted_30 = { class: "result-name" };
+const _hoisted_31 = {
 	key: 0,
 	class: "result-stella-fortuna"
 };
-const _hoisted_23 = { class: "result-return" };
-var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
+const _hoisted_32 = { class: "result-return" };
+var Index_default$40 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: /*@__PURE__*/ mergeModels({
 		backLabel: {},
@@ -2925,6 +3237,7 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		currencies: {},
 		detailsLabel: {},
 		fatePoints: {},
+		fiveStarNotice: {},
 		history: {},
 		historyLabel: {},
 		pathLabel: {},
@@ -2934,10 +3247,12 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		results: {},
 		sets: {},
 		shopLabel: {},
+		timeRemainingLabel: {},
+		timeRemainingText: {},
 		title: {},
 		trialLabel: {}
 	}, {
-		"bannerId": {},
+		"bannerId": { default: "" },
 		"bannerIdModifiers": {}
 	}),
 	emits: /*@__PURE__*/ mergeModels([
@@ -2958,9 +3273,16 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			const openBanner = __props.banners.find(({ id }) => id === bannerId.value);
 			return openBanner && getLabelText(openBanner.label);
 		});
+		const topUpCurrencies = computed(() => __props.currencies.filter(({ isTopUp }) => isTopUp));
+		const bottomCurrencies = computed(() => __props.currencies.filter(({ isTopUp }) => !isTopUp));
 		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$1, [
-				createVNode(Index_default$30, {
+			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, [
+				_cache[10] || (_cache[10] = createElementVNode("span", {
+					class: "sparkle star",
+					"aria-hidden": "true"
+				}, null, -1)),
+				createVNode(Index_default$31, {
+					class: "heading",
 					role: "heading",
 					"aria-level": "1"
 				}, {
@@ -2968,11 +3290,12 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					_: 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, {
+					return openBlock(), createElementBlock("li", { key: banner.id }, [createVNode(Index_default$17, {
 						class: "banner",
 						"aria-label": getLabelText(banner.label),
 						"aria-pressed": banner.id === bannerId.value,
 						kind: unref(GameButtonKind).Row,
+						tip: "",
 						onClick: ($event) => bannerId.value = banner.id
 					}, null, 8, [
 						"aria-label",
@@ -2981,86 +3304,116 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"onClick"
 					])]);
 				}), 128))]),
-				createElementVNode("ul", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.currencies, ({ id, name, quantity }) => {
+				createElementVNode("ul", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(topUpCurrencies.value, ({ id, name, quantity }) => {
 					return openBlock(), createElementBlock("li", {
 						key: id,
 						class: "currency"
-					}, [createElementVNode("span", _hoisted_4$1, toDisplayString(name), 1), createTextVNode(" " + toDisplayString(quantity), 1)]);
+					}, [
+						createElementVNode("span", {
+							class: "currency-icon",
+							role: "img",
+							"aria-label": name
+						}, null, 8, _hoisted_4$1),
+						createElementVNode("span", _hoisted_5$1, toDisplayString(quantity), 1),
+						_cache[8] || (_cache[8] = createElementVNode("span", {
+							class: "top-up",
+							"aria-hidden": "true"
+						}, "+", -1))
+					]);
 				}), 128))]),
-				createVNode(Index_default$16, {
-					class: "back",
-					"aria-label": __props.backLabel,
-					kind: unref(GameButtonKind).Plain,
+				createElementVNode("ul", _hoisted_6$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(bottomCurrencies.value, ({ id, name, quantity }) => {
+					return openBlock(), createElementBlock("li", {
+						key: id,
+						class: "currency"
+					}, [createElementVNode("span", {
+						class: "currency-icon",
+						role: "img",
+						"aria-label": name
+					}, null, 8, _hoisted_7$1), createElementVNode("span", _hoisted_8, toDisplayString(quantity), 1)]);
+				}), 128))]),
+				createVNode(Index_default$10, {
+					class: "close",
+					label: __props.backLabel,
+					mark: unref(CloseButtonMark).Cross,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, {
-					default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("✕", -1)])]),
-					_: 1
-				}, 8, ["aria-label", "kind"]),
-				__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) => {
+				}, null, 8, ["label", "mark"]),
+				bannerLabelText.value && __props.fiveStarNotice ? (openBlock(), createElementBlock("section", _hoisted_9, [
+					createElementVNode("p", _hoisted_10, toDisplayString(bannerLabelText.value), 1),
+					__props.bannerCard ? (openBlock(), createElementBlock("p", _hoisted_11, [(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_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)
+					}), 128))])) : createCommentVNode("v-if", true),
+					__props.bannerCard ? (openBlock(), createElementBlock("span", _hoisted_12)) : createCommentVNode("v-if", true),
+					createElementVNode("p", _hoisted_13, toDisplayString(__props.probabilityLabel), 1),
+					__props.bannerCard ? (openBlock(), createElementBlock("p", _hoisted_14, [_cache[9] || (_cache[9] = createElementVNode("span", {
+						class: "sparkle small",
+						"aria-hidden": "true"
+					}, null, -1)), createTextVNode(toDisplayString(__props.bannerCard.rateUp), 1)])) : createCommentVNode("v-if", true),
+					createElementVNode("p", _hoisted_15, toDisplayString(__props.fiveStarNotice), 1),
+					__props.timeRemainingText ? (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString(__props.timeRemainingLabel), 1)) : createCommentVNode("v-if", true),
+					__props.timeRemainingText ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(__props.timeRemainingText), 1)) : createCommentVNode("v-if", true),
+					__props.bannerCard && featuredCell.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
+						createElementVNode("p", _hoisted_19, toDisplayString(featuredCell.value.name), 1),
+						createElementVNode("p", _hoisted_20, [createVNode(Index_default$28, { rarity: featuredCell.value.rarity }, null, 8, ["rarity"])]),
+						createElementVNode("p", _hoisted_21, toDisplayString(__props.bannerCard.featuredTitle), 1)
 					])) : createCommentVNode("v-if", true)
 				])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_13, [
-					createVNode(Index_default$16, {
+				createElementVNode("div", _hoisted_22, [
+					createVNode(Index_default$17, {
 						class: "link",
-						kind: unref(GameButtonKind).Reply
+						kind: unref(GameButtonKind).Reply,
+						tip: ""
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.shopLabel), 1)]),
 						_: 1
 					}, 8, ["kind"]),
-					__props.trialLabel ? (openBlock(), createBlock(Index_default$16, {
+					__props.trialLabel ? (openBlock(), createBlock(Index_default$17, {
 						key: 0,
 						class: "link trial",
 						kind: unref(GameButtonKind).Reply,
+						tip: "",
 						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, {
+					createVNode(Index_default$17, {
 						class: "link",
 						kind: unref(GameButtonKind).Reply,
+						tip: "",
 						onClick: _cache[2] || (_cache[2] = ($event) => isDetailsOpen.value = true)
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.detailsLabel), 1)]),
 						_: 1
 					}, 8, ["kind"]),
-					createVNode(Index_default$16, {
+					createVNode(Index_default$17, {
 						class: "link",
 						kind: unref(GameButtonKind).Reply,
+						tip: "",
 						onClick: _cache[3] || (_cache[3] = ($event) => isHistoryOpen.value = true)
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(__props.historyLabel), 1)]),
 						_: 1
 					}, 8, ["kind"])
 				]),
-				__props.pathLabel ? (openBlock(), createBlock(Index_default$38, {
+				__props.pathLabel ? (openBlock(), createBlock(Index_default$39, {
 					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, {
+				bannerId.value ? (openBlock(), createElementBlock("div", _hoisted_23, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets, ({ cost, count, isAffordable, label }) => {
+					return openBlock(), createBlock(Index_default$17, {
 						key: count,
 						class: "set",
 						disabled: !isAffordable,
 						kind: unref(GameButtonKind).Pill,
+						tip: "",
 						onClick: ($event) => emit("wish", count)
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_15, toDisplayString(label), 1), createElementVNode("span", _hoisted_16, toDisplayString(cost), 1)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_24, toDisplayString(label), 1), createElementVNode("span", _hoisted_25, toDisplayString(cost), 1)]),
 						_: 2
 					}, 1032, [
 						"disabled",
@@ -3068,18 +3421,19 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 						"onClick"
 					]);
 				}), 128)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.purchases, ({ cost, isAffordable, label }) => {
-					return openBlock(), createBlock(Index_default$16, {
+					return openBlock(), createBlock(Index_default$17, {
 						key: label,
 						class: "set",
 						disabled: !isAffordable,
 						kind: unref(GameButtonKind).Pill,
+						tip: "",
 						onClick: _cache[4] || (_cache[4] = ($event) => emit("buy"))
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_17, toDisplayString(label), 1), createElementVNode("span", _hoisted_18, toDisplayString(cost), 1)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_26, toDisplayString(label), 1), createElementVNode("span", _hoisted_27, toDisplayString(cost), 1)]),
 						_: 2
 					}, 1032, ["disabled", "kind"]);
 				}), 128))])) : createCommentVNode("v-if", true),
-				isDetailsOpen.value ? (openBlock(), createBlock(Index_default$36, {
+				isDetailsOpen.value ? (openBlock(), createBlock(Index_default$37, {
 					key: 3,
 					"close-label": __props.backLabel,
 					"fate-points": __props.fatePoints,
@@ -3094,7 +3448,7 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					"pool",
 					"title"
 				])) : createCommentVNode("v-if", true),
-				isHistoryOpen.value ? (openBlock(), createBlock(Index_default$37, {
+				isHistoryOpen.value ? (openBlock(), createBlock(Index_default$38, {
 					key: 4,
 					"close-label": __props.backLabel,
 					history: __props.history,
@@ -3109,33 +3463,31 @@ var Index_default$39 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 					key: 5,
 					class: "results",
 					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) => {
+				}, [createElementVNode("ul", _hoisted_28, [(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_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);
+						createElementVNode("span", _hoisted_30, toDisplayString(name), 1),
+						createVNode(Index_default$28, { rarity }, null, 8, ["rarity"]),
+						stellaFortuna ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(stellaFortuna), 1)) : createCommentVNode("v-if", true),
+						createElementVNode("span", _hoisted_32, toDisplayString(wishReturn), 1)
+					], 8, _hoisted_29);
 				}), 128))])])) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-669dc4ab"]]);
-//#endregion
-//#region src/models/WorshipLevelState.ts
+}), [["__scopeId", "data-v-53480dd4"]]);
+// 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
+// src/components/WorshipScreen/Index.vue
 const _hoisted_1 = { class: "worship-screen" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "levels" };
@@ -3143,10 +3495,11 @@ 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({
+var Index_default$41 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Index",
 	props: {
 		blessingTitle: {},
+		closeLabel: {},
 		heldCount: {},
 		levels: {},
 		title: {}
@@ -3163,11 +3516,12 @@ var Index_default$40 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 		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", {
+				createVNode(Index_default$10, {
 					class: "close",
-					type: "button",
+					label: __props.closeLabel,
+					mark: unref(CloseButtonMark).Cross,
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, "×"),
+				}, null, 8, ["label", "mark"]),
 				createElementVNode("button", {
 					class: "blessing",
 					type: "button",
@@ -3197,9 +3551,8 @@ var Index_default$40 = /*#__PURE__*/ export_helper_default(/* @__PURE__ */ defin
 			])], 2112);
 		};
 	}
-}), [["__scopeId", "data-v-529b74f5"]]);
-//#endregion
-//#region src/models/InteractionKind.ts
+}), [["__scopeId", "data-v-cf49e71d"]]);
+// src/models/InteractionKind.ts
 let InteractionKind = /* @__PURE__ */ function(InteractionKind) {
 	InteractionKind["Activate"] = "Activate";
 	InteractionKind["Claim"] = "Claim";
@@ -3211,15 +3564,13 @@ let InteractionKind = /* @__PURE__ */ function(InteractionKind) {
 	InteractionKind["Use"] = "Use";
 	return InteractionKind;
 }({});
-//#endregion
-//#region src/models/InteractionState.ts
+// src/models/InteractionState.ts
 let InteractionState = /* @__PURE__ */ function(InteractionState) {
 	InteractionState["Hover"] = "Hover";
 	InteractionState["Pressed"] = "Pressed";
 	return InteractionState;
 }({});
-//#endregion
-//#region src/models/InterfaceClipProperty.ts
+// src/models/InterfaceClipProperty.ts
 let InterfaceClipProperty = /* @__PURE__ */ function(InterfaceClipProperty) {
 	InterfaceClipProperty["Opacity"] = "opacity";
 	InterfaceClipProperty["Scale"] = "scale";
@@ -3228,16 +3579,7 @@ let InterfaceClipProperty = /* @__PURE__ */ function(InterfaceClipProperty) {
 	return 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
+// src/models/reference/GameSourceKind.ts
 let GameSourceKind = /* @__PURE__ */ function(GameSourceKind) {
 	GameSourceKind["AnimationClip"] = "AnimationClip";
 	GameSourceKind["Avatar"] = "Avatar";
@@ -3256,8 +3598,7 @@ let GameSourceKind = /* @__PURE__ */ function(GameSourceKind) {
 	GameSourceKind["Transform"] = "Transform";
 	return GameSourceKind;
 }({});
-//#endregion
-//#region src/models/reference/InvestigationOutcome.ts
+// src/models/reference/InvestigationOutcome.ts
 let InvestigationOutcome = /* @__PURE__ */ function(InvestigationOutcome) {
 	InvestigationOutcome["Adopted"] = "Adopted";
 	InvestigationOutcome["DeadEnd"] = "DeadEnd";
@@ -3266,8 +3607,65 @@ let InvestigationOutcome = /* @__PURE__ */ function(InvestigationOutcome) {
 	InvestigationOutcome["Superseded"] = "Superseded";
 	return InvestigationOutcome;
 }({});
-//#endregion
-//#region src/services/playInterfaceClip.ts
+// src/services/assertSettledRender.ts
+const SETTLE_FRAME_COUNT = 2;
+const LATER_CAPTURE_COUNT = 3;
+const assertSettledRender = async (locator, name) => {
+	const first = await locator.screenshot({ base64: true });
+	for (let capture = 0; capture < LATER_CAPTURE_COUNT; capture++) {
+		for (let frame = 0; frame < SETTLE_FRAME_COUNT; frame++) await new Promise((resolve) => {
+			requestAnimationFrame(resolve);
+		});
+		if ((await locator.screenshot({ base64: true })).base64 !== first.base64) throw new Error(`${name}: its render changed within ${(capture + 1) * SETTLE_FRAME_COUNT} frames, so an image of it would be one frame of it`);
+	}
+};
+// src/services/createVisualComparisonRecord.ts
+const createVisualComparisonRecord = () => {
+	const overBar = [];
+	let withinBarCount = 0;
+	let withoutImageCount = 0;
+	return {
+		recordFailure: (error, title) => {
+			if (!(error instanceof Error)) throw error;
+			const detail = MISMATCH_DETAIL_REGEX.exec(error.message)?.groups;
+			if (error.message.includes("No existing reference screenshot found")) withoutImageCount += 1;
+			else if (!detail || !error.message.includes("Screenshot does not match the stored reference.")) throw error;
+			else if (Number(detail.ratio) > .01) overBar.push({
+				pixels: Number(detail.pixels),
+				ratio: Number(detail.ratio),
+				title
+			});
+			else withinBarCount += 1;
+		},
+		recordWithinBar: () => {
+			withinBarCount += 1;
+		},
+		report: () => {
+			const summary = `${withinBarCount} within the bar${withoutImageCount > 0 ? `, ${withoutImageCount} with no image beside them` : ""}.`;
+			if (overBar.length === 0) {
+				console.log(`No case over ${MISMATCH_RATIO_BAR * 100}% of its image: ${summary}`);
+				return;
+			}
+			const rows = overBar.toSorted((firstMismatch, secondMismatch) => secondMismatch.ratio - firstMismatch.ratio || secondMismatch.pixels - firstMismatch.pixels).map(({ ratio, title }) => `  ${String(Math.round(ratio * 100)).padStart(4)}%  ${title}`);
+			console.log([
+				`Cases over ${MISMATCH_RATIO_BAR * 100}% of their image, worst first:`,
+				...rows,
+				summary
+			].join("\n"));
+		}
+	};
+};
+// src/services/holdAnimations.ts
+const holdAnimations = () => {
+	for (const animation of window.document.getAnimations()) {
+		const { iterations } = animation.effect?.getComputedTiming() ?? {};
+		if (iterations === Infinity) {
+			animation.pause();
+			animation.currentTime = 0;
+		} else animation.finish();
+	}
+};
+// src/services/playInterfaceClip.ts
 const InterfaceClipPropertyKeyframeMap = {
 	["opacity"]: (value) => ({ opacity: value }),
 	["scale"]: (value) => ({ scale: String(value) }),
@@ -3286,8 +3684,23 @@ const playInterfaceClip = (root, { durationMs, tracks }) => tracks.flatMap(({ ke
 		fill: "forwards"
 	})];
 });
-//#endregion
-//#region src/services/toInterfaceClip.ts
+// src/services/recordConsoleWarnings.ts
+const recordConsoleWarnings = async (work) => {
+	const { error, warn } = console;
+	const messages = [];
+	const record = (log) => (...data) => {
+		messages.push(String(data[0]));
+		log(...data);
+	};
+	console.error = record(error);
+	console.warn = record(warn);
+	const [outcome] = await Promise.allSettled([Promise.try(work)]);
+	console.error = error;
+	console.warn = warn;
+	if (outcome.status === "rejected") throw outcome.reason;
+	return messages;
+};
+// src/services/toInterfaceClip.ts
 const INTERFACE_CLIP_PROPERTY_NAMES = InterfaceClipProperties;
 const checkIsProperty = (property) => INTERFACE_CLIP_PROPERTY_NAMES.includes(property);
 const toInterfaceClip = ({ durationMs, tracks }) => ({
@@ -3298,5 +3711,4 @@ const toInterfaceClip = ({ durationMs, tracks }) => ({
 		target
 	}] : [])
 });
-//#endregion
-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 };
+export { APPROVE_ENVIRONMENT_VARIABLE, ASCENSION_PHASE_COUNT, Index_default as ArtifactEnhancePicker, Index_default$1 as ArtifactPicker, BACK_ARROW_PATH, 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_ZONE_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 CloseButton, CloseButtonMark, CloseButtonMarkGlyphMap, Index_default$11 as CookingScreen, Index_default$12 as CraftingScreen, DialogueChoiceIcon, DialogueChoiceIconPathMap, Index_default$13 as DialogueScreen, Index_default$14 as DiscButton, ExpeditionActionKind, Index_default$15 as ExpeditionScreen, FIXTURE_IMAGE_NAME, FIXTURE_VARIANT_SEPARATOR, ForgeQueueState, Index_default$16 as ForgeScreen, ForgeTab, GAME_BACKDROP_BLUR, GAME_BACKDROP_KEEP, GAME_BACKDROP_WASH, GAME_CANVAS_INSET, GAME_CANVAS_RECT, GAME_CANVAS_UNIT, GAME_CREAM, GAME_CURSOR, GAME_DIALOGUE_GOLD, GAME_FONT_FAMILY, GAME_GOLD, GAME_INK, GAME_LIT_GOLD, GAME_LIT_GOLD_LABEL, 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$17 as GameButton, GameButtonKind, _sfc_main as GameRect, Index_default$18 as GameScreen, GameSourceKind, INTERACTION_HOVER_MS, INTERACTION_KEY_LABEL, INTERACTION_PILL_REST_MS, INTERACTION_PRESS_MS, INTERACTION_REST_MS, InteractionKind, Index_default$19 as InteractionPrompts, InteractionState, InterfaceClipProperties, InterfaceClipProperty, InterfaceIcon, InterfaceIconCentreMap, InterfaceIconPathMap, InterfaceIcons, Index_default$20 as InventoryScreen, InventorySort, InventorySorts, InvestigationOutcome, ItemCategories, ItemCategory, ItemRarityFaceGradientMap, Index_default$21 as ItemTile, Index_default$22 as LoadingSpinner, MISMATCH_DETAIL_REGEX, MISMATCH_MESSAGE, MISMATCH_RATIO_BAR, MISSING_IMAGE_MESSAGE, MOBILE_INTERFACE_SCALE, ORNAMENT_END_PATH, ORNAMENT_MIDDLE_PATH, Index_default$23 as OrnamentDivider, Index_default$24 as PartySetupScreen, Index_default$25 as PickerShell, Index_default$26 as ProgressBar, Index_default$27 as PromptBand, ROLE_FLOURISH_PATH, Index_default$28 as RarityStars, Index_default$29 as ReputationScreen, Index_default$30 as RoundButton, SERVER_MARK_DIAMOND_PATH, SERVER_MARK_TICK_PATH, SETTINGS_RING_CENTRE, SETTINGS_RING_RADIUS, SETTINGS_RING_WIDTH, Index_default$31 as ScreenTitle, Index_default$32 as ServerBar, Index_default$33 as ShopScreen, Index_default$34 as ToastNotice, Index_default$35 as TwoColumnScreen, Index_default$36 as WeaponMenu, WeaponMenuTab, Index_default$37 as WishDetails, Index_default$38 as WishHistory, Index_default$39 as WishPath, Index_default$40 as WishScreen, WorshipLevelState, Index_default$41 as WorshipScreen, assertSettledRender, computeRectOffsets, createVisualComparisonRecord, getFixtureImageName, holdAnimations, playInterfaceClip, recordConsoleWarnings, toCanvasRect, toCanvasRectStyle, toInterfaceClip };