@rohal12/spindle 0.59.9 → 0.59.11

package/dist/pkg/headless.js

@@ -388,20 +388,23 @@ function peg$parse(input, options) {
 		SelectorsPrefix: peg$parseSelectorsPrefix
 	};
 	let peg$startRuleFunction = peg$parseMarkup;
-	const peg$c0 = "\\";
-	const peg$c1 = "{";
-	const peg$c2 = "<";
-	const peg$c3 = "[";
-	const peg$c4 = "[[";
-	const peg$c5 = "]]";
-	const peg$c6 = " ";
-	const peg$c7 = "}";
-	const peg$c8 = "/";
-	const peg$c9 = ">";
-	const peg$c10 = "</";
-	const peg$c11 = "=";
-	const peg$c12 = "\"";
-	const peg$c13 = "'";
+	const peg$c0 = "<!--";
+	const peg$c1 = ">";
+	const peg$c2 = "->";
+	const peg$c3 = "-->";
+	const peg$c4 = "\\";
+	const peg$c5 = "{";
+	const peg$c6 = "<";
+	const peg$c7 = "[";
+	const peg$c8 = "[[";
+	const peg$c9 = "]]";
+	const peg$c10 = " ";
+	const peg$c11 = "}";
+	const peg$c12 = "/";
+	const peg$c13 = "</";
+	const peg$c14 = "=";
+	const peg$c15 = "\"";
+	const peg$c16 = "'";
 	const peg$r0 = /^[^\\{[<]/;
 	const peg$r1 = /^[{}]/;
 	const peg$r2 = /^[$_@%(!\/a-zA-Z]/;
@@ -427,10 +430,14 @@ function peg$parse(input, options) {
 		"[",
 		"<"
 	], true, false, false);
-	const peg$e2 = peg$literalExpectation("\\", false);
-	const peg$e3 = peg$classExpectation(["{", "}"], false, false, false);
-	const peg$e4 = peg$literalExpectation("{", false);
-	const peg$e5 = peg$classExpectation([
+	const peg$e2 = peg$literalExpectation("<!--", false);
+	const peg$e3 = peg$literalExpectation(">", false);
+	const peg$e4 = peg$literalExpectation("->", false);
+	const peg$e5 = peg$literalExpectation("-->", false);
+	const peg$e6 = peg$literalExpectation("\\", false);
+	const peg$e7 = peg$classExpectation(["{", "}"], false, false, false);
+	const peg$e8 = peg$literalExpectation("{", false);
+	const peg$e9 = peg$classExpectation([
 		"$",
 		"_",
 		"@",
@@ -441,34 +448,34 @@ function peg$parse(input, options) {
 		["a", "z"],
 		["A", "Z"]
 	], false, false, false);
-	const peg$e6 = peg$literalExpectation("<", false);
-	const peg$e7 = peg$literalExpectation("[", false);
-	const peg$e8 = peg$literalExpectation("[[", false);
-	const peg$e9 = peg$literalExpectation("]]", false);
-	const peg$e10 = peg$literalExpectation(" ", false);
-	const peg$e11 = peg$classExpectation([".", "#"], false, false, false);
-	const peg$e12 = peg$classExpectation([
+	const peg$e10 = peg$literalExpectation("<", false);
+	const peg$e11 = peg$literalExpectation("[", false);
+	const peg$e12 = peg$literalExpectation("[[", false);
+	const peg$e13 = peg$literalExpectation("]]", false);
+	const peg$e14 = peg$literalExpectation(" ", false);
+	const peg$e15 = peg$classExpectation([".", "#"], false, false, false);
+	const peg$e16 = peg$classExpectation([
 		["a", "z"],
 		["A", "Z"],
 		["0", "9"],
 		"_",
 		"-"
 	], false, false, false);
-	const peg$e13 = peg$classExpectation([
+	const peg$e17 = peg$classExpectation([
 		"$",
 		"_",
 		"@",
 		"%"
 	], false, false, false);
-	const peg$e14 = peg$classExpectation([
+	const peg$e18 = peg$classExpectation([
 		["a", "z"],
 		["A", "Z"],
 		["0", "9"],
 		"_",
 		"."
 	], false, false, false);
-	const peg$e15 = peg$literalExpectation("}", false);
-	const peg$e16 = peg$classExpectation([
+	const peg$e19 = peg$literalExpectation("}", false);
+	const peg$e20 = peg$classExpectation([
 		"$",
 		"_",
 		"@",
@@ -476,9 +483,9 @@ function peg$parse(input, options) {
 		"(",
 		"!"
 	], false, false, false);
-	const peg$e17 = peg$literalExpectation("/", false);
-	const peg$e18 = peg$classExpectation([["a", "z"], ["A", "Z"]], false, false, false);
-	const peg$e19 = peg$classExpectation([
+	const peg$e21 = peg$literalExpectation("/", false);
+	const peg$e22 = peg$classExpectation([["a", "z"], ["A", "Z"]], false, false, false);
+	const peg$e23 = peg$classExpectation([
 		" ",
 		"	",
 		"\n",
@@ -496,8 +503,7 @@ function peg$parse(input, options) {
 		"",
 		"}"
 	], true, false, false);
-	const peg$e20 = peg$literalExpectation(">", false);
-	const peg$e21 = peg$classExpectation([
+	const peg$e24 = peg$classExpectation([
 		["	", "\r"],
 		" ",
 		"/",
@@ -511,14 +517,14 @@ function peg$parse(input, options) {
 		"　",
 		""
 	], false, false, false);
-	const peg$e22 = peg$literalExpectation("</", false);
-	const peg$e23 = peg$classExpectation([
+	const peg$e25 = peg$literalExpectation("</", false);
+	const peg$e26 = peg$classExpectation([
 		["a", "z"],
 		["A", "Z"],
 		["0", "9"],
 		"-"
 	], false, false, false);
-	const peg$e24 = peg$classExpectation([
+	const peg$e27 = peg$classExpectation([
 		["	", "\r"],
 		" ",
 		"\"",
@@ -536,13 +542,13 @@ function peg$parse(input, options) {
 		"　",
 		""
 	], false, false, false);
-	const peg$e25 = peg$literalExpectation("=", false);
-	const peg$e26 = peg$literalExpectation("\"", false);
-	const peg$e27 = peg$classExpectation(["\""], true, false, false);
-	const peg$e28 = peg$literalExpectation("'", false);
-	const peg$e29 = peg$classExpectation(["'"], true, false, false);
-	const peg$e30 = peg$classExpectation(["\"", "'"], false, false, false);
-	const peg$e31 = peg$classExpectation([
+	const peg$e28 = peg$literalExpectation("=", false);
+	const peg$e29 = peg$literalExpectation("\"", false);
+	const peg$e30 = peg$classExpectation(["\""], true, false, false);
+	const peg$e31 = peg$literalExpectation("'", false);
+	const peg$e32 = peg$classExpectation(["'"], true, false, false);
+	const peg$e33 = peg$classExpectation(["\"", "'"], false, false, false);
+	const peg$e34 = peg$classExpectation([
 		" ",
 		"	",
 		"\n",
@@ -560,7 +566,7 @@ function peg$parse(input, options) {
 		"",
 		">"
 	], true, false, false);
-	const peg$e32 = peg$classExpectation([
+	const peg$e35 = peg$classExpectation([
 		" ",
 		"	",
 		"\n",
@@ -734,13 +740,16 @@ function peg$parse(input, options) {
 	function peg$f40(value) {
 		return lexeme("text", location(), { value });
 	}
-	function peg$f41(bs) {
+	function peg$f41(value) {
+		return lexeme("text", location(), { value });
+	}
+	function peg$f42(bs) {
 		return bs.length % 2 === 1;
 	}
-	function peg$f42(bs, c) {
+	function peg$f43(bs, c) {
 		return c;
 	}
-	function peg$f43(bs, brace) {
+	function peg$f44(bs, brace) {
 		const loc = location();
 		const next = input.charAt(loc.end.offset);
 		if (textMode) {
@@ -757,76 +766,76 @@ function peg$parse(input, options) {
 		escaped.escape = true;
 		return bs.length > 1 ? [before, escaped] : escaped;
 	}
-	function peg$f44() {
+	function peg$f45() {
 		return lexeme("text", location(), { value: LB });
 	}
-	function peg$f45() {
+	function peg$f46() {
 		return !textMode;
 	}
-	function peg$f46() {
+	function peg$f47() {
 		return lexeme("text", location(), { value: "<" });
 	}
-	function peg$f47() {
+	function peg$f48() {
 		return lexeme("text", location(), { value: "[" });
 	}
-	function peg$f48() {
+	function peg$f49() {
 		return !textMode;
 	}
-	function peg$f49(s, at, inner) {
+	function peg$f50(s, at, inner) {
 		return withSelectors(lexeme("link", location(), parseLink(inner, at)), s);
 	}
-	function peg$f50() {
+	function peg$f51() {
 		return !textMode;
 	}
-	function peg$f51() {
+	function peg$f52() {
 		fail("Unclosed link: [[ without ]]", location());
 	}
-	function peg$f52(parts) {
+	function peg$f53(parts) {
 		return selectorsOf(parts);
 	}
-	function peg$f53() {
+	function peg$f54() {
 		return NO_SELECTORS;
 	}
-	function peg$f54(s, end) {
+	function peg$f55(s, end) {
 		return {
 			...s,
 			end
 		};
 	}
-	function peg$f55(prefix, name) {
+	function peg$f56(prefix, name) {
 		return [prefix, name];
 	}
-	function peg$f56(s, sigil, name) {
+	function peg$f57(s, sigil, name) {
 		return withSelectors(lexeme("variable", location(), {
 			name,
 			scope: SIGIL_SCOPES[sigil]
 		}), s);
 	}
-	function peg$f57(s, expression) {
+	function peg$f58(s, expression) {
 		return withSelectors(lexeme("expression", location(), { expression }), s);
 	}
-	function peg$f58() {
+	function peg$f59() {
 		fail("Unclosed " + LB + input.substr(location().end.offset, 1) + "…: no } ends it", location());
 	}
-	function peg$f59(start) {
+	function peg$f60(start) {
 		return skipTo(hooks.closeBrace(input, start, start));
 	}
-	function peg$f60(start) {
+	function peg$f61(start) {
 		return skipEnd - offset();
 	}
-	function peg$f61(start, code) {
+	function peg$f62(start, code) {
 		return code;
 	}
-	function peg$f62(s, start, close, name, nameEnd) {
+	function peg$f63(s, start, close, name, nameEnd) {
 		return skipTo(hooks.closeBrace(input, nameEnd, start));
 	}
-	function peg$f63(s, start, close, name, nameEnd) {
+	function peg$f64(s, start, close, name, nameEnd) {
 		return skipEnd - offset();
 	}
-	function peg$f64(s, start, close, name, nameEnd, args) {
+	function peg$f65(s, start, close, name, nameEnd, args) {
 		return args;
 	}
-	function peg$f65(s, start, close, name, nameEnd, tail) {
+	function peg$f66(s, start, close, name, nameEnd, tail) {
 		const loc = location();
 		const lower = name.toLowerCase();
 		const tag = lexeme("macro", loc, {
@@ -847,19 +856,19 @@ function peg$parse(input, options) {
 		}
 		return tag;
 	}
-	function peg$f66(s) {
+	function peg$f67(s) {
 		fail("A closing tag starts with a letter after " + LB + "/", location());
 	}
-	function peg$f67() {
+	function peg$f68() {
 		return !textMode;
 	}
-	function peg$f68(tag) {
+	function peg$f69(tag) {
 		return VOID_TAGS.has(tag.lower);
 	}
-	function peg$f69(tag) {
+	function peg$f70(tag) {
 		return null;
 	}
-	function peg$f70(tag, list, slash) {
+	function peg$f71(tag, list, slash) {
 		const lower = tag.toLowerCase();
 		return lexeme("html", location(), {
 			tag,
@@ -869,7 +878,7 @@ function peg$parse(input, options) {
 			isSelfClose: !!slash || VOID_TAGS.has(lower)
 		});
 	}
-	function peg$f71(tag, bad) {
+	function peg$f72(tag, bad) {
 		const c = input.charAt(bad);
 		if (!c) fail("Unclosed tag <" + tag + ": no > ends it (write &lt; for a < that starts no tag)", location());
 		const at = {
@@ -887,7 +896,7 @@ function peg$parse(input, options) {
 		};
 		fail("Unexpected " + JSON.stringify(c) + " in the tag <" + tag + ">: expected an attribute, or > to end the tag", at);
 	}
-	function peg$f72(tag) {
+	function peg$f73(tag) {
 		return lexeme("html", location(), {
 			tag,
 			lower: tag.toLowerCase(),
@@ -896,44 +905,44 @@ function peg$parse(input, options) {
 			isSelfClose: false
 		});
 	}
-	function peg$f73(name) {
+	function peg$f74(name) {
 		attrCode = hooks.isCodeAttribute(name);
 		return true;
 	}
-	function peg$f74(name, v) {
+	function peg$f75(name, v) {
 		return v;
 	}
-	function peg$f75(name, value) {
+	function peg$f76(name, value) {
 		return [name, value ?? ""];
 	}
-	function peg$f76(v) {
+	function peg$f77(v) {
 		return v;
 	}
-	function peg$f77(v) {
+	function peg$f78(v) {
 		return v;
 	}
-	function peg$f78(q) {
+	function peg$f79(q) {
 		fail("Unclosed attribute value: the " + q + " here has no closing " + q, location());
 	}
-	function peg$f79() {
+	function peg$f80() {
 		return !attrCode;
 	}
-	function peg$f80(bs) {
+	function peg$f81(bs) {
 		return bs.length % 2 === 1;
 	}
-	function peg$f81() {
+	function peg$f82() {
 		return !attrCode;
 	}
-	function peg$f82(start, nameEnd) {
+	function peg$f83(start, nameEnd) {
 		return skipTo(hooks.closeBrace(input, nameEnd, start));
 	}
-	function peg$f83(start, nameEnd) {
+	function peg$f84(start, nameEnd) {
 		return skipEnd - offset();
 	}
-	function peg$f84() {
+	function peg$f85() {
 		return !attrCode;
 	}
-	function peg$f85() {
+	function peg$f86() {
 		return attrCode;
 	}
 	let peg$currPos = options.peg$currPos | 0;
@@ -1120,16 +1129,19 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$parseEscape();
 			if (s0 === peg$FAILED) {
-				s0 = peg$parseLinkLexeme();
+				s0 = peg$parseComment();
 				if (s0 === peg$FAILED) {
-					s0 = peg$parseHtmlElement();
+					s0 = peg$parseLinkLexeme();
 					if (s0 === peg$FAILED) {
-						s0 = peg$parseVoidCloser();
+						s0 = peg$parseHtmlElement();
 						if (s0 === peg$FAILED) {
-							s0 = peg$parseValue();
+							s0 = peg$parseVoidCloser();
 							if (s0 === peg$FAILED) {
-								s0 = peg$parseMacroElement();
-								if (s0 === peg$FAILED) s0 = peg$parseLiteral();
+								s0 = peg$parseValue();
+								if (s0 === peg$FAILED) {
+									s0 = peg$parseMacroElement();
+									if (s0 === peg$FAILED) s0 = peg$parseLiteral();
+								}
 							}
 						}
 					}
@@ -1472,37 +1484,20 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$parseEscape();
 			if (s0 === peg$FAILED) {
-				s0 = peg$parseLinkLexeme();
+				s0 = peg$parseComment();
 				if (s0 === peg$FAILED) {
-					s0 = peg$currPos;
-					peg$savedPos = peg$currPos;
-					s1 = peg$f29();
-					if (s1) s1 = void 0;
-					else s1 = peg$FAILED;
-					if (s1 !== peg$FAILED) {
-						s2 = peg$parseHtmlOpen();
-						if (s2 !== peg$FAILED) {
-							peg$savedPos = s0;
-							s0 = peg$f30(s2);
-						} else {
-							peg$currPos = s0;
-							s0 = peg$FAILED;
-						}
-					} else {
-						peg$currPos = s0;
-						s0 = peg$FAILED;
-					}
+					s0 = peg$parseLinkLexeme();
 					if (s0 === peg$FAILED) {
 						s0 = peg$currPos;
 						peg$savedPos = peg$currPos;
-						s1 = peg$f31();
+						s1 = peg$f29();
 						if (s1) s1 = void 0;
 						else s1 = peg$FAILED;
 						if (s1 !== peg$FAILED) {
-							s2 = peg$parseHtmlClose();
+							s2 = peg$parseHtmlOpen();
 							if (s2 !== peg$FAILED) {
 								peg$savedPos = s0;
-								s0 = peg$f32(s2);
+								s0 = peg$f30(s2);
 							} else {
 								peg$currPos = s0;
 								s0 = peg$FAILED;
@@ -1512,37 +1507,57 @@ function peg$parse(input, options) {
 							s0 = peg$FAILED;
 						}
 						if (s0 === peg$FAILED) {
-							s0 = peg$parseValue();
+							s0 = peg$currPos;
+							peg$savedPos = peg$currPos;
+							s1 = peg$f31();
+							if (s1) s1 = void 0;
+							else s1 = peg$FAILED;
+							if (s1 !== peg$FAILED) {
+								s2 = peg$parseHtmlClose();
+								if (s2 !== peg$FAILED) {
+									peg$savedPos = s0;
+									s0 = peg$f32(s2);
+								} else {
+									peg$currPos = s0;
+									s0 = peg$FAILED;
+								}
+							} else {
+								peg$currPos = s0;
+								s0 = peg$FAILED;
+							}
 							if (s0 === peg$FAILED) {
-								s0 = peg$currPos;
-								s1 = peg$parseMacroTag();
-								if (s1 !== peg$FAILED) {
-									s2 = peg$currPos;
-									peg$savedPos = peg$currPos;
-									s3 = peg$f33(s1);
-									if (s3) s3 = void 0;
-									else s3 = peg$FAILED;
-									if (s3 !== peg$FAILED) {
-										s4 = peg$parseRawTokens();
-										if (s4 !== peg$FAILED) {
-											peg$savedPos = s2;
-											s2 = peg$f34(s1, s4);
+								s0 = peg$parseValue();
+								if (s0 === peg$FAILED) {
+									s0 = peg$currPos;
+									s1 = peg$parseMacroTag();
+									if (s1 !== peg$FAILED) {
+										s2 = peg$currPos;
+										peg$savedPos = peg$currPos;
+										s3 = peg$f33(s1);
+										if (s3) s3 = void 0;
+										else s3 = peg$FAILED;
+										if (s3 !== peg$FAILED) {
+											s4 = peg$parseRawTokens();
+											if (s4 !== peg$FAILED) {
+												peg$savedPos = s2;
+												s2 = peg$f34(s1, s4);
+											} else {
+												peg$currPos = s2;
+												s2 = peg$FAILED;
+											}
 										} else {
 											peg$currPos = s2;
 											s2 = peg$FAILED;
 										}
+										if (s2 === peg$FAILED) s2 = null;
+										peg$savedPos = s0;
+										s0 = peg$f35(s1, s2);
 									} else {
-										peg$currPos = s2;
-										s2 = peg$FAILED;
+										peg$currPos = s0;
+										s0 = peg$FAILED;
 									}
-									if (s2 === peg$FAILED) s2 = null;
-									peg$savedPos = s0;
-									s0 = peg$f35(s1, s2);
-								} else {
-									peg$currPos = s0;
-									s0 = peg$FAILED;
+									if (s0 === peg$FAILED) s0 = peg$parseLiteral();
 								}
-								if (s0 === peg$FAILED) s0 = peg$parseLiteral();
 							}
 						}
 					}
@@ -1648,26 +1663,166 @@ function peg$parse(input, options) {
 		s0 = s1;
 		return s0;
 	}
+	function peg$parseComment() {
+		let s0, s1, s2, s3, s4, s5, s6, s7, s8;
+		s0 = peg$currPos;
+		s1 = peg$currPos;
+		s2 = peg$currPos;
+		if (input.substr(peg$currPos, 4) === peg$c0) {
+			s3 = peg$c0;
+			peg$currPos += 4;
+		} else {
+			s3 = peg$FAILED;
+			if (peg$silentFails === 0) peg$fail(peg$e2);
+		}
+		if (s3 !== peg$FAILED) {
+			if (input.charCodeAt(peg$currPos) === 62) {
+				s4 = peg$c1;
+				peg$currPos++;
+			} else {
+				s4 = peg$FAILED;
+				if (peg$silentFails === 0) peg$fail(peg$e3);
+			}
+			if (s4 === peg$FAILED) {
+				if (input.substr(peg$currPos, 2) === peg$c2) {
+					s4 = peg$c2;
+					peg$currPos += 2;
+				} else {
+					s4 = peg$FAILED;
+					if (peg$silentFails === 0) peg$fail(peg$e4);
+				}
+				if (s4 === peg$FAILED) {
+					s4 = peg$currPos;
+					s5 = [];
+					s6 = peg$currPos;
+					s7 = peg$currPos;
+					peg$silentFails++;
+					if (input.substr(peg$currPos, 3) === peg$c3) {
+						s8 = peg$c3;
+						peg$currPos += 3;
+					} else {
+						s8 = peg$FAILED;
+						if (peg$silentFails === 0) peg$fail(peg$e5);
+					}
+					peg$silentFails--;
+					if (s8 === peg$FAILED) s7 = void 0;
+					else {
+						peg$currPos = s7;
+						s7 = peg$FAILED;
+					}
+					if (s7 !== peg$FAILED) {
+						if (input.length > peg$currPos) {
+							s8 = input.charAt(peg$currPos);
+							peg$currPos++;
+						} else {
+							s8 = peg$FAILED;
+							if (peg$silentFails === 0) peg$fail(peg$e0);
+						}
+						if (s8 !== peg$FAILED) {
+							s7 = [s7, s8];
+							s6 = s7;
+						} else {
+							peg$currPos = s6;
+							s6 = peg$FAILED;
+						}
+					} else {
+						peg$currPos = s6;
+						s6 = peg$FAILED;
+					}
+					while (s6 !== peg$FAILED) {
+						s5.push(s6);
+						s6 = peg$currPos;
+						s7 = peg$currPos;
+						peg$silentFails++;
+						if (input.substr(peg$currPos, 3) === peg$c3) {
+							s8 = peg$c3;
+							peg$currPos += 3;
+						} else {
+							s8 = peg$FAILED;
+							if (peg$silentFails === 0) peg$fail(peg$e5);
+						}
+						peg$silentFails--;
+						if (s8 === peg$FAILED) s7 = void 0;
+						else {
+							peg$currPos = s7;
+							s7 = peg$FAILED;
+						}
+						if (s7 !== peg$FAILED) {
+							if (input.length > peg$currPos) {
+								s8 = input.charAt(peg$currPos);
+								peg$currPos++;
+							} else {
+								s8 = peg$FAILED;
+								if (peg$silentFails === 0) peg$fail(peg$e0);
+							}
+							if (s8 !== peg$FAILED) {
+								s7 = [s7, s8];
+								s6 = s7;
+							} else {
+								peg$currPos = s6;
+								s6 = peg$FAILED;
+							}
+						} else {
+							peg$currPos = s6;
+							s6 = peg$FAILED;
+						}
+					}
+					if (input.substr(peg$currPos, 3) === peg$c3) {
+						s6 = peg$c3;
+						peg$currPos += 3;
+					} else {
+						s6 = peg$FAILED;
+						if (peg$silentFails === 0) peg$fail(peg$e5);
+					}
+					if (s6 !== peg$FAILED) {
+						s5 = [s5, s6];
+						s4 = s5;
+					} else {
+						peg$currPos = s4;
+						s4 = peg$FAILED;
+					}
+				}
+			}
+			if (s4 !== peg$FAILED) {
+				s3 = [s3, s4];
+				s2 = s3;
+			} else {
+				peg$currPos = s2;
+				s2 = peg$FAILED;
+			}
+		} else {
+			peg$currPos = s2;
+			s2 = peg$FAILED;
+		}
+		if (s2 !== peg$FAILED) s1 = input.substring(s1, peg$currPos);
+		else s1 = s2;
+		if (s1 !== peg$FAILED) {
+			peg$savedPos = s0;
+			s1 = peg$f41(s1);
+		}
+		s0 = s1;
+		return s0;
+	}
 	function peg$parseEscape() {
 		let s0, s1, s2, s3, s4;
 		s0 = peg$currPos;
 		s1 = peg$currPos;
 		s2 = [];
 		if (input.charCodeAt(peg$currPos) === 92) {
-			s3 = peg$c0;
+			s3 = peg$c4;
 			peg$currPos++;
 		} else {
 			s3 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e2);
+			if (peg$silentFails === 0) peg$fail(peg$e6);
 		}
 		if (s3 !== peg$FAILED) while (s3 !== peg$FAILED) {
 			s2.push(s3);
 			if (input.charCodeAt(peg$currPos) === 92) {
-				s3 = peg$c0;
+				s3 = peg$c4;
 				peg$currPos++;
 			} else {
 				s3 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e2);
+				if (peg$silentFails === 0) peg$fail(peg$e6);
 			}
 		}
 		else s2 = peg$FAILED;
@@ -1676,7 +1831,7 @@ function peg$parse(input, options) {
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
 			peg$savedPos = peg$currPos;
-			s3 = peg$f41(s1);
+			s3 = peg$f42(s1);
 			if (s3) s3 = void 0;
 			else s3 = peg$FAILED;
 			if (s3 !== peg$FAILED) {
@@ -1684,11 +1839,11 @@ function peg$parse(input, options) {
 				if (peg$r1.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e3);
+					if (peg$silentFails === 0) peg$fail(peg$e7);
 				}
 				if (s4 !== peg$FAILED) {
 					peg$savedPos = s2;
-					s2 = peg$f42(s1, s4);
+					s2 = peg$f43(s1, s4);
 				} else {
 					peg$currPos = s2;
 					s2 = peg$FAILED;
@@ -1699,7 +1854,7 @@ function peg$parse(input, options) {
 			}
 			if (s2 === peg$FAILED) s2 = null;
 			peg$savedPos = s0;
-			s0 = peg$f43(s1, s2);
+			s0 = peg$f44(s1, s2);
 		} else {
 			peg$currPos = s0;
 			s0 = peg$FAILED;
@@ -1710,11 +1865,11 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 123) {
-			s1 = peg$c1;
+			s1 = peg$c5;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e4);
+			if (peg$silentFails === 0) peg$fail(peg$e8);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
@@ -1726,7 +1881,7 @@ function peg$parse(input, options) {
 				if (peg$r2.test(s5)) peg$currPos++;
 				else {
 					s5 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e5);
+					if (peg$silentFails === 0) peg$fail(peg$e9);
 				}
 				if (s5 !== peg$FAILED) {
 					s4 = [s4, s5];
@@ -1747,7 +1902,7 @@ function peg$parse(input, options) {
 			}
 			if (s2 !== peg$FAILED) {
 				peg$savedPos = s0;
-				s0 = peg$f44();
+				s0 = peg$f45();
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -1762,7 +1917,7 @@ function peg$parse(input, options) {
 			peg$silentFails++;
 			s2 = peg$currPos;
 			peg$savedPos = peg$currPos;
-			s3 = peg$f45();
+			s3 = peg$f46();
 			if (s3) s3 = void 0;
 			else s3 = peg$FAILED;
 			if (s3 !== peg$FAILED) {
@@ -1786,15 +1941,15 @@ function peg$parse(input, options) {
 			}
 			if (s1 !== peg$FAILED) {
 				if (input.charCodeAt(peg$currPos) === 60) {
-					s2 = peg$c2;
+					s2 = peg$c6;
 					peg$currPos++;
 				} else {
 					s2 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e6);
+					if (peg$silentFails === 0) peg$fail(peg$e10);
 				}
 				if (s2 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f46();
+					s0 = peg$f47();
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -1806,15 +1961,15 @@ function peg$parse(input, options) {
 			if (s0 === peg$FAILED) {
 				s0 = peg$currPos;
 				if (input.charCodeAt(peg$currPos) === 91) {
-					s1 = peg$c3;
+					s1 = peg$c7;
 					peg$currPos++;
 				} else {
 					s1 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e7);
+					if (peg$silentFails === 0) peg$fail(peg$e11);
 				}
 				if (s1 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s1 = peg$f47();
+					s1 = peg$f48();
 				}
 				s0 = s1;
 			}
@@ -1825,16 +1980,16 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6;
 		s0 = peg$currPos;
 		peg$savedPos = peg$currPos;
-		s1 = peg$f48();
+		s1 = peg$f49();
 		if (s1) s1 = void 0;
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
-			if (input.substr(peg$currPos, 2) === peg$c4) {
-				s2 = peg$c4;
+			if (input.substr(peg$currPos, 2) === peg$c8) {
+				s2 = peg$c8;
 				peg$currPos += 2;
 			} else {
 				s2 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e8);
+				if (peg$silentFails === 0) peg$fail(peg$e12);
 			}
 			if (s2 !== peg$FAILED) {
 				s3 = peg$parseSelectors();
@@ -1843,16 +1998,16 @@ function peg$parse(input, options) {
 					s5 = peg$currPos;
 					s6 = peg$parseLinkText();
 					s5 = input.substring(s5, peg$currPos);
-					if (input.substr(peg$currPos, 2) === peg$c5) {
-						s6 = peg$c5;
+					if (input.substr(peg$currPos, 2) === peg$c9) {
+						s6 = peg$c9;
 						peg$currPos += 2;
 					} else {
 						s6 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e9);
+						if (peg$silentFails === 0) peg$fail(peg$e13);
 					}
 					if (s6 !== peg$FAILED) {
 						peg$savedPos = s0;
-						s0 = peg$f49(s3, s4, s5);
+						s0 = peg$f50(s3, s4, s5);
 					} else {
 						peg$currPos = s0;
 						s0 = peg$FAILED;
@@ -1872,20 +2027,20 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			peg$savedPos = peg$currPos;
-			s1 = peg$f50();
+			s1 = peg$f51();
 			if (s1) s1 = void 0;
 			else s1 = peg$FAILED;
 			if (s1 !== peg$FAILED) {
-				if (input.substr(peg$currPos, 2) === peg$c4) {
-					s2 = peg$c4;
+				if (input.substr(peg$currPos, 2) === peg$c8) {
+					s2 = peg$c8;
 					peg$currPos += 2;
 				} else {
 					s2 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e8);
+					if (peg$silentFails === 0) peg$fail(peg$e12);
 				}
 				if (s2 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f51();
+					s0 = peg$f52();
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -1903,19 +2058,19 @@ function peg$parse(input, options) {
 		s1 = peg$currPos;
 		s2 = peg$currPos;
 		peg$silentFails++;
-		if (input.substr(peg$currPos, 2) === peg$c5) {
-			s3 = peg$c5;
+		if (input.substr(peg$currPos, 2) === peg$c9) {
+			s3 = peg$c9;
 			peg$currPos += 2;
 		} else {
 			s3 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e9);
+			if (peg$silentFails === 0) peg$fail(peg$e13);
 		}
-		if (s3 === peg$FAILED) if (input.substr(peg$currPos, 2) === peg$c4) {
-			s3 = peg$c4;
+		if (s3 === peg$FAILED) if (input.substr(peg$currPos, 2) === peg$c8) {
+			s3 = peg$c8;
 			peg$currPos += 2;
 		} else {
 			s3 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e8);
+			if (peg$silentFails === 0) peg$fail(peg$e12);
 		}
 		peg$silentFails--;
 		if (s3 === peg$FAILED) s2 = void 0;
@@ -1947,19 +2102,19 @@ function peg$parse(input, options) {
 			s1 = peg$currPos;
 			s2 = peg$currPos;
 			peg$silentFails++;
-			if (input.substr(peg$currPos, 2) === peg$c5) {
-				s3 = peg$c5;
+			if (input.substr(peg$currPos, 2) === peg$c9) {
+				s3 = peg$c9;
 				peg$currPos += 2;
 			} else {
 				s3 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e9);
+				if (peg$silentFails === 0) peg$fail(peg$e13);
 			}
-			if (s3 === peg$FAILED) if (input.substr(peg$currPos, 2) === peg$c4) {
-				s3 = peg$c4;
+			if (s3 === peg$FAILED) if (input.substr(peg$currPos, 2) === peg$c8) {
+				s3 = peg$c8;
 				peg$currPos += 2;
 			} else {
 				s3 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e8);
+				if (peg$silentFails === 0) peg$fail(peg$e12);
 			}
 			peg$silentFails--;
 			if (s3 === peg$FAILED) s2 = void 0;
@@ -2001,15 +2156,15 @@ function peg$parse(input, options) {
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
 			if (input.charCodeAt(peg$currPos) === 32) {
-				s2 = peg$c6;
+				s2 = peg$c10;
 				peg$currPos++;
 			} else {
 				s2 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e10);
+				if (peg$silentFails === 0) peg$fail(peg$e14);
 			}
 			if (s2 === peg$FAILED) s2 = null;
 			peg$savedPos = s0;
-			s0 = peg$f52(s1);
+			s0 = peg$f53(s1);
 		} else {
 			peg$currPos = s0;
 			s0 = peg$FAILED;
@@ -2018,7 +2173,7 @@ function peg$parse(input, options) {
 			s0 = peg$currPos;
 			s1 = "";
 			peg$savedPos = s0;
-			s1 = peg$f53();
+			s1 = peg$f54();
 			s0 = s1;
 		}
 		return s0;
@@ -2048,7 +2203,7 @@ function peg$parse(input, options) {
 				}
 			}
 			peg$savedPos = s0;
-			s0 = peg$f54(s1, s2);
+			s0 = peg$f55(s1, s2);
 		} else {
 			peg$currPos = s0;
 			s0 = peg$FAILED;
@@ -2062,7 +2217,7 @@ function peg$parse(input, options) {
 		if (peg$r3.test(s1)) peg$currPos++;
 		else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e11);
+			if (peg$silentFails === 0) peg$fail(peg$e15);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
@@ -2074,7 +2229,7 @@ function peg$parse(input, options) {
 			}
 			s2 = input.substring(s2, peg$currPos);
 			peg$savedPos = s0;
-			s0 = peg$f55(s1, s2);
+			s0 = peg$f56(s1, s2);
 		} else {
 			peg$currPos = s0;
 			s0 = peg$FAILED;
@@ -2087,23 +2242,23 @@ function peg$parse(input, options) {
 		if (peg$r4.test(s0)) peg$currPos++;
 		else {
 			s0 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e12);
+			if (peg$silentFails === 0) peg$fail(peg$e16);
 		}
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 123) {
-				s1 = peg$c1;
+				s1 = peg$c5;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e4);
+				if (peg$silentFails === 0) peg$fail(peg$e8);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = input.charAt(peg$currPos);
 				if (peg$r5.test(s2)) peg$currPos++;
 				else {
 					s2 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e13);
+					if (peg$silentFails === 0) peg$fail(peg$e17);
 				}
 				if (s2 !== peg$FAILED) {
 					s3 = [];
@@ -2111,7 +2266,7 @@ function peg$parse(input, options) {
 					if (peg$r6.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e14);
+						if (peg$silentFails === 0) peg$fail(peg$e18);
 					}
 					while (s4 !== peg$FAILED) {
 						s3.push(s4);
@@ -2119,15 +2274,15 @@ function peg$parse(input, options) {
 						if (peg$r6.test(s4)) peg$currPos++;
 						else {
 							s4 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e14);
+							if (peg$silentFails === 0) peg$fail(peg$e18);
 						}
 					}
 					if (input.charCodeAt(peg$currPos) === 125) {
-						s4 = peg$c7;
+						s4 = peg$c11;
 						peg$currPos++;
 					} else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e15);
+						if (peg$silentFails === 0) peg$fail(peg$e19);
 					}
 					if (s4 !== peg$FAILED) {
 						s1 = [
@@ -2156,11 +2311,11 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 123) {
-			s1 = peg$c1;
+			s1 = peg$c5;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e4);
+			if (peg$silentFails === 0) peg$fail(peg$e8);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseSelectors();
@@ -2169,7 +2324,7 @@ function peg$parse(input, options) {
 				if (peg$r5.test(s3)) peg$currPos++;
 				else {
 					s3 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e13);
+					if (peg$silentFails === 0) peg$fail(peg$e17);
 				}
 				if (s3 !== peg$FAILED) {
 					s4 = peg$currPos;
@@ -2178,7 +2333,7 @@ function peg$parse(input, options) {
 					if (peg$r6.test(s6)) peg$currPos++;
 					else {
 						s6 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e14);
+						if (peg$silentFails === 0) peg$fail(peg$e18);
 					}
 					while (s6 !== peg$FAILED) {
 						s5.push(s6);
@@ -2186,20 +2341,20 @@ function peg$parse(input, options) {
 						if (peg$r6.test(s6)) peg$currPos++;
 						else {
 							s6 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e14);
+							if (peg$silentFails === 0) peg$fail(peg$e18);
 						}
 					}
 					s4 = input.substring(s4, peg$currPos);
 					if (input.charCodeAt(peg$currPos) === 125) {
-						s5 = peg$c7;
+						s5 = peg$c11;
 						peg$currPos++;
 					} else {
 						s5 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e15);
+						if (peg$silentFails === 0) peg$fail(peg$e19);
 					}
 					if (s5 !== peg$FAILED) {
 						peg$savedPos = s0;
-						s0 = peg$f56(s2, s3, s4);
+						s0 = peg$f57(s2, s3, s4);
 					} else {
 						peg$currPos = s0;
 						s0 = peg$FAILED;
@@ -2219,11 +2374,11 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 123) {
-				s1 = peg$c1;
+				s1 = peg$c5;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e4);
+				if (peg$silentFails === 0) peg$fail(peg$e8);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = peg$parseSelectors();
@@ -2234,7 +2389,7 @@ function peg$parse(input, options) {
 					if (peg$r7.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e16);
+						if (peg$silentFails === 0) peg$fail(peg$e20);
 					}
 					peg$silentFails--;
 					if (s4 !== peg$FAILED) {
@@ -2245,15 +2400,15 @@ function peg$parse(input, options) {
 						s4 = peg$parseCodeToBrace();
 						if (s4 !== peg$FAILED) {
 							if (input.charCodeAt(peg$currPos) === 125) {
-								s5 = peg$c7;
+								s5 = peg$c11;
 								peg$currPos++;
 							} else {
 								s5 = peg$FAILED;
-								if (peg$silentFails === 0) peg$fail(peg$e15);
+								if (peg$silentFails === 0) peg$fail(peg$e19);
 							}
 							if (s5 !== peg$FAILED) {
 								peg$savedPos = s0;
-								s0 = peg$f57(s2, s4);
+								s0 = peg$f58(s2, s4);
 							} else {
 								peg$currPos = s0;
 								s0 = peg$FAILED;
@@ -2277,11 +2432,11 @@ function peg$parse(input, options) {
 			if (s0 === peg$FAILED) {
 				s0 = peg$currPos;
 				if (input.charCodeAt(peg$currPos) === 123) {
-					s1 = peg$c1;
+					s1 = peg$c5;
 					peg$currPos++;
 				} else {
 					s1 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e4);
+					if (peg$silentFails === 0) peg$fail(peg$e8);
 				}
 				if (s1 !== peg$FAILED) {
 					s2 = peg$parseSelectors();
@@ -2292,7 +2447,7 @@ function peg$parse(input, options) {
 						if (peg$r7.test(s4)) peg$currPos++;
 						else {
 							s4 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e16);
+							if (peg$silentFails === 0) peg$fail(peg$e20);
 						}
 						peg$silentFails--;
 						if (s4 !== peg$FAILED) {
@@ -2301,7 +2456,7 @@ function peg$parse(input, options) {
 						} else s3 = peg$FAILED;
 						if (s3 !== peg$FAILED) {
 							peg$savedPos = s0;
-							s0 = peg$f58();
+							s0 = peg$f59();
 						} else {
 							peg$currPos = s0;
 							s0 = peg$FAILED;
@@ -2323,12 +2478,12 @@ function peg$parse(input, options) {
 		s0 = peg$currPos;
 		s1 = peg$parseHere();
 		peg$savedPos = peg$currPos;
-		s2 = peg$f59(s1);
+		s2 = peg$f60(s1);
 		if (s2) s2 = void 0;
 		else s2 = peg$FAILED;
 		if (s2 !== peg$FAILED) {
 			s3 = peg$currPos;
-			s4 = peg$f60(s1);
+			s4 = peg$f61(s1);
 			s5 = peg$currPos;
 			s6 = [];
 			if (s6.length >= (s4 | 0)) s7 = peg$FAILED;
@@ -2359,7 +2514,7 @@ function peg$parse(input, options) {
 			else s3 = s4;
 			if (s3 !== peg$FAILED) {
 				peg$savedPos = s0;
-				s0 = peg$f61(s1, s3);
+				s0 = peg$f62(s1, s3);
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -2374,22 +2529,22 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 123) {
-			s1 = peg$c1;
+			s1 = peg$c5;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e4);
+			if (peg$silentFails === 0) peg$fail(peg$e8);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseSelectors();
 			if (s2 !== peg$FAILED) {
 				s3 = peg$parseHere();
 				if (input.charCodeAt(peg$currPos) === 47) {
-					s4 = peg$c8;
+					s4 = peg$c12;
 					peg$currPos++;
 				} else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e17);
+					if (peg$silentFails === 0) peg$fail(peg$e21);
 				}
 				if (s4 === peg$FAILED) s4 = null;
 				s5 = peg$parseMacroName();
@@ -2397,12 +2552,12 @@ function peg$parse(input, options) {
 					s6 = peg$parseHere();
 					s7 = peg$currPos;
 					peg$savedPos = peg$currPos;
-					s8 = peg$f62(s2, s3, s4, s5, s6);
+					s8 = peg$f63(s2, s3, s4, s5, s6);
 					if (s8) s8 = void 0;
 					else s8 = peg$FAILED;
 					if (s8 !== peg$FAILED) {
 						s9 = peg$currPos;
-						s10 = peg$f63(s2, s3, s4, s5, s6);
+						s10 = peg$f64(s2, s3, s4, s5, s6);
 						s11 = peg$currPos;
 						s12 = [];
 						if (s12.length >= (s10 | 0)) s13 = peg$FAILED;
@@ -2433,15 +2588,15 @@ function peg$parse(input, options) {
 						else s9 = s10;
 						if (s9 !== peg$FAILED) {
 							if (input.charCodeAt(peg$currPos) === 125) {
-								s10 = peg$c7;
+								s10 = peg$c11;
 								peg$currPos++;
 							} else {
 								s10 = peg$FAILED;
-								if (peg$silentFails === 0) peg$fail(peg$e15);
+								if (peg$silentFails === 0) peg$fail(peg$e19);
 							}
 							if (s10 !== peg$FAILED) {
 								peg$savedPos = s7;
-								s7 = peg$f64(s2, s3, s4, s5, s6, s9);
+								s7 = peg$f65(s2, s3, s4, s5, s6, s9);
 							} else {
 								peg$currPos = s7;
 								s7 = peg$FAILED;
@@ -2456,7 +2611,7 @@ function peg$parse(input, options) {
 					}
 					if (s7 === peg$FAILED) s7 = null;
 					peg$savedPos = s0;
-					s0 = peg$f65(s2, s3, s4, s5, s6, s7);
+					s0 = peg$f66(s2, s3, s4, s5, s6, s7);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2472,25 +2627,25 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 123) {
-				s1 = peg$c1;
+				s1 = peg$c5;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e4);
+				if (peg$silentFails === 0) peg$fail(peg$e8);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = peg$parseSelectors();
 				if (s2 !== peg$FAILED) {
 					if (input.charCodeAt(peg$currPos) === 47) {
-						s3 = peg$c8;
+						s3 = peg$c12;
 						peg$currPos++;
 					} else {
 						s3 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e17);
+						if (peg$silentFails === 0) peg$fail(peg$e21);
 					}
 					if (s3 !== peg$FAILED) {
 						peg$savedPos = s0;
-						s0 = peg$f66(s2);
+						s0 = peg$f67(s2);
 					} else {
 						peg$currPos = s0;
 						s0 = peg$FAILED;
@@ -2514,7 +2669,7 @@ function peg$parse(input, options) {
 		if (peg$r8.test(s2)) peg$currPos++;
 		else {
 			s2 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e18);
+			if (peg$silentFails === 0) peg$fail(peg$e22);
 		}
 		if (s2 !== peg$FAILED) {
 			s3 = [];
@@ -2522,7 +2677,7 @@ function peg$parse(input, options) {
 			if (peg$r9.test(s4)) peg$currPos++;
 			else {
 				s4 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e19);
+				if (peg$silentFails === 0) peg$fail(peg$e23);
 			}
 			while (s4 !== peg$FAILED) {
 				s3.push(s4);
@@ -2530,7 +2685,7 @@ function peg$parse(input, options) {
 				if (peg$r9.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e19);
+					if (peg$silentFails === 0) peg$fail(peg$e23);
 				}
 			}
 			s2 = [s2, s3];
@@ -2547,19 +2702,19 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3;
 		s0 = peg$currPos;
 		peg$savedPos = peg$currPos;
-		s1 = peg$f67();
+		s1 = peg$f68();
 		if (s1) s1 = void 0;
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseHtmlClose();
 			if (s2 !== peg$FAILED) {
 				peg$savedPos = peg$currPos;
-				s3 = peg$f68(s2);
+				s3 = peg$f69(s2);
 				if (s3) s3 = void 0;
 				else s3 = peg$FAILED;
 				if (s3 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f69(s2);
+					s0 = peg$f70(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2578,11 +2733,11 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 60) {
-			s1 = peg$c2;
+			s1 = peg$c6;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e6);
+			if (peg$silentFails === 0) peg$fail(peg$e10);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseTagName();
@@ -2595,23 +2750,23 @@ function peg$parse(input, options) {
 				}
 				s4 = peg$parse_();
 				if (input.charCodeAt(peg$currPos) === 47) {
-					s5 = peg$c8;
+					s5 = peg$c12;
 					peg$currPos++;
 				} else {
 					s5 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e17);
+					if (peg$silentFails === 0) peg$fail(peg$e21);
 				}
 				if (s5 === peg$FAILED) s5 = null;
 				if (input.charCodeAt(peg$currPos) === 62) {
-					s6 = peg$c9;
+					s6 = peg$c1;
 					peg$currPos++;
 				} else {
 					s6 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e20);
+					if (peg$silentFails === 0) peg$fail(peg$e3);
 				}
 				if (s6 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f70(s2, s3, s5);
+					s0 = peg$f71(s2, s3, s5);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2627,11 +2782,11 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 60) {
-				s1 = peg$c2;
+				s1 = peg$c6;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e6);
+				if (peg$silentFails === 0) peg$fail(peg$e10);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = peg$parseTagName();
@@ -2642,7 +2797,7 @@ function peg$parse(input, options) {
 					if (peg$r10.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e21);
+						if (peg$silentFails === 0) peg$fail(peg$e24);
 					}
 					if (s4 === peg$FAILED) {
 						s4 = peg$currPos;
@@ -2676,7 +2831,7 @@ function peg$parse(input, options) {
 						s5 = peg$parse_();
 						s6 = peg$parseHere();
 						peg$savedPos = s0;
-						s0 = peg$f71(s2, s6);
+						s0 = peg$f72(s2, s6);
 					} else {
 						peg$currPos = s0;
 						s0 = peg$FAILED;
@@ -2695,27 +2850,27 @@ function peg$parse(input, options) {
 	function peg$parseHtmlClose() {
 		let s0, s1, s2, s4;
 		s0 = peg$currPos;
-		if (input.substr(peg$currPos, 2) === peg$c10) {
-			s1 = peg$c10;
+		if (input.substr(peg$currPos, 2) === peg$c13) {
+			s1 = peg$c13;
 			peg$currPos += 2;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e22);
+			if (peg$silentFails === 0) peg$fail(peg$e25);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseTagName();
 			if (s2 !== peg$FAILED) {
 				peg$parse_();
 				if (input.charCodeAt(peg$currPos) === 62) {
-					s4 = peg$c9;
+					s4 = peg$c1;
 					peg$currPos++;
 				} else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e20);
+					if (peg$silentFails === 0) peg$fail(peg$e3);
 				}
 				if (s4 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f72(s2);
+					s0 = peg$f73(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2738,7 +2893,7 @@ function peg$parse(input, options) {
 		if (peg$r8.test(s2)) peg$currPos++;
 		else {
 			s2 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e18);
+			if (peg$silentFails === 0) peg$fail(peg$e22);
 		}
 		if (s2 !== peg$FAILED) {
 			s3 = [];
@@ -2746,7 +2901,7 @@ function peg$parse(input, options) {
 			if (peg$r11.test(s4)) peg$currPos++;
 			else {
 				s4 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e23);
+				if (peg$silentFails === 0) peg$fail(peg$e26);
 			}
 			while (s4 !== peg$FAILED) {
 				s3.push(s4);
@@ -2754,7 +2909,7 @@ function peg$parse(input, options) {
 				if (peg$r11.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e23);
+					if (peg$silentFails === 0) peg$fail(peg$e26);
 				}
 			}
 			s2 = [s2, s3];
@@ -2780,7 +2935,7 @@ function peg$parse(input, options) {
 		if (peg$r12.test(s6)) peg$currPos++;
 		else {
 			s6 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e24);
+			if (peg$silentFails === 0) peg$fail(peg$e27);
 		}
 		peg$silentFails--;
 		if (s6 === peg$FAILED) s5 = void 0;
@@ -2816,7 +2971,7 @@ function peg$parse(input, options) {
 			if (peg$r12.test(s6)) peg$currPos++;
 			else {
 				s6 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e24);
+				if (peg$silentFails === 0) peg$fail(peg$e27);
 			}
 			peg$silentFails--;
 			if (s6 === peg$FAILED) s5 = void 0;
@@ -2849,25 +3004,25 @@ function peg$parse(input, options) {
 		else s2 = s3;
 		if (s2 !== peg$FAILED) {
 			peg$savedPos = peg$currPos;
-			s3 = peg$f73(s2);
+			s3 = peg$f74(s2);
 			if (s3) s3 = void 0;
 			else s3 = peg$FAILED;
 			if (s3 !== peg$FAILED) {
 				s4 = peg$currPos;
 				s5 = peg$parse_();
 				if (input.charCodeAt(peg$currPos) === 61) {
-					s6 = peg$c11;
+					s6 = peg$c14;
 					peg$currPos++;
 				} else {
 					s6 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e25);
+					if (peg$silentFails === 0) peg$fail(peg$e28);
 				}
 				if (s6 !== peg$FAILED) {
 					peg$parse_();
 					s8 = peg$parseAttrValue();
 					if (s8 !== peg$FAILED) {
 						peg$savedPos = s4;
-						s4 = peg$f74(s2, s8);
+						s4 = peg$f75(s2, s8);
 					} else {
 						peg$currPos = s4;
 						s4 = peg$FAILED;
@@ -2878,7 +3033,7 @@ function peg$parse(input, options) {
 				}
 				if (s4 === peg$FAILED) s4 = null;
 				peg$savedPos = s0;
-				s0 = peg$f75(s2, s4);
+				s0 = peg$f76(s2, s4);
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -2893,11 +3048,11 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 34) {
-			s1 = peg$c12;
+			s1 = peg$c15;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e26);
+			if (peg$silentFails === 0) peg$fail(peg$e29);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
@@ -2908,7 +3063,7 @@ function peg$parse(input, options) {
 				if (peg$r13.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e27);
+					if (peg$silentFails === 0) peg$fail(peg$e30);
 				}
 			}
 			while (s4 !== peg$FAILED) {
@@ -2919,21 +3074,21 @@ function peg$parse(input, options) {
 					if (peg$r13.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e27);
+						if (peg$silentFails === 0) peg$fail(peg$e30);
 					}
 				}
 			}
 			s2 = input.substring(s2, peg$currPos);
 			if (input.charCodeAt(peg$currPos) === 34) {
-				s3 = peg$c12;
+				s3 = peg$c15;
 				peg$currPos++;
 			} else {
 				s3 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e26);
+				if (peg$silentFails === 0) peg$fail(peg$e29);
 			}
 			if (s3 !== peg$FAILED) {
 				peg$savedPos = s0;
-				s0 = peg$f76(s2);
+				s0 = peg$f77(s2);
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -2945,11 +3100,11 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 39) {
-				s1 = peg$c13;
+				s1 = peg$c16;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e28);
+				if (peg$silentFails === 0) peg$fail(peg$e31);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = peg$currPos;
@@ -2960,7 +3115,7 @@ function peg$parse(input, options) {
 					if (peg$r14.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e29);
+						if (peg$silentFails === 0) peg$fail(peg$e32);
 					}
 				}
 				while (s4 !== peg$FAILED) {
@@ -2971,21 +3126,21 @@ function peg$parse(input, options) {
 						if (peg$r14.test(s4)) peg$currPos++;
 						else {
 							s4 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e29);
+							if (peg$silentFails === 0) peg$fail(peg$e32);
 						}
 					}
 				}
 				s2 = input.substring(s2, peg$currPos);
 				if (input.charCodeAt(peg$currPos) === 39) {
-					s3 = peg$c13;
+					s3 = peg$c16;
 					peg$currPos++;
 				} else {
 					s3 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e28);
+					if (peg$silentFails === 0) peg$fail(peg$e31);
 				}
 				if (s3 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f77(s2);
+					s0 = peg$f78(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -3000,11 +3155,11 @@ function peg$parse(input, options) {
 				if (peg$r15.test(s1)) peg$currPos++;
 				else {
 					s1 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e30);
+					if (peg$silentFails === 0) peg$fail(peg$e33);
 				}
 				if (s1 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s1 = peg$f78(s1);
+					s1 = peg$f79(s1);
 				}
 				s0 = s1;
 				if (s0 === peg$FAILED) {
@@ -3014,7 +3169,7 @@ function peg$parse(input, options) {
 					if (peg$r16.test(s2)) peg$currPos++;
 					else {
 						s2 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e31);
+						if (peg$silentFails === 0) peg$fail(peg$e34);
 					}
 					while (s2 !== peg$FAILED) {
 						s1.push(s2);
@@ -3022,7 +3177,7 @@ function peg$parse(input, options) {
 						if (peg$r16.test(s2)) peg$currPos++;
 						else {
 							s2 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e31);
+							if (peg$silentFails === 0) peg$fail(peg$e34);
 						}
 					}
 					s0 = input.substring(s0, peg$currPos);
@@ -3035,27 +3190,27 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13;
 		s0 = peg$currPos;
 		peg$savedPos = peg$currPos;
-		s1 = peg$f79();
+		s1 = peg$f80();
 		if (s1) s1 = void 0;
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
 			s3 = [];
 			if (input.charCodeAt(peg$currPos) === 92) {
-				s4 = peg$c0;
+				s4 = peg$c4;
 				peg$currPos++;
 			} else {
 				s4 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e2);
+				if (peg$silentFails === 0) peg$fail(peg$e6);
 			}
 			if (s4 !== peg$FAILED) while (s4 !== peg$FAILED) {
 				s3.push(s4);
 				if (input.charCodeAt(peg$currPos) === 92) {
-					s4 = peg$c0;
+					s4 = peg$c4;
 					peg$currPos++;
 				} else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e2);
+					if (peg$silentFails === 0) peg$fail(peg$e6);
 				}
 			}
 			else s3 = peg$FAILED;
@@ -3064,7 +3219,7 @@ function peg$parse(input, options) {
 			if (s2 !== peg$FAILED) {
 				s3 = peg$currPos;
 				peg$savedPos = peg$currPos;
-				s4 = peg$f80(s2);
+				s4 = peg$f81(s2);
 				if (s4) s4 = void 0;
 				else s4 = peg$FAILED;
 				if (s4 !== peg$FAILED) {
@@ -3072,7 +3227,7 @@ function peg$parse(input, options) {
 					if (peg$r1.test(s5)) peg$currPos++;
 					else {
 						s5 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e3);
+						if (peg$silentFails === 0) peg$fail(peg$e7);
 					}
 					if (s5 !== peg$FAILED) {
 						s4 = [s4, s5];
@@ -3103,39 +3258,39 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			peg$savedPos = peg$currPos;
-			s1 = peg$f81();
+			s1 = peg$f82();
 			if (s1) s1 = void 0;
 			else s1 = peg$FAILED;
 			if (s1 !== peg$FAILED) {
 				if (input.charCodeAt(peg$currPos) === 123) {
-					s2 = peg$c1;
+					s2 = peg$c5;
 					peg$currPos++;
 				} else {
 					s2 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e4);
+					if (peg$silentFails === 0) peg$fail(peg$e8);
 				}
 				if (s2 !== peg$FAILED) {
 					s3 = peg$parseSelectors();
 					if (s3 !== peg$FAILED) {
 						s4 = peg$parseHere();
 						if (input.charCodeAt(peg$currPos) === 47) {
-							s5 = peg$c8;
+							s5 = peg$c12;
 							peg$currPos++;
 						} else {
 							s5 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e17);
+							if (peg$silentFails === 0) peg$fail(peg$e21);
 						}
 						if (s5 === peg$FAILED) s5 = null;
 						s6 = peg$parseMacroName();
 						if (s6 !== peg$FAILED) {
 							s7 = peg$parseHere();
 							peg$savedPos = peg$currPos;
-							s8 = peg$f82(s4, s7);
+							s8 = peg$f83(s4, s7);
 							if (s8) s8 = void 0;
 							else s8 = peg$FAILED;
 							if (s8 !== peg$FAILED) {
 								s9 = peg$currPos;
-								s10 = peg$f83(s4, s7);
+								s10 = peg$f84(s4, s7);
 								s11 = peg$currPos;
 								s12 = [];
 								if (s12.length >= (s10 | 0)) s13 = peg$FAILED;
@@ -3166,11 +3321,11 @@ function peg$parse(input, options) {
 								else s9 = s10;
 								if (s9 !== peg$FAILED) {
 									if (input.charCodeAt(peg$currPos) === 125) {
-										s10 = peg$c7;
+										s10 = peg$c11;
 										peg$currPos++;
 									} else {
 										s10 = peg$FAILED;
-										if (peg$silentFails === 0) peg$fail(peg$e15);
+										if (peg$silentFails === 0) peg$fail(peg$e19);
 									}
 									if (s10 !== peg$FAILED) {
 										s1 = [
@@ -3217,16 +3372,16 @@ function peg$parse(input, options) {
 			if (s0 === peg$FAILED) {
 				s0 = peg$currPos;
 				peg$savedPos = peg$currPos;
-				s1 = peg$f84();
+				s1 = peg$f85();
 				if (s1) s1 = void 0;
 				else s1 = peg$FAILED;
 				if (s1 !== peg$FAILED) {
 					if (input.charCodeAt(peg$currPos) === 123) {
-						s2 = peg$c1;
+						s2 = peg$c5;
 						peg$currPos++;
 					} else {
 						s2 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e4);
+						if (peg$silentFails === 0) peg$fail(peg$e8);
 					}
 					if (s2 !== peg$FAILED) {
 						s3 = peg$parseSelectors();
@@ -3235,18 +3390,18 @@ function peg$parse(input, options) {
 							peg$silentFails++;
 							s5 = peg$currPos;
 							if (input.charCodeAt(peg$currPos) === 47) {
-								s6 = peg$c8;
+								s6 = peg$c12;
 								peg$currPos++;
 							} else {
 								s6 = peg$FAILED;
-								if (peg$silentFails === 0) peg$fail(peg$e17);
+								if (peg$silentFails === 0) peg$fail(peg$e21);
 							}
 							if (s6 === peg$FAILED) s6 = null;
 							s7 = input.charAt(peg$currPos);
 							if (peg$r8.test(s7)) peg$currPos++;
 							else {
 								s7 = peg$FAILED;
-								if (peg$silentFails === 0) peg$fail(peg$e18);
+								if (peg$silentFails === 0) peg$fail(peg$e22);
 							}
 							if (s7 !== peg$FAILED) {
 								s6 = [s6, s7];
@@ -3265,11 +3420,11 @@ function peg$parse(input, options) {
 								s5 = peg$parseCodeToBrace();
 								if (s5 !== peg$FAILED) {
 									if (input.charCodeAt(peg$currPos) === 125) {
-										s6 = peg$c7;
+										s6 = peg$c11;
 										peg$currPos++;
 									} else {
 										s6 = peg$FAILED;
-										if (peg$silentFails === 0) peg$fail(peg$e15);
+										if (peg$silentFails === 0) peg$fail(peg$e19);
 									}
 									if (s6 !== peg$FAILED) {
 										s1 = [
@@ -3308,16 +3463,16 @@ function peg$parse(input, options) {
 				if (s0 === peg$FAILED) {
 					s0 = peg$currPos;
 					peg$savedPos = peg$currPos;
-					s1 = peg$f85();
+					s1 = peg$f86();
 					if (s1) s1 = void 0;
 					else s1 = peg$FAILED;
 					if (s1 !== peg$FAILED) {
 						if (input.charCodeAt(peg$currPos) === 123) {
-							s2 = peg$c1;
+							s2 = peg$c5;
 							peg$currPos++;
 						} else {
 							s2 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e4);
+							if (peg$silentFails === 0) peg$fail(peg$e8);
 						}
 						if (s2 !== peg$FAILED) {
 							s3 = peg$currPos;
@@ -3326,7 +3481,7 @@ function peg$parse(input, options) {
 							if (peg$r5.test(s4)) peg$currPos++;
 							else {
 								s4 = peg$FAILED;
-								if (peg$silentFails === 0) peg$fail(peg$e13);
+								if (peg$silentFails === 0) peg$fail(peg$e17);
 							}
 							peg$silentFails--;
 							if (s4 !== peg$FAILED) {
@@ -3337,11 +3492,11 @@ function peg$parse(input, options) {
 								s4 = peg$parseCodeToBrace();
 								if (s4 !== peg$FAILED) {
 									if (input.charCodeAt(peg$currPos) === 125) {
-										s5 = peg$c7;
+										s5 = peg$c11;
 										peg$currPos++;
 									} else {
 										s5 = peg$FAILED;
-										if (peg$silentFails === 0) peg$fail(peg$e15);
+										if (peg$silentFails === 0) peg$fail(peg$e19);
 									}
 									if (s5 !== peg$FAILED) {
 										s1 = [
@@ -3393,7 +3548,7 @@ function peg$parse(input, options) {
 		if (peg$r17.test(s0)) peg$currPos++;
 		else {
 			s0 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e32);
+			if (peg$silentFails === 0) peg$fail(peg$e35);
 		}
 		return s0;
 	}
@@ -8775,7 +8930,7 @@ var OPERAND_ENDS = new Set([
 * whether a `{` opens a block or an object literal, which decides whether a
 * `/` after its `}` opens a regex and a `%` a transient: after the `:` of a
 * conditional it opens an object literal (`a ? b : {} / 2`), not a block as
-* after a label; after a block's `}` it opens another block (`{}{} %n = 1`),
+* after a label, and a `function` or `class` there is an expression; after a block's `}` it opens another block (`{}{} %n = 1`),
 * and so it does on a new line after a statement (`p⏎{} %n = 1`).
 */
 var SigilParser = class extends Parser {
@@ -8788,6 +8943,7 @@ var SigilParser = class extends Parser {
 		this.ternaries = [];
 		this.colonEndsTernary = false;
 		this.closedBlock = false;
+		this.typeBeforeLast = types$1.eof;
 		this.lookahead = true;
 	}
 	readToken(code) {
@@ -8832,6 +8988,11 @@ var SigilParser = class extends Parser {
 		const prevType = self.type;
 		this.prevValue = self.value;
 		const property = type.keyword !== void 0 && (prevType === types$1.dot || prevType === types$1.questionDot) || (type === types$1._function || type === types$1._class) && notABody(self.input, self.pos);
+		if (!property && (type === types$1._function || type === types$1._class)) {
+			const before = type === types$1._function && prevType === types$1.name && this.prevValue === "async" && !this.breakHere ? this.typeBeforeLast : prevType;
+			self.type = before === types$1.colon && this.colonEndsTernary ? types$1.parenL : before;
+		}
+		this.typeBeforeLast = prevType;
 		super.finishToken(property ? types$1.name : type, value);
 		if (type === types$1.name && value === "of" && (prevType === types$1._const || prevType === types$1._var || this.prevValue === "let")) self.exprAllowed = false;
 	}
@@ -9735,13 +9896,24 @@ function tokenizeMarkup(source, options = {}) {
 //#endregion
 //#region src/hooks/use-story-fields.ts
 /**
+* Tells the components below when to keep the state they last rendered with,
+* given the store's current state: an owner (a click body, see
+* useDetachedBody; a passage on its way out, see PassageDisplay) provides it
+* so that a branch skipped earlier cannot run against later state (#351,
+* #352). It runs inside the store's own notification, before the owner could
+* re-render, which is why it is a predicate and not a flag.
+*/
+var FrozenStateContext = createContext(null);
+/**
 * Story state fields `keys`, re-rendering when any of them changes (as one
 * useStoryStore() selector per field would). The result keeps its identity
 * while the fields don't change, as the store's snapshot must.
 */
 function useStoryFields(...keys) {
 	const prev = useRef();
+	const freeze = useContext(FrozenStateContext);
 	return useStoryStore((s) => {
+		if (prev.current && freeze?.(s)) return prev.current;
 		const next = {};
 		for (const key of keys) next[key] = s[key];
 		return shallow(prev.current, next) ? prev.current : prev.current = next;
@@ -9754,7 +9926,7 @@ function useStoryFields(...keys) {
 * All four dicts use unprefixed keys suitable for evaluate/execute.
 */
 function useMergedLocals() {
-	const { variables, temporary, transient } = useStoryFields("variables", "temporary", "transient");
+	const { variables, temporary, transient, renderCounts } = useStoryFields("variables", "temporary", "transient", "renderCounts");
 	const localsValues = useContext(LocalsValuesContext);
 	return useMemo(() => {
 		return [
@@ -9767,7 +9939,8 @@ function useMergedLocals() {
 		variables,
 		temporary,
 		localsValues,
-		transient
+		transient,
+		renderCounts
 	]);
 }
 //#endregion
@@ -10887,7 +11060,11 @@ function LocalsScope({ body, parentValues, ownKeys }) {
 }
 //#endregion
 //#region src/components/macros/WidgetInvocation.tsx
-function WidgetInvocation({ body, params, rawArgs, invocationChildren }) {
+function WidgetInvocation(props) {
+	const resolve = useInterpolate();
+	return wrapContent(resolve(props.className), resolve(props.id), /* @__PURE__ */ jsx(WidgetContent, { ...props }));
+}
+function WidgetContent({ body, params, rawArgs, invocationChildren }) {
 	const renderOptions = useRenderOptions();
 	const parentValues = renderOptions.locals;
 	const [mergedVars, mergedTemps, mergedLocals, mergedTrans] = useMergedLocals();
@@ -11518,20 +11695,33 @@ function useDirectAttributes(direct) {
 	}, [JSON.stringify(direct)]);
 	return direct.length > 0 ? elementRef : void 0;
 }
+var decodedText = /* @__PURE__ */ new Map();
 var decodedAttributeText = /* @__PURE__ */ new Map();
 /**
-* Decode character references (`&amp;`, `&#123;`) in attribute text the way
-* the HTML parser decodes an attribute value, by letting it parse one.
+* Decode character references (`&amp;`, `&#123;`) in `text` the way the HTML
+* parser decodes them, by letting it parse them: in an attribute value, or
+* else in element text.
 */
-function decodeAttributeText(text) {
+function decodeReferences(text, cache, parse) {
 	if (!text.includes("&")) return text;
-	let decoded = decodedAttributeText.get(text);
+	let decoded = cache.get(text);
 	if (decoded === void 0) {
-		decoded = parseHtmlInert(`<i title="${text.replace(/"/g, "&quot;")}"></i>`).firstChild.getAttribute("title") ?? text;
-		decodedAttributeText.set(text, decoded);
+		decoded = parse(text) ?? text;
+		cache.set(text, decoded);
 	}
 	return decoded;
 }
+function decodeAttributeText(text) {
+	return decodeReferences(text, decodedAttributeText, (t) => {
+		return parseHtmlInert(`<i title="${t.replace(/"/g, "&quot;")}"></i>`).firstChild.getAttribute("title");
+	});
+}
+/** Literal text outside markdown (preformatted and SVG elements). */
+function decodeText(text) {
+	return decodeReferences(text, decodedText, (t) => {
+		return parseHtmlInert(`<i>${t.replace(/</g, "&lt;")}</i>`).firstChild.textContent;
+	});
+}
 /** A `{` and a sigil starting a reference, in a code attribute. */
 var SIGIL_REFERENCE = /\{[$_@%]\w/;
 var attributeNodes = /* @__PURE__ */ new Map();
@@ -11643,18 +11833,21 @@ function nodeKey(node) {
 }
 function renderMacro(node, key) {
 	if (isSubMacro(node.name)) return null;
+	const invocation = {
+		rawArgs: node.rawArgs,
+		className: node.className,
+		id: node.id
+	};
 	const widget = getWidget(node.name);
 	if (widget) return /* @__PURE__ */ jsx(WidgetInvocation, {
+		...invocation,
 		body: widget.body,
 		params: widget.params,
-		rawArgs: node.rawArgs,
 		invocationChildren: node.children
 	}, key);
 	const Component = getMacro(node.name);
 	if (Component) return /* @__PURE__ */ jsx(Component, {
-		rawArgs: node.rawArgs,
-		className: node.className,
-		id: node.id,
+		...invocation,
 		children: node.children,
 		branches: node.branches
 	}, key);
@@ -11667,7 +11860,7 @@ function renderMacro(node, key) {
 * Render a non-text AST node to a Preact element.
 */
 function renderSingleNode(node) {
-	if (node.type === "text") return node.value;
+	if (node.type === "text") return decodeText(node.value);
 	const key = nodeKey(node);
 	switch (node.type) {
 		case "variable":
@@ -14177,6 +14370,7 @@ async function startNewPlaythroughNow(ifid, id = randomUUID()) {
 		await backend.setMeta(playthroughCountKey(ifid), num);
 	});
 	await backend.setMeta(currentPlaythroughKey(ifid), id);
+	saveSessionPlaythrough(ifid, id);
 	return id;
 }
 var PLAYTHROUGH_LABEL = /^Playthrough (\d+)$/;
@@ -14216,6 +14410,7 @@ async function adoptPlaythroughNow(ifid, id) {
 	await ensurePlaythrough(ifid, id, (/* @__PURE__ */ new Date()).toISOString());
 	const key = currentPlaythroughKey(ifid);
 	if (await backend.getMeta(key) !== id) await backend.setMeta(key, id);
+	saveSessionPlaythrough(ifid, id);
 }
 /**
 * Record the playthrough `id` of the story as "Imported", created at
@@ -14238,8 +14433,12 @@ async function ensurePlaythrough(ifid, id, createdAt) {
 */
 function establishPlaythrough(ifid) {
 	return inOrder(async () => {
+		const backend = await getBackend();
+		const own = loadSessionPlaythrough(ifid);
+		const id = own !== void 0 && (await backend.getPlaythroughsByIfid(ifid)).some((p) => p.id === own) ? own : await backend.getMeta(currentPlaythroughKey(ifid)) ?? await startNewPlaythroughNow(ifid);
+		saveSessionPlaythrough(ifid, id);
 		return {
-			id: await (await getBackend()).getMeta(currentPlaythroughKey(ifid)) ?? await startNewPlaythroughNow(ifid),
+			id,
 			knownSaves: await populateKnownSavesNow(ifid)
 		};
 	});
@@ -14542,12 +14741,16 @@ readingSlot(livePayload);
 * (see adoptPlaythrough) in the same operation: operations issued after the
 * load take effect in the loaded playthrough. Resolves to the live payload
 * and its playthrough, or undefined if the slot is empty.
+*
+* `check` is run on the payload first: when it throws, the load rejects and
+* the game stays in its playthrough (#357).
 */
-function loadSlotSave(ifid, slot) {
+function loadSlotSave(ifid, slot, check) {
 	return inOrder(async () => {
 		const record = await slotRecord(ifid, slot);
 		if (!record) return void 0;
 		const payload = decodePayload(record.payload);
+		check?.(payload);
 		const { playthroughId } = record.meta;
 		if (playthroughId) await adoptPlaythroughNow(ifid, playthroughId);
 		return {
@@ -14637,6 +14840,26 @@ function clearSession(ifid) {
 		sessionStorage.removeItem(`${SESSION_KEY_PREFIX}${ifid}`);
 	} catch {}
 }
+/**
+* The playthrough this tab's game is in, kept with its session: the shared
+* current playthrough (a stored meta value) can be changed by another tab.
+* Written where this tab's storage operations set the current playthrough,
+* so it follows them in call order. Under the session prefix, so clearing
+* all data clears it.
+*/
+var SESSION_PLAYTHROUGH_PREFIX = `${SESSION_KEY_PREFIX}playthrough.`;
+function saveSessionPlaythrough(ifid, id) {
+	try {
+		sessionStorage.setItem(`${SESSION_PLAYTHROUGH_PREFIX}${ifid}`, id);
+	} catch {}
+}
+function loadSessionPlaythrough(ifid) {
+	try {
+		return sessionStorage.getItem(`${SESSION_PLAYTHROUGH_PREFIX}${ifid}`) || void 0;
+	} catch {
+		return;
+	}
+}
 /** The export of a stored save, if there is one. */
 function toExport(record) {
 	if (!record) return void 0;
@@ -15398,7 +15621,7 @@ function checkTriggersOnNavigation() {
 }
 /**
 * Re-evaluate watchers whenever a namespace their conditions can read
-* ($variables, _temporary, %transient) changes. Navigation is left to the
+* ($variables, _temporary, %transient) or the render counts change. Navigation is left to the
 * store: navigate() checks watchers once the new moment is complete
 * (checkTriggersOnNavigation), while history traversal and loads
 * reinitialize watcher state instead of firing.
@@ -15410,7 +15633,7 @@ function connectTriggersToStore() {
 		const before = prev;
 		prev = state;
 		if (state.navigationId !== before.navigationId) return;
-		if (state.variables === before.variables && state.temporary === before.temporary && state.transient === before.transient) return;
+		if (state.variables === before.variables && state.temporary === before.temporary && state.transient === before.transient && state.renderCounts === before.renderCounts) return;
 		checkTriggers();
 	});
 	let connected = true;
@@ -16078,6 +16301,11 @@ function missingPassage(storyData, payload) {
 	if (!storyData) return void 0;
 	return [payload.passage, ...payload.history.map((m) => m.passage)].find((name) => !storyData.passages.has(name));
 }
+/** Throw if `payload` refers to a passage `storyData` does not have. */
+function assertPassagesExist(storyData, payload) {
+	const missing = missingPassage(storyData, payload);
+	if (missing !== void 0) throw new Error(`The save refers to the passage "${missing}", which this version of the story does not have`);
+}
 var NAMESPACE_KEYS = [
 	"variables",
 	"temporary",
@@ -16420,7 +16648,7 @@ var useStoryStore = create()(storyStore((set, get) => ({
 			state.loadError = null;
 		});
 		const previous = resolvePlaythroughId();
-		const read = loadSlotSave(storyData.ifid, slot);
+		const read = loadSlotSave(storyData.ifid, slot, (payload) => assertPassagesExist(storyData, payload));
 		const switched = switchToLookedUpPlaythrough(Promise.all([previous, read.catch(() => void 0)]).then(([prev, loaded]) => loaded?.playthroughId || prev));
 		const replacement = ++stateReplacementsIssued;
 		return reported(read.then(async (loaded) => {
@@ -16525,8 +16753,7 @@ var useStoryStore = create()(storyStore((set, get) => ({
 			console.warn("loadFromPayload: rejecting payload with empty history");
 			return;
 		}
-		const missing = missingPassage(get().storyData, payload);
-		if (missing !== void 0) throw new Error(`The save refers to the passage "${missing}", which this version of the story does not have`);
+		assertPassagesExist(get().storyData, payload);
 		latestStateApplied = replacement;
 		emit("beforeload", slot);
 		const ifid = get().storyData?.ifid;
@@ -16637,7 +16864,7 @@ function isRendered(el) {
 	return true;
 }
 function focusables(root) {
-	return Array.from(root.querySelectorAll(FOCUSABLE)).filter((el) => !el.hidden && !el.closest("[hidden], [inert]") && isRendered(el));
+	return Array.from(root.querySelectorAll(FOCUSABLE)).filter((el) => !el.hidden && !el.closest("[hidden], [inert]") && !el.matches(":disabled") && isRendered(el));
 }
 /** Open modal dialogs, innermost last. Only the topmost handles keys. */
 var openModals = [];
@@ -19105,6 +19332,13 @@ function selectBranch(branches, matches) {
 	else if (matches(branch.rawArgs)) return branch;
 	return fallback;
 }
+/**
+* A selected branch's content, in a wrapper if the branch has CSS selectors
+* (`{.hot#id case 1}`). The macro must be defined with `interpolate`.
+*/
+function renderBranch(branch, ctx) {
+	return wrapContent(ctx.resolve(branch.className), ctx.resolve(branch.id), ctx.renderNodes(branch.children));
+}
 //#endregion
 //#region src/components/macros/If.tsx
 /**
@@ -19132,7 +19366,7 @@ defineMacro({
 			});
 		}
 		if (!branch) return null;
-		return wrapContent(ctx.resolve(branch.className), ctx.resolve(branch.id), ctx.renderNodes(branch.children));
+		return renderBranch(branch, ctx);
 	},
 	text({ branches = [] }, ctx) {
 		const branch = selectIfBranch(branches, ctx.evaluate);
@@ -19354,11 +19588,13 @@ defineMacro({
 });
 //#endregion
 //#region src/components/macros/detached-body.tsx
+var frozenAlways = () => true;
 /**
 * Return a function that runs a macro body once, outside the passage tree:
 * it renders `children` into a detached node, so the body's macros ({set},
 * {if}, {goto}, ...) fire their side effects through the normal Preact
-* pipeline. Used by {button} and {link} on click. The body stays mounted
+* pipeline. Used by {button} and {link} on click. The body's state is frozen
+* once it has rendered, so it runs once per click. It stays mounted
 * until the owning macro unmounts (its passage changes, say), so work it
 * starts in an effect, such as the timer of a {timed} or {repeat}, can
 * finish; the passage leaving cancels it.
@@ -19389,24 +19625,27 @@ function useDetachedBody() {
 	const run = (children) => {
 		const locals = liveLocalsView(updater.getValues);
 		const container = document.createElement("div");
-		render(/* @__PURE__ */ jsx(LocalsUpdateContext.Provider, {
-			value: updater,
-			children: /* @__PURE__ */ jsx(LocalsValuesContext.Provider, {
-				value: locals,
-				children: /* @__PURE__ */ jsx(NobrContext.Provider, {
-					value: nobr,
-					children: /* @__PURE__ */ jsx(InlineContext.Provider, {
-						value: inline,
-						children: /* @__PURE__ */ jsx(WidgetChildrenContext.Provider, {
-							value: widgetChildren,
-							children: /* @__PURE__ */ jsx(RepeatContext.Provider, {
-								value: repeat,
-								children: /* @__PURE__ */ jsx(DialogCloseContext.Provider, {
-									value: closeDialog,
-									children: renderNodes(children, {
-										nobr,
-										inline,
-										locals
+		render(/* @__PURE__ */ jsx(FrozenStateContext.Provider, {
+			value: frozenAlways,
+			children: /* @__PURE__ */ jsx(LocalsUpdateContext.Provider, {
+				value: updater,
+				children: /* @__PURE__ */ jsx(LocalsValuesContext.Provider, {
+					value: locals,
+					children: /* @__PURE__ */ jsx(NobrContext.Provider, {
+						value: nobr,
+						children: /* @__PURE__ */ jsx(InlineContext.Provider, {
+							value: inline,
+							children: /* @__PURE__ */ jsx(WidgetChildrenContext.Provider, {
+								value: widgetChildren,
+								children: /* @__PURE__ */ jsx(RepeatContext.Provider, {
+									value: repeat,
+									children: /* @__PURE__ */ jsx(DialogCloseContext.Provider, {
+										value: closeDialog,
+										children: renderNodes(children, {
+											nobr,
+											inline,
+											locals
+										})
 									})
 								})
 							})
@@ -19525,6 +19764,7 @@ defineMacro({
 		type: "expression",
 		required: true
 	}],
+	interpolate: true,
 	merged: true,
 	render({ rawArgs, branches = [] }, ctx) {
 		let switchValue;
@@ -19545,7 +19785,8 @@ defineMacro({
 				error: err
 			});
 		}
-		return branch && /* @__PURE__ */ jsx(Fragment$1, { children: ctx.renderNodes(branch.children) });
+		if (!branch) return null;
+		return renderBranch(branch, ctx);
 	},
 	text({ rawArgs, branches = [] }, ctx) {
 		const branch = selectCase(ctx.evaluate(rawArgs), branches, ctx.evaluate);
@@ -20120,12 +20361,15 @@ function SaveManagerContent() {
 					if (mode === "load" && group.saves.length === 0 && !isCurrentPt) return null;
 					return /* @__PURE__ */ jsxs("div", {
 						class: "playthrough-group",
-						children: [/* @__PURE__ */ jsxs("div", {
+						children: [/* @__PURE__ */ jsxs("button", {
+							type: "button",
 							class: "playthrough-header",
+							"aria-expanded": !isCollapsed,
 							onClick: () => toggleCollapse(group.playthrough.id),
 							children: [
 								/* @__PURE__ */ jsx("span", {
 									class: `playthrough-chevron ${isCollapsed ? "" : "open"}`,
+									"aria-hidden": "true",
 									children: "▶"
 								}),
 								/* @__PURE__ */ jsxs("span", {
@@ -20433,13 +20677,19 @@ function defineInputMacro(name, type, toValue = (input) => input !== void 0 ? St
 				label: placeholder || ctx.varName,
 				perform: (v) => ctx.setValue(toValue(v))
 			});
+			const typed = ctx.hooks.useRef(null);
+			const shown = typed.current !== null && toValue(typed.current) === ctx.value && type === "number" ? typed.current : display(ctx.value);
 			return h(type ? "input" : "textarea", {
 				type,
 				id: ctx.id,
 				class: ctx.cls,
-				value: display(ctx.value),
+				value: shown,
 				placeholder,
-				onInput: (e) => ctx.setValue(toValue(e.target.value))
+				onInput: (e) => {
+					const text = e.target.value;
+					typed.current = text;
+					ctx.setValue(toValue(text));
+				}
 			});
 		}
 	});
@@ -20831,6 +21081,9 @@ defineMacro({
 		});
 		const resolvedTypeRef = useRef("fade");
 		const prevHistoryLenRef = useRef(0);
+		const displayedId = displayed.id;
+		const isOutgoing = useCallback((state) => state.navigationId !== displayedId, [displayedId]);
+		const lastElement = useRef(null);
 		const containerRef = useRef(null);
 		const timeoutsRef = useRef([]);
 		/** Cancel any in-progress transition. */
@@ -20899,6 +21152,16 @@ defineMacro({
 				cleanupSnapshots(containerEl);
 			}, config.duration)];
 		}, [navigationId]);
+		const shownId = displayedPassage && !renderDeferred ? displayed.id : null;
+		const lastShownId = useRef(shownId);
+		useLayoutEffect(() => {
+			if (shownId === null) return;
+			const previous = lastShownId.current;
+			lastShownId.current = shownId;
+			if (previous === null || previous === shownId) return;
+			const el = containerRef.current?.querySelector(".passage");
+			if (el && el.getBoundingClientRect().top < 0) el.scrollIntoView?.({ block: "start" });
+		}, [shownId]);
 		const effectivePassage = renderDeferred ? storyData?.passages.get("StoryLoading") ?? null : displayedPassage ? storyData?.passages.get(displayedPassage) : null;
 		if (!effectivePassage && displayedPassage && !renderDeferred) return /* @__PURE__ */ jsxs("div", {
 			class: "error",
@@ -20909,6 +21172,12 @@ defineMacro({
 			]
 		});
 		const readyPassage = storyData?.passages.get("PassageReady");
+		const passageElement = !renderDeferred && displayed.id !== navigationId && lastElement.current ? lastElement.current : effectivePassage && /* @__PURE__ */ jsx(Passage, {
+			passage: effectivePassage,
+			dataTransition: renderDeferred ? "none" : resolvedTypeRef.current,
+			navigationId: renderDeferred ? void 0 : displayed.id
+		}, renderDeferred ? "loading" : `nav-${displayed.id}`);
+		lastElement.current = passageElement || null;
 		return /* @__PURE__ */ jsxs("div", {
 			id: ctx.id ?? "story",
 			class: ctx.className ?? "story",
@@ -20918,11 +21187,10 @@ defineMacro({
 			}, `ready-${navigationId}`), /* @__PURE__ */ jsx("div", {
 				class: "passage-container",
 				ref: containerRef,
-				children: effectivePassage && /* @__PURE__ */ jsx(Passage, {
-					passage: effectivePassage,
-					dataTransition: renderDeferred ? "none" : resolvedTypeRef.current,
-					navigationId: renderDeferred ? void 0 : displayed.id
-				}, renderDeferred ? "loading" : `nav-${displayed.id}`)
+				children: passageElement && /* @__PURE__ */ jsx(FrozenStateContext.Provider, {
+					value: isOutgoing,
+					children: passageElement
+				})
 			})]
 		});
 	}
@@ -21002,7 +21270,7 @@ defineMacro({
 });
 //#endregion
 //#region src/styles.css?inline
-var styles_default = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 16px;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: Georgia, 'Times New Roman', serif;\n  line-height: 1.75;\n  color: #e0e0e0;\n  background-color: #1a1a2e;\n  min-height: 100vh;\n}\n\ntw-storydata {\n  display: none !important;\n}\n\n#story {\n  max-width: 42em;\n  margin: 0 auto;\n  padding: 2em 1.5em;\n}\n\n/* Passage transitions */\n\n.passage-container {\n  position: relative;\n}\n\n.passage-container--crossfading {\n  display: grid;\n}\n\n.passage-container--crossfading > * {\n  grid-area: 1 / 1;\n}\n\n.passage {\n  animation: passage-fade-in var(--passage-in-duration, 0.3s) ease;\n}\n\n.passage[data-transition='none'] {\n  animation: none;\n}\n\n.passage-snapshot {\n  animation: passage-fade-out var(--passage-out-duration, 0.3s) ease forwards;\n  pointer-events: none;\n  user-select: none;\n}\n\n@keyframes passage-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes passage-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .passage,\n  .passage-snapshot {\n    animation-duration: 0.01s !important;\n  }\n}\n\n.macro-button {\n  background: rgba(100, 181, 246, 0.15);\n  color: #64b5f6;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 4px;\n  padding: 0.25em 0.75em;\n  font: inherit;\n  font-size: 0.95em;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    border-color 0.2s;\n}\n\n.macro-button:hover {\n  background: rgba(100, 181, 246, 0.25);\n  border-color: #90caf9;\n}\n\n.macro-button:active {\n  background: rgba(100, 181, 246, 0.35);\n}\n\n.error {\n  color: #ef5350;\n  font-family: monospace;\n  padding: 1em;\n  border: 1px solid #ef5350;\n  border-radius: 4px;\n  background: rgba(239, 83, 80, 0.1);\n}\n\n/* Runtime errors shown on the page (see src/components/RuntimeErrors.tsx) */\n.spindle-error-banners {\n  position: fixed;\n  top: 0.75em;\n  left: 50%;\n  z-index: 300;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5em;\n  width: min(42em, calc(100% - 1.5em));\n  transform: translateX(-50%);\n}\n\n.spindle-error-banner {\n  position: relative;\n  padding: 0.75em 2.75em 0.75em 1em;\n  border: 1px solid #ef5350;\n  border-radius: 4px;\n  background: #2b1a1e;\n  color: #ffcdd2;\n  font-size: 0.9em;\n  line-height: 1.5;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);\n}\n\n.spindle-error-banner-message {\n  font-family: monospace;\n  color: #ef9a9a;\n}\n\n.spindle-error-banner-dismiss {\n  position: absolute;\n  top: 0.5em;\n  right: 0.5em;\n  background: transparent;\n  border: none;\n  color: inherit;\n  font-size: 1em;\n  cursor: pointer;\n}\n\n.spindle-error-banner-dismiss:hover {\n  color: #fff;\n}\n\n.loading {\n  text-align: center;\n  padding: 2em;\n  opacity: 0.6;\n}\n\n/* Menu bar */\n\n.story-menubar {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.5em 1.5em;\n  background: #16213e;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  font-family: system-ui, sans-serif;\n  font-size: 0.9em;\n}\n\n.story-title {\n  flex: 1;\n  font-weight: 600;\n  color: #e0e0e0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.menubar-button {\n  background: transparent;\n  color: #9e9e9e;\n  border: 1px solid transparent;\n  padding: 0.35em 0.7em;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  transition:\n    color 0.2s,\n    background 0.2s;\n}\n\n.menubar-button:hover {\n  color: #e0e0e0;\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.menubar-button:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.menubar-button:disabled:hover {\n  color: #9e9e9e;\n  background: transparent;\n}\n\n/* Generic dialog */\n\n.dialog-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 200;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.6);\n}\n\n.dialog-panel {\n  background: #16213e;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 8px;\n  width: 90%;\n  max-width: 500px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  color: #e0e0e0;\n  font-family: system-ui, sans-serif;\n  position: relative;\n}\n\n/* Focused programmatically when the dialog has no focusable content */\n.dialog-panel:focus {\n  outline: none;\n}\n\n.dialog-saves {\n  max-width: 550px;\n}\n\n.dialog-settings {\n  max-width: 400px;\n}\n\n/* Keep the first control clear of the close button above it */\n.dialog-settings .dialog-body {\n  padding-top: 2.25em;\n}\n\n.dialog-close {\n  position: absolute;\n  top: 0.75em;\n  right: 0.75em;\n  z-index: 1;\n  background: transparent;\n  border: none;\n  color: #9e9e9e;\n  font-size: 1.1em;\n  cursor: pointer;\n  padding: 0.25em;\n  line-height: 1;\n}\n\n.dialog-close:hover {\n  color: #e0e0e0;\n}\n\n.dialog-body {\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n/* Settings controls */\n\n.settings-controls {\n  padding: 1em 1.25em;\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n}\n\n.settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1em;\n}\n\n.settings-row select,\n.settings-row input[type='range'] {\n  accent-color: #64b5f6;\n}\n\n.settings-row select {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n.settings-row input[type='checkbox'] {\n  accent-color: #64b5f6;\n  width: 1.1em;\n  height: 1.1em;\n}\n\n/* Save manager */\n\n.save-manager {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.saves-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1em 1.25em;\n  padding-right: 3em;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.saves-header-left {\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n}\n\n.saves-mode-toggle {\n  display: flex;\n  gap: 0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.saves-mode-toggle button {\n  background: transparent;\n  color: #9e9e9e;\n  border: none;\n  padding: 0.3em 0.8em;\n  font: inherit;\n  font-size: 0.85em;\n  font-weight: 600;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    color 0.2s;\n}\n\n.saves-mode-toggle button.active {\n  background: rgba(100, 181, 246, 0.2);\n  color: #64b5f6;\n}\n\n.saves-mode-toggle button:hover:not(.active) {\n  color: #e0e0e0;\n}\n\n.saves-body {\n  padding: 0.75em 1.25em;\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.saves-empty {\n  text-align: center;\n  padding: 2em 1em;\n  opacity: 0.5;\n  font-size: 0.9em;\n}\n\n.saves-toolbar {\n  display: flex;\n  gap: 0.5em;\n  padding: 0.5em 1.25em;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  flex-shrink: 0;\n}\n\n.saves-toolbar-button {\n  background: rgba(255, 255, 255, 0.05);\n  color: #9e9e9e;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 4px;\n  padding: 0.3em 0.7em;\n  font: inherit;\n  font-size: 0.8em;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    color 0.2s;\n}\n\n.saves-toolbar-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: #e0e0e0;\n}\n\n.playthrough-group {\n  margin-bottom: 0.75em;\n}\n\n.playthrough-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.4em 0;\n  cursor: pointer;\n  user-select: none;\n  font-size: 0.85em;\n  color: #9e9e9e;\n  transition: color 0.2s;\n}\n\n.playthrough-header:hover {\n  color: #e0e0e0;\n}\n\n.playthrough-chevron {\n  display: inline-block;\n  font-size: 0.7em;\n  transition: transform 0.2s;\n}\n\n.playthrough-chevron.open {\n  transform: rotate(90deg);\n}\n\n.playthrough-label {\n  font-weight: 600;\n}\n\n.playthrough-date {\n  opacity: 0.6;\n  font-size: 0.9em;\n}\n\n.playthrough-saves {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding-left: 0.25em;\n}\n\n.save-slot {\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n  padding: 0.5em 0.6em;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.save-slot:hover {\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.save-slot-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.save-slot-title {\n  font-weight: 500;\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.save-slot-meta {\n  font-size: 0.75em;\n  color: #9e9e9e;\n  display: flex;\n  gap: 0.75em;\n}\n\n.save-slot-actions {\n  display: flex;\n  gap: 0.3em;\n  flex-shrink: 0;\n}\n\n.save-slot-action {\n  background: transparent;\n  color: #9e9e9e;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0.2em 0.5em;\n  font: inherit;\n  font-size: 0.75em;\n  cursor: pointer;\n  transition:\n    color 0.2s,\n    background 0.2s;\n  white-space: nowrap;\n}\n\n.save-slot-action:hover {\n  color: #e0e0e0;\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.save-slot-action.primary {\n  color: #64b5f6;\n  border-color: rgba(100, 181, 246, 0.3);\n}\n\n.save-slot-action.primary:hover {\n  background: rgba(100, 181, 246, 0.15);\n}\n\n.save-slot-action.danger:hover {\n  color: #ef5350;\n  background: rgba(239, 83, 80, 0.1);\n}\n\n.save-slot-new {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5em;\n  margin-top: 0.25em;\n  border: 1px dashed rgba(255, 255, 255, 0.12);\n  border-radius: 6px;\n  color: #9e9e9e;\n  font: inherit;\n  font-size: 0.8em;\n  background: transparent;\n  cursor: pointer;\n  width: 100%;\n  transition:\n    color 0.2s,\n    border-color 0.2s,\n    background 0.2s;\n}\n\n.save-slot-new:hover {\n  color: #64b5f6;\n  border-color: rgba(100, 181, 246, 0.3);\n  background: rgba(100, 181, 246, 0.05);\n}\n\n.saves-notice {\n  padding: 0.5em 1.25em;\n  font-size: 0.8em;\n  color: #ffb74d;\n  border-bottom: 1px solid rgba(255, 183, 77, 0.3);\n  background: rgba(255, 183, 77, 0.08);\n  flex-shrink: 0;\n}\n\n.saves-status {\n  padding: 0.5em 1.25em;\n  font-size: 0.8em;\n  color: #81c784;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.saves-status.error {\n  color: #ef5350;\n  border: none;\n  border-radius: 0;\n  padding: 0.5em 1.25em;\n  font-family: inherit;\n  background: transparent;\n}\n\n.save-rename-input {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 3px;\n  padding: 0.15em 0.4em;\n  font: inherit;\n  font-size: 0.9em;\n  width: 100%;\n}\n\n.save-rename-input:focus {\n  outline: none;\n  border-color: #64b5f6;\n}\n\n/* Macro: link */\n\n.macro-link {\n  color: #64b5f6;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(100, 181, 246, 0.3);\n  transition:\n    color 0.2s,\n    border-color 0.2s;\n  cursor: pointer;\n}\n\n.macro-link:hover {\n  color: #90caf9;\n  border-bottom-color: #90caf9;\n}\n\n.macro-link:active {\n  color: #42a5f5;\n}\n\n/* Macro: form inputs */\n\n.macro-textbox,\n.macro-numberbox,\n.macro-textarea {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n.macro-textbox:focus,\n.macro-numberbox:focus,\n.macro-textarea:focus {\n  outline: none;\n  border-color: #64b5f6;\n}\n\n.macro-textarea {\n  min-height: 3em;\n  resize: vertical;\n}\n\n.macro-checkbox,\n.macro-radiobutton {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3em;\n}\n\n.macro-checkbox input,\n.macro-radiobutton input {\n  accent-color: #64b5f6;\n}\n\n/* Macro: listbox */\n\n.macro-listbox {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n/* Macro: cycle */\n\n.macro-cycle {\n  background: rgba(100, 181, 246, 0.15);\n  color: #64b5f6;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 4px;\n  padding: 0.25em 0.75em;\n  font: inherit;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    border-color 0.2s;\n}\n\n.macro-cycle:hover {\n  background: rgba(100, 181, 246, 0.25);\n  border-color: #90caf9;\n}\n\n/* Macro: meter */\n\n.macro-meter {\n  position: relative;\n  width: 100%;\n  height: 1.4em;\n  background: #2a2a3e;\n  border-radius: 0.3em;\n  overflow: hidden;\n  border: 1px solid #444;\n}\n\n.macro-meter-fill {\n  height: 100%;\n  background: #64b5f6;\n  transition: width 0.3s ease;\n}\n\n.macro-meter-label {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.85em;\n  color: #e0e0e0;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);\n  pointer-events: none;\n}\n\n/* Markdown wrapper — invisible to layout */\n\n.md {\n  display: contents;\n}\n\n/* Markdown block elements inside passages */\n\n.passage p {\n  margin: 0.6em 0;\n}\n\n.passage p:first-child {\n  margin-top: 0;\n}\n\n.passage p:last-child {\n  margin-bottom: 0;\n}\n\n.passage h1,\n.passage h2,\n.passage h3,\n.passage h4,\n.passage h5,\n.passage h6 {\n  margin: 1em 0 0.4em;\n  line-height: 1.3;\n  color: #f0f0f0;\n}\n\n.passage h1 {\n  font-size: 1.8em;\n}\n.passage h2 {\n  font-size: 1.5em;\n}\n.passage h3 {\n  font-size: 1.25em;\n}\n.passage h4 {\n  font-size: 1.1em;\n}\n.passage h5 {\n  font-size: 1em;\n}\n.passage h6 {\n  font-size: 0.9em;\n  opacity: 0.8;\n}\n\n.passage code {\n  font-family: 'Fira Code', 'Cascadia Code', 'Consolas', monospace;\n  font-size: 0.9em;\n  background: rgba(255, 255, 255, 0.08);\n  padding: 0.15em 0.35em;\n  border-radius: 3px;\n}\n\n.passage pre {\n  background: rgba(0, 0, 0, 0.3);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 6px;\n  padding: 1em;\n  overflow-x: auto;\n  margin: 0.8em 0;\n}\n\n.passage pre code {\n  background: none;\n  padding: 0;\n  border-radius: 0;\n  font-size: 0.85em;\n}\n\n.passage blockquote {\n  border-left: 3px solid rgba(100, 181, 246, 0.5);\n  margin: 0.8em 0;\n  padding: 0.4em 1em;\n  color: #b0b0b0;\n}\n\n.passage blockquote p {\n  margin: 0.3em 0;\n}\n\n.passage ul,\n.passage ol {\n  margin: 0.6em 0;\n  padding-left: 1.8em;\n}\n\n.passage li {\n  margin: 0.2em 0;\n}\n\n.passage hr {\n  border: none;\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n  margin: 1.2em 0;\n}\n\n.passage table {\n  border-collapse: collapse;\n  width: 100%;\n  margin: 0.8em 0;\n}\n\n.passage th,\n.passage td {\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  padding: 0.5em 0.75em;\n  text-align: left;\n}\n\n.passage th {\n  background: rgba(255, 255, 255, 0.06);\n  font-weight: 600;\n}\n\n.passage tr:nth-child(even) {\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.passage del {\n  opacity: 0.5;\n}\n\n.passage strong {\n  color: #f0f0f0;\n}\n\n/* Macro: type (typewriter) */\n\n.macro-type-cursor::after {\n  content: '\\2588';\n  animation: type-blink 0.7s step-end infinite;\n  color: #64b5f6;\n}\n\n.macro-type-done .macro-type-cursor::after {\n  display: none;\n}\n\n@keyframes type-blink {\n  50% {\n    opacity: 0;\n  }\n}\n";
+var styles_default = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 16px;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: Georgia, 'Times New Roman', serif;\n  line-height: 1.75;\n  color: #e0e0e0;\n  background-color: #1a1a2e;\n  min-height: 100vh;\n}\n\ntw-storydata {\n  display: none !important;\n}\n\n#story {\n  max-width: 42em;\n  margin: 0 auto;\n  padding: 2em 1.5em;\n}\n\n/* Passage transitions */\n\n.passage-container {\n  position: relative;\n}\n\n.passage-container--crossfading {\n  display: grid;\n}\n\n.passage-container--crossfading > * {\n  grid-area: 1 / 1;\n}\n\n.passage {\n  animation: passage-fade-in var(--passage-in-duration, 0.3s) ease;\n}\n\n.passage[data-transition='none'] {\n  animation: none;\n}\n\n.passage-snapshot {\n  animation: passage-fade-out var(--passage-out-duration, 0.3s) ease forwards;\n  pointer-events: none;\n  user-select: none;\n}\n\n@keyframes passage-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes passage-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .passage,\n  .passage-snapshot {\n    animation-duration: 0.01s !important;\n  }\n}\n\n.macro-button {\n  background: rgba(100, 181, 246, 0.15);\n  color: #64b5f6;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 4px;\n  padding: 0.25em 0.75em;\n  font: inherit;\n  font-size: 0.95em;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    border-color 0.2s;\n}\n\n.macro-button:hover {\n  background: rgba(100, 181, 246, 0.25);\n  border-color: #90caf9;\n}\n\n.macro-button:active {\n  background: rgba(100, 181, 246, 0.35);\n}\n\n.error {\n  color: #ef5350;\n  font-family: monospace;\n  padding: 1em;\n  border: 1px solid #ef5350;\n  border-radius: 4px;\n  background: rgba(239, 83, 80, 0.1);\n}\n\n/* Runtime errors shown on the page (see src/components/RuntimeErrors.tsx) */\n.spindle-error-banners {\n  position: fixed;\n  top: 0.75em;\n  left: 50%;\n  z-index: 300;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5em;\n  width: min(42em, calc(100% - 1.5em));\n  transform: translateX(-50%);\n}\n\n.spindle-error-banner {\n  position: relative;\n  padding: 0.75em 2.75em 0.75em 1em;\n  border: 1px solid #ef5350;\n  border-radius: 4px;\n  background: #2b1a1e;\n  color: #ffcdd2;\n  font-size: 0.9em;\n  line-height: 1.5;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);\n}\n\n.spindle-error-banner-message {\n  font-family: monospace;\n  color: #ef9a9a;\n}\n\n.spindle-error-banner-dismiss {\n  position: absolute;\n  top: 0.5em;\n  right: 0.5em;\n  background: transparent;\n  border: none;\n  color: inherit;\n  font-size: 1em;\n  cursor: pointer;\n}\n\n.spindle-error-banner-dismiss:hover {\n  color: #fff;\n}\n\n.loading {\n  text-align: center;\n  padding: 2em;\n  opacity: 0.6;\n}\n\n/* Menu bar */\n\n.story-menubar {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.5em 1.5em;\n  background: #16213e;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  font-family: system-ui, sans-serif;\n  font-size: 0.9em;\n}\n\n.story-title {\n  flex: 1;\n  font-weight: 600;\n  color: #e0e0e0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.menubar-button {\n  background: transparent;\n  color: #9e9e9e;\n  border: 1px solid transparent;\n  padding: 0.35em 0.7em;\n  border-radius: 4px;\n  cursor: pointer;\n  font: inherit;\n  transition:\n    color 0.2s,\n    background 0.2s;\n}\n\n.menubar-button:hover {\n  color: #e0e0e0;\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.menubar-button:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.menubar-button:disabled:hover {\n  color: #9e9e9e;\n  background: transparent;\n}\n\n/* Generic dialog */\n\n.dialog-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 200;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.6);\n}\n\n.dialog-panel {\n  background: #16213e;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 8px;\n  width: 90%;\n  max-width: 500px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  color: #e0e0e0;\n  font-family: system-ui, sans-serif;\n  position: relative;\n}\n\n/* Focused programmatically when the dialog has no focusable content */\n.dialog-panel:focus {\n  outline: none;\n}\n\n.dialog-saves {\n  max-width: 550px;\n}\n\n.dialog-settings {\n  max-width: 400px;\n}\n\n/* Keep the first control clear of the close button above it */\n.dialog-settings .dialog-body {\n  padding-top: 2.25em;\n}\n\n.dialog-close {\n  position: absolute;\n  top: 0.75em;\n  right: 0.75em;\n  z-index: 1;\n  background: transparent;\n  border: none;\n  color: #9e9e9e;\n  font-size: 1.1em;\n  cursor: pointer;\n  padding: 0.25em;\n  line-height: 1;\n}\n\n.dialog-close:hover {\n  color: #e0e0e0;\n}\n\n.dialog-body {\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n/* Settings controls */\n\n.settings-controls {\n  padding: 1em 1.25em;\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n}\n\n.settings-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1em;\n}\n\n.settings-row select,\n.settings-row input[type='range'] {\n  accent-color: #64b5f6;\n}\n\n.settings-row select {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n.settings-row input[type='checkbox'] {\n  accent-color: #64b5f6;\n  width: 1.1em;\n  height: 1.1em;\n}\n\n/* Save manager */\n\n.save-manager {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.saves-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1em 1.25em;\n  padding-right: 3em;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.saves-header-left {\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n}\n\n.saves-mode-toggle {\n  display: flex;\n  gap: 0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.saves-mode-toggle button {\n  background: transparent;\n  color: #9e9e9e;\n  border: none;\n  padding: 0.3em 0.8em;\n  font: inherit;\n  font-size: 0.85em;\n  font-weight: 600;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    color 0.2s;\n}\n\n.saves-mode-toggle button.active {\n  background: rgba(100, 181, 246, 0.2);\n  color: #64b5f6;\n}\n\n.saves-mode-toggle button:hover:not(.active) {\n  color: #e0e0e0;\n}\n\n.saves-body {\n  padding: 0.75em 1.25em;\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.saves-empty {\n  text-align: center;\n  padding: 2em 1em;\n  opacity: 0.5;\n  font-size: 0.9em;\n}\n\n.saves-toolbar {\n  display: flex;\n  gap: 0.5em;\n  padding: 0.5em 1.25em;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  flex-shrink: 0;\n}\n\n.saves-toolbar-button {\n  background: rgba(255, 255, 255, 0.05);\n  color: #9e9e9e;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 4px;\n  padding: 0.3em 0.7em;\n  font: inherit;\n  font-size: 0.8em;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    color 0.2s;\n}\n\n.saves-toolbar-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: #e0e0e0;\n}\n\n.playthrough-group {\n  margin-bottom: 0.75em;\n}\n\n.playthrough-header {\n  display: flex;\n  width: 100%;\n  border: 0;\n  background: none;\n  font-family: inherit;\n  text-align: left;\n  align-items: center;\n  gap: 0.5em;\n  padding: 0.4em 0;\n  cursor: pointer;\n  user-select: none;\n  font-size: 0.85em;\n  color: #9e9e9e;\n  transition: color 0.2s;\n}\n\n.playthrough-header:hover {\n  color: #e0e0e0;\n}\n\n.playthrough-chevron {\n  display: inline-block;\n  font-size: 0.7em;\n  transition: transform 0.2s;\n}\n\n.playthrough-chevron.open {\n  transform: rotate(90deg);\n}\n\n.playthrough-label {\n  font-weight: 600;\n}\n\n.playthrough-date {\n  opacity: 0.6;\n  font-size: 0.9em;\n}\n\n.playthrough-saves {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n  padding-left: 0.25em;\n}\n\n.save-slot {\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n  padding: 0.5em 0.6em;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.save-slot:hover {\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.save-slot-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.save-slot-title {\n  font-weight: 500;\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.save-slot-meta {\n  font-size: 0.75em;\n  color: #9e9e9e;\n  display: flex;\n  gap: 0.75em;\n}\n\n.save-slot-actions {\n  display: flex;\n  gap: 0.3em;\n  flex-shrink: 0;\n}\n\n.save-slot-action {\n  background: transparent;\n  color: #9e9e9e;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0.2em 0.5em;\n  font: inherit;\n  font-size: 0.75em;\n  cursor: pointer;\n  transition:\n    color 0.2s,\n    background 0.2s;\n  white-space: nowrap;\n}\n\n.save-slot-action:hover {\n  color: #e0e0e0;\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.save-slot-action.primary {\n  color: #64b5f6;\n  border-color: rgba(100, 181, 246, 0.3);\n}\n\n.save-slot-action.primary:hover {\n  background: rgba(100, 181, 246, 0.15);\n}\n\n.save-slot-action.danger:hover {\n  color: #ef5350;\n  background: rgba(239, 83, 80, 0.1);\n}\n\n.save-slot-new {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5em;\n  margin-top: 0.25em;\n  border: 1px dashed rgba(255, 255, 255, 0.12);\n  border-radius: 6px;\n  color: #9e9e9e;\n  font: inherit;\n  font-size: 0.8em;\n  background: transparent;\n  cursor: pointer;\n  width: 100%;\n  transition:\n    color 0.2s,\n    border-color 0.2s,\n    background 0.2s;\n}\n\n.save-slot-new:hover {\n  color: #64b5f6;\n  border-color: rgba(100, 181, 246, 0.3);\n  background: rgba(100, 181, 246, 0.05);\n}\n\n.saves-notice {\n  padding: 0.5em 1.25em;\n  font-size: 0.8em;\n  color: #ffb74d;\n  border-bottom: 1px solid rgba(255, 183, 77, 0.3);\n  background: rgba(255, 183, 77, 0.08);\n  flex-shrink: 0;\n}\n\n.saves-status {\n  padding: 0.5em 1.25em;\n  font-size: 0.8em;\n  color: #81c784;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.saves-status.error {\n  color: #ef5350;\n  border: none;\n  border-radius: 0;\n  padding: 0.5em 1.25em;\n  font-family: inherit;\n  background: transparent;\n}\n\n.save-rename-input {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 3px;\n  padding: 0.15em 0.4em;\n  font: inherit;\n  font-size: 0.9em;\n  width: 100%;\n}\n\n.save-rename-input:focus {\n  outline: none;\n  border-color: #64b5f6;\n}\n\n/* Macro: link */\n\n.macro-link {\n  color: #64b5f6;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(100, 181, 246, 0.3);\n  transition:\n    color 0.2s,\n    border-color 0.2s;\n  cursor: pointer;\n}\n\n.macro-link:hover {\n  color: #90caf9;\n  border-bottom-color: #90caf9;\n}\n\n.macro-link:active {\n  color: #42a5f5;\n}\n\n/* Macro: form inputs */\n\n.macro-textbox,\n.macro-numberbox,\n.macro-textarea {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n.macro-textbox:focus,\n.macro-numberbox:focus,\n.macro-textarea:focus {\n  outline: none;\n  border-color: #64b5f6;\n}\n\n.macro-textarea {\n  min-height: 3em;\n  resize: vertical;\n}\n\n.macro-checkbox,\n.macro-radiobutton {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3em;\n}\n\n.macro-checkbox input,\n.macro-radiobutton input {\n  accent-color: #64b5f6;\n}\n\n/* Macro: listbox */\n\n.macro-listbox {\n  background: #1a1a2e;\n  color: #e0e0e0;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  padding: 0.3em 0.5em;\n  font: inherit;\n}\n\n/* Macro: cycle */\n\n.macro-cycle {\n  background: rgba(100, 181, 246, 0.15);\n  color: #64b5f6;\n  border: 1px solid rgba(100, 181, 246, 0.4);\n  border-radius: 4px;\n  padding: 0.25em 0.75em;\n  font: inherit;\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    border-color 0.2s;\n}\n\n.macro-cycle:hover {\n  background: rgba(100, 181, 246, 0.25);\n  border-color: #90caf9;\n}\n\n/* Macro: meter */\n\n.macro-meter {\n  position: relative;\n  width: 100%;\n  height: 1.4em;\n  background: #2a2a3e;\n  border-radius: 0.3em;\n  overflow: hidden;\n  border: 1px solid #444;\n}\n\n.macro-meter-fill {\n  height: 100%;\n  background: #64b5f6;\n  transition: width 0.3s ease;\n}\n\n.macro-meter-label {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.85em;\n  color: #e0e0e0;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);\n  pointer-events: none;\n}\n\n/* Markdown wrapper — invisible to layout */\n\n.md {\n  display: contents;\n}\n\n/* Markdown block elements inside passages */\n\n.passage p {\n  margin: 0.6em 0;\n}\n\n.passage p:first-child {\n  margin-top: 0;\n}\n\n.passage p:last-child {\n  margin-bottom: 0;\n}\n\n.passage h1,\n.passage h2,\n.passage h3,\n.passage h4,\n.passage h5,\n.passage h6 {\n  margin: 1em 0 0.4em;\n  line-height: 1.3;\n  color: #f0f0f0;\n}\n\n.passage h1 {\n  font-size: 1.8em;\n}\n.passage h2 {\n  font-size: 1.5em;\n}\n.passage h3 {\n  font-size: 1.25em;\n}\n.passage h4 {\n  font-size: 1.1em;\n}\n.passage h5 {\n  font-size: 1em;\n}\n.passage h6 {\n  font-size: 0.9em;\n  opacity: 0.8;\n}\n\n.passage code {\n  font-family: 'Fira Code', 'Cascadia Code', 'Consolas', monospace;\n  font-size: 0.9em;\n  background: rgba(255, 255, 255, 0.08);\n  padding: 0.15em 0.35em;\n  border-radius: 3px;\n}\n\n.passage pre {\n  background: rgba(0, 0, 0, 0.3);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 6px;\n  padding: 1em;\n  overflow-x: auto;\n  margin: 0.8em 0;\n}\n\n.passage pre code {\n  background: none;\n  padding: 0;\n  border-radius: 0;\n  font-size: 0.85em;\n}\n\n.passage blockquote {\n  border-left: 3px solid rgba(100, 181, 246, 0.5);\n  margin: 0.8em 0;\n  padding: 0.4em 1em;\n  color: #b0b0b0;\n}\n\n.passage blockquote p {\n  margin: 0.3em 0;\n}\n\n.passage ul,\n.passage ol {\n  margin: 0.6em 0;\n  padding-left: 1.8em;\n}\n\n.passage li {\n  margin: 0.2em 0;\n}\n\n.passage hr {\n  border: none;\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n  margin: 1.2em 0;\n}\n\n.passage table {\n  border-collapse: collapse;\n  width: 100%;\n  margin: 0.8em 0;\n}\n\n.passage th,\n.passage td {\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  padding: 0.5em 0.75em;\n  text-align: left;\n}\n\n.passage th {\n  background: rgba(255, 255, 255, 0.06);\n  font-weight: 600;\n}\n\n.passage tr:nth-child(even) {\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.passage del {\n  opacity: 0.5;\n}\n\n.passage strong {\n  color: #f0f0f0;\n}\n\n/* Macro: type (typewriter) */\n\n.macro-type-cursor::after {\n  content: '\\2588';\n  animation: type-blink 0.7s step-end infinite;\n  color: #64b5f6;\n}\n\n.macro-type-done .macro-type-cursor::after {\n  display: none;\n}\n\n@keyframes type-blink {\n  50% {\n    opacity: 0;\n  }\n}\n";
 //#endregion
 //#region src/index.tsx
 function renderErrors(root, errors) {