@joystyk/launcher 0.0.0 → 0.2.0

package/dist/launcher.js

@@ -0,0 +1,4614 @@
+import { reportSafePoint } from "./safe-point.js";
+import { AI_NOTICE, MODE_LABELS, ONLINE_CHECKING, clockLabel, clockValue, computerSeatsFor, formatElapsed, initialSetup, isLauncherGame, isoDuration, modeOptions, needsAiNotice, offerAnnouncement, offerText, parseClockValue, parsePreferenceChange, parseRoomCode, parseStageOutput, pickMode, playerCounts, resultView, seatsFor, spacedCode, startProblem, toStageMode } from "./model.js";
+import "./report-problem.js";
+import { checkOnline, copyText, readInvite, shareText, showRoomInUrl } from "./room-drivers.js";
+import { call, command, css, define, defineDriver, each, focus, intentsOf, keyed, nothing, prop } from "@gyral/core";
+import { optionsForMode } from "@joystyk/contracts";
+import { compiled } from "@gyral/core/compiled";
+import "@joystyk/ui/ad-slot";
+//#region src/launcher.ts
+var _gyral$t0 = {
+	"id": "1744dly5uvw",
+	"html": "<form class=\"join\" aria-labelledby=\"join-title\"><h3 id=\"join-title\">Join a friend's room</h3><p class=\"field\"><label for=\"room-code\">Room code or invite link</label> <input id=\"room-code\" name=\"code\" autocomplete=\"off\" autocapitalize=\"characters\" spellcheck=\"false\" maxlength=\"200\"> <small id=\"room-code-hint\" class=\"note\">Six letters and digits, such as K7M 2QX.</small></p><p class=\"check\"><input type=\"checkbox\" id=\"room-watch\" name=\"watch\"> <label for=\"room-watch\">Just watch</label></p><div class=\"actions\"><button type=\"submit\" class=\"join-room\">Join room</button></div></form>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				2
+			],
+			"value"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				2
+			],
+			"aria-invalid"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				2
+			],
+			"aria-describedby"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				2
+			],
+			"data-intent"
+		],
+		[
+			2,
+			[0],
+			2
+		],
+		[
+			5,
+			[
+				0,
+				2,
+				0
+			],
+			"checked"
+		],
+		[
+			3,
+			[
+				0,
+				2,
+				0
+			],
+			"data-intent"
+		],
+		[
+			5,
+			[
+				0,
+				3,
+				0
+			],
+			"disabled"
+		]
+	],
+	"segments": [
+		"<form class=\"join\" aria-labelledby=\"join-title\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"><h3 id=\"join-title\">Join a friend's room</h3><p class=\"field\"><label for=\"room-code\">Room code or invite link</label> <input id=\"room-code\" name=\"code\" autocomplete=\"off\" autocapitalize=\"characters\" spellcheck=\"false\" maxlength=\"200\"",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "aria-invalid"
+		},
+		{
+			"k": "attr",
+			"name": "aria-describedby"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <small id=\"room-code-hint\" class=\"note\">Six letters and digits, such as K7M 2QX.</small></p>",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<p class=\"check\"><input type=\"checkbox\" id=\"room-watch\" name=\"watch\"",
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <label for=\"room-watch\">Just watch</label></p><div class=\"actions\"><button type=\"submit\" class=\"join-room\"",
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		">Join room</button></div></form>"
+	]
+};
+var _gyral$t1 = {
+	"id": "1293d8ofaon",
+	"html": "<p class=\"error\" id=\"room-code-error\"></p>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<p class=\"error\" id=\"room-code-error\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t2 = {
+	"id": "1y4p7mb17gh",
+	"html": "<li class=\"seat\"><span class=\"seat-name\"></span> <small class=\"seat-tags\"></small> <!----> </li>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-open"
+		],
+		[
+			3,
+			[0],
+			"data-ready"
+		],
+		[1, [0, 0]],
+		[1, [0, 2]],
+		[
+			2,
+			[0],
+			4
+		],
+		[0, [0]]
+	],
+	"segments": [
+		"<li class=\"seat\"",
+		{
+			"k": "attr",
+			"name": "data-open"
+		},
+		{
+			"k": "attr",
+			"name": "data-ready"
+		},
+		"><span class=\"seat-name\">",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span> <small class=\"seat-tags\">",
+		{
+			"k": "child",
+			"in": "small"
+		},
+		"</small> ",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "li"
+		},
+		"</li>"
+	]
+};
+var _gyral$t3 = {
+	"id": "i6qirpw7sh",
+	"html": "<button type=\"button\" class=\"small\">Add the computer<span class=\"visually-hidden\"> to seat </span></button>",
+	"parts": [
+		[
+			3,
+			[0],
+			"value"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[0, [0, 1]]
+	],
+	"segments": [
+		"<button type=\"button\" class=\"small\"",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Add the computer<span class=\"visually-hidden\"> to seat ",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span></button>"
+	]
+};
+var _gyral$t4 = {
+	"id": "1yy965hyry9",
+	"html": "<button type=\"button\" class=\"small\">Remove<span class=\"visually-hidden\"> <!----> from seat </span></button>",
+	"parts": [
+		[
+			3,
+			[0],
+			"value"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[
+			2,
+			[0, 1],
+			1
+		],
+		[0, [0, 1]]
+	],
+	"segments": [
+		"<button type=\"button\" class=\"small\"",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Remove<span class=\"visually-hidden\"> ",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"<!----> from seat ",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span></button>"
+	]
+};
+var _gyral$t5 = {
+	"id": "qobqqeiasp",
+	"html": "<option></option>",
+	"parts": [
+		[
+			3,
+			[0],
+			"value"
+		],
+		[
+			5,
+			[0],
+			"selected"
+		],
+		[1, [0]]
+	],
+	"segments": [
+		"<option",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "bool",
+			"name": "selected"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "option"
+		},
+		"</option>"
+	]
+};
+var _gyral$t6 = {
+	"id": "13ti0qh2tcj",
+	"html": "<section class=\"lobby panel\" aria-labelledby=\"lobby-title\"><h3 id=\"lobby-title\" tabindex=\"-1\"><!----> room <span class=\"code\"></span></h3><p class=\"room-status\" role=\"status\"></p></section>",
+	"parts": [
+		[
+			2,
+			[0, 0],
+			0
+		],
+		[1, [
+			0,
+			0,
+			2
+		]],
+		[1, [0, 1]],
+		[0, [0]]
+	],
+	"segments": [
+		"<section class=\"lobby panel\" aria-labelledby=\"lobby-title\"><h3 id=\"lobby-title\" tabindex=\"-1\">",
+		{
+			"k": "child",
+			"in": "h3"
+		},
+		"<!----> room <span class=\"code\">",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span></h3><p class=\"room-status\" role=\"status\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"</section>"
+	]
+};
+var _gyral$t7 = {
+	"id": "1y5ajq0t8j7",
+	"html": "<div class=\"actions\"><!----> <button type=\"button\" value=\"leave\">Back</button></div>",
+	"parts": [[
+		2,
+		[0],
+		0
+	], [
+		3,
+		[0, 2],
+		"data-intent"
+	]],
+	"segments": [
+		"<div class=\"actions\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> <button type=\"button\" value=\"leave\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Back</button></div>"
+	]
+};
+var _gyral$t8 = {
+	"id": "q0gtlcf5vu",
+	"html": "<button type=\"button\" class=\"primary\" value=\"reconnect\">Use this tab instead</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"primary\" value=\"reconnect\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Use this tab instead</button>"
+	]
+};
+var _gyral$t9 = {
+	"id": "1thzuxk9p0n",
+	"html": "<div class=\"invite\"><p class=\"field\"><label for=\"invite-link\">Invite link</label> <input id=\"invite-link\" class=\"invite-link\" readonly></p><div class=\"actions\"><button type=\"button\" value=\"link\">Copy link</button> <button type=\"button\" value=\"code\">Copy code</button></div><p class=\"note\">Send the link to a friend, or read them the code. Anyone with it can join or watch.</p></div><h4 id=\"seats-title\">Players</h4><ol class=\"seats\" aria-labelledby=\"seats-title\"></ol><p class=\"note\"></p><!----> <div class=\"actions\"><!----> <!----> <button type=\"button\" class=\"leave\" value=\"leave\">Leave room</button></div><!----> ",
+	"parts": [
+		[
+			3,
+			[
+				0,
+				0,
+				2
+			],
+			"value"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				0
+			],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				2
+			],
+			"data-intent"
+		],
+		[1, [2]],
+		[1, [3]],
+		[
+			2,
+			[],
+			4
+		],
+		[
+			2,
+			[],
+			6
+		],
+		[
+			2,
+			[6],
+			0
+		],
+		[
+			2,
+			[6],
+			2
+		],
+		[
+			3,
+			[6, 4],
+			"data-intent"
+		],
+		[
+			2,
+			[],
+			7
+		],
+		[0, []]
+	],
+	"segments": [
+		"<div class=\"invite\"><p class=\"field\"><label for=\"invite-link\">Invite link</label> <input id=\"invite-link\" class=\"invite-link\" readonly",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		"></p><div class=\"actions\"><button type=\"button\" value=\"link\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Copy link</button> <button type=\"button\" value=\"code\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Copy code</button></div><p class=\"note\">Send the link to a friend, or read them the code. Anyone with it can join or watch.</p></div><h4 id=\"seats-title\">Players</h4><ol class=\"seats\" aria-labelledby=\"seats-title\">",
+		{
+			"k": "child",
+			"in": "ol"
+		},
+		"</ol><p class=\"note\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{ "k": "child" },
+		"<!----> ",
+		{ "k": "child" },
+		"<div class=\"actions\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> <button type=\"button\" class=\"leave\" value=\"leave\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Leave room</button></div>",
+		{ "k": "child" },
+		"<!----> ",
+		{ "k": "child" }
+	]
+};
+var _gyral$t10 = {
+	"id": "2c7r2l15wny",
+	"html": "<p class=\"field\"><label for=\"room-clock\">Turn clock</label><select id=\"room-clock\" name=\"clock\"></select></p>",
+	"parts": [[
+		3,
+		[0, 1],
+		"data-intent"
+	], [1, [0, 1]]],
+	"segments": [
+		"<p class=\"field\"><label for=\"room-clock\">Turn clock</label><select id=\"room-clock\" name=\"clock\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p>"
+	]
+};
+var _gyral$t11 = {
+	"id": "p736qw50jb",
+	"html": "<p class=\"clock-setting\">Turn clock: </p>",
+	"parts": [[0, [0]]],
+	"segments": [
+		"<p class=\"clock-setting\">Turn clock: ",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t12 = {
+	"id": "249se4hphje",
+	"html": "<p class=\"field\"><label for=\"room-ai-level\">Computer level</label><select id=\"room-ai-level\" name=\"aiLevel\"></select></p>",
+	"parts": [[
+		3,
+		[0, 1],
+		"data-intent"
+	], [1, [0, 1]]],
+	"segments": [
+		"<p class=\"field\"><label for=\"room-ai-level\">Computer level</label><select id=\"room-ai-level\" name=\"aiLevel\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p>"
+	]
+};
+var _gyral$t13 = {
+	"id": "11vo9uem4xh",
+	"html": "<p class=\"note\"></p>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<p class=\"note\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t14 = {
+	"id": "6yzkk0r0zp",
+	"html": "<button type=\"button\" class=\"ready\">Ready</button>",
+	"parts": [
+		[
+			3,
+			[0],
+			"aria-pressed"
+		],
+		[
+			3,
+			[0],
+			"value"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		]
+	],
+	"segments": [
+		"<button type=\"button\" class=\"ready\"",
+		{
+			"k": "attr",
+			"name": "aria-pressed"
+		},
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Ready</button>"
+	]
+};
+var _gyral$t15 = {
+	"id": "20x2rffpqfu",
+	"html": "<button type=\"button\" class=\"primary start-match\" aria-describedby=\"start-hint\">Start the match</button>",
+	"parts": [[
+		5,
+		[0],
+		"disabled"
+	], [
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"primary start-match\" aria-describedby=\"start-hint\"",
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Start the match</button>"
+	]
+};
+var _gyral$t16 = {
+	"id": "94m9ii6qcx",
+	"html": "<p class=\"hint\" id=\"start-hint\"></p>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<p class=\"hint\" id=\"start-hint\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t17 = {
+	"id": "2byw35y04qu",
+	"html": "<p class=\"hint\">The host starts the match once everyone is ready.</p>",
+	"parts": [],
+	"segments": ["<p class=\"hint\">The host starts the match once everyone is ready.</p>"]
+};
+var _gyral$t18 = {
+	"id": "9nkfq8trco",
+	"html": "<label class=\"mode\"> <input type=\"radio\" name=\"mode\"> <span></span> <!----> </label>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-playable"
+		],
+		[
+			3,
+			[0, 1],
+			"value"
+		],
+		[
+			5,
+			[0, 1],
+			"checked"
+		],
+		[
+			5,
+			[0, 1],
+			"disabled"
+		],
+		[
+			3,
+			[0, 1],
+			"data-intent"
+		],
+		[1, [0, 3]],
+		[
+			2,
+			[0],
+			5
+		]
+	],
+	"segments": [
+		"<label class=\"mode\"",
+		{
+			"k": "attr",
+			"name": "data-playable"
+		},
+		"> <input type=\"radio\" name=\"mode\"",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <span>",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span> ",
+		{
+			"k": "child",
+			"in": "label"
+		},
+		"<!----> </label>"
+	]
+};
+var _gyral$t19 = {
+	"id": "rcatdmatl1",
+	"html": "<small class=\"soon\"></small>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<small class=\"soon\">",
+		{
+			"k": "child",
+			"in": "small"
+		},
+		"</small>"
+	]
+};
+var _gyral$t20 = {
+	"id": "1medvoqk9ym",
+	"html": "<div class=\"name\"><label>Player </label> <input maxlength=\"20\" autocomplete=\"off\" spellcheck=\"false\"> </div>",
+	"parts": [
+		[
+			4,
+			[0, 0],
+			"for",
+			["name-", ""]
+		],
+		[0, [0, 0]],
+		[
+			4,
+			[0, 2],
+			"id",
+			["name-", ""]
+		],
+		[
+			4,
+			[0, 2],
+			"name",
+			["seat-", ""]
+		],
+		[
+			3,
+			[0, 2],
+			"value"
+		],
+		[
+			4,
+			[0, 2],
+			"placeholder",
+			["Player ", ""]
+		],
+		[
+			3,
+			[0, 2],
+			"aria-invalid"
+		],
+		[
+			3,
+			[0, 2],
+			"aria-describedby"
+		],
+		[
+			3,
+			[0, 2],
+			"data-intent"
+		],
+		[0, [0]]
+	],
+	"segments": [
+		"<div class=\"name\"><label",
+		{
+			"k": "attr",
+			"name": "for",
+			"strings": ["name-", ""]
+		},
+		">Player ",
+		{
+			"k": "child",
+			"in": "label"
+		},
+		"</label> <input maxlength=\"20\" autocomplete=\"off\" spellcheck=\"false\"",
+		{
+			"k": "attr",
+			"name": "id",
+			"strings": ["name-", ""]
+		},
+		{
+			"k": "attr",
+			"name": "name",
+			"strings": ["seat-", ""]
+		},
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "placeholder",
+			"strings": ["Player ", ""]
+		},
+		{
+			"k": "attr",
+			"name": "aria-invalid"
+		},
+		{
+			"k": "attr",
+			"name": "aria-describedby"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>"
+	]
+};
+var _gyral$t21 = {
+	"id": "2cl8g4cl685",
+	"html": "<p class=\"error\"></p>",
+	"parts": [[
+		4,
+		[0],
+		"id",
+		["name-", "-error"]
+	], [1, [0]]],
+	"segments": [
+		"<p class=\"error\"",
+		{
+			"k": "attr",
+			"name": "id",
+			"strings": ["name-", "-error"]
+		},
+		">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t22 = {
+	"id": "dhoc5scuf8",
+	"html": "<p class=\"field\"><!----> </p>",
+	"parts": [[
+		2,
+		[0],
+		0
+	], [0, [0]]],
+	"segments": [
+		"<p class=\"field\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t23 = {
+	"id": "bq7dsq2t9u",
+	"html": "<label><input type=\"checkbox\" value=\"toggle\"> </label>",
+	"parts": [
+		[
+			3,
+			[0, 0],
+			"name"
+		],
+		[
+			5,
+			[0, 0],
+			"checked"
+		],
+		[
+			3,
+			[0, 0],
+			"data-intent"
+		],
+		[0, [0]]
+	],
+	"segments": [
+		"<label><input type=\"checkbox\" value=\"toggle\"",
+		{
+			"k": "attr",
+			"name": "name"
+		},
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> ",
+		{
+			"k": "child",
+			"in": "label"
+		},
+		"</label>"
+	]
+};
+var _gyral$t24 = {
+	"id": "n90chqg56o",
+	"html": "<label><select></select></label>",
+	"parts": [
+		[
+			2,
+			[0],
+			0
+		],
+		[
+			3,
+			[0, 0],
+			"name"
+		],
+		[
+			3,
+			[0, 0],
+			"data-intent"
+		],
+		[1, [0, 0]]
+	],
+	"segments": [
+		"<label>",
+		{
+			"k": "child",
+			"in": "label"
+		},
+		"<select",
+		{
+			"k": "attr",
+			"name": "name"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></label>"
+	]
+};
+var _gyral$t25 = {
+	"id": "zh1wffvn2t",
+	"html": "<small></small>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<small>",
+		{
+			"k": "child",
+			"in": "small"
+		},
+		"</small>"
+	]
+};
+var _gyral$t26 = {
+	"id": "198nvu48nzu",
+	"html": "<form class=\"setup\"><fieldset class=\"modes\"><legend>Choose how to play</legend><div class=\"mode-list\"></div></fieldset><!----> <!----> <!----> <!----> <div class=\"actions\"><p class=\"hint\"></p></div></form>",
+	"parts": [
+		[
+			4,
+			[0],
+			"aria-label",
+			["Start ", ""]
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[
+			2,
+			[0],
+			0
+		],
+		[1, [
+			0,
+			0,
+			1
+		]],
+		[
+			2,
+			[0],
+			1
+		],
+		[
+			2,
+			[0],
+			3
+		],
+		[
+			2,
+			[0],
+			5
+		],
+		[
+			2,
+			[0],
+			7
+		],
+		[
+			2,
+			[0],
+			9
+		],
+		[
+			2,
+			[0, 9],
+			0
+		],
+		[1, [
+			0,
+			9,
+			0
+		]],
+		[0, [0]],
+		[0, []]
+	],
+	"segments": [
+		"<form class=\"setup\"",
+		{
+			"k": "attr",
+			"name": "aria-label",
+			"strings": ["Start ", ""]
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<fieldset class=\"modes\"><legend>Choose how to play</legend><div class=\"mode-list\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div></fieldset>",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"<div class=\"actions\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<p class=\"hint\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p></div>",
+		{
+			"k": "child",
+			"in": "form"
+		},
+		"</form>",
+		{ "k": "child" }
+	]
+};
+var _gyral$t27 = {
+	"id": "1f1kopmmi8c",
+	"html": "<p class=\"notice\"></p>",
+	"parts": [[1, [0]]],
+	"segments": [
+		"<p class=\"notice\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t28 = {
+	"id": "r1c4i1o73h",
+	"html": "<p class=\"field\"><label for=\"ai-level\">Computer level</label><select id=\"ai-level\" name=\"aiLevel\"></select></p>",
+	"parts": [[
+		3,
+		[0, 1],
+		"data-intent"
+	], [1, [0, 1]]],
+	"segments": [
+		"<p class=\"field\"><label for=\"ai-level\">Computer level</label><select id=\"ai-level\" name=\"aiLevel\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p>"
+	]
+};
+var _gyral$t29 = {
+	"id": "17cyw7e7ccp",
+	"html": "<p class=\"field\"><label for=\"players\">Players</label><select id=\"players\" name=\"players\"></select></p>",
+	"parts": [[
+		3,
+		[0, 1],
+		"data-intent"
+	], [1, [0, 1]]],
+	"segments": [
+		"<p class=\"field\"><label for=\"players\">Players</label><select id=\"players\" name=\"players\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p>"
+	]
+};
+var _gyral$t30 = {
+	"id": "bs2sl7v7ap",
+	"html": "<fieldset class=\"names\"><legend>Player names</legend><!----> </fieldset>",
+	"parts": [[
+		2,
+		[0],
+		1
+	], [0, [0]]],
+	"segments": [
+		"<fieldset class=\"names\"><legend>Player names</legend>",
+		{
+			"k": "child",
+			"in": "fieldset"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "fieldset"
+		},
+		"</fieldset>"
+	]
+};
+var _gyral$t31 = {
+	"id": "136vmwrlfvv",
+	"html": "<p class=\"note\">The computer plays the other <!---->.</p>",
+	"parts": [[
+		2,
+		[0],
+		1
+	]],
+	"segments": [
+		"<p class=\"note\">The computer plays the other ",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!---->.</p>"
+	]
+};
+var _gyral$t32 = {
+	"id": "2buap2fkqw3",
+	"html": "<p class=\"note\">Open a room and invite friends with a link, or join a friend's room below.</p>",
+	"parts": [],
+	"segments": ["<p class=\"note\">Open a room and invite friends with a link, or join a friend's room below.</p>"]
+};
+var _gyral$t33 = {
+	"id": "11n5ptkd7pe",
+	"html": "<fieldset class=\"game-options\"><legend>Game options</legend></fieldset>",
+	"parts": [[0, [0]]],
+	"segments": [
+		"<fieldset class=\"game-options\"><legend>Game options</legend>",
+		{
+			"k": "child",
+			"in": "fieldset"
+		},
+		"</fieldset>"
+	]
+};
+var _gyral$t34 = {
+	"id": "wkl8p07h4v",
+	"html": "<button type=\"submit\" class=\"start primary\">Create a room</button>",
+	"parts": [[
+		5,
+		[0],
+		"disabled"
+	]],
+	"segments": [
+		"<button type=\"submit\" class=\"start primary\"",
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		">Create a room</button>"
+	]
+};
+var _gyral$t35 = {
+	"id": "293s45n2l6i",
+	"html": "<button type=\"submit\" class=\"start primary\">Start</button>",
+	"parts": [[
+		4,
+		[0],
+		"aria-label",
+		["Start ", ""]
+	], [
+		5,
+		[0],
+		"disabled"
+	]],
+	"segments": [
+		"<button type=\"submit\" class=\"start primary\"",
+		{
+			"k": "attr",
+			"name": "aria-label",
+			"strings": ["Start ", ""]
+		},
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		">Start</button>"
+	]
+};
+var _gyral$t36 = {
+	"id": "28zmidyt7l2",
+	"html": "<p class=\"note\">This game uses AI-made content. You'll see a short notice before it starts.</p>",
+	"parts": [],
+	"segments": ["<p class=\"note\">This game uses AI-made content. You'll see a short notice before it starts.</p>"]
+};
+var _gyral$t37 = {
+	"id": "b0fsa4mspw",
+	"html": "<section class=\"resume panel\" aria-labelledby=\"resume-title\"><h3 id=\"resume-title\">Continue your saved game?</h3><p><time></time> played so far.</p><div class=\"actions\"><button type=\"button\" class=\"primary\">Resume</button> <button type=\"button\">Start a new game</button> <button type=\"button\">Back</button></div></section>",
+	"parts": [
+		[
+			2,
+			[0],
+			1
+		],
+		[
+			2,
+			[0, 1],
+			0
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				0
+			],
+			"datetime"
+		],
+		[1, [
+			0,
+			1,
+			0
+		]],
+		[
+			3,
+			[
+				0,
+				2,
+				0
+			],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				2,
+				2
+			],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				2,
+				4
+			],
+			"data-intent"
+		]
+	],
+	"segments": [
+		"<section class=\"resume panel\" aria-labelledby=\"resume-title\"><h3 id=\"resume-title\">Continue your saved game?</h3>",
+		{
+			"k": "child",
+			"in": "section"
+		},
+		"<p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<time",
+		{
+			"k": "attr",
+			"name": "datetime"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "time"
+		},
+		"</time> played so far.</p><div class=\"actions\"><button type=\"button\" class=\"primary\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Resume</button> <button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Start a new game</button> <button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Back</button></div></section>"
+	]
+};
+var _gyral$t38 = {
+	"id": "ugp0n1dbby",
+	"html": "<label>Saved game<select aria-label=\"Saved game\"></select></label>",
+	"parts": [[
+		3,
+		[0, 1],
+		"data-intent"
+	], [1, [0, 1]]],
+	"segments": [
+		"<label>Saved game<select aria-label=\"Saved game\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></label>"
+	]
+};
+var _gyral$t39 = {
+	"id": "t5q6c617ry",
+	"html": "<section class=\"ai-notice panel\" aria-labelledby=\"ai-notice-title\"><h3 id=\"ai-notice-title\"></h3><p></p><p></p><div class=\"actions\"><button type=\"button\" class=\"primary\">Accept and play</button> <button type=\"button\">Not now</button></div></section>",
+	"parts": [
+		[1, [0, 0]],
+		[1, [0, 1]],
+		[1, [0, 2]],
+		[
+			3,
+			[
+				0,
+				3,
+				0
+			],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				3,
+				2
+			],
+			"data-intent"
+		]
+	],
+	"segments": [
+		"<section class=\"ai-notice panel\" aria-labelledby=\"ai-notice-title\"><h3 id=\"ai-notice-title\">",
+		{
+			"k": "child",
+			"in": "h3"
+		},
+		"</h3><p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><div class=\"actions\"><button type=\"button\" class=\"primary\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Accept and play</button> <button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Not now</button></div></section>"
+	]
+};
+var _gyral$t40 = {
+	"id": "25lab0ckfjv",
+	"html": "<section class=\"handoff panel\" aria-labelledby=\"handoff-title\"><h3 id=\"handoff-title\">Pass to <!---->, then tap to reveal</h3><p>Only <!----> should look at the screen.</p><button type=\"button\" class=\"reveal primary\">Tap to reveal</button></section>",
+	"parts": [
+		[
+			2,
+			[0, 0],
+			1
+		],
+		[
+			2,
+			[0, 1],
+			1
+		],
+		[
+			3,
+			[0, 2],
+			"data-intent"
+		]
+	],
+	"segments": [
+		"<section class=\"handoff panel\" aria-labelledby=\"handoff-title\"><h3 id=\"handoff-title\">Pass to ",
+		{
+			"k": "child",
+			"in": "h3"
+		},
+		"<!---->, then tap to reveal</h3><p>Only ",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!----> should look at the screen.</p><button type=\"button\" class=\"reveal primary\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Tap to reveal</button></section>"
+	]
+};
+var _gyral$t41 = {
+	"id": "iethxerav1",
+	"html": "<button type=\"button\" value=\"withdraw\">Withdraw the offer</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" value=\"withdraw\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Withdraw the offer</button>"
+	]
+};
+var _gyral$t42 = {
+	"id": "11nggs7xd2x",
+	"html": "<button type=\"button\" class=\"primary\" value=\"accept\">Accept<span class=\"visually-hidden\"> </span></button> <button type=\"button\" value=\"decline\">Decline<span class=\"visually-hidden\"> </span></button>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[0, [0, 1]],
+		[
+			3,
+			[2],
+			"data-intent"
+		],
+		[0, [2, 1]]
+	],
+	"segments": [
+		"<button type=\"button\" class=\"primary\" value=\"accept\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Accept<span class=\"visually-hidden\"> ",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span></button> <button type=\"button\" value=\"decline\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Decline<span class=\"visually-hidden\"> ",
+		{
+			"k": "child",
+			"in": "span"
+		},
+		"</span></button>"
+	]
+};
+var _gyral$t43 = {
+	"id": "c4stiz0yc9",
+	"html": "<div class=\"actions\"><!----> <!----> <a class=\"back\" href=\"/\">Back to all games</a></div>",
+	"parts": [[
+		2,
+		[0],
+		0
+	], [
+		2,
+		[0],
+		2
+	]],
+	"segments": [
+		"<div class=\"actions\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> <a class=\"back\" href=\"/\">Back to all games</a></div>"
+	]
+};
+var _gyral$t44 = {
+	"id": "1rlyy4wr5uj",
+	"html": "<button type=\"button\" class=\"primary share\" value=\"symbols\">Share</button> <button type=\"button\" value=\"words\">Copy as text</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	], [
+		3,
+		[2],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"primary share\" value=\"symbols\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Share</button> <button type=\"button\" value=\"words\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Copy as text</button>"
+	]
+};
+var _gyral$t45 = {
+	"id": "1ong5qoig11",
+	"html": "<button type=\"button\">Change mode</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Change mode</button>"
+	]
+};
+var _gyral$t46 = {
+	"id": "1dsdqme90bz",
+	"html": "<div class=\"actions\"><button type=\"button\" class=\"primary\">Play again</button> <button type=\"button\">Change mode</button> <a class=\"back\" href=\"/\">Back to all games</a></div>",
+	"parts": [[
+		3,
+		[0, 0],
+		"data-intent"
+	], [
+		3,
+		[0, 2],
+		"data-intent"
+	]],
+	"segments": [
+		"<div class=\"actions\"><button type=\"button\" class=\"primary\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Play again</button> <button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Change mode</button> <a class=\"back\" href=\"/\">Back to all games</a></div>"
+	]
+};
+var _gyral$t47 = {
+	"id": "1ayhaoow3t1",
+	"html": "<div class=\"actions\"><!----> <!----> <button type=\"button\">Leave room</button> <a class=\"back\" href=\"/\">Back to all games</a></div><p class=\"note offer-state\"></p>",
+	"parts": [
+		[
+			2,
+			[0],
+			0
+		],
+		[
+			2,
+			[0],
+			2
+		],
+		[
+			3,
+			[0, 4],
+			"data-intent"
+		],
+		[1, [1]]
+	],
+	"segments": [
+		"<div class=\"actions\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> <button type=\"button\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Leave room</button> <a class=\"back\" href=\"/\">Back to all games</a></div><p class=\"note offer-state\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t48 = {
+	"id": "1k42f1vhk2z",
+	"html": "<button type=\"button\" class=\"primary offer-rematch\">Offer a rematch</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"primary offer-rematch\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Offer a rematch</button>"
+	]
+};
+var _gyral$t49 = {
+	"id": "wzd54mzrdq",
+	"html": "<dl class=\"facts daily-facts\"><div><dt>Streak</dt><dd><!----> <!----> (best <!---->)</dd></div></dl><p class=\"next\"></p>",
+	"parts": [
+		[
+			2,
+			[
+				0,
+				0,
+				1
+			],
+			0
+		],
+		[
+			2,
+			[
+				0,
+				0,
+				1
+			],
+			2
+		],
+		[
+			2,
+			[
+				0,
+				0,
+				1
+			],
+			4
+		],
+		[0, [0]],
+		[
+			2,
+			[],
+			1
+		],
+		[1, [1]],
+		[0, []]
+	],
+	"segments": [
+		"<dl class=\"facts daily-facts\"><div><dt>Streak</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!----> (best ",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!---->)</dd></div>",
+		{
+			"k": "child",
+			"in": "dl"
+		},
+		"</dl>",
+		{ "k": "child" },
+		"<p class=\"next\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{ "k": "child" }
+	]
+};
+var _gyral$t50 = {
+	"id": "1ovn3cmme5j",
+	"html": "<div><dt>Wins in a row</dt><dd><!----> (best <!---->)</dd></div>",
+	"parts": [[
+		2,
+		[0, 1],
+		0
+	], [
+		2,
+		[0, 1],
+		2
+	]],
+	"segments": [
+		"<div><dt>Wins in a row</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!----> (best ",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!---->)</dd></div>"
+	]
+};
+var _gyral$t51 = {
+	"id": "22i1lju9pgg",
+	"html": "<section class=\"word-statistics\" aria-labelledby=\"word-statistics-title\"><h4 id=\"word-statistics-title\">Daily Word statistics</h4><dl class=\"facts\"><div><dt>Played</dt><dd></dd></div><div><dt>Won</dt><dd></dd></div><div><dt>Win rate</dt><dd><!---->%</dd></div></dl><table><caption>Wins by guess count</caption><tbody></tbody></table></section>",
+	"parts": [
+		[1, [
+			0,
+			1,
+			0,
+			1
+		]],
+		[1, [
+			0,
+			1,
+			1,
+			1
+		]],
+		[
+			2,
+			[
+				0,
+				1,
+				2,
+				1
+			],
+			0
+		],
+		[1, [
+			0,
+			2,
+			1
+		]]
+	],
+	"segments": [
+		"<section class=\"word-statistics\" aria-labelledby=\"word-statistics-title\"><h4 id=\"word-statistics-title\">Daily Word statistics</h4><dl class=\"facts\"><div><dt>Played</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div><div><dt>Won</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div><div><dt>Win rate</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"<!---->%</dd></div></dl><table><caption>Wins by guess count</caption><tbody>",
+		{
+			"k": "child",
+			"in": "tbody"
+		},
+		"</tbody></table></section>"
+	]
+};
+var _gyral$t52 = {
+	"id": "998l9yvgdy",
+	"html": "<tr><th scope=\"row\"><!----> </th><td><meter min=\"0\"></meter></td><td></td></tr>",
+	"parts": [
+		[
+			2,
+			[0, 0],
+			0
+		],
+		[0, [0, 0]],
+		[
+			3,
+			[
+				0,
+				1,
+				0
+			],
+			"max"
+		],
+		[
+			3,
+			[
+				0,
+				1,
+				0
+			],
+			"value"
+		],
+		[
+			4,
+			[
+				0,
+				1,
+				0
+			],
+			"aria-label",
+			["Wins in ", " guesses"]
+		],
+		[1, [
+			0,
+			1,
+			0
+		]],
+		[1, [0, 2]]
+	],
+	"segments": [
+		"<tr><th scope=\"row\">",
+		{
+			"k": "child",
+			"in": "th"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "th"
+		},
+		"</th><td><meter min=\"0\"",
+		{
+			"k": "attr",
+			"name": "max"
+		},
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "aria-label",
+			"strings": ["Wins in ", " guesses"]
+		},
+		">",
+		{
+			"k": "child",
+			"in": "meter"
+		},
+		"</meter></td><td>",
+		{
+			"k": "child",
+			"in": "td"
+		},
+		"</td></tr>"
+	]
+};
+var _gyral$t53 = {
+	"id": "1ipqkcu4ml6",
+	"html": "<figure class=\"share-preview\"><figcaption>What Share sends</figcaption><pre aria-hidden=\"true\">\n</pre><p class=\"visually-hidden\"></p></figure>",
+	"parts": [[1, [0, 1]], [1, [0, 2]]],
+	"segments": [
+		"<figure class=\"share-preview\"><figcaption>What Share sends</figcaption><pre aria-hidden=\"true\">\n",
+		{
+			"k": "child",
+			"in": "pre"
+		},
+		"</pre><p class=\"visually-hidden\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p></figure>"
+	]
+};
+var _gyral$t54 = {
+	"id": "w2t1ydcz3n",
+	"html": "<dialog id=\"results\" class=\"results\" aria-labelledby=\"results-title\" data-intent-on=\"keydown\"><div class=\"results-body\"><p class=\"kicker\">Game over</p><h3 id=\"results-title\" tabindex=\"-1\"></h3><p class=\"summary\"></p><dl class=\"facts\"><!----> </dl><!----> <!----> <!----> </div><ad-slot class=\"results-ad\" slot-id=\"results\" page=\"results\"></ad-slot></dialog>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-result"
+		],
+		[
+			5,
+			[0],
+			"open"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[1, [
+			0,
+			0,
+			1
+		]],
+		[1, [
+			0,
+			0,
+			2
+		]],
+		[
+			2,
+			[
+				0,
+				0,
+				3
+			],
+			0
+		],
+		[0, [
+			0,
+			0,
+			3
+		]],
+		[
+			2,
+			[0, 0],
+			4
+		],
+		[
+			2,
+			[0, 0],
+			6
+		],
+		[
+			2,
+			[0, 0],
+			8
+		],
+		[0, [0, 0]],
+		[
+			3,
+			[0, 1],
+			"game-id"
+		]
+	],
+	"segments": [
+		"<dialog id=\"results\" class=\"results\" aria-labelledby=\"results-title\" data-intent-on=\"keydown\"",
+		{
+			"k": "attr",
+			"name": "data-result"
+		},
+		{
+			"k": "bool",
+			"name": "open"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"><div class=\"results-body\"><p class=\"kicker\">Game over</p><h3 id=\"results-title\" tabindex=\"-1\">",
+		{
+			"k": "child",
+			"in": "h3"
+		},
+		"</h3><p class=\"summary\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><dl class=\"facts\">",
+		{
+			"k": "child",
+			"in": "dl"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "dl"
+		},
+		"</dl>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>",
+		{
+			"k": "open",
+			"tag": "ad-slot",
+			"html": "<ad-slot class=\"results-ad\" slot-id=\"results\" page=\"results\"",
+			"attrs": [
+				["class", "results-ad"],
+				["slot-id", "results"],
+				["page", "results"]
+			]
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "ad-slot"
+		},
+		"</dialog>"
+	]
+};
+var _gyral$t55 = {
+	"id": "269k2rfzktl",
+	"html": "<div><dt>Time</dt><dd><time></time></dd></div>",
+	"parts": [[
+		3,
+		[
+			0,
+			1,
+			0
+		],
+		"datetime"
+	], [1, [
+		0,
+		1,
+		0
+	]]],
+	"segments": [
+		"<div><dt>Time</dt><dd><time",
+		{
+			"k": "attr",
+			"name": "datetime"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "time"
+		},
+		"</time></dd></div>"
+	]
+};
+var _gyral$t56 = {
+	"id": "287gewx4qif",
+	"html": "<div class=\"assisted\"><dt>Help</dt><dd></dd></div>",
+	"parts": [[1, [0, 1]]],
+	"segments": [
+		"<div class=\"assisted\"><dt>Help</dt><dd>",
+		{
+			"k": "child",
+			"in": "dd"
+		},
+		"</dd></div>"
+	]
+};
+var _gyral$t57 = {
+	"id": "5aariaehiy",
+	"html": "<p class=\"review\"><button type=\"button\" class=\"review-board\" aria-keyshortcuts=\"Escape\">Review the board</button></p>",
+	"parts": [[
+		3,
+		[0, 0],
+		"data-intent"
+	]],
+	"segments": [
+		"<p class=\"review\"><button type=\"button\" class=\"review-board\" aria-keyshortcuts=\"Escape\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Review the board</button></p>"
+	]
+};
+var _gyral$t58 = {
+	"id": "1mzd6e35azm",
+	"html": "<section class=\"failed panel\" role=\"alert\" aria-labelledby=\"failed-title\"><h3 id=\"failed-title\" tabindex=\"-1\">The game couldn't start</h3><p></p><div class=\"actions\"><button type=\"button\" class=\"primary\">Back</button></div></section>",
+	"parts": [[1, [0, 1]], [
+		3,
+		[
+			0,
+			2,
+			0
+		],
+		"data-intent"
+	]],
+	"segments": [
+		"<section class=\"failed panel\" role=\"alert\" aria-labelledby=\"failed-title\"><h3 id=\"failed-title\" tabindex=\"-1\">The game couldn't start</h3><p>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><div class=\"actions\"><button type=\"button\" class=\"primary\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Back</button></div></section>"
+	]
+};
+var _gyral$t59 = {
+	"id": "t3zwp4rm2k",
+	"html": "<fieldset class=\"prefs\"><legend>Preferences</legend><p class=\"field\"><label for=\"pref-motion\">Motion</label><select id=\"pref-motion\" name=\"reducedMotion\"></select></p><p class=\"field\"><label for=\"pref-theme\">Game colors</label><select id=\"pref-theme\" name=\"theme\"></select></p><p class=\"check\"><input type=\"checkbox\" id=\"pref-sound\" name=\"sound\"> <label for=\"pref-sound\">Sound</label></p><p class=\"field\"><label for=\"pref-volume\">Volume</label> <input type=\"range\" id=\"pref-volume\" name=\"volume\" min=\"0\" max=\"100\" step=\"5\"></p><p class=\"check\"><input type=\"checkbox\" id=\"pref-keys\" name=\"singleKeyShortcuts\" aria-describedby=\"pref-keys-note\"> <label for=\"pref-keys\">Single-key shortcuts</label></p><p class=\"note\" id=\"pref-keys-note\">Turn these off if you use speech input or a switch.</p><p class=\"check\"><input type=\"checkbox\" id=\"pref-ai\" name=\"aiContentAccepted\" aria-describedby=\"pref-ai-note\"> <label for=\"pref-ai\">Allow games with AI-made content</label></p><p class=\"note\" id=\"pref-ai-note\">Turned off, those games ask again before they start.</p></fieldset>",
+	"parts": [
+		[
+			3,
+			[
+				0,
+				1,
+				1
+			],
+			"data-intent"
+		],
+		[1, [
+			0,
+			1,
+			1
+		]],
+		[
+			3,
+			[
+				0,
+				2,
+				1
+			],
+			"data-intent"
+		],
+		[1, [
+			0,
+			2,
+			1
+		]],
+		[
+			5,
+			[
+				0,
+				3,
+				0
+			],
+			"checked"
+		],
+		[
+			3,
+			[
+				0,
+				3,
+				0
+			],
+			"data-intent"
+		],
+		[
+			3,
+			[
+				0,
+				4,
+				2
+			],
+			"value"
+		],
+		[
+			3,
+			[
+				0,
+				4,
+				2
+			],
+			"data-intent"
+		],
+		[
+			5,
+			[
+				0,
+				5,
+				0
+			],
+			"checked"
+		],
+		[
+			3,
+			[
+				0,
+				5,
+				0
+			],
+			"data-intent"
+		],
+		[
+			5,
+			[
+				0,
+				7,
+				0
+			],
+			"checked"
+		],
+		[
+			3,
+			[
+				0,
+				7,
+				0
+			],
+			"data-intent"
+		]
+	],
+	"segments": [
+		"<fieldset class=\"prefs\"><legend>Preferences</legend><p class=\"field\"><label for=\"pref-motion\">Motion</label><select id=\"pref-motion\" name=\"reducedMotion\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p><p class=\"field\"><label for=\"pref-theme\">Game colors</label><select id=\"pref-theme\" name=\"theme\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "select"
+		},
+		"</select></p><p class=\"check\"><input type=\"checkbox\" id=\"pref-sound\" name=\"sound\"",
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <label for=\"pref-sound\">Sound</label></p><p class=\"field\"><label for=\"pref-volume\">Volume</label> <input type=\"range\" id=\"pref-volume\" name=\"volume\" min=\"0\" max=\"100\" step=\"5\"",
+		{
+			"k": "attr",
+			"name": "value"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"></p><p class=\"check\"><input type=\"checkbox\" id=\"pref-keys\" name=\"singleKeyShortcuts\" aria-describedby=\"pref-keys-note\"",
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <label for=\"pref-keys\">Single-key shortcuts</label></p><p class=\"note\" id=\"pref-keys-note\">Turn these off if you use speech input or a switch.</p><p class=\"check\"><input type=\"checkbox\" id=\"pref-ai\" name=\"aiContentAccepted\" aria-describedby=\"pref-ai-note\"",
+		{
+			"k": "bool",
+			"name": "checked"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"> <label for=\"pref-ai\">Allow games with AI-made content</label></p><p class=\"note\" id=\"pref-ai-note\">Turned off, those games ask again before they start.</p></fieldset>"
+	]
+};
+var _gyral$t60 = {
+	"id": "24h8i6rpo60",
+	"html": "<jy-report-problem class=\"report\"></jy-report-problem>",
+	"parts": [[
+		3,
+		[0],
+		"game-id"
+	], [
+		3,
+		[0],
+		"puzzle-id"
+	]],
+	"segments": [
+		{
+			"k": "open",
+			"tag": "jy-report-problem",
+			"html": "<jy-report-problem class=\"report\"",
+			"attrs": [["class", "report"]]
+		},
+		{
+			"k": "attr",
+			"name": "game-id"
+		},
+		{
+			"k": "attr",
+			"name": "puzzle-id"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-report-problem"
+		}
+	]
+};
+var _gyral$t61 = {
+	"id": "emi37eycjo",
+	"html": "<dialog class=\"overlay\" aria-labelledby=\"menu-title\" data-intent-on=\"close\"><h3 id=\"menu-title\"></h3><p class=\"note\"></p><div class=\"actions\"><button type=\"button\" class=\"primary\" autofocus></button> <!----> <button type=\"button\" class=\"exit\"></button></div><!----> <!----> </dialog>",
+	"parts": [
+		[
+			5,
+			[0],
+			"modal"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		],
+		[1, [0, 0]],
+		[1, [0, 1]],
+		[
+			3,
+			[
+				0,
+				2,
+				0
+			],
+			"data-intent"
+		],
+		[1, [
+			0,
+			2,
+			0
+		]],
+		[
+			2,
+			[0, 2],
+			2
+		],
+		[
+			3,
+			[
+				0,
+				2,
+				4
+			],
+			"data-intent"
+		],
+		[1, [
+			0,
+			2,
+			4
+		]],
+		[
+			2,
+			[0],
+			3
+		],
+		[
+			2,
+			[0],
+			5
+		],
+		[0, [0]]
+	],
+	"segments": [
+		"<dialog class=\"overlay\" aria-labelledby=\"menu-title\" data-intent-on=\"close\"",
+		{
+			"k": "bool",
+			"name": "modal"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		"><h3 id=\"menu-title\">",
+		{
+			"k": "child",
+			"in": "h3"
+		},
+		"</h3><p class=\"note\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><div class=\"actions\"><button type=\"button\" class=\"primary\" autofocus",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "button"
+		},
+		"</button> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> <button type=\"button\" class=\"exit\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "button"
+		},
+		"</button></div>",
+		{
+			"k": "child",
+			"in": "dialog"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "dialog"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "dialog"
+		},
+		"</dialog>"
+	]
+};
+var _gyral$t62 = {
+	"id": "181k9o959ig",
+	"html": "<button type=\"button\" class=\"end-match\" aria-describedby=\"end-match-note\">Ask to end the match</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"end-match\" aria-describedby=\"end-match-note\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Ask to end the match</button>"
+	]
+};
+var _gyral$t63 = {
+	"id": "18yfd5xxj6q",
+	"html": "<p class=\"note\" id=\"end-match-note\">It ends with no result if the others agree, or if nobody declines within a minute.</p>",
+	"parts": [],
+	"segments": ["<p class=\"note\" id=\"end-match-note\">It ends with no result if the others agree, or if nobody declines within a minute.</p>"]
+};
+var _gyral$t64 = {
+	"id": "m9x8eu78dz",
+	"html": "<jy-game-stage class=\"stage\" role=\"region\" tabindex=\"-1\"></jy-game-stage>",
+	"parts": [
+		[
+			3,
+			[0],
+			"aria-label"
+		],
+		[
+			5,
+			[0],
+			"hidden"
+		],
+		[
+			5,
+			[0],
+			"inert"
+		],
+		[
+			6,
+			[0],
+			"control"
+		],
+		[
+			3,
+			[0],
+			"data-intent"
+		]
+	],
+	"segments": [
+		{
+			"k": "open",
+			"tag": "jy-game-stage",
+			"html": "<jy-game-stage class=\"stage\" role=\"region\" tabindex=\"-1\"",
+			"attrs": [
+				["class", "stage"],
+				["role", "region"],
+				["tabindex", "-1"]
+			]
+		},
+		{
+			"k": "attr",
+			"name": "aria-label"
+		},
+		{
+			"k": "bool",
+			"name": "hidden"
+		},
+		{
+			"k": "bool",
+			"name": "inert"
+		},
+		{
+			"k": "prop",
+			"name": "control"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		{ "k": "openEnd" },
+		{
+			"k": "close",
+			"tag": "jy-game-stage"
+		}
+	]
+};
+var _gyral$t65 = {
+	"id": "vo1dlzjvsk",
+	"html": "<button type=\"button\" class=\"menu-button\" aria-haspopup=\"dialog\">Menu</button>",
+	"parts": [[
+		5,
+		[0],
+		"disabled"
+	], [
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"menu-button\" aria-haspopup=\"dialog\"",
+		{
+			"k": "bool",
+			"name": "disabled"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Menu</button>"
+	]
+};
+var _gyral$t66 = {
+	"id": "7i5f9u8ttv",
+	"html": "<button type=\"button\" class=\"menu-button show-results\" aria-controls=\"results\">Show results</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-held"
+	], [
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" class=\"menu-button show-results\" aria-controls=\"results\"",
+		{
+			"k": "attr",
+			"name": "data-held"
+		},
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Show results</button>"
+	]
+};
+var _gyral$t67 = {
+	"id": "1varrvlye3n",
+	"html": "<p class=\"timer\" role=\"timer\"><!---->: <time></time></p>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-low"
+		],
+		[
+			3,
+			[0],
+			"data-paused"
+		],
+		[
+			2,
+			[0],
+			0
+		],
+		[
+			3,
+			[0, 2],
+			"datetime"
+		],
+		[1, [0, 2]],
+		[0, [0]]
+	],
+	"segments": [
+		"<p class=\"timer\" role=\"timer\"",
+		{
+			"k": "attr",
+			"name": "data-low"
+		},
+		{
+			"k": "attr",
+			"name": "data-paused"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!---->: <time",
+		{
+			"k": "attr",
+			"name": "datetime"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "time"
+		},
+		"</time>",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>"
+	]
+};
+var _gyral$t68 = {
+	"id": "23jo20vn6im",
+	"html": "<div class=\"offer\" role=\"group\" aria-label=\"Offer to end the match\"><p class=\"offer-text\"></p></div>",
+	"parts": [[1, [0, 0]], [0, [0]]],
+	"segments": [
+		"<div class=\"offer\" role=\"group\" aria-label=\"Offer to end the match\"><p class=\"offer-text\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>"
+	]
+};
+var _gyral$t69 = {
+	"id": "1mi9jvk4xdn",
+	"html": "<div class=\"play\"><div class=\"bar\"><p class=\"mode-label\"><!----> · <!----></p><p class=\"status\" role=\"status\"></p><!----> <!----> <!----> </div><!----> <!----> <!----> <div class=\"arena\"><!----> </div></div>",
+	"parts": [
+		[
+			2,
+			[
+				0,
+				0,
+				0
+			],
+			0
+		],
+		[
+			2,
+			[
+				0,
+				0,
+				0
+			],
+			2
+		],
+		[0, [
+			0,
+			0,
+			0
+		]],
+		[1, [
+			0,
+			0,
+			1
+		]],
+		[
+			2,
+			[0, 0],
+			2
+		],
+		[
+			2,
+			[0, 0],
+			4
+		],
+		[
+			2,
+			[0, 0],
+			6
+		],
+		[0, [0, 0]],
+		[
+			2,
+			[0],
+			1
+		],
+		[
+			2,
+			[0],
+			3
+		],
+		[
+			2,
+			[0],
+			5
+		],
+		[
+			2,
+			[0],
+			7
+		],
+		[
+			2,
+			[0, 7],
+			0
+		],
+		[0, [0, 7]],
+		[0, [0]]
+	],
+	"segments": [
+		"<div class=\"play\"><div class=\"bar\"><p class=\"mode-label\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!----> · ",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"<!---->",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><p class=\"status\" role=\"status\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<div class=\"arena\">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<!----> ",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"</div>"
+	]
+};
+var _gyral$t70 = {
+	"id": "1t27w3oacdv",
+	"html": "<button type=\"button\" value=\"reconnect\">Use this tab instead</button>",
+	"parts": [[
+		3,
+		[0],
+		"data-intent"
+	]],
+	"segments": [
+		"<button type=\"button\" value=\"reconnect\"",
+		{
+			"k": "attr",
+			"name": "data-intent"
+		},
+		">Use this tab instead</button>"
+	]
+};
+var _gyral$t71 = {
+	"id": "1n359ysb8d",
+	"html": "<div class=\"launcher\"><p class=\"visually-hidden\" aria-live=\"polite\"></p><p class=\"visually-hidden\" aria-live=\"assertive\"></p></div>",
+	"parts": [
+		[
+			3,
+			[0],
+			"data-phase"
+		],
+		[
+			2,
+			[0],
+			0
+		],
+		[1, [0, 0]],
+		[1, [0, 1]]
+	],
+	"segments": [
+		"<div class=\"launcher\"",
+		{
+			"k": "attr",
+			"name": "data-phase"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "div"
+		},
+		"<p class=\"visually-hidden\" aria-live=\"polite\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p><p class=\"visually-hidden\" aria-live=\"assertive\">",
+		{
+			"k": "child",
+			"in": "p"
+		},
+		"</p></div>"
+	]
+};
+var props = { 
+/** The game, from its manifest and catalog listing. Property only (`.game=${…}`). */
+game: prop.value(isLauncherGame, { required: true }) };
+var i = intentsOf();
+/** Loads and registers `<jy-game-stage>` on first Start, so pages pay for it only when played. */
+var stageLoader = defineDriver({
+	name: "launcher-stage",
+	run: async () => {
+		await import("./browser/stage.js");
+	},
+	concurrency: "exhaust",
+	toError: (cause) => cause instanceof Error ? cause.message : String(cause)
+});
+var loadStage = () => command(stageLoader, void 0, {
+	onSuccess: () => ({ _tag: "StageLoaded" }),
+	onFailure: () => ({
+		_tag: "StageOut",
+		out: {
+			_tag: "Failed",
+			message: "The game couldn't load. Check your connection, then try again."
+		}
+	})
+});
+var freshState = (game, live = false, online = ONLINE_CHECKING) => ({
+	live,
+	setup: initialSetup(game, online),
+	phase: { _tag: "Setup" },
+	round: 0,
+	stageReady: false,
+	seats: [],
+	begin: null,
+	resumeSlot: null,
+	reveals: 0,
+	preferences: null,
+	polite: "",
+	assertive: "",
+	notice: null,
+	safe: true,
+	config: null,
+	rematch: null,
+	plan: null,
+	room: null,
+	daily: null,
+	puzzle: null,
+	online
+});
+/** True when the page should ask the room server which games it hosts: the game lists online play and nobody has answered yet. */
+var asksOnline = (game, online) => online._tag === "Checking" && game.modes.includes("server");
+/** The modes this game offers, given the room server's last answer. */
+var optionsOf = (s, game) => modeOptions(game, s.online);
+/** Whether an update could be offered now (offline-and-updates.md, Rule 2). */
+var isSafePoint = (phase) => phase._tag === "Playing" ? phase.frame?.safePoint ?? false : true;
+/** Returns the next state, reporting the safe point to the page when it changed. */
+var settle = (next, game, commands = []) => {
+	const safe = isSafePoint(next.phase);
+	return safe === next.safe ? [next, commands] : [{
+		...next,
+		safe
+	}, [...commands, reportSafePoint({
+		safe,
+		gameId: game.id
+	})]];
+};
+/** A fresh live region text; repeating a message nudges it so screen readers say it again. */
+var say = (previous, message) => previous === message ? `${message} ` : message;
+var STAGE = "jy-game-stage";
+var beginPlay = (s, game, begin) => s.plan !== null ? settle({
+	...s,
+	begin,
+	phase: { _tag: "Loading" }
+}, game) : settle({
+	...s,
+	begin,
+	resumeSlot: begin === "resume" && s.phase._tag === "Resume" ? s.phase.save.slot ?? null : null,
+	phase: {
+		_tag: "Playing",
+		frame: null,
+		menu: false
+	}
+}, game, [focus(STAGE)]);
+var toSetup = (s, game) => settle({
+	...s,
+	phase: { _tag: "Setup" },
+	begin: null,
+	room: null,
+	plan: null
+}, game, [focus(".start"), ...s.room === null ? [] : [showRoomInUrl(null)]]);
+var startRound = (s, game, seats, config, plan = null) => settle({
+	...s,
+	seats,
+	config,
+	rematch: null,
+	round: s.round + 1,
+	begin: null,
+	resumeSlot: null,
+	reveals: 0,
+	notice: null,
+	plan,
+	room: null,
+	daily: null,
+	puzzle: null,
+	phase: { _tag: "Loading" },
+	polite: say(s.polite, plan === null ? `Loading ${game.name}…` : plan.action === "create" ? "Opening a room…" : "Joining the room…")
+}, game, s.stageReady ? [] : [loadStage()]);
+/** Hands a request to the room through the stage. */
+var ask = (s, request) => [s, [call(STAGE, "roomRequest", request)]];
+/** A lobby request, once the room is open. The room itself checks who may ask what. */
+var askRoom = (s, request) => s.plan !== null && s.room !== null ? ask(s, request) : s;
+/** A seat number from a button's value. */
+var seatOf = (value) => {
+	if (value === void 0 || !/^\d{1,2}$/.test(value)) return void 0;
+	return Number(value);
+};
+/** True while this round plays in a server room. */
+var inRoom = (s) => s.plan !== null;
+/** The stage's room report: the lobby until the match starts, the address bar once the code is known. */
+var roomReport = (s, room, game) => {
+	const commands = s.room === null || s.room.code !== room.code ? [showRoomInUrl(room.code)] : [];
+	const next = {
+		...s,
+		room
+	};
+	const offered = offerAnnouncement(s.room?.offer ?? null, room.offer, room.seat, room.seats);
+	const line = room.notice !== null && room.notice !== s.room?.notice ? room.notice : offered;
+	const announce = line === null ? {} : { polite: say(s.polite, line) };
+	if (s.phase._tag === "Loading") return settle({
+		...next,
+		...announce,
+		phase: { _tag: "Lobby" }
+	}, game, [...commands, focus("#lobby-title")]);
+	return settle({
+		...next,
+		...announce
+	}, game, commands);
+};
+/** After loading (and the AI-content notice): resume a save, or begin at once. */
+var proceed = (s, game, save) => save === null ? beginPlay(s, game, "new") : settle({
+	...s,
+	phase: {
+		_tag: "Resume",
+		save
+	}
+}, game, [focus(".resume .primary")]);
+var fromStage = (s, out, game) => {
+	switch (out._tag) {
+		case "Prepared": {
+			if (s.phase._tag !== "Loading") return {
+				...s,
+				preferences: out.preferences
+			};
+			const prepared = {
+				...s,
+				preferences: out.preferences
+			};
+			return needsAiNotice(game, out.preferences) ? settle({
+				...prepared,
+				phase: {
+					_tag: "AiNotice",
+					save: out.save
+				}
+			}, game, [focus(".ai-notice .primary")]) : proceed(prepared, game, out.save);
+		}
+		case "Preferences": return s.preferences === null ? s : {
+			...s,
+			preferences: out.preferences
+		};
+		case "Rematch": return {
+			...s,
+			rematch: out.config
+		};
+		case "Daily": {
+			const { daily } = out;
+			if (s.phase._tag === "Results") return {
+				...s,
+				daily
+			};
+			if (daily.earlier === null || s.phase._tag !== "Playing" && s.phase._tag !== "Loading") return s;
+			const result = {
+				result: daily.earlier.result,
+				headline: "You've played today's puzzle",
+				summary: daily.earlier.summary,
+				elapsedMs: null,
+				assisted: null
+			};
+			return settle({
+				...s,
+				daily,
+				phase: {
+					_tag: "Results",
+					result,
+					shown: true
+				},
+				polite: say(s.polite, `${result.headline}. ${daily.next}.`)
+			}, game, [focus("#results-title")]);
+		}
+		case "Puzzle": return {
+			...s,
+			puzzle: out.puzzleId
+		};
+		case "Room": return inRoom(s) ? roomReport(s, out.room, game) : s;
+		case "Frame": {
+			const { frame } = out;
+			if (inRoom(s) && frame.outcome === null && (s.phase._tag === "Lobby" || s.phase._tag === "Loading" || s.phase._tag === "Results")) return settle({
+				...s,
+				phase: {
+					_tag: "Playing",
+					frame,
+					menu: false
+				}
+			}, game, [focus(STAGE)]);
+			const looking = inRoom(s) && frame.outcome !== null && (s.phase._tag === "Lobby" || s.phase._tag === "Loading");
+			if (s.phase._tag !== "Playing" && !looking) return s;
+			if (frame.outcome !== null) {
+				const result = resultView(frame.outcome, frame.seats, toStageMode(s.setup.mode ?? "solo") ?? "solo", s.room?.seat ?? null);
+				return settle({
+					...s,
+					phase: {
+						_tag: "Results",
+						result,
+						shown: true
+					},
+					assertive: say(s.assertive, `${result.headline} ${result.summary}`)
+				}, game, [focus("#results-title")]);
+			}
+			if (s.phase._tag !== "Playing") return s;
+			const before = s.phase.frame?.handoff ?? null;
+			const handedOff = frame.handoff !== null && (before === null || before.seat !== frame.handoff.seat);
+			return settle({
+				...s,
+				phase: {
+					...s.phase,
+					frame,
+					menu: s.phase.menu && frame.handoff === null
+				}
+			}, game, handedOff ? [focus(".reveal")] : []);
+		}
+		case "ExitRequested": return s.phase._tag === "Playing" || s.phase._tag === "Results" || s.phase._tag === "Lobby" ? toSetup(s, game) : s;
+		case "Announce": return out.politeness === "assertive" ? {
+			...s,
+			assertive: say(s.assertive, out.message)
+		} : {
+			...s,
+			polite: say(s.polite, out.message)
+		};
+		case "Notice": return {
+			...s,
+			notice: out.message,
+			polite: say(s.polite, out.message)
+		};
+		case "Failed": return s.phase._tag === "Setup" ? s : settle({
+			...s,
+			phase: {
+				_tag: "Failed",
+				message: out.message
+			}
+		}, game, [focus(".failed h3")]);
+	}
+};
+var joinView = (s) => compiled(_gyral$t0, [
+	i.JoinRoom,
+	s.setup.code,
+	s.setup.codeError === null ? null : "true",
+	s.setup.codeError === null ? "room-code-hint" : "room-code-hint room-code-error",
+	i.TypeCode,
+	s.setup.codeError === null ? nothing : compiled(_gyral$t1, [s.setup.codeError]),
+	s.setup.watch,
+	i.ToggleWatch,
+	!s.live
+]);
+var seatTags = (seat, pick) => {
+	const tags = [];
+	if (seat.id === pick.me) tags.push("you");
+	if (seat.id === pick.host) tags.push("host");
+	if (seat.controller === "ai") tags.push(seat.claimed ? "the computer plays for now" : `the computer${seat.aiLevel === null ? "" : `, ${seat.aiLevel}`}`);
+	else if (seat.claimed) {
+		if (!seat.connected) tags.push("away");
+		else if (pick.lobby) tags.push(seat.ready ? "ready" : "not ready");
+	}
+	return tags.join(" · ");
+};
+var SeatRow = (seat, pick) => {
+	const open = !seat.claimed && seat.controller === "human";
+	const label = open ? "Open seat" : seat.controller === "ai" && !seat.claimed ? "Computer" : seat.name;
+	const removable = pick.hosting && pick.lobby && seat.id !== pick.me && !open;
+	return compiled(_gyral$t2, [
+		open ? "yes" : "no",
+		seat.ready ? "yes" : "no",
+		label,
+		seatTags(seat, pick),
+		pick.hosting && pick.lobby && open ? compiled(_gyral$t3, [
+			seat.id,
+			i.FillSeat,
+			seat.id + 1
+		]) : nothing,
+		removable ? compiled(_gyral$t4, [
+			seat.id,
+			i.RemoveSeat,
+			label,
+			seat.id + 1
+		]) : nothing
+	]);
+};
+var ClockRow = (o, picked) => compiled(_gyral$t5, [
+	o.value,
+	picked,
+	o.label
+]);
+var connectionLine = (room) => {
+	if (room.connection === "connecting") return "Connecting to the room…";
+	if (room.connection === "reconnecting") return "Connection lost. Reconnecting…";
+	return null;
+};
+var lobbyView = (s, game) => {
+	const room = s.room;
+	if (room === null) return nothing;
+	const me = room.seat === null ? void 0 : room.seats.find((seat) => seat.id === room.seat);
+	const hosting = room.seat !== null && room.seat === room.host;
+	const lobby = room.phase === "lobby";
+	const problem = startProblem(room);
+	const pick = {
+		me: room.seat,
+		host: room.host,
+		hosting,
+		lobby
+	};
+	const status = connectionLine(room) ?? room.notice ?? "";
+	const closed = room.connection === "closed";
+	return compiled(_gyral$t6, [
+		game.name,
+		spacedCode(room.code),
+		status,
+		closed ? compiled(_gyral$t7, [room.noticeCode === "replaced" ? compiled(_gyral$t8, [i.RoomAction]) : nothing, i.RoomAction]) : compiled(_gyral$t9, [
+			room.link,
+			i.Copy,
+			i.Copy,
+			each(room.seats, (seat) => seat.id, SeatRow, () => pick),
+			room.spectators === 0 ? "Nobody is watching." : room.spectators === 1 ? "1 person is watching." : `${String(room.spectators)} people are watching.`,
+			room.clockOptions.length === 0 ? nothing : hosting && lobby ? compiled(_gyral$t10, [i.PickClock, each(room.clockOptions, (o) => o.value, ClockRow, (o) => o.value === clockValue(room.clock))]) : compiled(_gyral$t11, [clockLabel(room.clock)]),
+			hosting && lobby && room.aiLevels.length > 1 ? compiled(_gyral$t12, [i.PickRoomLevel, each(room.aiLevels, (l) => l, LevelOption, (l) => l === (room.aiLevel ?? room.aiLevels[0]))]) : nothing,
+			me === void 0 || !lobby ? compiled(_gyral$t13, [room.seat === null ? "You are watching. The match starts when the host starts it." : ""]) : compiled(_gyral$t14, [
+				me.ready ? "true" : "false",
+				me.ready ? "no" : "yes",
+				i.ToggleReady
+			]),
+			hosting && lobby ? compiled(_gyral$t15, [problem !== null, i.StartMatch]) : nothing,
+			i.RoomAction,
+			hosting && lobby ? compiled(_gyral$t16, [problem ?? "Everyone is ready."]) : nothing,
+			!hosting && lobby && me !== void 0 ? compiled(_gyral$t17, []) : nothing
+		])
+	]);
+};
+var ModeRow = (o, picked) => compiled(_gyral$t18, [
+	o.playable ? "yes" : "no",
+	o.mode,
+	picked,
+	!o.playable,
+	i.PickMode,
+	o.label,
+	o.note === null ? nothing : compiled(_gyral$t19, [o.note])
+]);
+var LevelOption = (level, picked) => compiled(_gyral$t5, [
+	level,
+	picked,
+	level
+]);
+var CountOption = (count, picked) => compiled(_gyral$t5, [
+	count,
+	picked,
+	count
+]);
+var NameRow = (f) => compiled(_gyral$t20, [
+	f.seat,
+	f.seat + 1,
+	f.seat,
+	f.seat,
+	f.name,
+	f.seat + 1,
+	f.error === null ? null : "true",
+	f.error === null ? null : `name-${f.seat}-error`,
+	i.Rename,
+	f.error === null ? nothing : compiled(_gyral$t21, [f.seat, f.error])
+]);
+var setupHint = (s, game, options) => {
+	if (!s.live) return "JavaScript is needed to play.";
+	if (game.status !== "available") return "Coming soon: not playable yet.";
+	if (!options.some((o) => o.playable)) return "This game is coming soon.";
+	return "";
+};
+var GameChoice = (choice, selected) => compiled(_gyral$t5, [
+	String(choice.value),
+	choice.value === selected,
+	choice.label
+]);
+var GameOptionRow = (option, value) => compiled(_gyral$t22, [option.kind === "toggle" ? compiled(_gyral$t23, [
+	option.key,
+	value === true,
+	i.PickGameOption,
+	option.label
+]) : compiled(_gyral$t24, [
+	option.label,
+	option.key,
+	i.PickGameOption,
+	each(option.choices, (c) => String(c.value), GameChoice, () => value)
+]), option.help === void 0 ? nothing : compiled(_gyral$t25, [option.help])]);
+var setupView = (s, game) => {
+	const options = optionsOf(s, game);
+	const { mode } = s.setup;
+	const counts = playerCounts(game, mode);
+	const playable = options.some((o) => o.mode === mode && o.playable);
+	const names = [];
+	if (mode === "pass-and-play") for (let seat = 0; seat < s.setup.players; seat += 1) names.push({
+		seat,
+		name: s.setup.names[seat] ?? "",
+		error: s.setup.errors[seat] ?? null
+	});
+	return compiled(_gyral$t26, [
+		game.name,
+		i.Start,
+		s.notice === null ? nothing : compiled(_gyral$t27, [s.notice]),
+		each(options, (o) => o.mode, ModeRow, (o) => o.mode === mode),
+		(mode === "ai" || computerSeatsFor(game, s.setup) > 0) && game.aiLevels.length > 1 ? compiled(_gyral$t28, [i.PickLevel, each(game.aiLevels, (l) => l, LevelOption, (l) => l === s.setup.aiLevel)]) : nothing,
+		counts.length > 1 ? compiled(_gyral$t29, [i.PickPlayers, each(counts, (n) => n, CountOption, (n) => n === s.setup.players)]) : nothing,
+		mode === "pass-and-play" ? compiled(_gyral$t30, [each(names, (f) => f.seat, NameRow), computerSeatsFor(game, s.setup) > 0 ? compiled(_gyral$t31, [computerSeatsFor(game, s.setup) === 1 ? "seat" : `${String(computerSeatsFor(game, s.setup))} seats`]) : nothing]) : nothing,
+		mode === "server" ? compiled(_gyral$t32, []) : nothing,
+		optionsForMode(game.options ?? [], mode ?? "solo").length === 0 ? nothing : compiled(_gyral$t33, [each(optionsForMode(game.options ?? [], mode ?? "solo"), (o) => o.key, GameOptionRow, (o) => s.setup.options?.[o.key] ?? o.default)]),
+		mode === "server" ? compiled(_gyral$t34, [!s.live || !playable]) : compiled(_gyral$t35, [game.name, !s.live || !playable]),
+		setupHint(s, game, options),
+		game.aiContent === true ? compiled(_gyral$t36, []) : nothing,
+		mode === "server" && playable ? joinView(s) : nothing
+	]);
+};
+var resumeView = (save) => {
+	const players = save.players.filter((p) => p !== "");
+	return compiled(_gyral$t37, [
+		save.choices === void 0 ? nothing : compiled(_gyral$t38, [i.ChooseSave, save.choices.map((choice) => compiled(_gyral$t5, [
+			choice.slot,
+			choice.slot === save.slot,
+			choice.label
+		]))]),
+		players.length > 1 ? `${players.join(" and ")}: ` : "",
+		isoDuration(save.elapsedMs),
+		formatElapsed(save.elapsedMs),
+		i.Resume,
+		i.NewGame,
+		i.Exit
+	]);
+};
+var aiNoticeView = () => compiled(_gyral$t39, [
+	AI_NOTICE.title,
+	AI_NOTICE.body,
+	AI_NOTICE.scope,
+	i.AcceptAiNotice,
+	i.Exit
+]);
+var handoffView = (handoff) => compiled(_gyral$t40, [
+	handoff.name,
+	handoff.name,
+	i.Reveal
+]);
+/**
+* The results, as a non-modal dialog over the finished game's canvas: modal would make the
+* page inert, and the results are where the page may offer an update (a safe point). It stays
+* in the document while closed, so reopening it keeps the ad slot as it was.
+*/
+/** The buttons that answer an open offer, for a player who hasn't answered it yet. */
+var answerButtons = (offer, me, what) => {
+	if (me === null || offer.status !== "open") return nothing;
+	if (offer.by === me) return compiled(_gyral$t41, [i.AnswerOffer]);
+	if (offer.accepted.includes(me)) return nothing;
+	return compiled(_gyral$t42, [
+		i.AnswerOffer,
+		what,
+		i.AnswerOffer,
+		what
+	]);
+};
+/** The results' actions: a local game plays again; in a room any player offers a rematch, which starts when everyone accepts (D-61). */
+var resultActions = (s, game) => {
+	if (s.setup.mode === "daily") return compiled(_gyral$t43, [s.daily === null || s.daily.share === "" ? nothing : compiled(_gyral$t44, [i.Share, i.Share]), game.modes.length > 1 ? compiled(_gyral$t45, [i.ChangeMode]) : nothing]);
+	if (!inRoom(s)) return compiled(_gyral$t46, [i.PlayAgain, i.ChangeMode]);
+	const room = s.room;
+	const me = room?.seat ?? null;
+	const seated = room !== null && me !== null && room.connection === "online";
+	const offer = room?.offer?.kind === "rematch" ? room.offer : null;
+	const open = offer?.status === "open" ? offer : null;
+	const note = offer !== null ? offerText(offer, me) : me === null ? "The players may start a rematch; stay to watch it." : "Any player can offer a rematch. It starts when everyone accepts.";
+	return compiled(_gyral$t47, [
+		seated && open === null ? compiled(_gyral$t48, [i.PlayAgain]) : nothing,
+		seated && open !== null ? answerButtons(open, me, "the rematch") : nothing,
+		i.ChangeMode,
+		note
+	]);
+};
+/** The daily part of the results: streaks, the next release and the share text it would send. */
+var dailyView = (d) => compiled(_gyral$t49, [
+	d.streak,
+	d.streak === 1 ? "day" : "days",
+	d.bestStreak,
+	d.winStreak === null ? nothing : compiled(_gyral$t50, [d.winStreak, d.bestWinStreak ?? d.winStreak]),
+	d.statistics === void 0 ? nothing : compiled(_gyral$t51, [
+		d.statistics.played,
+		d.statistics.won,
+		d.statistics.winPercent,
+		d.statistics.distribution.map((count, index) => compiled(_gyral$t52, [
+			index + 1,
+			index === 0 ? "guess" : "guesses",
+			Math.max(1, d.statistics.won),
+			count,
+			index + 1,
+			count,
+			count
+		]))
+	]),
+	d.next,
+	d.share === "" ? nothing : compiled(_gyral$t53, [d.share, d.shareWords])
+]);
+var resultsView = (s, r, shown, game) => compiled(_gyral$t54, [
+	r.result,
+	shown,
+	i.HideResults,
+	r.headline,
+	r.summary,
+	r.elapsedMs === null ? nothing : compiled(_gyral$t55, [isoDuration(r.elapsedMs), formatElapsed(r.elapsedMs)]),
+	r.assisted === null ? nothing : compiled(_gyral$t56, [r.assisted]),
+	s.daily === null ? nothing : dailyView(s.daily),
+	resultActions(s, game),
+	reportView(s, game),
+	s.daily?.earlier != null ? nothing : compiled(_gyral$t57, [i.HideResults]),
+	game.id
+]);
+var failedView = (message) => compiled(_gyral$t58, [message, i.ChangeMode]);
+var ReducedMotionOption = (o, picked) => compiled(_gyral$t5, [
+	o.value,
+	picked,
+	o.label
+]);
+var MOTION_OPTIONS = [
+	{
+		value: "system",
+		label: "Follow my device"
+	},
+	{
+		value: "reduce",
+		label: "Reduce motion"
+	},
+	{
+		value: "no-preference",
+		label: "Full motion"
+	}
+];
+var THEME_OPTIONS = [
+	{
+		value: "system",
+		label: "Follow my device"
+	},
+	{
+		value: "light",
+		label: "Light"
+	},
+	{
+		value: "dark",
+		label: "Dark"
+	}
+];
+var preferencesView = (p) => compiled(_gyral$t59, [
+	i.SetPreference,
+	each(MOTION_OPTIONS, (o) => o.value, ReducedMotionOption, (o) => o.value === p.reducedMotion),
+	i.SetPreference,
+	each(THEME_OPTIONS, (o) => o.value, ReducedMotionOption, (o) => o.value === p.theme),
+	p.sound,
+	i.SetPreference,
+	Math.round(p.volume * 100),
+	i.SetPreference,
+	p.singleKeyShortcuts,
+	i.SetPreference,
+	p.aiContentAccepted === true,
+	i.SetPreference
+]);
+/** The puzzle a report names: the one the stage reported, else the daily result's date. */
+var puzzleOf = (s, game) => s.puzzle ?? (s.daily === null ? "" : `${game.id}:${s.daily.date}`);
+/**
+* "Report a problem" for a game with AI-made content (D-52), in the frame: the results and the
+* menu, never the canvas (D-07).
+*/
+var reportView = (s, game) => game.aiContent === true ? compiled(_gyral$t60, [game.id, puzzleOf(s, game)]) : nothing;
+var overlayView = (open, preferences, game, room, canEnd, report) => compiled(_gyral$t61, [
+	open,
+	i.MenuClosed,
+	room ? "Menu" : "Paused",
+	room ? "The match goes on while this menu is open." : `${game.name} waits while this menu is open.`,
+	i.CloseMenu,
+	room ? "Back to the game" : "Resume",
+	canEnd ? compiled(_gyral$t62, [i.OfferEnd]) : nothing,
+	i.Exit,
+	room ? "Leave room" : "Save and exit",
+	canEnd ? compiled(_gyral$t63, []) : nothing,
+	report,
+	preferences === null ? nothing : preferencesView(preferences)
+]);
+var StageRow = (_round, pick) => compiled(_gyral$t64, [
+	pick[2],
+	pick[1],
+	pick[3],
+	pick[0],
+	i.StageOut
+]);
+var stageControl = (s, game) => ({
+	gameId: game.id,
+	mode: toStageMode(s.setup.mode ?? "solo") ?? "solo",
+	seats: s.seats,
+	begin: s.begin,
+	paused: s.phase._tag === "Playing" && s.phase.menu && !inRoom(s),
+	reveals: s.reveals,
+	preferences: s.preferences,
+	config: s.config,
+	setup: Object.fromEntries(optionsForMode(game.options ?? [], s.setup.mode ?? "solo").map((o) => [o.key, s.setup.options?.[o.key] ?? o.default]).concat(s.setup.mode === "ai" && game.players.max === 1 ? [["level", s.setup.aiLevel ?? game.aiLevels[0] ?? "medium"]] : [])),
+	room: s.plan,
+	...s.resumeSlot === null ? {} : { resumeSlot: s.resumeSlot }
+});
+/** The bar's button: the overlay during play; after it, a way back to closed results. */
+var barButton = (phase, handoff) => {
+	if (phase._tag === "Playing") return compiled(_gyral$t65, [handoff, i.OpenMenu]);
+	if (phase._tag !== "Results") return nothing;
+	return compiled(_gyral$t66, [phase.shown ? "yes" : "no", i.ShowResults]);
+};
+/** The bar's clock while a room's decision clock runs: whose it is and what is left. */
+var timerView = (room) => {
+	const timer = room?.timer ?? null;
+	if (timer === null) return nothing;
+	const mine = timer.seat === room?.seat;
+	return compiled(_gyral$t67, [
+		timer.seconds <= 10 && !timer.paused ? "yes" : "no",
+		timer.paused ? "yes" : "no",
+		mine ? "Your time" : `${timer.name}'s time`,
+		isoDuration(timer.seconds * 1e3),
+		formatElapsed(timer.seconds * 1e3),
+		timer.paused ? " (paused: nobody is at the table)" : ""
+	]);
+};
+/** The bar's line for an offer to end the match: its state, and the viewer's answer buttons. */
+var offerBar = (room) => {
+	const offer = room?.offer ?? null;
+	if (room === null || offer?.kind !== "end") return nothing;
+	return compiled(_gyral$t68, [offerText(offer, room.seat), room.connection === "online" ? answerButtons(offer, room.seat, "ending the match") : nothing]);
+};
+/** A seated player may ask to end a match in progress when no such offer is open. */
+var canOfferEnd = (room) => room !== null && room.seat !== null && room.phase === "playing" && room.connection === "online" && room.offer?.status !== "open";
+/** The bar's status line: loading, a room's connection, or the latest notice. */
+var statusLine = (s, game, notice) => {
+	if (s.phase._tag === "Loading") return s.plan === null ? `Loading ${game.name}…` : s.plan.action === "create" ? "Opening a room…" : "Joining the room…";
+	if (s.phase._tag === "Lobby") return "";
+	return (s.room === null ? null : connectionLine(s.room)) ?? notice ?? "";
+};
+var playView = (s, game) => {
+	const { phase } = s;
+	const results = phase._tag === "Results" ? phase : null;
+	const staged = phase._tag === "Loading" || phase._tag === "AiNotice" || phase._tag === "Resume" || phase._tag === "Lobby" || phase._tag === "Playing" || results !== null;
+	const frame = phase._tag === "Playing" ? phase.frame : null;
+	const handoff = frame?.handoff ?? null;
+	const hidden = phase._tag !== "Playing" && results === null || handoff !== null;
+	const inert = results?.shown ?? false;
+	const control = stageControl(s, game);
+	const label = `${game.name}: game`;
+	const notice = frame?.notice ?? s.room?.notice ?? s.notice;
+	const replaced = s.room?.connection === "closed" && s.room.noticeCode === "replaced" && phase._tag !== "Lobby";
+	return compiled(_gyral$t69, [
+		game.name,
+		MODE_LABELS[s.setup.mode ?? "solo"],
+		s.room === null ? "" : ` · ${spacedCode(s.room.code)}`,
+		statusLine(s, game, notice),
+		phase._tag === "Lobby" ? nothing : timerView(s.room),
+		replaced ? compiled(_gyral$t70, [i.RoomAction]) : nothing,
+		barButton(phase, handoff !== null),
+		phase._tag === "Playing" ? offerBar(s.room) : nothing,
+		phase._tag === "AiNotice" ? aiNoticeView() : nothing,
+		phase._tag === "Resume" ? resumeView(phase.save) : nothing,
+		phase._tag === "Lobby" ? lobbyView(s, game) : nothing,
+		handoff === null ? nothing : handoffView(handoff),
+		staged && s.stageReady ? keyed(s.round, StageRow(s.round, [
+			control,
+			hidden,
+			label,
+			inert
+		])) : nothing,
+		results === null ? nothing : resultsView(s, results.result, results.shown, game),
+		phase._tag === "Playing" ? overlayView(phase.menu, s.preferences, game, inRoom(s), inRoom(s) && canOfferEnd(s.room), reportView(s, game)) : nothing
+	]);
+};
+var mainView = (s, game) => {
+	switch (s.phase._tag) {
+		case "Setup": return setupView(s, game);
+		case "Failed": return failedView(s.phase.message);
+		case "Loading":
+		case "AiNotice":
+		case "Resume":
+		case "Lobby":
+		case "Playing":
+		case "Results": return playView(s, game);
+	}
+};
+var styles = css`
+  @layer components {
+    :host {
+      display: block;
+      container-type: inline-size;
+      --launcher-accent: var(--jy-arcade-yellow, var(--jy-accent, oklch(50% 0.2 285)));
+      --launcher-ink: var(--jy-arcade-ink, oklch(20% 0.03 285));
+    }
+    *,
+    *::before,
+    *::after {
+      box-sizing: border-box;
+    }
+    h3,
+    p,
+    dl,
+    dd,
+    fieldset {
+      margin: 0;
+    }
+    .launcher {
+      display: grid;
+      gap: var(--jy-space-s, 1rem);
+    }
+    .setup,
+    .panel,
+    .play {
+      display: grid;
+      gap: var(--jy-space-s, 1rem);
+    }
+    fieldset {
+      padding: var(--jy-space-xs, 0.75rem) var(--jy-space-s, 1rem);
+      border: 2px solid color-mix(in oklch, currentColor 30%, transparent);
+      border-radius: var(--jy-radius-s, 0.5rem);
+    }
+    legend,
+    .kicker,
+    .mode-label,
+    .start,
+    .soon {
+      font-family: var(--jy-font-mono, ui-monospace, monospace);
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+    legend {
+      padding-inline: 0.4em;
+      font-size: var(--jy-step--1, 0.9rem);
+    }
+    .mode-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--jy-space-2xs, 0.5rem) var(--jy-space-s, 1rem);
+    }
+    .mode {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5em;
+      min-block-size: var(--jy-target-min, 2.75rem);
+      cursor: pointer;
+      &[data-playable='no'] {
+        cursor: not-allowed;
+        opacity: 0.75;
+      }
+    }
+    .soon {
+      font-size: 0.7rem;
+      padding: 0.1em 0.5em;
+      border: 1px solid currentColor;
+      border-radius: var(--jy-radius-pill, 999px);
+    }
+    input[type='radio'],
+    input[type='checkbox'] {
+      inline-size: 1.15em;
+      block-size: 1.15em;
+      margin: 0;
+      accent-color: var(--launcher-accent);
+    }
+    input[type='range'] {
+      accent-color: var(--launcher-accent);
+    }
+    .field,
+    .name {
+      display: grid;
+      gap: var(--jy-space-3xs, 0.25rem);
+      justify-items: start;
+    }
+    .names {
+      display: grid;
+      gap: var(--jy-space-xs, 0.75rem);
+    }
+    .check {
+      display: flex;
+      align-items: center;
+      gap: 0.5em;
+      min-block-size: var(--jy-target-min, 2.75rem);
+    }
+    input:not([type]),
+    select {
+      min-block-size: var(--jy-target-min, 2.75rem);
+      padding-inline: 0.6em;
+      border: 2px solid color-mix(in oklch, currentColor 35%, transparent);
+      border-radius: var(--jy-radius-s, 0.5rem);
+      background: var(--jy-surface-raised, Canvas);
+      color: var(--jy-text, CanvasText);
+      font: inherit;
+    }
+    input[aria-invalid='true'] {
+      border-color: var(--jy-danger, red);
+    }
+    .error {
+      color: var(--jy-danger, red);
+      font-weight: 600;
+    }
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--jy-space-2xs, 0.5rem) var(--jy-space-s, 1rem);
+    }
+    button,
+    .back {
+      min-block-size: var(--jy-target-min, 2.75rem);
+      padding: 0.55em 1.2em;
+      border: 2px solid var(--launcher-accent);
+      border-radius: var(--jy-radius-s, 0.5rem);
+      background: transparent;
+      color: inherit;
+      font: inherit;
+      font-weight: 600;
+      cursor: pointer;
+      touch-action: manipulation;
+      transition: translate var(--jy-duration-fast, 120ms) var(--jy-ease-out, ease-out);
+    }
+    .back {
+      display: inline-flex;
+      align-items: center;
+      text-decoration: none;
+    }
+    .primary {
+      border-color: transparent;
+      background: var(--launcher-accent);
+      color: var(--launcher-ink);
+      box-shadow: 0 0.25em 0 color-mix(in oklch, var(--launcher-accent) 55%, black);
+    }
+    .start {
+      padding-inline: 1.6em;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+    }
+    button:active:not(:disabled) {
+      translate: 0 0.15em;
+    }
+    button:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+    :is(button, .back, input, select):focus-visible {
+      outline: 3px solid var(--jy-focus-ring, currentColor);
+      outline-offset: 3px;
+    }
+    .hint,
+    .note {
+      font-size: var(--jy-step--1, 0.9rem);
+      opacity: 0.85;
+    }
+    .notice {
+      font-weight: 600;
+    }
+    .bar {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--jy-space-2xs, 0.5rem) var(--jy-space-s, 1rem);
+    }
+    .mode-label {
+      font-size: var(--jy-step--1, 0.9rem);
+      color: var(--launcher-accent);
+    }
+    .status {
+      flex: 1;
+      min-inline-size: 0;
+      min-block-size: 1lh;
+    }
+    .menu-button {
+      margin-inline-start: auto;
+    }
+    /* Keeps its place in the bar while the results show, so nothing moves when they close. */
+    .show-results[data-held='yes'] {
+      visibility: hidden;
+    }
+    /* The canvas and, after the game, the results over it. */
+    .arena {
+      position: relative;
+      display: grid;
+    }
+    /* The canvas: the game's own surface and theme tokens, set by the stage. */
+    .stage {
+      display: block;
+      min-block-size: 12rem;
+      border-radius: var(--jy-radius-m, 0.75rem);
+      outline-offset: 4px;
+      transition: opacity var(--jy-duration, 200ms) var(--jy-ease-out, ease-out);
+      &[hidden] {
+        display: none;
+      }
+      /* Behind the results the final board stays visible, dimmed, and can't be used. */
+      &[inert] {
+        opacity: 0.55;
+      }
+    }
+    .handoff {
+      place-items: center;
+      min-block-size: 16rem;
+      padding: var(--jy-space-l, 2rem) var(--jy-space-s, 1rem);
+      border: 3px dashed var(--launcher-accent);
+      border-radius: var(--jy-radius-m, 0.75rem);
+      text-align: center;
+      h3 {
+        font-size: var(--jy-step-1, 1.4rem);
+        text-wrap: balance;
+      }
+    }
+    .reveal {
+      min-inline-size: min(100%, 16rem);
+      min-block-size: 3.5rem;
+    }
+    /*
+     * Over the canvas, out of the flow: opening and closing the results never moves the board
+     * or the page. A board shorter than the results scrolls them instead of growing.
+     */
+    .results {
+      position: absolute;
+      inset-block-start: var(--jy-space-s, 1rem);
+      inset-inline: var(--jy-space-s, 1rem);
+      z-index: 1;
+      inline-size: auto;
+      block-size: auto;
+      max-inline-size: 48rem;
+      max-block-size: calc(100% - 2 * var(--jy-space-s, 1rem));
+      margin: 0 auto;
+      padding: var(--jy-space-m, 1.5rem);
+      overflow: auto;
+      overscroll-behavior: contain;
+      border: 3px solid var(--launcher-accent);
+      border-radius: var(--jy-radius-m, 0.75rem);
+      background: var(--jy-surface, Canvas);
+      color: var(--jy-text, CanvasText);
+      box-shadow: var(--jy-shadow, none);
+      opacity: 1;
+      translate: 0 0;
+      transition:
+        opacity var(--jy-duration, 200ms) var(--jy-ease-out, ease-out),
+        translate var(--jy-duration, 200ms) var(--jy-ease-out, ease-out),
+        display var(--jy-duration, 200ms) allow-discrete;
+      &[open] {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: var(--jy-space-s, 1rem);
+        align-items: start;
+      }
+      &:not([open]) {
+        opacity: 0;
+        translate: 0 0.5rem;
+      }
+    }
+    @starting-style {
+      .results[open] {
+        /* Keep text readable from the first frame; animate the panel's position. */
+        translate: 0 0.5rem;
+      }
+    }
+    @container (inline-size >= 40rem) {
+      .results[open] {
+        grid-template-columns: minmax(0, 1fr) 300px;
+      }
+    }
+    .results-body {
+      display: grid;
+      gap: var(--jy-space-s, 1rem);
+      align-content: start;
+    }
+    .results h3 {
+      font-size: var(--jy-step-2, 2rem);
+      color: var(--launcher-accent);
+    }
+    .kicker {
+      font-size: var(--jy-step--1, 0.9rem);
+    }
+    .facts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--jy-space-s, 1rem);
+      dt {
+        font-size: 0.75rem;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        opacity: 0.8;
+      }
+      dd {
+        font-weight: 700;
+        font-variant-numeric: tabular-nums;
+      }
+    }
+    /* The daily results: the next release, and the share text exactly as Share sends it. */
+    .next {
+      margin-block: var(--jy-space-xs, 0.5rem);
+    }
+    .share-preview {
+      margin: 0 0 var(--jy-space-s, 1rem);
+      figcaption {
+        font-size: 0.75rem;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        opacity: 0.8;
+      }
+      pre {
+        margin: var(--jy-space-2xs, 0.25rem) 0 0;
+        padding: var(--jy-space-xs, 0.5rem);
+        border-radius: 0.5rem;
+        background: color-mix(in oklch, currentColor 8%, transparent);
+        font-family: inherit;
+        line-height: 1.3;
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+      }
+    }
+    .results-ad {
+      min-inline-size: 0;
+    }
+    .review-board {
+      min-inline-size: 0;
+      padding-inline: 0;
+      border-color: transparent;
+      text-decoration: underline;
+      text-underline-offset: 0.2em;
+    }
+    .overlay {
+      inline-size: min(100% - 2rem, 30rem);
+      max-block-size: min(100dvh - 2rem, 44rem);
+      padding: var(--jy-space-m, 1.5rem);
+      border: 3px solid var(--launcher-accent);
+      border-radius: var(--jy-radius-m, 0.75rem);
+      background: var(--jy-surface, Canvas);
+      color: var(--jy-text, CanvasText);
+      box-shadow: var(--jy-shadow, none);
+      opacity: 1;
+      scale: 1;
+      transition:
+        opacity var(--jy-duration, 200ms) var(--jy-ease-out, ease-out),
+        scale var(--jy-duration, 200ms) var(--jy-ease-out, ease-out),
+        display var(--jy-duration, 200ms) allow-discrete,
+        overlay var(--jy-duration, 200ms) allow-discrete;
+      &:not([open]) {
+        opacity: 0;
+        scale: 0.96;
+      }
+      &::backdrop {
+        background: oklch(15% 0.03 285 / 0.6);
+      }
+      &[open] {
+        display: grid;
+        gap: var(--jy-space-s, 1rem);
+      }
+    }
+    @starting-style {
+      .overlay[open] {
+        opacity: 0;
+        scale: 0.96;
+      }
+    }
+    /* Online with friends: the join form and the lobby. */
+    .join,
+    .lobby {
+      display: grid;
+      gap: var(--jy-space-s, 1rem);
+      padding: var(--jy-space-s, 1rem);
+      border: 2px solid color-mix(in oklch, currentColor 30%, transparent);
+      border-radius: var(--jy-radius-s, 0.5rem);
+    }
+    .join h3,
+    .lobby h3 {
+      font-size: var(--jy-step-1, 1.4rem);
+    }
+    .lobby h4 {
+      margin: 0;
+      font-size: var(--jy-step-0, 1rem);
+    }
+    .code,
+    .invite-link {
+      font-family: var(--jy-font-mono, ui-monospace, monospace);
+      letter-spacing: 0.08em;
+    }
+    .code {
+      color: var(--launcher-accent);
+      white-space: nowrap;
+    }
+    .invite {
+      display: grid;
+      gap: var(--jy-space-2xs, 0.5rem);
+    }
+    .invite .field,
+    .join .field {
+      justify-items: stretch;
+    }
+    .invite-link,
+    #room-code {
+      inline-size: min(100%, 36rem);
+    }
+    .seats {
+      display: grid;
+      gap: var(--jy-space-2xs, 0.5rem);
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      counter-reset: seat;
+    }
+    .seat {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--jy-space-3xs, 0.25rem) var(--jy-space-xs, 0.75rem);
+      min-block-size: var(--jy-target-min, 2.75rem);
+      padding-inline: var(--jy-space-xs, 0.75rem);
+      border-radius: var(--jy-radius-s, 0.5rem);
+      background: color-mix(in oklch, currentColor 6%, transparent);
+      counter-increment: seat;
+      &::before {
+        content: counter(seat);
+        min-inline-size: 1.5em;
+        font-family: var(--jy-font-mono, ui-monospace, monospace);
+        opacity: 0.7;
+      }
+      &[data-open='yes'] .seat-name {
+        font-style: italic;
+        opacity: 0.8;
+      }
+      &[data-ready='yes']::after {
+        content: '✓' / '';
+        color: var(--launcher-accent);
+        font-weight: 700;
+      }
+    }
+    .seat-name {
+      font-weight: 600;
+    }
+    .seat-tags {
+      flex: 1;
+      opacity: 0.85;
+    }
+    .small {
+      min-block-size: var(--jy-target-min, 2.75rem);
+      padding: 0.3em 0.9em;
+      font-size: var(--jy-step--1, 0.9rem);
+    }
+    .ready[aria-pressed='true'] {
+      background: color-mix(in oklch, var(--launcher-accent) 25%, transparent);
+    }
+    .room-status:empty {
+      display: none;
+    }
+    .timer {
+      font-family: var(--jy-font-mono, ui-monospace, monospace);
+      font-variant-numeric: tabular-nums;
+      &[data-low='yes'] {
+        color: var(--jy-danger, red);
+        font-weight: 700;
+      }
+    }
+    .offer {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--jy-space-3xs, 0.25rem) var(--jy-space-xs, 0.75rem);
+      flex-basis: 100%;
+    }
+    .visually-hidden {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+    /* Reduced motion removes the frame's decorative motion: the player's choice wins over the system's. */
+    :host(:state(reduce-motion)) *,
+    :host(:state(reduce-motion)) *::backdrop {
+      transition: none !important;
+      animation: none !important;
+    }
+    @media (prefers-reduced-motion: reduce) {
+      :host(:not(:state(allow-motion))) *,
+      :host(:not(:state(allow-motion))) *::backdrop {
+        transition: none !important;
+        animation: none !important;
+      }
+    }
+    @media (forced-colors: active) {
+      button,
+      .back {
+        border-color: ButtonText;
+      }
+    }
+  }
+`;
+var Launcher = define()("jy-launcher", {
+	props,
+	init: (p) => [freshState(p.game), [reportSafePoint({
+		safe: true,
+		gameId: p.game.id
+	})]],
+	states: (s) => ({
+		live: s.live,
+		playing: s.phase._tag === "Playing",
+		"reduce-motion": s.preferences?.reducedMotion === "reduce",
+		"allow-motion": s.preferences?.reducedMotion === "no-preference"
+	}),
+	intent: {
+		PickGameOption: ({ target, value, checked }) => {
+			const key = target.name;
+			return /^[a-z][A-Za-z0-9]{0,49}$/.test(key) && value !== void 0 ? {
+				_tag: "PickGameOption",
+				key,
+				value,
+				checked
+			} : void 0;
+		},
+		PickMode: ({ value }) => value !== void 0 && [
+			"solo",
+			"ai",
+			"pass-and-play",
+			"p2p",
+			"server",
+			"daily"
+		].some((m) => m === value) ? {
+			_tag: "PickMode",
+			mode: value
+		} : void 0,
+		PickLevel: ({ value }) => value === void 0 || value === "" ? void 0 : {
+			_tag: "PickLevel",
+			level: value
+		},
+		PickPlayers: ({ value }) => {
+			const players = Number(value);
+			return Number.isInteger(players) && players > 0 ? {
+				_tag: "PickPlayers",
+				players
+			} : void 0;
+		},
+		Rename: ({ value, target }) => {
+			const match = /^seat-(\d+)$/.exec(target.name);
+			return match?.[1] === void 0 ? void 0 : {
+				_tag: "Rename",
+				seat: Number(match[1]),
+				name: (value ?? "").slice(0, 40)
+			};
+		},
+		Start: () => ({ _tag: "Start" }),
+		StageOut: ({ detail }) => {
+			const out = parseStageOutput(detail);
+			return out === void 0 ? void 0 : {
+				_tag: "StageOut",
+				out
+			};
+		},
+		AcceptAiNotice: () => ({ _tag: "AcceptAiNotice" }),
+		Resume: () => ({ _tag: "Resume" }),
+		ChooseSave: ({ value }) => value === void 0 ? void 0 : {
+			_tag: "ChooseSave",
+			slot: value
+		},
+		NewGame: () => ({ _tag: "NewGame" }),
+		Reveal: () => ({ _tag: "Reveal" }),
+		OpenMenu: () => ({ _tag: "OpenMenu" }),
+		CloseMenu: () => ({ _tag: "CloseMenu" }),
+		MenuClosed: () => ({ _tag: "MenuClosed" }),
+		SetPreference: ({ value, checked, target }) => {
+			const changes = parsePreferenceChange(target.name, value, checked);
+			return changes === void 0 ? void 0 : {
+				_tag: "SetPreference",
+				changes
+			};
+		},
+		Exit: () => ({ _tag: "Exit" }),
+		PlayAgain: () => ({ _tag: "PlayAgain" }),
+		ChangeMode: () => ({ _tag: "ChangeMode" }),
+		HideResults: ({ key }) => key === void 0 || key === "Escape" ? { _tag: "HideResults" } : void 0,
+		ShowResults: () => ({ _tag: "ShowResults" }),
+		TypeCode: ({ value }) => ({
+			_tag: "TypeCode",
+			code: (value ?? "").slice(0, 200)
+		}),
+		ToggleWatch: ({ checked }) => checked === void 0 ? void 0 : {
+			_tag: "ToggleWatch",
+			watch: checked
+		},
+		JoinRoom: () => ({ _tag: "JoinRoom" }),
+		ToggleReady: ({ value }) => value === "yes" || value === "no" ? {
+			_tag: "RoomRequest",
+			request: {
+				kind: "ready",
+				ready: value === "yes"
+			}
+		} : void 0,
+		StartMatch: () => ({
+			_tag: "RoomRequest",
+			request: { kind: "start" }
+		}),
+		PickClock: ({ value }) => {
+			const setting = parseClockValue(value);
+			return setting === void 0 ? void 0 : {
+				_tag: "RoomRequest",
+				request: {
+					kind: "clock",
+					setting
+				}
+			};
+		},
+		PickRoomLevel: ({ value }) => value === void 0 || value === "" ? void 0 : {
+			_tag: "RoomRequest",
+			request: {
+				kind: "ai-level",
+				level: value
+			}
+		},
+		FillSeat: ({ value }) => {
+			const seat = seatOf(value);
+			return seat === void 0 ? void 0 : {
+				_tag: "RoomRequest",
+				request: {
+					kind: "fill-with-ai",
+					seat
+				}
+			};
+		},
+		RemoveSeat: ({ value }) => {
+			const seat = seatOf(value);
+			return seat === void 0 ? void 0 : {
+				_tag: "RoomRequest",
+				request: {
+					kind: "remove-seat",
+					seat
+				}
+			};
+		},
+		RoomAction: ({ value }) => value === "leave" || value === "reconnect" ? {
+			_tag: "RoomRequest",
+			request: { kind: value }
+		} : void 0,
+		OfferEnd: () => ({ _tag: "OfferEnd" }),
+		AnswerOffer: ({ value }) => value === "accept" || value === "decline" || value === "withdraw" ? {
+			_tag: "AnswerOffer",
+			answer: value
+		} : void 0,
+		Copy: ({ value }) => value === "link" || value === "code" ? {
+			_tag: "Copy",
+			what: value
+		} : void 0,
+		Share: ({ value }) => value === "symbols" || value === "words" ? {
+			_tag: "Share",
+			form: value
+		} : void 0
+	},
+	update: {
+		PickGameOption: (s, m, { props: { game } }) => {
+			if (s.phase._tag !== "Setup") return s;
+			const option = optionsForMode(game.options ?? [], s.setup.mode ?? "solo").find((o) => o.key === m.key);
+			const value = option?.kind === "toggle" ? m.checked : option?.choices.find((c) => String(c.value) === m.value)?.value;
+			return value === void 0 ? s : {
+				...s,
+				setup: {
+					...s.setup,
+					options: {
+						...s.setup.options,
+						[m.key]: value
+					}
+				}
+			};
+		},
+		PickMode: (s, m, { props: { game } }) => s.phase._tag === "Setup" && optionsOf(s, game).some((o) => o.mode === m.mode && o.playable) ? {
+			...s,
+			setup: pickMode(game, s.setup, m.mode)
+		} : s,
+		PickLevel: (s, m, { props: { game } }) => game.aiLevels.includes(m.level) ? {
+			...s,
+			setup: {
+				...s.setup,
+				aiLevel: m.level
+			}
+		} : s,
+		PickPlayers: (s, m, { props: { game } }) => playerCounts(game, s.setup.mode).includes(m.players) ? {
+			...s,
+			setup: {
+				...s.setup,
+				players: m.players,
+				errors: []
+			}
+		} : s,
+		Rename: (s, m) => {
+			if (m.seat < 0 || m.seat >= s.setup.players) return s;
+			const names = Array.from({ length: s.setup.players }, (_, seat) => seat === m.seat ? m.name : s.setup.names[seat] ?? "");
+			const errors = s.setup.errors.map((e, seat) => seat === m.seat ? null : e);
+			return {
+				...s,
+				setup: {
+					...s.setup,
+					names,
+					errors
+				}
+			};
+		},
+		Start: (s, _m, { props: { game } }) => {
+			if (!s.live || s.phase._tag !== "Setup") return s;
+			if (!optionsOf(s, game).some((o) => o.mode === s.setup.mode && o.playable)) return s;
+			if (s.setup.mode === "server") return startRound(s, game, [], null, { action: "create" });
+			const seats = seatsFor(game, s.setup);
+			if (!seats.ok) return [{
+				...s,
+				setup: {
+					...s.setup,
+					errors: seats.errors
+				}
+			}, [focus("input[aria-invalid=\"true\"]")]];
+			return startRound(s, game, seats.seats, null);
+		},
+		StageLoaded: (s) => ({
+			...s,
+			stageReady: true
+		}),
+		StageOut: (s, m, { props: { game } }) => fromStage(s, m.out, game),
+		AcceptAiNotice: (s, _m, { props: { game } }) => s.phase._tag === "AiNotice" && s.preferences !== null ? proceed({
+			...s,
+			preferences: {
+				...s.preferences,
+				aiContentAccepted: true
+			}
+		}, game, s.phase.save) : s,
+		Resume: (s, _m, { props: { game } }) => s.phase._tag === "Resume" ? beginPlay(s, game, "resume") : s,
+		ChooseSave: (s, m) => {
+			if (s.phase._tag !== "Resume") return s;
+			const choice = s.phase.save.choices?.find((c) => c.slot === m.slot);
+			return choice === void 0 ? s : {
+				...s,
+				phase: {
+					_tag: "Resume",
+					save: {
+						...s.phase.save,
+						...choice
+					}
+				}
+			};
+		},
+		NewGame: (s, _m, { props: { game } }) => s.phase._tag === "Resume" ? beginPlay(s, game, "new") : s,
+		Reveal: (s) => s.phase._tag === "Playing" && s.phase.frame?.handoff != null ? [{
+			...s,
+			reveals: s.reveals + 1
+		}, [focus(STAGE)]] : s,
+		OpenMenu: (s, _m, { props: { game } }) => s.phase._tag === "Playing" && s.phase.frame?.handoff == null ? settle({
+			...s,
+			phase: {
+				...s.phase,
+				menu: true
+			}
+		}, game) : s,
+		CloseMenu: (s) => s.phase._tag === "Playing" && s.phase.menu ? {
+			...s,
+			phase: {
+				...s.phase,
+				menu: false
+			}
+		} : s,
+		MenuClosed: (s) => s.phase._tag === "Playing" && s.phase.menu ? {
+			...s,
+			phase: {
+				...s.phase,
+				menu: false
+			}
+		} : s,
+		SetPreference: (s, m) => s.preferences === null ? s : {
+			...s,
+			preferences: {
+				...s.preferences,
+				...m.changes
+			}
+		},
+		Exit: (s, _m, { props: { game } }) => {
+			if (inRoom(s) && s.room !== null && (s.phase._tag === "Playing" || s.phase._tag === "Lobby")) return ask(s, { kind: "leave" });
+			return s.phase._tag === "Playing" || s.phase._tag === "Resume" || s.phase._tag === "Loading" || s.phase._tag === "AiNotice" ? toSetup(s, game) : s;
+		},
+		PlayAgain: (s, _m, { props: { game } }) => {
+			if (s.phase._tag !== "Results") return s;
+			return inRoom(s) ? askRoom(s, {
+				kind: "offer",
+				offer: "rematch"
+			}) : startRound(s, game, s.seats, s.rematch);
+		},
+		ChangeMode: (s, _m, { props: { game } }) => {
+			if (inRoom(s) && s.room !== null && s.phase._tag === "Results") return ask(s, { kind: "leave" });
+			return s.phase._tag === "Results" || s.phase._tag === "Failed" ? toSetup(s, game) : s;
+		},
+		HideResults: (s) => s.phase._tag === "Results" && s.phase.shown && s.daily?.earlier == null ? [{
+			...s,
+			phase: {
+				...s.phase,
+				shown: false
+			}
+		}, [focus(STAGE)]] : s,
+		ShowResults: (s) => s.phase._tag === "Results" && !s.phase.shown ? [{
+			...s,
+			phase: {
+				...s.phase,
+				shown: true
+			}
+		}, [focus("#results-title")]] : s,
+		Hydrated: (s, _m, { props: { game } }) => [{
+			...s,
+			live: true
+		}, [asksOnline(game, s.online) ? checkOnline((online) => ({
+			_tag: "OnlineChecked",
+			online
+		})) : readInvite((code) => ({
+			_tag: "InviteFound",
+			code
+		}))]],
+		OnlineChecked: (s, m, { props: { game } }) => {
+			const next = {
+				...s,
+				online: m.online
+			};
+			const options = optionsOf(next, game);
+			const first = options.find((o) => o.playable)?.mode;
+			const keep = s.setup.mode !== null && options.some((o) => o.mode === s.setup.mode && o.playable);
+			const setup = s.phase._tag !== "Setup" || keep || first === void 0 ? s.setup : pickMode(game, s.setup, first);
+			return [{
+				...next,
+				setup
+			}, [readInvite((code) => ({
+				_tag: "InviteFound",
+				code
+			}))]];
+		},
+		TypeCode: (s, m) => s.phase._tag === "Setup" ? {
+			...s,
+			setup: {
+				...s.setup,
+				code: m.code,
+				codeError: null
+			}
+		} : s,
+		ToggleWatch: (s, m) => s.phase._tag === "Setup" ? {
+			...s,
+			setup: {
+				...s.setup,
+				watch: m.watch
+			}
+		} : s,
+		JoinRoom: (s, _m, { props: { game } }) => {
+			if (!s.live || s.phase._tag !== "Setup" || s.setup.mode !== "server") return s;
+			if (!optionsOf(s, game).some((o) => o.mode === "server" && o.playable)) return s;
+			const code = parseRoomCode(s.setup.code);
+			if (code === null) return [{
+				...s,
+				setup: {
+					...s.setup,
+					codeError: "Enter the six-character code from the invite, or paste the invite link."
+				}
+			}, [focus("#room-code")]];
+			return startRound({
+				...s,
+				setup: {
+					...s.setup,
+					code,
+					codeError: null
+				}
+			}, game, [], null, {
+				action: "join",
+				code,
+				watch: s.setup.watch
+			});
+		},
+		InviteFound: (s, m, { props: { game } }) => {
+			if (s.phase._tag !== "Setup" || !optionsOf(s, game).some((o) => o.mode === "server" && o.playable)) return s;
+			return [{
+				...s,
+				setup: {
+					...pickMode(game, s.setup, "server"),
+					code: m.code,
+					codeError: null
+				}
+			}, [focus(".join-room")]];
+		},
+		RoomRequest: (s, m) => m.request.kind === "ai-level" && s.room?.aiLevels.includes(m.request.level) !== true ? s : askRoom(s, m.request),
+		OfferEnd: (s) => s.phase._tag === "Playing" && canOfferEnd(s.room) ? askRoom({
+			...s,
+			phase: {
+				...s.phase,
+				menu: false
+			}
+		}, {
+			kind: "offer",
+			offer: "end"
+		}) : s,
+		AnswerOffer: (s, m) => {
+			const offer = s.room?.offer ?? null;
+			return offer?.status === "open" ? askRoom(s, {
+				kind: "answer",
+				offer: offer.id,
+				answer: m.answer
+			}) : s;
+		},
+		Copy: (s, m) => s.room === null ? s : [s, [copyText(m.what === "link" ? s.room.link : s.room.code, (ok) => ({
+			_tag: "Copied",
+			what: m.what,
+			ok
+		}))]],
+		Copied: (s, m) => ({
+			...s,
+			polite: say(s.polite, m.ok ? m.what === "link" ? "Invite link copied." : "Room code copied." : "Copying didn’t work here. Select the link and copy it yourself.")
+		}),
+		Share: (s, m) => {
+			const d = s.daily;
+			if (d === null || d.share === "" || s.phase._tag !== "Results") return s;
+			return m.form === "symbols" ? [s, [shareText(d.share, (how) => ({
+				_tag: "Shared",
+				form: "symbols",
+				how
+			}))]] : [s, [copyText(d.shareWords, (ok) => ({
+				_tag: "Shared",
+				form: "words",
+				how: ok ? "copied" : "failed"
+			}))]];
+		},
+		Shared: (s, m) => {
+			const line = m.how === "shared" ? "Shared." : m.how === "copied" ? m.form === "words" ? "Result copied as text." : "Result copied. Paste it anywhere." : m.how === "cancelled" ? null : "Copying didn’t work here. Select the result and copy it yourself.";
+			return line === null ? s : {
+				...s,
+				polite: say(s.polite, line)
+			};
+		},
+		PropsChanged: (s, { props: p, prev }) => {
+			if (p.game.id === prev.game.id) return s;
+			const fresh = freshState(p.game, s.live, s.online);
+			return s.live && asksOnline(p.game, s.online) ? [fresh, [checkOnline((online) => ({
+				_tag: "OnlineChecked",
+				online
+			}))]] : fresh;
+		}
+	},
+	view: (s, _i, { props: { game } }) => compiled(_gyral$t71, [
+		s.phase._tag,
+		mainView(s, game),
+		s.polite,
+		s.assertive
+	]),
+	styles
+});
+//#endregion
+export { Launcher, freshState, isSafePoint, stageLoader };
+
+//# sourceMappingURL=launcher.js.map