dsh-poker 0.1.0

package/lib/client.js

@@ -0,0 +1,2419 @@
+window.__ModuleLoader__.load({ id: "dsh-poker", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let react = require("react");
+react = __toESM(react);
+let react_dom = require("react-dom");
+react_dom = __toESM(react_dom);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = __toESM(react_jsx_runtime);
+
+//#region src/settle/math.ts
+const STAKE_LADDER_M = [
+	1,
+	2,
+	5,
+	10,
+	20,
+	50,
+	100
+];
+const DEFAULT_STAKE_M = 1;
+const DEFAULT_MAX_MULTIPLIER = 8;
+const DEFAULT_WELCOME_ATOMS = 200000000n;
+const ATOMS_PER_M = 1000000n;
+const ATOMS_PER_B = 1000000000n;
+function stakeAtomsFromM(stakeM) {
+	return BigInt(stakeM) * ATOMS_PER_M;
+}
+function perFarmerCapAtoms(stakeAtoms, maxMultiplier) {
+	return stakeAtoms * 3n * BigInt(maxMultiplier) * 2n;
+}
+function seatCapAtoms(stakeAtoms, maxMultiplier, seatCount = 3) {
+	return BigInt(seatCount - 1) * perFarmerCapAtoms(stakeAtoms, maxMultiplier);
+}
+/** Display token atoms as AI-token units: M (million) or B (billion). Never dump raw zeros. */
+function formatM(atoms) {
+	const sign = atoms < 0n ? "-" : "";
+	const abs = atoms < 0n ? -atoms : atoms;
+	if (abs >= ATOMS_PER_B) return `${sign}${formatScaled(abs, ATOMS_PER_B)}B`;
+	return `${sign}${formatScaled(abs, ATOMS_PER_M)}M`;
+}
+function formatScaled(abs, unit) {
+	const whole = abs / unit;
+	const rem = abs % unit;
+	if (rem === 0n) return whole.toString();
+	const decimals = unit.toString().length - 1;
+	const frac = rem.toString().padStart(decimals, "0").replace(/0+$/, "");
+	return `${whole.toString()}.${frac}`;
+}
+
+//#endregion
+//#region src/client/host-api.ts
+const PREFIX = "/doudizhu";
+async function request(path, init) {
+	const response = await fetch(`${PREFIX}${path}`, {
+		credentials: "same-origin",
+		...init,
+		headers: {
+			"content-type": "application/json",
+			"x-requested-with": "doudizhu",
+			...init?.headers ?? {}
+		}
+	});
+	const text = await response.text();
+	const body = text ? JSON.parse(text) : {};
+	if (!response.ok) throw new Error(body.message ?? body.error ?? response.statusText);
+	return body;
+}
+function createRoom(input) {
+	return request("/api/rooms", {
+		method: "POST",
+		body: JSON.stringify(input)
+	});
+}
+function joinRoom(input) {
+	return request("/api/join", {
+		method: "POST",
+		body: JSON.stringify(input)
+	});
+}
+function sendCommand(roomId, command) {
+	return request(`/api/rooms/${roomId}/command`, {
+		method: "POST",
+		body: JSON.stringify(command)
+	});
+}
+function fetchSince(roomId, seq) {
+	return request(`/api/rooms/${roomId}/since?seq=${seq}`);
+}
+function connectChannel(ticket, onEvent, fallback) {
+	const proto = location.protocol === "https:" ? "wss" : "ws";
+	let closed = false;
+	let ws = null;
+	let poll;
+	try {
+		ws = new WebSocket(`${proto}://${location.host}${PREFIX}/ws?ticket=${encodeURIComponent(ticket)}`, "doudizhu.v1");
+		ws.onmessage = (event) => {
+			try {
+				onEvent(JSON.parse(String(event.data)));
+			} catch {}
+		};
+		ws.onerror = () => {
+			startPoll();
+		};
+		ws.onclose = () => {
+			if (!closed) startPoll();
+		};
+	} catch {
+		startPoll();
+	}
+	function startPoll() {
+		if (poll || closed) return;
+		poll = setInterval(() => {
+			fetchSince(fallback.roomId, fallback.seq()).then((body) => {
+				for (const event of body.events) onEvent(event);
+			}).catch(() => {});
+		}, 800);
+	}
+	return () => {
+		closed = true;
+		ws?.close();
+		if (poll) clearInterval(poll);
+	};
+}
+
+//#endregion
+//#region \0dsh-css:/Users/gehonglu/remote-code/dsh-doudizhu/src/client/styles.module.css.mjs
+const css = "._5O8MPa_root{z-index:20;background:var(--dsw-alias-bg-base,#fff);min-width:0;color:var(--dsw-alias-label-primary,#1a1a1a);pointer-events:auto;flex-direction:column;font-family:inherit;display:flex;position:fixed;inset:0;overflow:hidden}._5O8MPa_topbar{border-bottom:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-bg-layer-3,#fff);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}._5O8MPa_brand{letter-spacing:.01em;color:var(--dsw-alias-label-primary,#1a1a1a);font-size:15px;font-weight:600}._5O8MPa_muted{color:var(--dsw-alias-label-tertiary,#8a8a8a);font-size:13px}._5O8MPa_close{appearance:none;border:1px solid var(--dsw-alias-border-l2,#e8e8e8);color:var(--dsw-alias-label-secondary,#5c5c5c);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:5px 14px;font-size:13px}._5O8MPa_close:hover{color:var(--dsw-alias-label-primary,#1a1a1a);border-color:var(--dsw-alias-label-dimmed,#c8c8c8)}._5O8MPa_lobby,._5O8MPa_settlement{flex:1;padding:24px 20px;overflow:auto}._5O8MPa_card{background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,#e8e8e8);border-radius:14px;max-width:760px;margin:0 auto;padding:28px 28px 24px}._5O8MPa_card h2,._5O8MPa_card h3{margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.4}._5O8MPa_card>._5O8MPa_primary{align-self:center;width:100%;margin-top:4px}._5O8MPa_tabs{border-bottom:1px solid var(--dsw-alias-border-l2,#e8e8e8);gap:0;margin:-4px 0 16px;display:flex}._5O8MPa_tab{appearance:none;font:inherit;color:var(--dsw-alias-label-tertiary,#8a8a8a);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 12px;font-size:14px;font-weight:500}._5O8MPa_tab:hover{color:var(--dsw-alias-label-primary,#1a1a1a)}._5O8MPa_tabActive{color:var(--dsw-alias-label-primary,#1a1a1a);border-bottom-color:var(--dsw-alias-label-primary,#1a1a1a)}._5O8MPa_row{flex-wrap:wrap;gap:12px;margin:4px 0 8px;display:flex}._5O8MPa_createFields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;display:grid}._5O8MPa_createFields>._5O8MPa_field{min-width:0}._5O8MPa_createFields>._5O8MPa_field+._5O8MPa_field{border-top:0}._5O8MPa_fieldWide{grid-column:1/-1}._5O8MPa_createFields ._5O8MPa_select,._5O8MPa_createFields ._5O8MPa_input{box-sizing:border-box;width:100%}._5O8MPa_field{min-width:160px;color:var(--dsw-alias-label-primary,#1a1a1a);flex-direction:column;gap:6px;padding:12px 0;font-size:13px;font-weight:500;display:flex}._5O8MPa_field+._5O8MPa_field{border-top:1px solid var(--dsw-alias-border-l2,#e8e8e8)}._5O8MPa_fieldRow{flex-direction:row;align-items:center;gap:8px}._5O8MPa_joinForm{flex-direction:column;display:flex}._5O8MPa_joinFields{flex-direction:column;width:100%;display:flex}._5O8MPa_joinFields ._5O8MPa_primary{width:100%;height:44px;font-weight:600}._5O8MPa_joinInline{gap:32px;padding:14px 0;display:flex}._5O8MPa_joinField{flex:1 1 0;align-items:center;gap:16px;min-width:0;display:flex}._5O8MPa_joinField ._5O8MPa_settingsLabel{white-space:nowrap;color:var(--dsw-alias-label-primary,#1a1a1a);flex:none;font-size:13px;font-weight:500;line-height:1.5}._5O8MPa_joinField ._5O8MPa_input{box-sizing:border-box;flex:auto;width:100%;min-width:0}@media (width<=480px){._5O8MPa_joinInline{flex-direction:column;gap:12px}._5O8MPa_joinFields ._5O8MPa_input{height:44px}}._5O8MPa_select,._5O8MPa_input{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-bg-layer-3,#fff);height:40px;color:var(--dsw-alias-label-primary,#1a1a1a);font:inherit;border-radius:10px;padding:0 14px;font-size:14px}._5O8MPa_select:focus-visible,._5O8MPa_input:focus-visible{border-color:var(--dsw-alias-brand-primary,#4d6bfe);outline:none}._5O8MPa_primary,._5O8MPa_ghost,._5O8MPa_danger{appearance:none;cursor:pointer;font:inherit;border-radius:10px;padding:7px 16px;font-size:14px;line-height:1.5}._5O8MPa_primary{background:var(--dsw-alias-label-primary,#1a1a1a);color:var(--dsw-alias-bg-layer-3,#fff);border:1px solid #0000}._5O8MPa_ghost{color:var(--dsw-alias-label-secondary,#5c5c5c);border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:0 0}._5O8MPa_ghost:hover:not(:disabled){color:var(--dsw-alias-label-primary,#1a1a1a);border-color:var(--dsw-alias-label-dimmed,#c8c8c8)}._5O8MPa_danger{color:var(--dsw-alias-label-error,#d64545);border:1px solid var(--dsw-alias-label-error,#d64545);background:0 0}._5O8MPa_primary:disabled,._5O8MPa_ghost:disabled{opacity:.4;cursor:default}._5O8MPa_hint{color:var(--dsw-alias-label-tertiary,#8a8a8a);margin:0 0 8px;font-size:13px;font-weight:400;line-height:1.5}._5O8MPa_warn{color:var(--dsw-alias-label-secondary,#8a6a1a)}._5O8MPa_error{color:var(--dsw-alias-label-error,#d64545);margin:8px 0 0;font-size:13px}._5O8MPa_table{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;padding:12px 20px 8px;display:flex;overflow:hidden auto}._5O8MPa_opponents{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}._5O8MPa_opponentsThree{justify-content:space-between}._5O8MPa_seat{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:4px;min-width:0;display:flex}._5O8MPa_seatRight{align-items:flex-end}._5O8MPa_seatCenter{align-items:center}._5O8MPa_seatHead{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}._5O8MPa_seatRight ._5O8MPa_seatHead{flex-direction:row-reverse}._5O8MPa_seatMeta{min-width:0;overflow:hidden}._5O8MPa_seatName{flex-wrap:wrap;align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}._5O8MPa_selfRow{flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;gap:16px;width:100%;min-width:0;display:flex}._5O8MPa_selfSeat{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;display:flex}._5O8MPa_selfRow ._5O8MPa_hand{flex:auto;justify-content:flex-start;width:auto;min-width:0;padding-left:0}._5O8MPa_roleHero{flex-wrap:wrap;justify-content:center;gap:12px 16px;margin:12px 0 4px;display:flex}._5O8MPa_roleHeroItem{color:var(--dsw-alias-label-secondary,#5c5c5c);flex-direction:column;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:flex}._5O8MPa_roleHeroImg{object-fit:contain;background:0 0;width:128px;height:128px}._5O8MPa_badge{background:var(--dsw-alias-bg-module-platform,#f3f3f3);color:var(--dsw-alias-label-secondary,#5c5c5c);border-radius:999px;flex:none;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}._5O8MPa_ready{color:var(--dsw-alias-label-success,#2f8f62);font-size:12px}._5O8MPa_avatar{object-fit:contain;background:0 0;width:96px;height:96px}._5O8MPa_remain{align-items:flex-end;gap:8px;max-width:100%;display:flex}._5O8MPa_remainCompact{flex-direction:column;align-items:flex-start;gap:2px;min-height:0}._5O8MPa_seatRight ._5O8MPa_remainCompact{align-items:flex-end}._5O8MPa_backs{isolation:isolate;align-items:flex-end;min-width:0;display:flex}._5O8MPa_backs>*{margin-left:-40px}._5O8MPa_backs>:first-child{margin-left:0}._5O8MPa_backsCompact{width:108px;min-width:0;max-width:100%;padding:0}._5O8MPa_backsCompact>*{margin-left:-28px}._5O8MPa_backsCompact>:first-child{margin-left:0}._5O8MPa_backsCompact ._5O8MPa_cardBack{width:44px;min-width:44px;height:62px;box-shadow:1px 1px #00000014}._5O8MPa_cardsLeft{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary,#1a1a1a);min-width:1.25em;font-size:22px;font-weight:700;line-height:1}._5O8MPa_centerPlay{flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:0;display:flex;overflow:hidden}._5O8MPa_bottom{flex-wrap:wrap;flex:none;justify-content:center;align-items:flex-end;gap:6px;display:flex}._5O8MPa_bottom ._5O8MPa_cardFace,._5O8MPa_bottom ._5O8MPa_cardBack{width:52px;height:73px}._5O8MPa_bottom ._5O8MPa_remain{gap:4px}._5O8MPa_hand{flex:none;justify-content:center;width:100%;min-width:0;padding:22px 8px 6px;display:flex;overflow-x:auto}._5O8MPa_handInner{align-items:flex-end;width:max-content;margin:0 auto;display:flex}._5O8MPa_handInner button{cursor:pointer;z-index:0;background:0 0;border:0;flex:none;margin-left:-36px;padding:0;position:relative}._5O8MPa_handInner button:first-child{margin-left:0}._5O8MPa_handInner button:hover{z-index:2}._5O8MPa_handInner button:has(._5O8MPa_selected){z-index:3}._5O8MPa_selected{transform:translateY(-18px)}._5O8MPa_actions{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;display:flex}._5O8MPa_cardFace,._5O8MPa_cardBack{border:1px solid var(--dsw-alias-border-l2,#e0ddd6);color:#1a1a1a;background:#fff;border-radius:10px;flex-direction:column;flex:none;width:88px;height:124px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f}._5O8MPa_cardBack{color:#1a1a1a;background:#fff;justify-content:center;align-items:center;padding:0}._5O8MPa_cardBackLandlord{box-shadow:0 0 0 2px #c62828}._5O8MPa_backsCompact ._5O8MPa_cardBackLandlord{box-shadow:0 0 0 2px #c62828,1px 1px #00000014}._5O8MPa_red{color:#c62828}._5O8MPa_wild{box-shadow:0 0 0 2px var(--dsw-alias-brand-primary,#4d6bfe)}._5O8MPa_rank{z-index:1;text-shadow:0 0 3px #fff,0 0 6px #fff;font-size:15px;font-weight:700;line-height:1;position:absolute;top:4px;left:6px}._5O8MPa_suit{z-index:1;text-shadow:0 0 3px #fff,0 0 6px #fff;font-size:16px;line-height:1;position:absolute;bottom:4px;right:6px}._5O8MPa_plainFace{justify-content:center;align-items:center}._5O8MPa_suitCenter{font-size:36px;line-height:1}._5O8MPa_jokerFace{justify-content:center;align-items:center;padding:0}._5O8MPa_jokerArt,._5O8MPa_faceArt,._5O8MPa_cardBackArt{pointer-events:none;object-fit:contain;background:0 0;width:100%;height:100%}@media (width<=720px){._5O8MPa_table{padding:8px 10px 6px}._5O8MPa_avatar{width:56px;height:56px}._5O8MPa_roleHeroImg{width:96px;height:96px}._5O8MPa_selfRow{gap:8px}._5O8MPa_selfSeat{flex-direction:column;gap:4px}._5O8MPa_seatHead,._5O8MPa_seatRight ._5O8MPa_seatHead{flex-direction:column;align-items:flex-start;gap:2px}._5O8MPa_seatRight ._5O8MPa_seatHead{align-items:flex-end}._5O8MPa_cardFace,._5O8MPa_cardBack{width:72px;height:102px}._5O8MPa_hand{padding-top:20px}._5O8MPa_handInner button,._5O8MPa_backs>*{margin-left:-32px}._5O8MPa_backsCompact{width:78px;padding:0}._5O8MPa_backsCompact ._5O8MPa_cardBack{width:30px;min-width:30px;height:42px}._5O8MPa_backsCompact>*{margin-left:-18px}._5O8MPa_cardsLeft{font-size:16px}._5O8MPa_bottom ._5O8MPa_cardFace,._5O8MPa_bottom ._5O8MPa_cardBack{width:44px;height:62px}}._5O8MPa_sidebarSlot{box-sizing:border-box;width:100%;margin:0 2px 8px}._5O8MPa_sidebarSlotRail{align-self:flex-start;width:36px;margin:0 0 12px}._5O8MPa_sidebarBtn{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-button-elevated-fill,#fff);width:100%;height:38px;color:inherit;cursor:pointer;box-sizing:border-box;font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}._5O8MPa_sidebarBtn:hover{background:var(--dsw-alias-button-floating-hover,#0000000a)}._5O8MPa_sidebarBtnRail{background:0 0;border-color:#0000;width:36px;height:36px;padding:0}._5O8MPa_inviteBox{flex-direction:column;gap:8px;margin-top:12px;display:flex}._5O8MPa_codeRow,._5O8MPa_codeBar,._5O8MPa_codeEdit{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}._5O8MPa_codeBar{width:100%}._5O8MPa_codeValue{letter-spacing:.12em;background:var(--dsw-alias-bg-module-platform,#f3f3f3);user-select:all;cursor:pointer;border-radius:8px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700}._5O8MPa_codeInput{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700}._5O8MPa_codeInput::placeholder{letter-spacing:0;font-size:13px;font-weight:500}._5O8MPa_titleBtn{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}._5O8MPa_titleBtn:disabled{cursor:default}._5O8MPa_miniHand{max-width:320px;display:flex;overflow:hidden}._5O8MPa_miniHand>*{flex:none;width:52px;height:73px;margin-left:-26px}._5O8MPa_miniHand>:first-child{margin-left:0}._5O8MPa_qr{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:#fff;border-radius:8px;width:132px;height:132px}._5O8MPa_timer{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-bg-layer-3,#fff);max-width:280px;color:var(--dsw-alias-label-primary,#1a1a1a);border-radius:999px;justify-content:center;align-items:baseline;gap:6px;margin:0 auto;padding:10px 16px;font-size:14px;display:flex}._5O8MPa_timer strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:650;line-height:1}._5O8MPa_timerUrgent{border-color:var(--dsw-alias-label-error,#d64545);color:var(--dsw-alias-label-error,#d64545)}._5O8MPa_banner{background:var(--dsw-alias-bg-module-platform,#f6f6f6);color:var(--dsw-alias-label-secondary,#5c5c5c);border-bottom:1px solid var(--dsw-alias-border-l2,#e8e8e8);padding:8px 16px;font-size:13px}._5O8MPa_chat{max-height:56px;color:var(--dsw-alias-label-tertiary,#8a8a8a);flex:none;font-size:12px;overflow:auto}._5O8MPa_settingsCard{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-primary,#1a1a1a);border-radius:12px;list-style:none}._5O8MPa_settingsCard:hover{border-color:var(--dsw-alias-label-dimmed,#c8c8c8)}._5O8MPa_settingsOpen{background:var(--dsw-alias-bg-layer-2,#fafafa);border-color:var(--dsw-alias-label-dimmed,#c8c8c8)}._5O8MPa_settingsHeader{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}._5O8MPa_settingsHeader:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:-2px}._5O8MPa_settingsHeadText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}._5O8MPa_settingsName{color:var(--dsw-alias-label-primary,#1a1a1a);font-size:15px;font-weight:600;line-height:1.4}._5O8MPa_settingsDesc{color:var(--dsw-alias-label-tertiary,#8a8a8a);font-size:13px;line-height:1.5}._5O8MPa_settingsChevron{color:var(--dsw-alias-label-tertiary,#8a8a8a);flex:none;transition:transform .16s}._5O8MPa_settingsChevronOpen{transform:rotate(180deg)}._5O8MPa_settingsBody{border-top:1px solid var(--dsw-alias-border-l2,#e8e8e8);margin:0 16px;padding-bottom:8px}._5O8MPa_settingsHint{color:var(--dsw-alias-label-tertiary,#8a8a8a);margin:12px 0 0;font-size:12px;line-height:1.5}._5O8MPa_settingsField{flex-direction:column;gap:6px;padding:12px 0;display:flex}._5O8MPa_settingsField+._5O8MPa_settingsField{border-top:1px solid var(--dsw-alias-border-l2,#e8e8e8)}._5O8MPa_settingsLabel{color:var(--dsw-alias-label-primary,#1a1a1a);font-size:13px;font-weight:500;line-height:1.5}._5O8MPa_settingsSwitchRow{justify-content:space-between;align-items:center;gap:12px;display:flex}._5O8MPa_settingsSwitch{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;padding:0}._5O8MPa_settingsSwitch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#4d6bfe);outline-offset:2px;border-radius:999px}._5O8MPa_settingsSwitchTrack{background:var(--dsw-alias-border-l2,#d9d9d9);border-radius:999px;width:36px;height:20px;transition:background .16s;display:block;position:relative}._5O8MPa_settingsSwitchTrack[data-on]{background:var(--dsw-alias-label-primary,#1a1a1a)}._5O8MPa_settingsSwitchThumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000029}._5O8MPa_settingsSwitchTrack[data-on] ._5O8MPa_settingsSwitchThumb{transform:translate(16px)}._5O8MPa_settingsInput{border:1px solid var(--dsw-alias-border-l2,#e8e8e8);background:var(--dsw-alias-bg-layer-3,#fff);height:34px;font:inherit;color:var(--dsw-alias-label-primary,#1a1a1a);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}._5O8MPa_settingsInput:focus-visible{border-color:var(--dsw-alias-brand-primary,#4d6bfe);outline:none}._5O8MPa_settingsFieldHint{color:var(--dsw-alias-label-tertiary,#8a8a8a);margin:0;font-size:12px;line-height:1.5}._5O8MPa_settingsActions{border-top:1px solid var(--dsw-alias-border-l2,#e8e8e8);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0 16px;display:flex}._5O8MPa_settingsSaveOk{color:var(--dsw-alias-label-success,#2f8f62);margin:0;font-size:12px;line-height:1.5}._5O8MPa_settingsSaveError{color:var(--dsw-alias-label-error,#d64545);margin:0;font-size:12px;line-height:1.5}";
+const tagId = "dsh-poker/styles.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "dsh-poker";
+	tag.dataset.pluginCss = tagId;
+	tag.textContent = css;
+	document.head.appendChild(tag);
+}
+var styles_module_css_default = {
+	"settlement": "_5O8MPa_settlement",
+	"field": "_5O8MPa_field",
+	"ghost": "_5O8MPa_ghost",
+	"warn": "_5O8MPa_warn",
+	"tabActive": "_5O8MPa_tabActive",
+	"badge": "_5O8MPa_badge",
+	"remainCompact": "_5O8MPa_remainCompact",
+	"bottom": "_5O8MPa_bottom",
+	"handInner": "_5O8MPa_handInner",
+	"seatRight": "_5O8MPa_seatRight",
+	"cardBackArt": "_5O8MPa_cardBackArt",
+	"timerUrgent": "_5O8MPa_timerUrgent",
+	"settingsField": "_5O8MPa_settingsField",
+	"error": "_5O8MPa_error",
+	"seatMeta": "_5O8MPa_seatMeta",
+	"sidebarSlot": "_5O8MPa_sidebarSlot",
+	"codeValue": "_5O8MPa_codeValue",
+	"cardsLeft": "_5O8MPa_cardsLeft",
+	"joinInline": "_5O8MPa_joinInline",
+	"selfRow": "_5O8MPa_selfRow",
+	"rank": "_5O8MPa_rank",
+	"select": "_5O8MPa_select",
+	"settingsChevronOpen": "_5O8MPa_settingsChevronOpen",
+	"suitCenter": "_5O8MPa_suitCenter",
+	"joinField": "_5O8MPa_joinField",
+	"settingsSwitchThumb": "_5O8MPa_settingsSwitchThumb",
+	"titleBtn": "_5O8MPa_titleBtn",
+	"settingsFieldHint": "_5O8MPa_settingsFieldHint",
+	"timer": "_5O8MPa_timer",
+	"joinForm": "_5O8MPa_joinForm",
+	"settingsSwitchRow": "_5O8MPa_settingsSwitchRow",
+	"table": "_5O8MPa_table",
+	"joinFields": "_5O8MPa_joinFields",
+	"cardFace": "_5O8MPa_cardFace",
+	"codeInput": "_5O8MPa_codeInput",
+	"settingsInput": "_5O8MPa_settingsInput",
+	"seatName": "_5O8MPa_seatName",
+	"settingsHint": "_5O8MPa_settingsHint",
+	"cardBack": "_5O8MPa_cardBack",
+	"qr": "_5O8MPa_qr",
+	"lobby": "_5O8MPa_lobby",
+	"avatar": "_5O8MPa_avatar",
+	"topbar": "_5O8MPa_topbar",
+	"roleHeroItem": "_5O8MPa_roleHeroItem",
+	"root": "_5O8MPa_root",
+	"tabs": "_5O8MPa_tabs",
+	"tab": "_5O8MPa_tab",
+	"suit": "_5O8MPa_suit",
+	"plainFace": "_5O8MPa_plainFace",
+	"backs": "_5O8MPa_backs",
+	"row": "_5O8MPa_row",
+	"sidebarSlotRail": "_5O8MPa_sidebarSlotRail",
+	"hint": "_5O8MPa_hint",
+	"createFields": "_5O8MPa_createFields",
+	"settingsLabel": "_5O8MPa_settingsLabel",
+	"opponentsThree": "_5O8MPa_opponentsThree",
+	"jokerArt": "_5O8MPa_jokerArt",
+	"faceArt": "_5O8MPa_faceArt",
+	"fieldWide": "_5O8MPa_fieldWide",
+	"miniHand": "_5O8MPa_miniHand",
+	"opponents": "_5O8MPa_opponents",
+	"settingsCard": "_5O8MPa_settingsCard",
+	"seatCenter": "_5O8MPa_seatCenter",
+	"codeRow": "_5O8MPa_codeRow",
+	"settingsHeader": "_5O8MPa_settingsHeader",
+	"settingsDesc": "_5O8MPa_settingsDesc",
+	"settingsChevron": "_5O8MPa_settingsChevron",
+	"card": "_5O8MPa_card",
+	"selected": "_5O8MPa_selected",
+	"cardBackLandlord": "_5O8MPa_cardBackLandlord",
+	"inviteBox": "_5O8MPa_inviteBox",
+	"centerPlay": "_5O8MPa_centerPlay",
+	"settingsSwitchTrack": "_5O8MPa_settingsSwitchTrack",
+	"red": "_5O8MPa_red",
+	"wild": "_5O8MPa_wild",
+	"settingsSaveOk": "_5O8MPa_settingsSaveOk",
+	"settingsBody": "_5O8MPa_settingsBody",
+	"sidebarBtnRail": "_5O8MPa_sidebarBtnRail",
+	"settingsOpen": "_5O8MPa_settingsOpen",
+	"seat": "_5O8MPa_seat",
+	"ready": "_5O8MPa_ready",
+	"input": "_5O8MPa_input",
+	"roleHeroImg": "_5O8MPa_roleHeroImg",
+	"remain": "_5O8MPa_remain",
+	"sidebarBtn": "_5O8MPa_sidebarBtn",
+	"danger": "_5O8MPa_danger",
+	"codeEdit": "_5O8MPa_codeEdit",
+	"settingsSaveError": "_5O8MPa_settingsSaveError",
+	"chat": "_5O8MPa_chat",
+	"settingsActions": "_5O8MPa_settingsActions",
+	"backsCompact": "_5O8MPa_backsCompact",
+	"fieldRow": "_5O8MPa_fieldRow",
+	"banner": "_5O8MPa_banner",
+	"seatHead": "_5O8MPa_seatHead",
+	"selfSeat": "_5O8MPa_selfSeat",
+	"muted": "_5O8MPa_muted",
+	"roleHero": "_5O8MPa_roleHero",
+	"close": "_5O8MPa_close",
+	"jokerFace": "_5O8MPa_jokerFace",
+	"codeBar": "_5O8MPa_codeBar",
+	"settingsHeadText": "_5O8MPa_settingsHeadText",
+	"settingsName": "_5O8MPa_settingsName",
+	"brand": "_5O8MPa_brand",
+	"settingsSwitch": "_5O8MPa_settingsSwitch",
+	"hand": "_5O8MPa_hand",
+	"primary": "_5O8MPa_primary",
+	"actions": "_5O8MPa_actions"
+};
+
+//#endregion
+//#region src/client/InviteDialog.tsx
+function InviteDialog({ roomCode, sitUrl, shareable }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: styles_module_css_default.inviteBox,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: styles_module_css_default.codeRow,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "房间号" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+					className: styles_module_css_default.codeValue,
+					onClick: () => {
+						navigator.clipboard.writeText(roomCode);
+					},
+					children: roomCode
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: styles_module_css_default.ghost,
+					onClick: () => {
+						navigator.clipboard.writeText(roomCode);
+					},
+					children: "复制房号"
+				})
+			]
+		}), shareable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: styles_module_css_default.hint,
+				children: "同一条链接。先到的人入座，坐满或开打后来的人观战。"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: styles_module_css_default.ghost,
+				onClick: () => {
+					navigator.clipboard.writeText(sitUrl);
+				},
+				children: "复制房间链接"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				className: styles_module_css_default.qr,
+				alt: "room qr",
+				src: `https://api.qrserver.com/v1/create-qr-code/?size=132x132&data=${encodeURIComponent(sitUrl)}`
+			})
+		] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: `${styles_module_css_default.hint} ${styles_module_css_default.warn}`,
+			children: [
+				"要给别的机器用，先在插件设置里填 publicBaseUrl（named tunnel 或反代到本机端口）。 生产环境的 dsh web 不能绑 0.0.0.0，所以局域网 IP 用不了。本机可以打开 ",
+				sitUrl || "loopback 加入页",
+				" 自己测。"
+			]
+		})]
+	});
+}
+function RoomCodeBar({ title, roomCode, sitUrl, shareable, canRename, onRename }) {
+	const [draft, setDraft] = (0, react.useState)(title);
+	const [editing, setEditing] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		setDraft(title);
+	}, [title]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: styles_module_css_default.codeBar,
+		children: [
+			canRename && editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: styles_module_css_default.codeEdit,
+				onSubmit: (event) => {
+					event.preventDefault();
+					onRename?.(draft);
+					setEditing(false);
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: styles_module_css_default.input,
+					value: draft,
+					maxLength: 24,
+					onChange: (event) => {
+						setDraft(event.target.value);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "submit",
+					className: styles_module_css_default.ghost,
+					children: "保存"
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: styles_module_css_default.titleBtn,
+				disabled: !canRename,
+				onClick: () => {
+					if (canRename) setEditing(true);
+				},
+				children: title || "好友局"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: styles_module_css_default.muted,
+				children: "房号"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+				className: styles_module_css_default.codeValue,
+				onClick: () => {
+					navigator.clipboard.writeText(roomCode);
+				},
+				children: roomCode
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: styles_module_css_default.ghost,
+				onClick: () => {
+					navigator.clipboard.writeText(roomCode);
+				},
+				children: "复制房号"
+			}),
+			shareable && sitUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: styles_module_css_default.ghost,
+				onClick: () => {
+					navigator.clipboard.writeText(sitUrl);
+				},
+				children: "复制链接"
+			}) : sitUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: styles_module_css_default.muted,
+				children: "未配置 publicBaseUrl，仅本机可加入"
+			}) : null
+		]
+	});
+}
+
+//#endregion
+//#region src/client/SeatAvatar.tsx
+const ASSET$2 = "/doudizhu/assets";
+const ROLE_ICONS = {
+	landlord: `${ASSET$2}/role-landlord.png`,
+	landlordB: `${ASSET$2}/role-landlord-b.png`,
+	farmer: `${ASSET$2}/role-farmer.png`,
+	farmerB: `${ASSET$2}/role-farmer-b.png`,
+	farmerC: `${ASSET$2}/role-farmer-c.png`,
+	spectator: `${ASSET$2}/role-spectator.png`
+};
+const FARMER_ICONS = [
+	ROLE_ICONS.farmer,
+	ROLE_ICONS.farmerB,
+	ROLE_ICONS.farmerC
+];
+function roleIconSrc(role, seat = 0) {
+	if (role === "landlord") return ROLE_ICONS.landlord;
+	return FARMER_ICONS[Math.abs(seat) % FARMER_ICONS.length] ?? ROLE_ICONS.farmer;
+}
+function SeatAvatar({ avatarUrl, role = "empty", seat = 0, occupied = false, spectator = false }) {
+	if (spectator) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		className: styles_module_css_default.avatar,
+		src: ROLE_ICONS.spectator,
+		alt: "观战",
+		onError: (event) => {
+			event.currentTarget.remove();
+		}
+	});
+	const sitting = occupied || role === "landlord" || role === "farmer";
+	const src = sitting ? roleIconSrc(role === "empty" ? "farmer" : role, seat) : avatarUrl;
+	if (!src) return null;
+	const landlord = role === "landlord";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		className: styles_module_css_default.avatar,
+		src,
+		alt: landlord ? "地主" : sitting ? "农民" : "",
+		onError: (event) => {
+			event.currentTarget.remove();
+		}
+	});
+}
+
+//#endregion
+//#region src/client/JoinForm.tsx
+function JoinForm({ code, invite, name: name$1, onCode, onInvite, onName, onJoin, joining = false, showInvite = true, error }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: styles_module_css_default.joinForm,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.roleHero,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+						className: styles_module_css_default.roleHeroItem,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: styles_module_css_default.roleHeroImg,
+							src: ROLE_ICONS.landlord,
+							alt: "地主"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", { children: "地主" })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+						className: styles_module_css_default.roleHeroItem,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: styles_module_css_default.roleHeroImg,
+							src: ROLE_ICONS.farmer,
+							alt: "农民"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", { children: "农民" })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+						className: styles_module_css_default.roleHeroItem,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: styles_module_css_default.roleHeroImg,
+							src: ROLE_ICONS.farmerB,
+							alt: "农民"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", { children: "农民" })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+						className: styles_module_css_default.roleHeroItem,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: styles_module_css_default.roleHeroImg,
+							src: ROLE_ICONS.farmerC,
+							alt: "农民"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("figcaption", { children: "农民" })]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: styles_module_css_default.hint,
+				children: "填房号就能进。先到的人入座，坐满或已经开打后来的人观战。出牌每手 120 秒。"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.joinFields,
+				children: [
+					showInvite ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: styles_module_css_default.field,
+						children: ["邀请", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: styles_module_css_default.input,
+							value: invite,
+							autoComplete: "off",
+							spellCheck: false,
+							onChange: (event) => {
+								onInvite(event.target.value);
+							}
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.joinInline,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: styles_module_css_default.joinField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.settingsLabel,
+								children: "房号"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: `${styles_module_css_default.input} ${styles_module_css_default.codeInput}`,
+								value: code,
+								inputMode: "numeric",
+								autoComplete: "off",
+								spellCheck: false,
+								placeholder: "6 位房号",
+								onChange: (event) => {
+									onCode(event.target.value);
+								}
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: styles_module_css_default.joinField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.settingsLabel,
+								children: "昵称"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: styles_module_css_default.input,
+								value: name$1,
+								maxLength: 16,
+								onChange: (event) => {
+									onName(event.target.value);
+								}
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.primary,
+						disabled: joining || !code.trim(),
+						onClick: onJoin,
+						children: joining ? "加入中…" : "加入"
+					}),
+					error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: styles_module_css_default.error,
+						children: error
+					}) : null
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/LobbyView.tsx
+const MAX_MULTIPLIER_OPTIONS = [
+	8,
+	16,
+	32,
+	64
+];
+function LobbyView({ tab, onTab, title, stakeM, maxMultiplier, seatCount, laiZi, onTitle, onStake, onCap, onSeats, onLaiZi, onCreate, creating, error, roomCode, sitUrl, watchUrl, shareable, welcomeAtoms, join }) {
+	const cap = seatCapAtoms(stakeAtomsFromM(stakeM), maxMultiplier, seatCount);
+	const blocked = welcomeAtoms < cap;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: styles_module_css_default.lobby,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: styles_module_css_default.card,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.tabs,
+				role: "tablist",
+				"aria-label": "开房或加入",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": tab === "create",
+					className: `${styles_module_css_default.tab} ${tab === "create" ? styles_module_css_default.tabActive : ""}`,
+					onClick: () => {
+						onTab("create");
+					},
+					children: "创建"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": tab === "join",
+					className: `${styles_module_css_default.tab} ${tab === "join" ? styles_module_css_default.tabActive : ""}`,
+					onClick: () => {
+						onTab("join");
+					},
+					children: "加入"
+				})]
+			}), tab === "join" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "加入房间" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.hint,
+					children: "别人开的房填房号就能进。积分记在开房那台机器上，不是 DeepSeek 平台余额。"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JoinForm, {
+					code: join.code,
+					invite: join.invite,
+					name: join.name,
+					onCode: join.onCode,
+					onInvite: join.onInvite,
+					onName: join.onName,
+					onJoin: join.onJoin,
+					joining: join.joining,
+					showInvite: false,
+					error
+				})
+			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: "创建房间" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.hint,
+					children: "好友局信房主这台机器上的账本。积分不是 DeepSeek 平台余额。"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.createFields,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: `${styles_module_css_default.field} ${styles_module_css_default.fieldWide}`,
+							children: ["房间名", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: styles_module_css_default.input,
+								value: title,
+								maxLength: 24,
+								placeholder: "好友局",
+								onChange: (event) => {
+									onTitle(event.target.value);
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: styles_module_css_default.field,
+							children: ["人数", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: styles_module_css_default.select,
+								value: seatCount,
+								onChange: (event) => {
+									onSeats(Number(event.target.value) === 4 ? 4 : 3);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: 3,
+									children: "3 人 · 一副牌"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: 4,
+									children: "4 人 · 两副牌"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: styles_module_css_default.field,
+							children: ["玩法", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: styles_module_css_default.select,
+								value: laiZi ? "laizi" : "classic",
+								onChange: (event) => {
+									onLaiZi(event.target.value === "laizi");
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "classic",
+									children: "经典"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "laizi",
+									children: "癞子"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: styles_module_css_default.field,
+							children: ["底注", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								className: styles_module_css_default.select,
+								value: stakeM,
+								onChange: (event) => {
+									onStake(Number(event.target.value));
+								},
+								children: STAKE_LADDER_M.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value,
+									children: [value, "M"]
+								}, value))
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: styles_module_css_default.field,
+							children: ["倍数封顶", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+								className: styles_module_css_default.select,
+								value: maxMultiplier,
+								onChange: (event) => {
+									onCap(Number(event.target.value));
+								},
+								children: MAX_MULTIPLIER_OPTIONS.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value,
+									children: value
+								}, value))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					className: styles_module_css_default.hint,
+					children: [
+						seatCount,
+						" 人",
+						laiZi ? "癞子" : "经典",
+						"。人齐自动开打，后来的人观战。出牌 120 秒。入座冻结 ",
+						formatM(cap),
+						"，欢迎 ",
+						formatM(welcomeAtoms),
+						"。"
+					]
+				}),
+				blocked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.error,
+					children: "欢迎积分不够入座冻结，把底注或封顶调低，或者去设置里加欢迎积分。"
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: styles_module_css_default.primary,
+					disabled: blocked || creating,
+					onClick: onCreate,
+					children: creating ? "创建中…" : "创建房间"
+				}),
+				error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.error,
+					children: error
+				}) : null,
+				roomCode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InviteDialog, {
+					roomCode,
+					sitUrl,
+					watchUrl,
+					shareable
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					className: styles_module_css_default.hint,
+					children: [
+						"默认底注 ",
+						DEFAULT_STAKE_M,
+						"M / 封顶 ",
+						DEFAULT_MAX_MULTIPLIER,
+						"。"
+					]
+				})
+			] })]
+		})
+	});
+}
+
+//#endregion
+//#region src/types.ts
+function parseAtoms(value) {
+	if (!/^-?\d+$/.test(value)) throw new Error(`invalid atom string: ${value}`);
+	return BigInt(value);
+}
+function asCardId(value) {
+	return value;
+}
+function decksFor(count) {
+	return count === 3 ? 1 : 2;
+}
+function holeCount(count) {
+	return count === 3 ? 3 : 8;
+}
+
+//#endregion
+//#region src/client/SettlementView.tsx
+function SettlementView({ settlement, onRematch }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: styles_module_css_default.settlement,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: styles_module_css_default.card,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: styles_module_css_default.roleHero,
+					children: settlement.winner === "landlord" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						className: styles_module_css_default.roleHeroImg,
+						src: ROLE_ICONS.landlord,
+						alt: "地主"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						className: styles_module_css_default.roleHeroImg,
+						src: ROLE_ICONS.farmer,
+						alt: "农民"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						className: styles_module_css_default.roleHeroImg,
+						src: ROLE_ICONS.farmerB,
+						alt: "农民"
+					})] })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: settlement.winner === "landlord" ? "地主胜" : "农民胜" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.hint,
+					children: settlement.formula
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: settlement.deltas.map((delta) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+					"座 ",
+					delta.seat,
+					": ",
+					formatM(parseAtoms(delta.atoms))
+				] }, delta.seat)) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: `${styles_module_css_default.hint} ${styles_module_css_default.warn}`,
+					children: settlement.trustNote
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.hint,
+					children: "积分 ≠ 平台余额，也不是 API key。"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: styles_module_css_default.primary,
+					onClick: onRematch,
+					children: "再来一局"
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/engine/cards.ts
+const RANK_ORDER = [
+	"3",
+	"4",
+	"5",
+	"6",
+	"7",
+	"8",
+	"9",
+	"10",
+	"J",
+	"Q",
+	"K",
+	"A",
+	"2",
+	"BJ",
+	"RJ"
+];
+const RANK_VALUE = Object.fromEntries(RANK_ORDER.map((rank, index) => [rank, index]));
+function cardBase$1(card) {
+	return String(card).split("~")[0] ?? String(card);
+}
+function rankOf$1(card) {
+	const raw = cardBase$1(card);
+	if (raw === "BJ" || raw === "RJ") return raw;
+	if (raw.startsWith("S") || raw.startsWith("H") || raw.startsWith("C") || raw.startsWith("D")) return raw.slice(1);
+	throw new Error(`invalid card: ${raw}`);
+}
+function rankValue(rank) {
+	const value = RANK_VALUE[rank];
+	if (value === void 0) throw new Error(`invalid rank: ${rank}`);
+	return value;
+}
+function cardValue(card) {
+	return rankValue(rankOf$1(card));
+}
+function compareCards(a, b) {
+	const byRank = cardValue(a) - cardValue(b);
+	if (byRank !== 0) return byRank;
+	return a.localeCompare(b);
+}
+function sortCards(cards) {
+	return [...cards].sort(compareCards);
+}
+const WILDABLE_RANKS = RANK_ORDER.filter((rank) => rank !== "BJ" && rank !== "RJ");
+function isJokerRank(rank) {
+	return rank === "BJ" || rank === "RJ";
+}
+function isWildCard$1(card, wildRanks) {
+	if (wildRanks.length === 0) return false;
+	const rank = rankOf$1(card);
+	return !isJokerRank(rank) && wildRanks.includes(rank);
+}
+function countRanks(cards) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const card of cards) {
+		const rank = rankOf$1(card);
+		const bucket = groups.get(rank);
+		if (bucket) bucket.push(card);
+		else groups.set(rank, [card]);
+	}
+	return groups;
+}
+function isNaturalSeqRank(rank) {
+	return rank !== "2" && rank !== "BJ" && rank !== "RJ";
+}
+
+//#endregion
+//#region src/engine/hands.ts
+function classify(cards, laiZiRanks = []) {
+	if (laiZiRanks.length === 0) return classifyNatural(cards);
+	const wilds = [];
+	const naturals = [];
+	for (const card of cards) if (isWildCard$1(card, laiZiRanks)) wilds.push(card);
+	else naturals.push(card);
+	if (wilds.length === 0) return classifyNatural(cards);
+	return classifyWithWilds(cards, naturals, wilds.length);
+}
+function classifyNatural(cards) {
+	const sorted = sortCards(cards);
+	if (sorted.length === 0) return null;
+	const ranks = countRanks(sorted);
+	const entries = [...ranks.entries()].sort((a, b) => rankValue(a[0]) - rankValue(b[0]));
+	if (jokerCount(ranks) === sorted.length && sorted.length >= 2) return {
+		type: "rocket",
+		cards: sorted,
+		key: rankValue("RJ"),
+		length: sorted.length,
+		wingLength: 0
+	};
+	if (sorted.length === 1) return {
+		type: "solo",
+		cards: sorted,
+		key: cardValue(sorted[0]),
+		length: 1,
+		wingLength: 0
+	};
+	if (sorted.length === 2 && entries.length === 1) return {
+		type: "pair",
+		cards: sorted,
+		key: rankValue(entries[0][0]),
+		length: 2,
+		wingLength: 0
+	};
+	if (sorted.length === 3 && entries.length === 1) return {
+		type: "trio",
+		cards: sorted,
+		key: rankValue(entries[0][0]),
+		length: 3,
+		wingLength: 0
+	};
+	if (sorted.length >= 4 && entries.length === 1) return {
+		type: "bomb",
+		cards: sorted,
+		key: rankValue(entries[0][0]),
+		length: sorted.length,
+		wingLength: 0
+	};
+	const trioSolo = classifyTrioSolo(sorted, entries);
+	if (trioSolo) return trioSolo;
+	const trioPair = classifyTrioPair(sorted, entries);
+	if (trioPair) return trioPair;
+	const seq = classifySeq(sorted, entries);
+	if (seq) return seq;
+	const seqPair = classifySeqPair(sorted, entries);
+	if (seqPair) return seqPair;
+	const plane = classifyBarePlane(sorted, entries);
+	if (plane) return plane;
+	const planePair = classifyPlanePair(sorted, entries);
+	if (planePair) return planePair;
+	const planeSolo = classifyPlaneSolo(sorted, entries);
+	if (planeSolo) return planeSolo;
+	const fourDualPair = classifyFourDualPair(sorted, entries);
+	if (fourDualPair) return fourDualPair;
+	const fourDualSolo = classifyFourDualSolo(sorted, entries);
+	if (fourDualSolo) return fourDualSolo;
+	return null;
+}
+function beats(prev, next, decks = 1) {
+	const nextBomb = next.type === "bomb" || next.type === "rocket";
+	const prevBomb = prev.type === "bomb" || prev.type === "rocket";
+	if (next.type === "rocket" && decks === 1) return prev.type !== "rocket";
+	if (prev.type === "rocket" && decks === 1) return false;
+	if (nextBomb && prevBomb) {
+		if (next.length !== prev.length) return next.length > prev.length;
+		if (!!next.wild !== !!prev.wild) return !next.wild && !!prev.wild;
+		if (next.type !== prev.type) return next.type === "rocket";
+		return next.key > prev.key;
+	}
+	if (nextBomb) return true;
+	if (prevBomb) return false;
+	if (next.type !== prev.type || next.length !== prev.length || next.wingLength !== prev.wingLength) return false;
+	return next.key > prev.key;
+}
+function classifyTrioSolo(cards, entries) {
+	if (cards.length !== 4) return null;
+	const trio = entries.find(([, group]) => group.length === 3);
+	const kicker = entries.find(([, group]) => group.length === 1);
+	if (!trio || !kicker) return null;
+	if (kicker[0] === "BJ" && entries.some(([rank]) => rank === "RJ")) return null;
+	if (kicker[0] === "RJ" && entries.some(([rank]) => rank === "BJ")) return null;
+	return {
+		type: "trioSolo",
+		cards,
+		key: rankValue(trio[0]),
+		length: 4,
+		wingLength: 1
+	};
+}
+function classifyTrioPair(cards, entries) {
+	if (cards.length !== 5) return null;
+	const trio = entries.find(([, group]) => group.length === 3);
+	const pair = entries.find(([, group]) => group.length === 2);
+	if (!trio || !pair || pair[0] === trio[0]) return null;
+	return {
+		type: "trioPair",
+		cards,
+		key: rankValue(trio[0]),
+		length: 5,
+		wingLength: 2
+	};
+}
+function classifySeq(cards, entries) {
+	if (cards.length < 5) return null;
+	if (!entries.every(([, group]) => group.length === 1)) return null;
+	if (!isConsecutive(entries.map(([rank]) => rank), 1)) return null;
+	return {
+		type: "seq",
+		cards,
+		key: rankValue(entries[entries.length - 1][0]),
+		length: cards.length,
+		wingLength: 0
+	};
+}
+function classifySeqPair(cards, entries) {
+	if (cards.length < 6 || cards.length % 2 !== 0) return null;
+	if (!entries.every(([, group]) => group.length === 2)) return null;
+	if (!isConsecutive(entries.map(([rank]) => rank), 1)) return null;
+	if (entries.length < 3) return null;
+	return {
+		type: "seqPair",
+		cards,
+		key: rankValue(entries[entries.length - 1][0]),
+		length: cards.length,
+		wingLength: 0
+	};
+}
+function classifyBarePlane(cards, entries) {
+	const trios = entries.filter(([, group]) => group.length === 3).map(([rank]) => rank);
+	if (trios.length < 2) return null;
+	if (entries.some(([, group]) => group.length !== 3)) return null;
+	if (!isConsecutive(trios, 1)) return null;
+	return {
+		type: "plane",
+		cards,
+		key: rankValue(trios[trios.length - 1]),
+		length: cards.length,
+		wingLength: 0
+	};
+}
+function classifyPlaneSolo(cards, entries = [...countRanks(cards).entries()].sort((a, b) => rankValue(a[0]) - rankValue(b[0]))) {
+	const available = entries.filter(([rank, group]) => group.length >= 3 && isNaturalSeqRank(rank) && rank !== "2").map(([rank]) => rank).sort((a, b) => rankValue(a) - rankValue(b));
+	const maxK = Math.min(available.length, Math.floor(cards.length / 4));
+	for (let k = maxK; k >= 2; k -= 1) {
+		if (cards.length !== k * 4) continue;
+		const found = [];
+		for (const body of consecutiveRuns(available, k)) {
+			const leftover = leftoverAfterBody(cards, body, 3);
+			if (leftover.length !== k) continue;
+			if (containsConsecutiveTrios(leftover)) continue;
+			found.push({
+				type: "planeSolo",
+				cards,
+				key: rankValue(body[body.length - 1]),
+				length: cards.length,
+				wingLength: k
+			});
+		}
+		if (found.length > 0) {
+			found.sort((a, b) => b.key - a.key);
+			return found[0] ?? null;
+		}
+	}
+	return null;
+}
+function classifyPlanePair(cards, entries) {
+	entries.filter(([, group]) => group.length >= 3 && isNaturalSeqRank(group[0] ? rankOf$1(group[0]) : "3") && rankOf$1(group[0]) !== "2");
+	const trioRanks = entries.filter(([rank, group]) => group.length >= 3 && isNaturalSeqRank(rank) && rank !== "2").map(([rank]) => rank).sort((a, b) => rankValue(a) - rankValue(b));
+	for (let k = Math.min(trioRanks.length, Math.floor(cards.length / 5)); k >= 2; k -= 1) {
+		if (cards.length !== k * 5) continue;
+		for (const body of consecutiveRuns(trioRanks, k)) if (pairWings(cards, body) === k) return {
+			type: "planePair",
+			cards,
+			key: rankValue(body[body.length - 1]),
+			length: cards.length,
+			wingLength: k
+		};
+	}
+	return null;
+}
+function classifyFourDualSolo(cards, entries) {
+	if (cards.length !== 6) return null;
+	const quad = entries.find(([, group]) => group.length === 4);
+	if (!quad) return null;
+	const leftovers = cards.filter((card) => rankOf$1(card) !== quad[0]);
+	if (leftovers.length !== 2) return null;
+	if (hasRocket(countRanks(leftovers))) return null;
+	return {
+		type: "fourDualSolo",
+		cards,
+		key: rankValue(quad[0]),
+		length: 6,
+		wingLength: 2
+	};
+}
+function classifyFourDualPair(cards, entries) {
+	if (cards.length !== 8) return null;
+	const quad = entries.find(([, group]) => group.length === 4);
+	if (!quad) return null;
+	const leftoverGroups = [...countRanks(leftoverAfterBody(cards, [quad[0]], 4)).entries()];
+	if (leftoverGroups.some(([rank, group]) => rank === quad[0] || group.length !== 2)) return null;
+	if (leftoverGroups.length !== 2) return null;
+	return {
+		type: "fourDualPair",
+		cards,
+		key: rankValue(quad[0]),
+		length: 8,
+		wingLength: 4
+	};
+}
+function hasRocket(ranks) {
+	return (ranks.get("BJ")?.length ?? 0) >= 1 && (ranks.get("RJ")?.length ?? 0) >= 1;
+}
+function jokerCount(ranks) {
+	return (ranks.get("BJ")?.length ?? 0) + (ranks.get("RJ")?.length ?? 0);
+}
+function classifyWithWilds(original, naturals, wildCount) {
+	if (wildCount <= 0) return classifyNatural(original);
+	const ranksToTry = wildAssignmentRanks(naturals, wildCount);
+	let best = null;
+	const choice = new Array(wildCount).fill(0);
+	const walk = () => {
+		const virtuals = choice.map((index) => asCardId(`S${ranksToTry[index]}`));
+		const result = classifyNatural([...naturals, ...virtuals]);
+		if (!result) return;
+		const hand = {
+			...result,
+			cards: sortCards(original),
+			wild: true
+		};
+		if (!best || wildPreference(hand, best) > 0) best = hand;
+	};
+	const rec = (depth) => {
+		if (depth === wildCount) {
+			walk();
+			return;
+		}
+		for (let i = 0; i < ranksToTry.length; i += 1) {
+			choice[depth] = i;
+			rec(depth + 1);
+		}
+	};
+	rec(0);
+	return best;
+}
+function wildAssignmentRanks(naturals, wildCount) {
+	if (naturals.length === 0) return wildCount >= 4 ? ["2"] : [...WILDABLE_RANKS];
+	const present = new Set(naturals.map((card) => rankOf$1(card)));
+	if (wildCount >= 5) return WILDABLE_RANKS.filter((rank) => present.has(rank) || neighborsOf(present).has(rank));
+	return [...WILDABLE_RANKS];
+}
+function neighborsOf(present) {
+	const out = /* @__PURE__ */ new Set();
+	for (const rank of present) {
+		const value = rankValue(rank);
+		for (const candidate of WILDABLE_RANKS) if (Math.abs(rankValue(candidate) - value) === 1) out.add(candidate);
+	}
+	return out;
+}
+function wildPreference(next, prev) {
+	const bombScore = (hand) => {
+		if (hand.type === "rocket") return 200 + hand.length;
+		if (hand.type === "bomb") return 100 + hand.length;
+		return 0;
+	};
+	const byBomb = bombScore(next) - bombScore(prev);
+	if (byBomb !== 0) return byBomb;
+	if (next.length !== prev.length) return next.length - prev.length;
+	return next.key - prev.key;
+}
+function isConsecutive(ranks, step) {
+	if (ranks.some((rank) => !isNaturalSeqRank(rank))) return false;
+	for (let i = 1; i < ranks.length; i += 1) if (rankValue(ranks[i]) - rankValue(ranks[i - 1]) !== step) return false;
+	return ranks.length > 0;
+}
+function consecutiveRuns(ranks, length) {
+	const runs = [];
+	for (let i = 0; i + length <= ranks.length; i += 1) {
+		const slice = ranks.slice(i, i + length);
+		if (isConsecutive(slice, 1)) runs.push(slice);
+	}
+	return runs;
+}
+function containsConsecutiveTrios(cards) {
+	return consecutiveRuns([...countRanks(cards).entries()].filter(([, group]) => group.length >= 3).map(([rank]) => rank).filter((rank) => isNaturalSeqRank(rank) && rank !== "2").sort((a, b) => rankValue(a) - rankValue(b)), 2).length > 0;
+}
+function pairWings(cards, body) {
+	const groups = countRanks(leftoverAfterBody(cards, body, 3));
+	if ([...groups.values()].some((group) => group.length !== 2 && group.length !== 4)) return null;
+	let pairs = 0;
+	for (const [rank, group] of groups) {
+		if (body.includes(rank)) return null;
+		if (group.length === 2) pairs += 1;
+		else if (group.length === 4) pairs += 2;
+		else return null;
+	}
+	return pairs;
+}
+function leftoverAfterBody(cards, body, take) {
+	const used = /* @__PURE__ */ new Map();
+	for (const rank of body) used.set(rank, take);
+	const leftover = [];
+	for (const card of cards) {
+		const rank = rankOf$1(card);
+		const remaining = used.get(rank) ?? 0;
+		if (remaining > 0) used.set(rank, remaining - 1);
+		else leftover.push(card);
+	}
+	return leftover;
+}
+
+//#endregion
+//#region src/client/store.ts
+function emptyState() {
+	return {
+		view: null,
+		settlement: null,
+		selected: [],
+		error: null,
+		shareable: false,
+		sitUrl: "",
+		watchUrl: "",
+		roomCode: ""
+	};
+}
+function toggleCard(selected, card) {
+	return selected.includes(card) ? selected.filter((item) => item !== card) : [...selected, card];
+}
+function selectionLegal(view, selected) {
+	if (!view || selected.length === 0) return false;
+	const key = [...selected].sort().join(",");
+	if (view.legal.combos.some((combo) => [...combo.cards].sort().join(",") === key)) return true;
+	const ranks = view.laiZiRanks ?? [];
+	const classified = classify(selected, ranks);
+	if (!classified) return false;
+	const last = [...view.lastPlays].reverse().find((play) => play.type !== "pass");
+	if (!last || view.leadSeat === view.you.seat) return true;
+	const lead = classify(last.cards, ranks);
+	if (!lead) return true;
+	return beats(lead, classified, decksFor(view.room.seatCount ?? (view.room.seats.length >= 4 ? 4 : 3)));
+}
+
+//#endregion
+//#region src/client/card-stack.ts
+const COMPACT_STACK_MAX = 5;
+function visibleBackCount(remaining, maxVisible = COMPACT_STACK_MAX) {
+	if (remaining <= 0) return 0;
+	return Math.min(remaining, maxVisible);
+}
+
+//#endregion
+//#region src/client/CardBack.tsx
+const ASSET$1 = "/doudizhu/assets";
+function CardBack({ count = 1, compact = false, landlord = false }) {
+	const remaining = Math.max(0, count);
+	const n = compact ? visibleBackCount(remaining) : Math.min(remaining, 20);
+	const src = landlord ? `${ASSET$1}/card-back-landlord.png` : `${ASSET$1}/card-back.png`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${styles_module_css_default.remain} ${compact ? styles_module_css_default.remainCompact : ""}`,
+		children: [compact && remaining > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: styles_module_css_default.cardsLeft,
+			"aria-label": `剩余 ${remaining} 张`,
+			children: remaining
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${styles_module_css_default.backs} ${compact ? styles_module_css_default.backsCompact : ""}`,
+			"aria-hidden": "true",
+			children: Array.from({ length: n }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${styles_module_css_default.cardBack} ${landlord ? styles_module_css_default.cardBackLandlord : ""}`,
+				style: { zIndex: index },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					className: styles_module_css_default.cardBackArt,
+					src,
+					alt: ""
+				})
+			}, index))
+		})]
+	});
+}
+
+//#endregion
+//#region src/client/CardFace.tsx
+const SUIT_GLYPH = {
+	S: "♠",
+	H: "♥",
+	C: "♣",
+	D: "♦"
+};
+const ASSET = "/doudizhu/assets";
+const FACE_ART_RANKS = [
+	"J",
+	"Q",
+	"K",
+	"A"
+];
+const FACE_ART = Object.fromEntries(FACE_ART_RANKS.map((rank) => [rank, `${ASSET}/face-${rank.toLowerCase()}.png`]));
+function cardBase(card) {
+	return String(card).split("~")[0] ?? String(card);
+}
+function rankOf(card) {
+	const raw = cardBase(card);
+	if (raw === "BJ" || raw === "RJ") return raw;
+	return raw.slice(1);
+}
+function isWildCard(card, wildRanks) {
+	const rank = rankOf(card);
+	return wildRanks.length > 0 && rank !== "BJ" && rank !== "RJ" && wildRanks.includes(rank);
+}
+function CardFace({ card, selected = false, laiZiRanks = [] }) {
+	const raw = cardBase(card);
+	const wild = isWildCard(card, laiZiRanks);
+	if (raw === "BJ" || raw === "RJ" || rankOf(card) === "BJ" || rankOf(card) === "RJ") {
+		const red$1 = rankOf(card) === "RJ";
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${styles_module_css_default.cardFace} ${styles_module_css_default.jokerFace} ${red$1 ? styles_module_css_default.red : ""} ${selected ? styles_module_css_default.selected : ""}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				className: styles_module_css_default.jokerArt,
+				src: red$1 ? `${ASSET}/joker-red.png` : `${ASSET}/joker-black.png`,
+				alt: ""
+			})
+		});
+	}
+	const suit = raw[0] ?? "S";
+	const rank = raw.slice(1);
+	const red = suit === "H" || suit === "D";
+	const art = FACE_ART[rank];
+	const glyph = SUIT_GLYPH[suit] ?? suit;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${styles_module_css_default.cardFace} ${red ? styles_module_css_default.red : ""} ${selected ? styles_module_css_default.selected : ""} ${wild ? styles_module_css_default.wild : ""} ${art ? "" : styles_module_css_default.plainFace}`,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: styles_module_css_default.rank,
+				children: [rank, wild ? "*" : ""]
+			}),
+			art ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				className: styles_module_css_default.faceArt,
+				src: art,
+				alt: ""
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: styles_module_css_default.suitCenter,
+				children: glyph
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: styles_module_css_default.suit,
+				children: glyph
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/client/SeatRow.tsx
+function SeatRow({ seat, align = "left", revealed, laiZiRanks = [] }) {
+	const alignClass = align === "right" ? styles_module_css_default.seatRight : align === "center" ? styles_module_css_default.seatCenter : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${styles_module_css_default.seat} ${alignClass}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: styles_module_css_default.seatHead,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatAvatar, {
+				avatarUrl: seat.avatarUrl,
+				role: seat.role,
+				seat: seat.seat,
+				occupied: Boolean(seat.playerId)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.seatMeta,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.seatName,
+						children: [
+							seat.displayName ?? "空座",
+							seat.role === "landlord" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "地主"
+							}) : null,
+							seat.role === "farmer" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "农民"
+							}) : null,
+							revealed && revealed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "明牌"
+							}) : null
+						]
+					}),
+					seat.ready && seat.role === "empty" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: styles_module_css_default.ready,
+						children: "准备"
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: styles_module_css_default.muted,
+						children: seat.connected ? "在线" : seat.playerId ? "离线" : ""
+					})
+				]
+			})]
+		}), revealed && revealed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: styles_module_css_default.miniHand,
+			children: revealed.map((card) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardFace, {
+				card,
+				laiZiRanks
+			}, card))
+		}) : seat.playerId && seat.cardsLeft > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBack, {
+			count: seat.cardsLeft,
+			compact: true,
+			landlord: seat.role === "landlord"
+		}) : null]
+	});
+}
+
+//#endregion
+//#region src/client/TableView.tsx
+function TableView({ view, selected, onToggle, onBid, onDouble, onMingPai, onPlay, onPass, onChat }) {
+	const seats = view.room.seats;
+	const count = view.room.seatCount ?? (seats.length >= 4 ? 4 : 3);
+	const self = view.you.seat ?? 0;
+	const opponents = opponentSeats(self, count).map((seat) => seatAt(seats, seat));
+	const mine = seatAt(seats, self);
+	const legal = selectionLegal(view, selected);
+	const phase = view.room.phase;
+	const laiZi = view.laiZiRanks ?? [];
+	const seconds = useDeadline(phase === "playing" ? view.deadlineAt : null);
+	const seated = seats.filter((seat) => seat.playerId).length;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: styles_module_css_default.table,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.topbar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+					view.room.title || "好友局",
+					" · ",
+					count,
+					"人",
+					view.room.laiZi ? "癞子" : "经典",
+					" · 底注 ",
+					formatM(parseAtoms(view.room.stakeAtoms)),
+					" · ",
+					view.bid ? `${view.bid}倍` : "未叫",
+					" · 阶段 ",
+					phaseLabel(phase)
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.muted,
+					children: [
+						"余额 ",
+						formatM(parseAtoms(view.yourAvailableAtoms)),
+						" · 冻结 ",
+						formatM(parseAtoms(view.yourEscrowAtoms))
+					]
+				})]
+			}),
+			seconds !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${styles_module_css_default.timer} ${seconds <= 10 ? styles_module_css_default.timerUrgent : ""}`,
+				children: [
+					"出牌剩余 ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: seconds }),
+					" / 120 秒"
+				]
+			}) : phase === "waiting" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.hint,
+				children: [
+					seated,
+					"/",
+					count,
+					" 人入座，人齐开打。后来的人观战。"
+				]
+			}) : null,
+			laiZi.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.muted,
+				children: ["癞子：", laiZi.join("、")]
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${styles_module_css_default.opponents} ${opponents.length > 2 ? styles_module_css_default.opponentsThree : ""}`,
+				children: opponents.map((seat, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatRow, {
+					seat,
+					align: index === opponents.length - 1 ? "right" : index === 0 ? "left" : "center",
+					...view.revealedBySeat?.[seat.seat] ? { revealed: view.revealedBySeat[seat.seat] } : {},
+					laiZiRanks: laiZi
+				}, seat.seat))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.centerPlay,
+				children: view.lastPlays.slice(-1).map((play, index) => play.type === "pass" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: styles_module_css_default.muted,
+					children: "过"
+				}, index) : play.cards.map((card) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardFace, {
+					card,
+					laiZiRanks: laiZi
+				}, card)))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.bottom,
+				children: view.bottom ? view.bottom.map((card) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardFace, {
+					card,
+					laiZiRanks: laiZi
+				}, card)) : phase !== "waiting" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBack, { count: holeCount(count) }) : null
+			}),
+			view.you.spectator ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.selfRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.selfSeat,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatAvatar, { spectator: true }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.seatName,
+						children: ["观战", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.badge,
+							children: "观战"
+						})]
+					})]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.hint,
+				children: "观战中。只能看见已打出的牌与公开区。"
+			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.selfRow,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.selfSeat,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SeatAvatar, {
+						avatarUrl: mine?.avatarUrl ?? null,
+						role: mine?.role ?? "empty",
+						seat: self,
+						occupied: Boolean(mine?.playerId)
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.seatName,
+						children: [
+							mine?.displayName,
+							mine?.role === "landlord" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "地主"
+							}) : null,
+							mine?.role === "farmer" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "农民"
+							}) : null,
+							view.mingPaiBySeat?.[self] ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.badge,
+								children: "明牌"
+							}) : null
+						]
+					})]
+				}), phase === "waiting" && !view.bottom ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBack, {
+					count: holeCount(count),
+					compact: true
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: styles_module_css_default.hand,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: styles_module_css_default.handInner,
+						children: view.you.cards.map((card) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => {
+								onToggle(card);
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardFace, {
+								card,
+								selected: selected.includes(card),
+								laiZiRanks: laiZi
+							})
+						}, card))
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.actions,
+				children: [
+					phase === "waiting" && !view.you.spectator ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: styles_module_css_default.hint,
+						children: [
+							"等满 ",
+							count,
+							" 人自动开打。"
+						]
+					}) : null,
+					phase === "bidding" && isTurn(view) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: view.auction?.kind === "rob" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.ghost,
+						onClick: () => {
+							onBid("pass");
+						},
+						children: "不抢"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.primary,
+						onClick: () => {
+							onBid("rob");
+						},
+						children: "抢地主"
+					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.ghost,
+						onClick: () => {
+							onBid("pass");
+						},
+						children: "不叫"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.primary,
+						onClick: () => {
+							onBid("call");
+						},
+						children: "叫地主"
+					})] }) }) : null,
+					canMingPai(view) && onMingPai ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.ghost,
+						onClick: onMingPai,
+						children: "明牌"
+					}) : null,
+					phase === "doubling" && !view.you.spectator ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.ghost,
+							onClick: () => {
+								onDouble("pass");
+							},
+							children: "不加倍"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.primary,
+							onClick: () => {
+								onDouble("double");
+							},
+							children: "加倍 ×2"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.primary,
+							onClick: () => {
+								onDouble("reDouble");
+							},
+							children: "超级加倍 ×4"
+						})
+					] }) : null,
+					phase === "playing" && isTurn(view) && !view.you.spectator ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.primary,
+						disabled: !legal,
+						onClick: onPlay,
+						children: "出牌"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: styles_module_css_default.ghost,
+						disabled: !view.legal.canPass,
+						onClick: onPass,
+						children: "过"
+					})] }) : null
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.chat,
+				children: [view.chat.map((line) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+					line.displayName,
+					": ",
+					line.text
+				] }, line.ts)), !view.you.spectator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+					onSubmit: (event) => {
+						event.preventDefault();
+						const data = new FormData(event.currentTarget);
+						const text = String(data.get("chat") ?? "");
+						if (text) onChat(text);
+						event.currentTarget.reset();
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: styles_module_css_default.input,
+						name: "chat",
+						maxLength: 80,
+						placeholder: "聊天"
+					})
+				}) : null]
+			})
+		]
+	});
+}
+function opponentSeats(self, count) {
+	const out = [];
+	for (let step = 1; step < count; step += 1) out.push((self + step) % count);
+	return out;
+}
+function seatAt(seats, index) {
+	return seats[index] ?? {
+		seat: index,
+		playerId: null,
+		displayName: null,
+		avatarUrl: null,
+		ready: false,
+		connected: false,
+		role: "empty",
+		grantId: null,
+		cardsLeft: 0
+	};
+}
+function isTurn(view) {
+	return view.you.seat !== null && view.turnSeat === view.you.seat;
+}
+function useDeadline(deadlineAt) {
+	const [now, setNow] = (0, react.useState)(() => Date.now());
+	(0, react.useEffect)(() => {
+		if (!deadlineAt) return void 0;
+		const tick = setInterval(() => {
+			setNow(Date.now());
+		}, 250);
+		return () => {
+			clearInterval(tick);
+		};
+	}, [deadlineAt]);
+	if (!deadlineAt) return null;
+	return Math.max(0, Math.ceil((Date.parse(deadlineAt) - now) / 1e3));
+}
+function canMingPai(view) {
+	if (view.you.spectator || view.you.seat === null) return false;
+	if (view.mingPaiBySeat?.[view.you.seat]) return false;
+	return view.room.phase === "bidding" || view.room.phase === "doubling" || view.room.phase === "playing";
+}
+function phaseLabel(phase) {
+	if (phase === "waiting") return "等人";
+	if (phase === "bidding") return "叫抢";
+	if (phase === "doubling") return "加倍";
+	if (phase === "playing") return "出牌";
+	if (phase === "settling") return "结算";
+	return phase;
+}
+
+//#endregion
+//#region src/client/HostApp.tsx
+function HostApp({ onClose }) {
+	const [stakeM, setStakeM] = (0, react.useState)(DEFAULT_STAKE_M);
+	const [maxMultiplier, setMaxMultiplier] = (0, react.useState)(DEFAULT_MAX_MULTIPLIER);
+	const [seatCount, setSeatCount] = (0, react.useState)(3);
+	const [laiZi, setLaiZi] = (0, react.useState)(false);
+	const [title, setTitle] = (0, react.useState)("好友局");
+	const [tab, setTab] = (0, react.useState)("create");
+	const [joinCode, setJoinCode] = (0, react.useState)("");
+	const [joinInvite, setJoinInvite] = (0, react.useState)("");
+	const [joinName, setJoinName] = (0, react.useState)("好友");
+	const [state, setState] = (0, react.useState)(emptyState);
+	const [creating, setCreating] = (0, react.useState)(false);
+	const [joining, setJoining] = (0, react.useState)(false);
+	const [roomId, setRoomId] = (0, react.useState)(null);
+	const seq = (0, react.useMemo)(() => ({ value: 0 }), []);
+	(0, react.useEffect)(() => {
+		const onHash = () => {
+			const match = /#\/doudizhu\/room\/([^/]+)/.exec(location.hash);
+			if (match) setRoomId(match[1] ?? null);
+		};
+		onHash();
+		window.addEventListener("hashchange", onHash);
+		return () => {
+			window.removeEventListener("hashchange", onHash);
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!roomId || !state.view) return;
+	}, [roomId, state.view]);
+	const applyView = (view) => {
+		setState((prev) => ({
+			...prev,
+			view,
+			selected: prev.selected.filter((card) => view.you.cards.includes(card))
+		}));
+	};
+	const startRoom = async () => {
+		setCreating(true);
+		setState((prev) => ({
+			...prev,
+			error: null
+		}));
+		try {
+			const created = await createRoom({
+				stakeM,
+				maxMultiplier,
+				seatCount,
+				laiZi,
+				hostDisplayName: "房主",
+				title
+			});
+			setRoomId(created.roomId);
+			setState((prev) => ({
+				...prev,
+				view: created.view,
+				shareable: created.shareable,
+				sitUrl: created.sitUrl,
+				watchUrl: created.watchUrl,
+				roomCode: created.roomCode
+			}));
+			location.hash = `#/doudizhu/room/${created.roomId}`;
+			listenRoom(created.roomId, created.wsTicket);
+		} catch (error) {
+			setState((prev) => ({
+				...prev,
+				error: error instanceof Error ? error.message : "create failed"
+			}));
+		} finally {
+			setCreating(false);
+		}
+	};
+	const enterRoom = async () => {
+		setJoining(true);
+		setState((prev) => ({
+			...prev,
+			error: null
+		}));
+		try {
+			const result = await joinRoom({
+				roomCode: joinCode.trim(),
+				invite: joinInvite.trim(),
+				displayName: joinName,
+				role: "sit"
+			});
+			setRoomId(result.roomId);
+			applyView(result.view);
+			setState((prev) => ({
+				...prev,
+				roomCode: result.view.room.roomCode
+			}));
+			location.hash = `#/doudizhu/room/${result.roomId}`;
+			listenRoom(result.roomId, result.wsTicket);
+		} catch (error) {
+			setState((prev) => ({
+				...prev,
+				error: error instanceof Error ? error.message : "join failed"
+			}));
+		} finally {
+			setJoining(false);
+		}
+	};
+	const listenRoom = (nextRoomId, ticket) => {
+		connectChannel(ticket, (event) => {
+			if (event.type === "snapshot") {
+				seq.value = event.seq;
+				applyView(event.view);
+			}
+			if (event.type === "settled") {
+				seq.value = event.seq;
+				setState((prev) => ({
+					...prev,
+					settlement: event.settlement
+				}));
+			}
+			if (event.type === "reject") setState((prev) => ({
+				...prev,
+				error: event.reason
+			}));
+		}, {
+			roomId: nextRoomId,
+			seq: () => seq.value
+		});
+	};
+	const command = (cmd) => {
+		if (!roomId) return;
+		sendCommand(roomId, cmd).catch((error) => {
+			setState((prev) => ({
+				...prev,
+				error: error instanceof Error ? error.message : "command failed"
+			}));
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: styles_module_css_default.root,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: styles_module_css_default.topbar,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: styles_module_css_default.brand,
+					children: "斗地主"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: styles_module_css_default.close,
+					onClick: onClose,
+					children: "关闭"
+				})]
+			}),
+			state.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.banner,
+				children: state.error
+			}) : null,
+			!state.view ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LobbyView, {
+				tab,
+				onTab: setTab,
+				title,
+				stakeM,
+				maxMultiplier,
+				seatCount,
+				laiZi,
+				onTitle: setTitle,
+				onStake: setStakeM,
+				onCap: setMaxMultiplier,
+				onSeats: setSeatCount,
+				onLaiZi: setLaiZi,
+				onCreate: () => {
+					startRoom();
+				},
+				creating,
+				error: state.error,
+				roomCode: state.roomCode,
+				sitUrl: state.sitUrl,
+				watchUrl: state.watchUrl,
+				shareable: state.shareable,
+				welcomeAtoms: DEFAULT_WELCOME_ATOMS,
+				join: {
+					code: joinCode,
+					invite: joinInvite,
+					name: joinName,
+					joining,
+					onCode: setJoinCode,
+					onInvite: setJoinInvite,
+					onName: setJoinName,
+					onJoin: () => {
+						enterRoom();
+					}
+				}
+			}) : state.settlement && state.view.room.phase === "waiting" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettlementView, {
+				settlement: state.settlement,
+				onRematch: () => {
+					setState((prev) => ({
+						...prev,
+						settlement: null
+					}));
+					command({ type: "rematch" });
+				}
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [state.roomCode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles_module_css_default.banner,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoomCodeBar, {
+					title: state.view.room.title,
+					roomCode: state.roomCode,
+					sitUrl: state.sitUrl,
+					shareable: state.shareable,
+					canRename: true,
+					onRename: (next) => {
+						command({
+							type: "rename",
+							title: next
+						});
+					}
+				})
+			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableView, {
+				view: state.view,
+				selected: state.selected,
+				onToggle: (card) => {
+					setState((prev) => ({
+						...prev,
+						selected: toggleCard(prev.selected, card)
+					}));
+				},
+				onBid: (action) => {
+					command({
+						type: "bid",
+						action
+					});
+				},
+				onDouble: (action) => {
+					command({
+						type: "double",
+						action
+					});
+				},
+				onMingPai: () => {
+					command({ type: "mingPai" });
+				},
+				onPlay: () => {
+					command({
+						type: "play",
+						cards: state.selected,
+						nonce: crypto.randomUUID()
+					});
+				},
+				onPass: () => {
+					command({
+						type: "pass",
+						nonce: crypto.randomUUID()
+					});
+				},
+				onReady: (ready) => {
+					command({
+						type: "ready",
+						ready
+					});
+				},
+				onChat: (text) => {
+					command({
+						type: "chat",
+						text
+					});
+				}
+			})] })
+		]
+	});
+}
+
+//#endregion
+//#region src/client/SettingsCard.tsx
+function draftFrom(value) {
+	return {
+		publicBaseUrl: value.publicBaseUrl ?? "",
+		welcomeAtoms: value.welcomeAtoms ?? "200000000",
+		defaultSeatCount: value.defaultSeatCount === 4 ? 4 : 3,
+		defaultMaxMultiplier: value.defaultMaxMultiplier ?? 8,
+		defaultLaiZi: value.defaultLaiZi === true,
+		spectatorCardCounter: value.spectatorCardCounter === true
+	};
+}
+function draftsEqual(left, right) {
+	return left.publicBaseUrl === right.publicBaseUrl && left.welcomeAtoms === right.welcomeAtoms && left.defaultSeatCount === right.defaultSeatCount && left.defaultMaxMultiplier === right.defaultMaxMultiplier && left.defaultLaiZi === right.defaultLaiZi && left.spectatorCardCounter === right.spectatorCardCounter;
+}
+function validateDraft(draft) {
+	const publicBaseUrl = draft.publicBaseUrl.trim().replace(/\/+$/, "");
+	if (publicBaseUrl !== "") {
+		let parsed;
+		try {
+			parsed = new URL(publicBaseUrl);
+		} catch {
+			return "publicBaseUrl 必须是绝对 http(s) origin，不要路径或尾斜杠";
+		}
+		if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return "publicBaseUrl 必须是 http 或 https";
+		if (parsed.origin !== publicBaseUrl) return "publicBaseUrl 必须是 origin，不要路径、查询或尾斜杠";
+	}
+	if (!/^\d+$/.test(draft.welcomeAtoms)) return "欢迎积分必须是非负整数";
+	if (![
+		8,
+		16,
+		32,
+		64
+	].includes(draft.defaultMaxMultiplier)) return "倍数封顶只能是 8、16、32 或 64";
+	return null;
+}
+function SettingsCard({ scope }) {
+	const [snap, setSnap] = (0, react.useState)(() => scope.getSnapshot());
+	const [open, setOpen] = (0, react.useState)(false);
+	const [draft, setDraft] = (0, react.useState)(() => snap.value ? draftFrom(snap.value) : null);
+	const [saving, setSaving] = (0, react.useState)(false);
+	const [saved, setSaved] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(null);
+	(0, react.useEffect)(() => scope.subscribe(() => {
+		const next = scope.getSnapshot();
+		setSnap((prevSnap) => {
+			if (next.value) {
+				const incoming = draftFrom(next.value);
+				const previousStored = prevSnap.value ? draftFrom(prevSnap.value) : incoming;
+				setDraft((prev) => {
+					if (!prev || draftsEqual(prev, previousStored)) return incoming;
+					return prev;
+				});
+			}
+			return next;
+		});
+	}), [scope]);
+	(0, react.useEffect)(() => {
+		if (draft || !snap.value) return;
+		setDraft(draftFrom(snap.value));
+	}, [draft, snap.value]);
+	const value = snap.value;
+	if (!value || !draft) return null;
+	const stored = draftFrom(value);
+	const dirty = !draftsEqual(draft, stored);
+	const patch = (field, next) => {
+		setSaved(false);
+		setError(null);
+		setDraft((prev) => prev ? {
+			...prev,
+			[field]: next
+		} : prev);
+	};
+	const save = async () => {
+		const invalid = validateDraft(draft);
+		if (invalid) {
+			setError(invalid);
+			return;
+		}
+		const next = {
+			...draft,
+			publicBaseUrl: draft.publicBaseUrl.trim().replace(/\/+$/, "")
+		};
+		setDraft(next);
+		setSaving(true);
+		setError(null);
+		try {
+			const writes = [
+				["publicBaseUrl", next.publicBaseUrl],
+				["welcomeAtoms", next.welcomeAtoms],
+				["defaultSeatCount", next.defaultSeatCount],
+				["defaultMaxMultiplier", next.defaultMaxMultiplier],
+				["defaultLaiZi", next.defaultLaiZi],
+				["spectatorCardCounter", next.spectatorCardCounter]
+			];
+			for (const [field, fieldValue] of writes) {
+				if (stored[field] === fieldValue) continue;
+				await scope.set(String(field), fieldValue);
+			}
+			setSaved(true);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "保存失败");
+		} finally {
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${styles_module_css_default.settingsCard} ${open ? styles_module_css_default.settingsOpen : ""}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: styles_module_css_default.settingsHeader,
+			"aria-expanded": open,
+			onClick: () => {
+				setOpen(!open);
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: styles_module_css_default.settingsHeadText,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: styles_module_css_default.settingsName,
+					children: "dsh-poker"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: styles_module_css_default.settingsDesc,
+					children: "本机房间默认：人数、癞子、邀请地址和欢迎积分。同一房间先到入座，后来观战。"
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: `${styles_module_css_default.settingsChevron} ${open ? styles_module_css_default.settingsChevronOpen : ""}`,
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3.2 5.1 7 8.9l3.8-3.8",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.4",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: styles_module_css_default.settingsBody,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.settingsHint,
+					children: "开房在侧栏 New Session 下面的「斗地主」，这里只改下次开房的默认值。点保存后生效，已经开着的房间不动。"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: styles_module_css_default.settingsField,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.settingsLabel,
+							children: "对外地址 publicBaseUrl"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: styles_module_css_default.settingsInput,
+							value: draft.publicBaseUrl,
+							placeholder: "https://your-named-tunnel.example",
+							onChange: (event) => {
+								patch("publicBaseUrl", event.target.value);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsFieldHint,
+							children: "填能打到本机的 https origin，好友才能用邀请链接进桌。空着只能本机标签页互打。"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: styles_module_css_default.settingsField,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.settingsLabel,
+							children: "欢迎积分"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: styles_module_css_default.settingsInput,
+							inputMode: "numeric",
+							value: draft.welcomeAtoms,
+							onChange: (event) => {
+								patch("welcomeAtoms", event.target.value);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsFieldHint,
+							children: "进房时账本里的起始积分，不是 DeepSeek 平台余额。默认 200M。"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: styles_module_css_default.settingsField,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.settingsLabel,
+							children: "默认人数"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: styles_module_css_default.settingsInput,
+							value: draft.defaultSeatCount,
+							onChange: (event) => {
+								patch("defaultSeatCount", Number(event.target.value) === 4 ? 4 : 3);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: 3,
+								children: "3 人"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: 4,
+								children: "4 人"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsFieldHint,
+							children: "3 人一副牌 3 张底牌；4 人两副牌 8 张底牌。"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: styles_module_css_default.settingsField,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: styles_module_css_default.settingsLabel,
+						children: "默认倍数封顶"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: styles_module_css_default.settingsInput,
+						inputMode: "numeric",
+						value: String(draft.defaultMaxMultiplier),
+						onChange: (event) => {
+							patch("defaultMaxMultiplier", Number(event.target.value));
+						}
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.settingsField,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.settingsSwitchRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.settingsLabel,
+							children: "默认开癞子"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.settingsSwitch,
+							role: "switch",
+							"aria-checked": draft.defaultLaiZi,
+							onClick: () => {
+								patch("defaultLaiZi", !draft.defaultLaiZi);
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.settingsSwitchTrack,
+								"data-on": draft.defaultLaiZi ? "" : void 0,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: styles_module_css_default.settingsSwitchThumb })
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: styles_module_css_default.settingsFieldHint,
+						children: "下次开房默认癞子。翻两张万能牌，大小王不当癞子。"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.settingsField,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles_module_css_default.settingsSwitchRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: styles_module_css_default.settingsLabel,
+							children: "旁观记牌器"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.settingsSwitch,
+							role: "switch",
+							"aria-checked": draft.spectatorCardCounter,
+							onClick: () => {
+								patch("spectatorCardCounter", !draft.spectatorCardCounter);
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: styles_module_css_default.settingsSwitchTrack,
+								"data-on": draft.spectatorCardCounter ? "" : void 0,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: styles_module_css_default.settingsSwitchThumb })
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: styles_module_css_default.settingsFieldHint,
+						children: "观战可见剩余牌张。默认关。"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: styles_module_css_default.settingsActions,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.primary,
+							disabled: saving || !dirty || snap.writable === false,
+							onClick: () => {
+								save();
+							},
+							children: saving ? "保存中…" : "Save"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: styles_module_css_default.ghost,
+							disabled: saving || !dirty,
+							onClick: () => {
+								setDraft(stored);
+								setSaved(false);
+								setError(null);
+							},
+							children: "Discard"
+						}),
+						error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsSaveError,
+							children: error
+						}) : saved && !dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsSaveOk,
+							children: "已保存，下次开房生效"
+						}) : dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles_module_css_default.settingsFieldHint,
+							children: "有未保存的更改"
+						}) : null
+					]
+				}),
+				snap.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: styles_module_css_default.settingsHint,
+					children: "没挂 storageDomain 时房间只在内存里，重启就没了。"
+				}) : null
+			]
+		}) : null]
+	});
+}
+
+//#endregion
+//#region src/client/slots.tsx
+function registerClientSlots(ctx) {
+	ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+		name: "sidebar.footer.action",
+		id: "doudizhu"
+	}, DouDizhuSidebarButton));
+	ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+		name: "shell.overlay",
+		id: "doudizhu"
+	}, DouDizhuOverlay));
+	ctx.slots.inject("settings.plugin.item", () => {
+		const scope = ctx.settingsScope.bind({ namespace: "doudizhu" });
+		return ctx.slots.register({
+			name: "settings.plugin.item",
+			key: "doudizhu"
+		}, function DouDizhuSettingsCard() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsCard, { scope });
+		});
+	});
+}
+function DouDizhuSidebarButton({ wide }) {
+	const [mount, setMount] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		let host = null;
+		const place = () => {
+			const after = findNewSessionAnchor();
+			if (!after) return;
+			if (!host) {
+				host = document.createElement("div");
+				host.dataset.doudizhuEntry = "";
+			}
+			if (host.previousElementSibling !== after || !host.isConnected) after.insertAdjacentElement("afterend", host);
+			setMount((prev) => prev === host ? prev : host);
+		};
+		place();
+		const observer = new MutationObserver(place);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		return () => {
+			observer.disconnect();
+			host?.remove();
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!mount) return;
+		const slot = styles_module_css_default.sidebarSlot ?? "";
+		const rail = styles_module_css_default.sidebarSlotRail ?? "";
+		mount.className = wide ? slot : `${slot} ${rail}`;
+	}, [mount, wide]);
+	if (!mount) return null;
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		className: `${styles_module_css_default.sidebarBtn} ${wide ? "" : styles_module_css_default.sidebarBtnRail}`,
+		onClick: () => {
+			location.hash = "#/doudizhu";
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: wide ? "斗地主" : "斗" }), wide ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: styles_module_css_default.muted,
+			children: "dsh-poker"
+		}) : null]
+	}), mount);
+}
+function findNewSessionAnchor() {
+	const labeled = document.querySelectorAll("button[aria-label=\"New session\"], button[aria-label=\"新建会话\"]");
+	const button = labeled[labeled.length - 1] ?? [...document.querySelectorAll("button")].find((el) => {
+		const text = el.textContent?.replace(/\s+/g, " ").trim();
+		return text === "New Session" || text === "新会话";
+	}) ?? null;
+	if (!button) return null;
+	let node = button;
+	let parent = node.parentElement;
+	while (parent) {
+		const style = getComputedStyle(parent);
+		if (style.display === "flex" && style.flexDirection === "column") return node;
+		node = parent;
+		parent = node.parentElement;
+	}
+	return button;
+}
+function DouDizhuOverlay() {
+	const [open, setOpen] = (0, react.useState)(() => location.hash.startsWith("#/doudizhu"));
+	useHashOpen(setOpen);
+	if (!open) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostApp, { onClose: () => {
+		location.hash = "#/";
+	} });
+}
+function useHashOpen(setOpen) {
+	(0, react.useEffect)(() => {
+		const sync = () => {
+			setOpen(location.hash.startsWith("#/doudizhu"));
+		};
+		window.addEventListener("hashchange", sync);
+		return () => {
+			window.removeEventListener("hashchange", sync);
+		};
+	}, [setOpen]);
+}
+
+//#endregion
+//#region src/client/index.tsx
+const name = "doudizhu-client";
+const inject = [
+	"slots",
+	"connection",
+	"remote",
+	"settingsScope"
+];
+function apply(ctx) {
+	ctx.effect(() => {
+		registerClientSlots(ctx);
+		return () => {};
+	});
+}
+
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+exports.name = name;
+return module.exports; } });
+//# sourceMappingURL=client.js.map