egatari 0.0.0-stage → 0.6.4

package/kit/live.js

@@ -0,0 +1,670 @@
+// 授業の部屋の再生器（拡張 live。format spec の extensions/live.md、通信は egatari/live の PROTOCOL.md）
+// 部屋を付けた再生専用の派生にだけ入る（kit/core/live.mjs の addLive が、deck-meta の直後に DECK.LivePolicy と一緒に入れる）。ほかの出力には入らない
+// - 初めはたたんだ印（#live-mark。右上の小さなボタン）だけ。舞台（#stage）は窓いっぱい。印を押すか、投票のある段階に来ると板（#live-pane）を開く：
+//   横長の画面では右、縦長では下。開いている間、舞台は板を除いた場所に収める（中の (i, k, t) の描画・字幕・印・動画・印刷は変えない）。
+//   投票で開いた板は、その段階を離れるとたたむ（板の「開いたままにする」か、印から開いたときはたたまない）
+// - 何も送らない・つながない：動画（?mode=video）・印刷・発表者ビューとその中の画面（?presenter・?view）・枠の中（編集アプリのプレビュー・srcdoc・LMS）・
+//   http(s)・file:・content:（Android）でない文書・この派生の決まり（CSP）でない文書・窓（window）の外。迷ったらつながず、部屋の場所を字で見せる
+// - 初めてつなぐ前に、つながる先を見せて「参加する」を 1 回押してもらう（覚えるのはこのタブのあいだだけ。sessionStorage）
+// - 送るのは、学ぶ人が送ると決めたもの（質問・投票）と、端末で作った乱数の pid（localStorage。使えなければメモリ）と、入れたときだけ名前、ping だけ。
+//   見ている位置や時間は送らない。"*" の Q&A の段階の鍵は、送るときに画面にある段階（学ぶ人が送ると決めたものに付けるだけ）
+// - サーバーの字はすべて textContent（HTML にしない）。つなぐ URL の origin は endpoint と同じか確かめる
+(function(){
+"use strict";
+var DECK = window.DECK = window.DECK || {};
+var CFG = DECK.LIVE_CFG || {};
+var Q = new URLSearchParams(location.search);
+var MODE = Q.get("mode") || document.documentElement.getAttribute("data-mode") || "talk";
+// 動画・発表者ビュー・その中の画面では、板も作らない
+if (MODE === "video" || Q.get("presenter") || Q.get("view")) return;
+var LP = typeof DECK.LivePolicy === "function" ? DECK.LivePolicy() : null;
+if (!LP) return;
+var live = null;
+try {
+  var blk = document.getElementById(CFG.blockId || "deck-extensions");
+  var d = blk && blk.type === "application/json" ? JSON.parse(blk.textContent) : null;
+  live = d && d.live;
+} catch (e) { live = null; }
+if (!live) return;
+var bad = LP.validate(live, {key: true});
+if (bad.length){ console.warn("live: ignored (" + bad.join("; ") + ")"); return; }
+
+var JA = /^ja\b/i.test(document.documentElement.lang || "ja");
+var HOST = LP.hostOf(live.endpoint);
+var S = JA ? {
+  title: "ライブ（質問・投票）", again: "もう一度試す", notice: "この教材から、" + HOST + " のライブでホストに質問や投票を送れます", join: "参加する", leave: "退出する", fold: "たたむ", unfold: "ひらく", badge: "ライブ", pin: "開いたままにする", pollOpen: "このステップに投票があります。ライブの板を開きました",
+  off: "つないでいません", connecting: "つないでいます…", connected: "参加中", waiting: "待機室で待っています", retrying: function(s){ return s + " 秒後につなぎ直します"; },
+  before: function(t){ return "ライブは " + t + " に始まります"; }, after: "ライブの時間は終わりました", noNet: "この画面からは参加できません。教材のファイルをダウンロードして、ブラウザ（Chrome・Safari など）で直接開いてください。ライブ ID：",
+  noNetLink: "この画面からは参加できません。ブラウザの新しいタブで参加できます。", openJoin: "ブラウザで参加する", joinTo: "参加先：", roomLabel: "ライブ ID：",
+  name: "名前（任意）", nameNote: "名前はホストだけに見えます（入れなければ名前なしで送られます）", ask: "ホストへの質問", send: "送る", sent: "質問を送りました",
+  askBtn: "ホストに質問する", askHint: "質問はホストだけが見ます。名前を入れなければ、名前なしで届きます",
+  where: function(t){ return "質問に付く場所：" + t; }, whereStep: function(i, k){ return "スライド " + i + "・ステップ " + k; }, whereAll: "教材全体",
+  circle: "囲む", circleOn: "囲むのを終える", circleHelp: "質問したいところを、スライドの上で指やマウスでなぞって囲めます（なくてもかまいません）。Esc で終わります",
+  circled: function(n){ return "囲んだところ：" + n + " 本"; }, clearCircle: "囲みを消す", circleGone: "ステップが変わったので、囲んだところを消しました", circleStart: "スライドの上をなぞって囲んでください。Esc で終わります", circleEnd: "囲むのを終えました",
+  inkLabel: "囲むところ（スライドの上）",
+  confused: "わからない", confusedTip: "このステップがわからないことを、ホストに伝えます（文は送りません）。もう一度押すと取り消します",
+  confusedSent: "「わからない」をホストに伝えました", confusedOff: "「わからない」を取り消しました",
+  replies: "ホストからの返事", yourQ: "あなたの質問：", gotReply: "ホストから返事が届きました", replyPrefix: "ホストの返事：", newReply: "新しい返事があります", vote: "投票する", voted: "投票しました", revote: "選び直して投票できます",
+  shown: "ホストが全員に表示した質問", leftMsg: "切断しました。もう一度参加できます", window: function(a, b){ return a + " – " + b; }, privacy: "送るのは、送ると決めた質問（そのときのステップと、囲んだところ）・投票・「わからない」（と入れたときの名前）、この端末で作った番号だけです。見ている位置や時間は送りません",
+  stop: {bad_key: "この教材の参加コードではライブに入れません（参加コードが違います）", room_not_found: "ライブが見つかりません", superseded: "ほかのタブや窓で参加したので、ここは切れました",
+    room_expired: "ライブの時間が終わりました", room_closed: "ホストがライブを終えました。再開したら、もう一度「参加する」を押してください", too_early: "まだライブの時間になっていません（この端末の時計も確かめてください）",
+    room_full: "ライブが満員です。少し待ってから、もう一度参加してください", key_replaced: "ホストが参加コードを替えました。このファイルでは入れません。新しいファイルをもらってください",
+    not_approved: "ホストが参加を認めませんでした", bad_message: "通信の約束が合いません（教材かサーバーの不具合）", window_over: "ライブの時間は終わりました", unknown: "ライブから切断されました",
+    bad_endpoint: "つなぐ先が教材の宣言と違うので、つなぎません", network: "つなげませんでした"},
+  err: {unknown_activity: "この質問・投票はライブにありません", wrong_kind: "質問・投票の種類が違います", bad_choice: "選択肢がありません", text_too_long: "質問が長すぎます", empty_text: "質問が空です",
+    rate_limited: "送るのが速すぎます。少し待ってください", quota_exceeded: "送れる数を超えました", room_limit: "ライブがいっぱいで受け付けられませんでした", not_admitted: "ホストの許可を待っています", bad_region: "囲んだところを送れませんでした。囲みを消して送ってください", other: "送れませんでした"}
+} : {
+  title: "Live (questions and polls)", again: "Try again", notice: "From this lesson you can send questions and votes to the host through Live at " + HOST, join: "Join", leave: "Leave", fold: "Fold", unfold: "Unfold", badge: "Live", pin: "Keep open", pollOpen: "This step has a poll. The Live pane is open",
+  off: "Not connected", connecting: "Connecting…", connected: "Joined", waiting: "Waiting in the waiting room", retrying: function(s){ return "Reconnecting in " + s + " s"; },
+  before: function(t){ return "The Live starts at " + t; }, after: "The live time is over", noNet: "You cannot join from this screen. Download the lesson file and open it directly in a browser (Chrome, Safari, …). Live ID: ",
+  noNetLink: "You cannot join from this screen. You can join in a new browser tab.", openJoin: "Join in the browser", joinTo: "Goes to: ", roomLabel: "Live ID: ",
+  name: "Name (optional)", nameNote: "Only the host sees your name (leave it empty to send without one)", ask: "Question for the host", send: "Send", sent: "Question sent",
+  askBtn: "Ask the host a question", askHint: "Only the host sees questions. Without a name, they arrive without one",
+  where: function(t){ return "The question is tied to: " + t; }, whereStep: function(i, k){ return "slide " + i + ", step " + k; }, whereAll: "the whole lesson",
+  circle: "Circle", circleOn: "Stop circling", circleHelp: "You can circle what you are asking about by tracing on the slide with a finger or the mouse (optional). Esc stops",
+  circled: function(n){ return "Circled: " + n + (n === 1 ? " stroke" : " strokes"); }, clearCircle: "Clear the circle", circleGone: "The step changed, so the circle was cleared", circleStart: "Trace on the slide to circle. Esc stops", circleEnd: "Stopped circling",
+  inkLabel: "Area to circle (on the slide)",
+  confused: "I don't follow", confusedTip: "Tells the host you don't follow this step (no text is sent). Tap again to take it back",
+  confusedSent: "Told the host you don't follow", confusedOff: "Took back “I don't follow”",
+  replies: "Replies from the host", yourQ: "Your question: ", gotReply: "The host replied", replyPrefix: "Host's reply: ", newReply: "There is a new reply", vote: "Vote", voted: "Vote recorded", revote: "You can change your vote",
+  shown: "Questions the host showed to everyone", leftMsg: "Disconnected. You can join again", window: function(a, b){ return a + " – " + b; }, privacy: "Only what you choose to send (questions with the step on screen and anything you circled, votes, “I don't follow”, and a name if you type one) and a random id made on this device are sent. Your viewing position and timing are not",
+  stop: {bad_key: "This lesson's join code does not open the Live (wrong join code)", room_not_found: "The Live does not exist", superseded: "You joined in another tab or window, so this one was disconnected",
+    room_expired: "The live time is over", room_closed: "The host ended the Live. When it reopens, press Join again", too_early: "The Live has not started yet (also check this device's clock)",
+    room_full: "The Live is full. Wait a little and join again", key_replaced: "The host replaced the join code: this file can no longer join. Ask for a new file",
+    not_approved: "The host did not admit you", bad_message: "Protocol mismatch (a bug in the lesson or the server)", window_over: "The live time is over", unknown: "Disconnected by the Live",
+    bad_endpoint: "The address does not match the one the lesson declares; not connecting", network: "Could not connect"},
+  err: {unknown_activity: "This question or poll is not in the Live", wrong_kind: "Wrong kind of question or poll", bad_choice: "No such choice", text_too_long: "The question is too long", empty_text: "The question is empty",
+    rate_limited: "Sending too fast. Wait a moment", quota_exceeded: "You have reached the maximum you can send", room_limit: "The Live is full and could not take it", not_admitted: "Waiting for the host to admit you", bad_region: "The circle could not be sent. Clear it and send again", other: "Could not send"}
+};
+// 手動で「参加する」から試し直せる止まり方（ほかは、このファイルでは入れない）
+var REJOIN = {room_closed: 1, too_early: 1, room_full: 1, rate_limited: 1, superseded: 1, not_approved: 1, network: 1, unknown: 1, window_over: 0};
+
+// ---------------------------------------------------------------- つないでよい場所か（迷ったら否）
+function docInfo(){
+  var framed = true;
+  try { framed = window.top !== window; } catch (e) { framed = true; }
+  var metas = [].filter.call(document.querySelectorAll("meta[http-equiv]"), function(m){ return /^content-security-policy$/i.test(m.getAttribute("http-equiv") || ""); });
+  return {framed: framed, protocol: location.protocol, origin: location.origin, pathname: location.pathname, csp: metas.map(function(m){ return m.getAttribute("content") || ""; })};
+}
+// file: と content:（Android のファイルのアプリ）は学ぶ人が自分で開いたファイル。決まりは kit/core/live-policy.mjs の docContext
+var DOC = docInfo();
+function context(){ return LP.docContext(DOC, live.endpoint); }
+var CTX = context();
+
+// ---------------------------------------------------------------- 記憶（どれも使えなければメモリだけ）
+var MEM = {};
+function store(kind){ try { var s = window[kind]; if (s) { s.getItem("x"); return s; } } catch (e) {} return null; }
+function getItem(kind, k){ var s = store(kind); try { if (s) { var v = s.getItem(k); if (v !== null) return v; } } catch (e) {} return Object.prototype.hasOwnProperty.call(MEM, kind + k) ? MEM[kind + k] : null; }
+function setItem(kind, k, v){ var s = store(kind); try { if (s) { if (v === null) s.removeItem(k); else s.setItem(k, v); } } catch (e) {} if (v === null) delete MEM[kind + k]; else MEM[kind + k] = v; }
+var PFX = CFG.storePrefix || "live-";
+var JOINED_KEY = PFX + "joined:" + live.room, PID_KEY = PFX + "pid:" + live.room;
+function newPid(){
+  var b = new Uint8Array(16), s = "";
+  (window.crypto || {}).getRandomValues ? crypto.getRandomValues(b) : b.forEach(function(_, i){ b[i] = Math.floor(Math.random() * 256); });
+  for (var i = 0; i < b.length; i++) s += String.fromCharCode(b[i]);
+  return btoa(s).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function pid(){
+  var p = getItem("localStorage", PID_KEY);
+  if (!p || !LP.RE.pid.test(p)){ p = newPid(); setItem("localStorage", PID_KEY, p); }
+  return p;
+}
+
+// ---------------------------------------------------------------- 板
+function h(tag, cls, text){ var e = document.createElement(tag); if (cls) e.className = cls; if (text != null) e.textContent = text; return e; }
+var css = h("style"); css.id = "live-pane-style";
+css.textContent =
+  "#live-pane{position:fixed;z-index:37;box-sizing:border-box;display:flex;flex-direction:column;background:#1d1f22;color:#eceef0;font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;overflow:hidden}" +
+  "html.lv-side #live-pane{top:0;right:0;bottom:0;width:var(--lv-w);border-left:1px solid #3a3d42}" +
+  "html.lv-bottom #live-pane{left:0;right:0;bottom:0;height:var(--lv-h);border-top:1px solid #3a3d42}" +
+  "#live-pane .lv-head{display:flex;align-items:center;gap:8px;padding:8px 10px;flex:none;border-bottom:1px solid #33363a;min-height:44px;box-sizing:border-box}" +
+  "html.lv-collapsed #live-pane{display:none}" +
+  "#live-mark{all:unset;position:fixed;right:10px;top:7px;z-index:38;box-sizing:border-box;display:flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:999px;" +
+  "background:rgba(20,20,20,.78);color:#fff;font:600 12.5px/1 system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}" +
+  "#live-mark:hover{background:rgba(20,20,20,.92)}#live-mark:focus-visible{outline:2px solid #9cc8ff;outline-offset:2px}#live-mark[aria-expanded=true]{background:#24436e}" +
+  "html.lv-side #live-mark{right:calc(var(--lv-w) + 10px)}" +
+  ".lv-dot{width:10px;height:10px;border-radius:50%;background:#7a7f86;flex:none}" +
+  "[data-state=connected]>.lv-dot,[data-state=connected]>.lv-head>.lv-dot{background:#3fbf6f}" +
+  "[data-state=waiting]>.lv-dot,[data-state=connecting]>.lv-dot,[data-state=retrying]>.lv-dot,[data-state=waiting]>.lv-head>.lv-dot,[data-state=connecting]>.lv-head>.lv-dot,[data-state=retrying]>.lv-head>.lv-dot{background:#e0b341}" +
+  "[data-state=stopped]>.lv-dot,[data-state=stopped]>.lv-head>.lv-dot{background:#e0605a}" +
+  "#live-pane .lv-title{font-weight:700}#live-pane .lv-state{flex:1;min-width:0;color:#b9bec5;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}" +
+  "#live-pane .lv-body{flex:1;overflow:auto;padding:10px 12px 14px}" +
+  "#live-pane p{margin:0 0 8px}#live-pane .lv-small{font-size:12px;color:#a3a9b0}#live-pane .lv-msg:empty{display:none}#live-pane .lv-msg{color:#ffd28a}" +
+  "#live-pane .lv-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;user-select:all}" +
+  "#live-pane button{font:inherit;color:#111;background:#e9ecef;border:1px solid #c9ced4;border-radius:6px;padding:4px 12px;cursor:pointer}" +
+  "#live-pane a.lv-join-link{display:inline-block;background:#4d8dff;border:1px solid #4d8dff;border-radius:6px;padding:4px 12px;color:#fff;font-weight:600;text-decoration:none}" +
+  "#live-pane a.lv-join-link:focus-visible{outline:2px solid #9cc8ff;outline-offset:2px}" +
+  "#live-pane button.lv-pri{background:#4d8dff;border-color:#4d8dff;color:#fff;font-weight:600}#live-pane button:disabled{opacity:.5;cursor:default}" +
+  "#live-pane .lv-head button{padding:2px 8px;font-size:12.5px}" +
+  "#live-pane .lv-head button.lv-pin{display:flex;align-items:center;padding:2px 5px;background:transparent;border-color:#5a5f66;color:#c4c9cf}" +
+  "#live-pane .lv-head button.lv-pin[aria-pressed=true]{background:#4d8dff;border-color:#4d8dff;color:#fff}" +
+  "#live-pane .lv-pin svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}" +
+  "#live-pane button:focus-visible,#live-pane input:focus-visible,#live-pane textarea:focus-visible{outline:2px solid #9cc8ff;outline-offset:2px}" +
+  "#live-pane label{display:block;font-size:12.5px;color:#c4c9cf;margin:8px 0 3px}" +
+  "#live-pane input[type=text],#live-pane textarea{box-sizing:border-box;width:100%;font:inherit;color:#111;background:#fff;border:1px solid #9aa1a9;border-radius:6px;padding:4px 6px}" +
+  "#live-pane textarea{min-height:64px;resize:vertical}#live-pane .lv-row{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}" +
+  "#live-pane fieldset{border:1px solid #3d4146;border-radius:8px;margin:10px 0;padding:6px 10px 10px}#live-pane legend{font-weight:600;padding:0 4px}" +
+  "#live-pane fieldset label{display:flex;gap:6px;align-items:flex-start;font-size:14px;color:#eceef0;margin:4px 0}" +
+  "#live-pane h3{font-size:12.5px;margin:14px 0 4px;color:#c4c9cf}#live-pane ul{margin:0;padding-left:18px}#live-pane li{margin:3px 0}" +
+  "#live-pane .lv-sec[hidden],#live-pane [hidden]{display:none!important}" +
+  "html.lv-side #dt-cb{left:calc((100% - var(--lv-w)) / 2)}html.lv-side #deck-toast{left:calc((100% - var(--lv-w)) / 2)}html.lv-side #jump{right:calc(var(--lv-w) + 12px)}html.lv-side #bar{max-width:calc(100% - var(--lv-w))}" +
+  "html.lv-bottom #dt-cb{bottom:calc(var(--lv-h) + 10px)}html.lv-bottom #bar{bottom:var(--lv-h)}html.lv-bottom #jump,html.lv-bottom #dt-ind{bottom:calc(var(--lv-h) + 10px)}" +
+  // 右下の「?」と「わからない」（舞台の外の小さなボタン。板が開いていれば板の手前に寄せる）
+  "#live-ask{position:fixed;right:12px;bottom:12px;z-index:38;display:flex;gap:8px;align-items:center}" +
+  "html.lv-side #live-ask{right:calc(var(--lv-w) + 12px)}html.lv-bottom #live-ask{bottom:calc(var(--lv-h) + 12px)}" +
+  "#live-ask[hidden],#live-ask [hidden]{display:none!important}" +
+  "#live-ask button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:rgba(20,20,20,.55);color:#fff;" +
+  "font:600 14px/1 system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}" +
+  "#live-ask .lv-q{font-size:21px}#live-ask .lv-cf{padding:0 14px}" +
+  "#live-ask button:hover{background:rgba(20,20,20,.85)}#live-ask button:focus-visible{outline:2px solid #9cc8ff;outline-offset:2px;background:rgba(20,20,20,.85)}" +
+  "#live-ask .lv-cf[aria-pressed=true]{background:var(--emph, #BA3C05)}" +   // 押した「わからない」はデッキのテーマの結論の色（:root の --emph。字は白）
+  "#live-mark.lv-new::after{content:'';width:8px;height:8px;border-radius:50%;background:#ffb02e;margin-left:2px}" +
+  // 囲むところ：舞台の上に重ねる SVG（舞台の座標 1280 × 720）。囲んでいる間だけ指とマウスを受ける
+  "#live-ink{position:fixed;z-index:36;pointer-events:none;overflow:visible}#live-ink[hidden]{display:none}" +
+  "#live-ink.lv-drawing{pointer-events:auto;cursor:crosshair;touch-action:none;outline:3px dashed #ffb02e;outline-offset:-3px}" +
+  "#live-ink polyline{fill:none;stroke:#ff5a4f;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}" +
+  "#live-pane .lv-where{font-size:12px;color:#c4c9cf;margin:4px 0 0}" +
+  "#live-pane button[aria-pressed=true]{background:#ffb02e;border-color:#ffb02e;color:#111}" +
+  "#live-pane .lv-reply{display:block;margin-top:2px;padding-left:8px;border-left:3px solid #4d8dff;white-space:pre-wrap}" +
+  "#live-pane .lv-replies ul{list-style:none;padding-left:0}#live-pane .lv-replies li{margin:6px 0}" +
+  "@keyframes lv-in{from{opacity:0}to{opacity:1}}" +
+  "@media (prefers-reduced-motion:no-preference){.lv-dot{transition:background-color .2s}#live-pane{animation:lv-in .16s ease-out}}" +
+  ".printing #live-pane,.printing #live-mark,.printing #live-ask,.printing #live-ink{display:none!important}@media print{#live-pane,#live-mark,#live-ask,#live-ink{display:none!important}}";
+var pane = h("aside"); pane.id = "live-pane"; pane.setAttribute("aria-label", S.title); pane.setAttribute("data-state", "off");
+var head = h("div", "lv-head"), dot = h("span", "lv-dot"), title = h("span", "lv-title", S.title), state = h("span", "lv-state", S.off);
+dot.setAttribute("aria-hidden", "true");
+var bLeave = h("button", "lv-leave", S.leave); bLeave.type = "button"; bLeave.hidden = true;
+var bPin = h("button", "lv-pin"); bPin.type = "button"; bPin.setAttribute("aria-label", S.pin); bPin.title = S.pin; bPin.setAttribute("aria-pressed", "false");
+bPin.innerHTML = '<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M6 2.5h4l-.6 4 2.3 2.3H4.3L6.6 6.5zM8 8.8v4.7"/></svg>';
+var bFold = h("button", "lv-fold", "×"); bFold.type = "button"; bFold.setAttribute("aria-label", S.fold); bFold.title = S.fold;
+head.appendChild(dot); head.appendChild(title); head.appendChild(state); head.appendChild(bLeave); head.appendChild(bPin); head.appendChild(bFold);
+// たたんだ印：本物のボタン（aria-expanded）。つながっている間も印の点と読み上げ用の字で状態を見せる
+var mark = h("button"); mark.id = "live-mark"; mark.type = "button"; mark.setAttribute("aria-expanded", "false"); mark.setAttribute("aria-controls", "live-pane"); mark.setAttribute("data-state", "off");
+var mDot = h("span", "lv-dot"), mBadge = h("span", "lv-badge", S.badge), mState = h("span", "sr-only");
+mDot.setAttribute("aria-hidden", "true");
+mark.appendChild(mDot); mark.appendChild(mBadge); mark.appendChild(mState);
+var body = h("div", "lv-body");
+var pNotice = h("p", "lv-notice", S.notice);
+var pWin = h("p", "lv-small");
+var pMsg = h("p", "lv-msg"); pMsg.setAttribute("role", "alert");
+var pAddr = h("p", "lv-small"), addr = h("span", "lv-addr");
+// つなげない文書：参加用のページ（新しいタブ。押すまで何も読み込まない。鍵は # の後ろ）。編集アプリのプレビューでは出さない
+var JOIN_URL = CTX && LP.offerJoinLink(CTX, DOC) ? LP.joinUrl(live) : null;
+var linkRow = h("div", "lv-row"), aJoin = h("a", "lv-join-link lv-pri", S.openJoin); linkRow.hidden = true;
+if (JOIN_URL){ aJoin.href = JOIN_URL; aJoin.target = "_blank"; aJoin.rel = "noopener noreferrer"; aJoin.__egaOwn = true; linkRow.appendChild(aJoin); }
+var bJoin = h("button", "lv-join lv-pri", S.join); bJoin.type = "button";
+var joinRow = h("div", "lv-row"); joinRow.appendChild(bJoin);
+var nameL = h("label", "", S.name), nameI = h("input"); nameI.type = "text"; nameI.className = "lv-name"; nameI.maxLength = LP.LIMITS.name; nameI.autocomplete = "off"; nameI.id = "live-pane-name"; nameL.htmlFor = nameI.id;
+var nameNote = h("p", "lv-small", S.nameNote);
+var polls = h("div", "lv-sec lv-polls");
+var qa = h("div", "lv-sec lv-qa"), qaL = h("label", "", S.ask), qaT = h("textarea"), bSend = h("button", "lv-send lv-pri", S.send);
+qaT.id = "live-pane-q"; qaL.htmlFor = qaT.id; qaT.maxLength = LP.LIMITS.question; bSend.type = "button";
+var qaRow = h("div", "lv-row"); qaRow.appendChild(bSend);
+// 質問に付く場所（送るときに画面にあるステップ）と、任意の「囲む」
+var pWhere = h("p", "lv-where"), pHint = h("p", "lv-small", S.askHint);
+var bCircle = h("button", "lv-circle", S.circle); bCircle.type = "button"; bCircle.setAttribute("aria-pressed", "false"); bCircle.title = S.circleHelp;
+var bClear = h("button", "lv-clear", S.clearCircle); bClear.type = "button"; bClear.hidden = true;
+var circled = h("span", "lv-small lv-circled");
+var circleRow = h("div", "lv-row"); circleRow.appendChild(bCircle); circleRow.appendChild(circled); circleRow.appendChild(bClear);
+var circleHelp = h("p", "lv-small", S.circleHelp); circleHelp.id = "live-pane-circle-help"; bCircle.setAttribute("aria-describedby", circleHelp.id);
+qa.appendChild(qaL); qa.appendChild(qaT); qa.appendChild(pWhere); qa.appendChild(circleRow); qa.appendChild(circleHelp); qa.appendChild(qaRow); qa.appendChild(pHint);
+// ホストからの返事（自分の質問への返事だけ。ほかの人の質問は届かない）
+var repSec = h("div", "lv-sec lv-replies"), repH = h("h3", "", S.replies), repUl = h("ul");
+repSec.appendChild(repH); repSec.appendChild(repUl);
+var shownSec = h("div", "lv-sec lv-shown"), shownH = h("h3", "", S.shown), shownUl = h("ul");
+shownSec.appendChild(shownH); shownSec.appendChild(shownUl);
+var pPriv = h("p", "lv-small", S.privacy);
+// 知らせる場所は板の外（たたんでいる間も読み上げる）
+var sr = h("div", "sr-only"); sr.setAttribute("role", "status"); sr.setAttribute("aria-live", "polite"); sr.id = "live-pane-status";
+[pNotice, pWin, pMsg, pAddr, linkRow, joinRow, nameL, nameI, nameNote, polls, qa, repSec, shownSec, pPriv].forEach(function(e){ body.appendChild(e); });
+pane.appendChild(head); pane.appendChild(body);
+// 右下の「?」（質問の欄を開く）と「わからない」（このステップで一押し。もう一度押すと取り消す）。舞台の外に置く
+var askBox = h("div"); askBox.id = "live-ask"; askBox.hidden = true;
+var bAsk = h("button", "lv-q", "?"); bAsk.type = "button"; bAsk.setAttribute("aria-label", S.askBtn); bAsk.title = S.askBtn; bAsk.setAttribute("aria-controls", "live-pane");
+var bConf = h("button", "lv-cf", S.confused); bConf.type = "button"; bConf.setAttribute("aria-pressed", "false"); bConf.title = S.confusedTip; bConf.hidden = true;
+askBox.appendChild(bConf); askBox.appendChild(bAsk);
+// 囲むところ（舞台の上に重ねる。舞台の DOM には入れない）
+var SVGNS = "http://www.w3.org/2000/svg";
+var ink = document.createElementNS(SVGNS, "svg"); ink.id = "live-ink"; ink.setAttribute("viewBox", "0 0 1280 720"); ink.setAttribute("preserveAspectRatio", "none");
+ink.setAttribute("aria-label", S.inkLabel); ink.setAttribute("role", "img"); ink.setAttribute("hidden", "");
+
+var fmt = function(s){ try { return new Date(s).toLocaleString(JA ? "ja-JP" : "en-US", {month: "short", day: "numeric", hour: "2-digit", minute: "2-digit"}); } catch (e) { return s; } };
+pWin.textContent = S.window(fmt(live.window.from), fmt(live.window.to));
+function announce(t){ sr.textContent = ""; setTimeout(function(){ sr.textContent = t; }, 30); }
+
+// ---------------------------------------------------------------- 開く・たたむ
+// pinned：印から開いたか「開いたままにする」。auto：投票のある段階で開いた（その段階を離れるとたたむ）。dismissed：その段階で学ぶ人がたたんだ
+var pinned = false, auto = false, dismissed = null;
+function isOpen(){ return pinned || auto; }
+// 投票で開くのは、窓の中で、ここからつなげるか「ブラウザで参加する」を出せるときだけ（編集アプリのプレビューでは開かない）。"*" の投票では開かない
+function pollHere(){ return LP.activitiesFor(live, stepKey).some(function(x){ return x.step !== "*" && x.a.kind === "poll"; }); }
+function autoWanted(){ return phase() === "open" && (!CTX || !!JOIN_URL) && pollHere() && dismissed !== stepKey; }
+function focusIn(){ var a = document.activeElement; return !!(a && pane.contains(a)); }
+function apply(wasOpen, how){
+  var o = isOpen();
+  if (o) newReply = false;
+  if (o === wasOpen) { render(); return; }
+  if (!o && drawing) setDrawing(false);
+  var back = !o && focusIn();
+  layout(); render();
+  if (back) mark.focus();
+  if (o && how === "poll") announce(S.pollOpen);
+  if (o && (how === "mark" || how === "ask")) focusForm();
+}
+// 開いた板で、まず使うところへ：質問の欄（つながっていれば）・「参加する」・「ブラウザで参加する」・閉じる
+function focusForm(){
+  var to = !qa.hidden ? qaT : !joinRow.hidden && !bJoin.disabled ? bJoin : JOIN_URL && !linkRow.hidden ? aJoin : bFold;
+  try { to.focus({preventScroll: true}); } catch (e) {}
+}
+// 「?」：板を開いて（開いたままにする）、質問の欄へ。まだ参加していなければ「参加する」へ（押すまでつながない）
+function openAsk(){ var was = isOpen(); pinned = true; if (was) { render(); focusForm(); } else apply(was, "ask"); }
+function syncAuto(){ var was = isOpen(); auto = autoWanted(); apply(was, "poll"); }
+function openPane(how){ var was = isOpen(); pinned = true; apply(was, how); }
+function collapse(){ var was = isOpen(); pinned = false; auto = false; dismissed = stepKey; apply(was); }
+mark.addEventListener("click", function(){ if (isOpen()) collapse(); else openPane("mark"); });
+bFold.addEventListener("click", collapse);
+bPin.addEventListener("click", function(){ var was = isOpen(); pinned = !pinned; if (!pinned) auto = autoWanted(); apply(was); });
+pane.addEventListener("keydown", function(e){ if (e.key === "Escape" && !e.metaKey && !e.ctrlKey && !e.altKey){ e.preventDefault(); e.stopPropagation(); collapse(); mark.focus(); } });
+
+// ---------------------------------------------------------------- 舞台を板の外に収める（deck.js の fit と同じ式で、板を除いた広さに）。たたんでいる間は窓いっぱい（deck.js の fit と同じ）
+var docked = null;
+function layout(){
+  var root = document.documentElement, W = window.innerWidth, H = window.innerHeight;
+  var st = document.getElementById("stage"), open = isOpen();
+  root.classList.toggle("lv-collapsed", !open);
+  if (!open){
+    root.classList.remove("lv-side", "lv-bottom");
+    root.style.setProperty("--lv-w", "0px"); root.style.setProperty("--lv-h", "0px");
+    docked = null;
+    if (st){ st.style.left = st.style.top = ""; st.style.transform = "translate(-50%,-50%) scale(" + Math.min(W / 1280, H / 720) + ")"; }
+    placeInk();
+    return;
+  }
+  var side = W / Math.max(1, H) >= 1.25 && W >= 760;
+  var size = side ? Math.round(Math.min(360, Math.max(260, W * 0.26))) : Math.round(Math.min(320, Math.max(160, H * 0.4)));
+  root.classList.toggle("lv-side", side); root.classList.toggle("lv-bottom", !side);
+  root.style.setProperty("--lv-w", (side ? size : 0) + "px"); root.style.setProperty("--lv-h", (side ? 0 : size) + "px");
+  docked = {side: side, size: size};
+  var aw = side ? W - size : W, ah = side ? H : H - size;
+  if (!st) return;
+  var k = Math.min(aw / 1280, ah / 720);
+  st.style.left = (aw / 2) + "px"; st.style.top = (ah / 2) + "px";
+  st.style.transform = "translate(-50%,-50%) scale(" + k + ")";
+  placeInk();
+}
+
+// ---------------------------------------------------------------- 状態
+var ST = "off", ws = null, attempt = 0, retryTimer = null, retryAt = 0, tickTimer = null, pingTimer = null, endTimer = null, startTimer = null;
+var lastCode = 0, admitted = false, stepKey = "*", refN = 0, pending = {}, votes = {}, shownItems = [], nameSent = "", stopReason = "", left = false, info = "";
+// 質問の機能：pos（今のスライドとステップ、1 から。表示だけ）・囲んだ線（舞台の座標。囲んだステップ）・「わからない」（ステップごと）・自分の質問への返事
+var pos = null, region = [], regionStep = null, drawing = false, stroke = null, confusedOn = {}, replies = {}, newReply = false;
+// Revealed aggregate bridge (format live §2.5). The v1 learner protocol has no reveal message yet.
+// A reveal-capable live layer calls setPollResult; teacher-only `tally`/`state` never feed this store.
+var pollResults = Object.create(null);
+function pollResult(id){
+  var counts = pollResults[id];
+  return counts ? counts.slice() : null;
+}
+function setPollResult(id, result){
+  var a = null;
+  Object.keys(live.activities || {}).some(function(key){
+    return live.activities[key].some(function(x){ if (x.kind === "poll" && x.id === id){ a = x; return true; } return false; });
+  });
+  if (!a) return false;
+  var counts = result && result.counts;
+  var valid = result && result.revealed === true && Array.isArray(counts) && counts.length === a.choices.length &&
+    Array.from(counts).every(function(n){ return Number.isSafeInteger(n) && n >= 0; }) && counts.reduce(function(x, y){ return x + y; }, 0) >= 3;
+  if (valid) pollResults[id] = counts.slice(); else delete pollResults[id];
+  document.dispatchEvent(new CustomEvent("deck:live"));
+  return true;
+}
+function clearPollResults(){
+  pollResults = Object.create(null);
+  document.dispatchEvent(new CustomEvent("deck:live"));
+}
+function setState(s, why){ ST = s; stopReason = why || ""; render(); }
+function now(){ return Date.now(); }
+function phase(){ var t = now(); if (t < LP.windowStart(live.window)) return "before"; if (t > LP.windowEnd(live.window)) return "after"; return "open"; }
+function render(){
+  var ph = phase(), conn = ST === "connected" || ST === "waiting";
+  pane.setAttribute("data-state", ST);
+  var label = ST === "connected" ? S.connected : ST === "waiting" ? S.waiting : ST === "connecting" ? S.connecting
+    : ST === "retrying" ? S.retrying(Math.max(1, Math.ceil((retryAt - now()) / 1000))) : ST === "stopped" ? (S.stop[stopReason] || S.stop.unknown)
+    : ph === "before" ? S.before(fmt(live.window.from)) : ph === "after" ? S.after : S.off;
+  state.textContent = label; state.title = label;
+  mark.setAttribute("data-state", ST); mark.setAttribute("aria-expanded", isOpen() ? "true" : "false");
+  mState.textContent = (JA ? "：" : ": ") + label; mark.title = S.title + (JA ? "：" : ": ") + label;
+  bPin.setAttribute("aria-pressed", pinned ? "true" : "false");
+  bLeave.hidden = !(conn || ST === "connecting" || ST === "retrying");
+  var canJoin = !CTX && ph === "open" && (ST === "off" || (ST === "stopped" && REJOIN[stopReason] === 1));
+  joinRow.hidden = !!CTX || ph !== "open" || conn || ST === "connecting" || ST === "retrying" || (ST === "stopped" && REJOIN[stopReason] !== 1);
+  bJoin.disabled = !canJoin;
+  bJoin.textContent = ST === "stopped" ? S.again : S.join;
+  pNotice.hidden = !!CTX;
+  pAddr.hidden = !CTX;
+  linkRow.hidden = !JOIN_URL;
+  if (CTX && !pAddr.firstChild){
+    if (JOIN_URL){ pAddr.textContent = S.noNetLink + " " + S.roomLabel; addr.textContent = live.room + " · " + S.joinTo + new URL(JOIN_URL).host; }
+    else { pAddr.textContent = S.noNet; addr.textContent = live.endpoint + " · " + live.room; }
+    pAddr.appendChild(addr);
+  }
+  pMsg.textContent = ST === "stopped" ? (S.stop[stopReason] || S.stop.unknown) : info;
+  nameL.hidden = nameI.hidden = nameNote.hidden = !!CTX || ph !== "open";
+  renderActivities(conn && admitted);
+  shownSec.hidden = !(conn && shownItems.length);
+  shownUl.textContent = "";
+  shownItems.forEach(function(it){
+    if (!it || typeof it.text !== "string") return;
+    var li = h("li", "", it.text);
+    if (typeof it.reply === "string" && it.reply) li.appendChild(h("span", "lv-reply", S.replyPrefix + it.reply));
+    shownUl.appendChild(li);
+  });
+  renderQuestions(conn && admitted, ph);
+}
+// 「?」・「わからない」・質問に付く場所・囲んだところ・返事
+function renderQuestions(on, ph){
+  var hasQa = current("qa").length > 0, cf = current("confused")[0];
+  // 「?」は窓の中で Q&A があれば出す（押しても、つなぐのは「参加する」を押したときだけ）。つなげない文書では、板の代わりの案内を開く
+  askBox.hidden = ph !== "open" || !(hasQa || (on && cf));
+  bAsk.hidden = !hasQa;
+  bAsk.setAttribute("aria-expanded", isOpen() ? "true" : "false");
+  bConf.hidden = !(on && cf);
+  bConf.setAttribute("aria-pressed", confusedOn[confusedStep(cf)] ? "true" : "false");
+  pWhere.textContent = S.where(LP.RE.step.test(stepKey) && stepKey !== "*" && pos ? S.whereStep(pos.i + 1, pos.k + 1) : S.whereAll);
+  var n = region.length;
+  circled.textContent = n ? S.circled(n) : "";
+  bClear.hidden = !n;
+  bCircle.textContent = drawing ? S.circleOn : S.circle;
+  bCircle.setAttribute("aria-pressed", drawing ? "true" : "false");
+  bCircle.disabled = !on || stepKey === "*";
+  var list = Object.keys(replies).map(function(k){ return replies[k]; }).sort(function(a, b){ return String(b.at).localeCompare(String(a.at)); });
+  repSec.hidden = !(on && list.length);
+  repUl.textContent = "";
+  list.forEach(function(r){
+    var li = h("li");
+    li.appendChild(h("span", "lv-small", S.yourQ + r.question));
+    li.appendChild(h("span", "lv-reply", r.text));
+    repUl.appendChild(li);
+  });
+  mark.classList.toggle("lv-new", newReply && !isOpen());
+  if (newReply && !isOpen()) mState.textContent += JA ? "・" + S.newReply : ". " + S.newReply;
+}
+function current(kind){
+  return LP.activitiesFor(live, stepKey).filter(function(x){ return x.a.kind === kind; });
+}
+function renderActivities(on){
+  var qas = current("qa");
+  qa.hidden = !on || !qas.length;
+  bSend.disabled = !on;
+  var want = on ? current("poll").filter(function(x){ return Array.isArray(x.a.choices); }) : [];
+  var sig = want.map(function(x){ return x.step + "/" + x.a.id; }).join("|");
+  if (polls.getAttribute("data-sig") === sig){ want.forEach(function(x){ var n = polls.querySelector('[data-poll="' + x.a.id + '"] .lv-note'); if (n) n.textContent = votes[x.a.id] && votes[x.a.id].ok ? S.voted + " · " + S.revote : ""; }); return; }
+  polls.setAttribute("data-sig", sig);
+  polls.textContent = "";
+  want.forEach(function(x){
+    var fs = h("fieldset"); fs.setAttribute("data-poll", x.a.id);
+    fs.appendChild(h("legend", "", x.a.prompt));
+    x.a.choices.forEach(function(c, j){
+      var l = h("label"), r = h("input"); r.type = "radio"; r.name = "lv-poll-" + x.a.id; r.value = String(j);
+      if (votes[x.a.id] && votes[x.a.id].choice === j) r.checked = true;
+      l.appendChild(r); l.appendChild(h("span", "", c)); fs.appendChild(l);
+    });
+    var row = h("div", "lv-row"), b = h("button", "lv-vote", S.vote), note = h("span", "lv-note lv-small", votes[x.a.id] && votes[x.a.id].ok ? S.voted + " · " + S.revote : "");
+    b.type = "button";
+    b.addEventListener("click", function(){
+      var sel = fs.querySelector("input:checked");
+      if (!sel) return;
+      vote(x, +sel.value);
+    });
+    row.appendChild(b); row.appendChild(note); fs.appendChild(row);
+    polls.appendChild(fs);
+  });
+}
+
+// ---------------------------------------------------------------- 通信
+function send(o){
+  if (!ws || ws.readyState !== 1) return false;
+  try { ws.send(JSON.stringify(o)); return true; } catch (e) { return false; }
+}
+function nextRef(){ refN = (refN + 1) % 1e6; return "r" + refN; }
+function ask(){
+  var text = qaT.value.trim();
+  if (!text){ info = S.err.empty_text; render(); return; }
+  var a = current("qa")[0];
+  if (!a) return;
+  // "*" の Q&A：送るときに画面にある段階。段階に置いた Q&A：その段階
+  var step = a.step === "*" ? (LP.RE.step.test(stepKey) ? stepKey : "*") : a.step;
+  var ref = nextRef();
+  var msg = {v: 1, t: "ask", ref: ref, activity: a.a.id, step: step, text: text.slice(0, LP.LIMITS.question)};
+  // 囲んだところ：囲んだステップのまま送るときだけ（舞台の座標、マーカーと同じ規則で整える）。教材の版（あれば）
+  var strokes = region.length && regionStep === step && step !== "*" ? LP.normStrokes(region) : null;
+  if (strokes) msg.strokes = strokes;
+  if (typeof live.sourceSha256 === "string") msg.sourceSha256 = live.sourceSha256;
+  if (send(msg)){ pending[ref] = {kind: "ask"}; bSend.disabled = true; }
+}
+// 「わからない」：その活動の段階（"*" なら今のステップ）。押すたびに入と切を替える
+function confusedStep(x){ return !x ? null : x.step === "*" ? (LP.RE.step.test(stepKey) ? stepKey : "*") : x.step; }
+function toggleConfused(){
+  var x = current("confused")[0];
+  if (!x || !admitted) return;
+  var step = confusedStep(x), on = !confusedOn[step], ref = nextRef();
+  if (send({v: 1, t: "confused", ref: ref, activity: x.a.id, step: step, on: on})){ pending[ref] = {kind: "confused", step: step, on: on, prev: !!confusedOn[step]}; confusedOn[step] = on; render(); }
+}
+function addReplies(list){
+  if (!Array.isArray(list)) return 0;
+  var n = 0;
+  list.slice(0, 400).forEach(function(r){
+    if (!r || typeof r.item !== "string" || typeof r.text !== "string") return;
+    var old = replies[r.item];
+    if (!old || old.text !== r.text) n++;
+    replies[r.item] = {question: typeof r.question === "string" ? r.question : "", text: r.text, at: typeof r.at === "string" ? r.at : "", pub: r.public === true};
+  });
+  return n;
+}
+function gotReplies(list, quiet){
+  var n = addReplies(list);
+  if (!n || quiet) return;
+  if (!isOpen()) newReply = true;
+  announce(S.gotReply);
+}
+function vote(x, choice){
+  var ref = nextRef();
+  if (send({v: 1, t: "vote", ref: ref, activity: x.a.id, step: x.step, choice: choice})){ pending[ref] = {kind: "vote", id: x.a.id, choice: choice}; votes[x.a.id] = {choice: choice, ok: false}; }
+}
+function sendName(){
+  var n = nameI.value.trim().slice(0, LP.LIMITS.name);
+  if (n === nameSent || (!n && !nameSent)) return;   // 入れたときだけ（消したときは空で消す）
+  var ref = nextRef();
+  if (send({v: 1, t: "name", ref: ref, name: n})){ pending[ref] = {kind: "name", name: n}; }
+}
+function onMessage(ev){
+  if (typeof ev.data !== "string" || ev.data.length > 262144) return;
+  var m;
+  try { m = JSON.parse(ev.data); } catch (e) { return; }
+  if (!m || typeof m !== "object" || m.v !== 1 || typeof m.t !== "string") return;
+  var items = function(l){ return Array.isArray(l) ? l.filter(function(x){ return x && typeof x.text === "string"; }).slice(0, 50) : []; };
+  if (m.t === "welcome"){
+    attempt = 0; admitted = m.status === "admitted"; shownItems = items(m.shown); info = "";
+    addReplies(m.replies);
+    setState(admitted ? "connected" : "waiting");
+    announce(admitted ? S.connected : S.waiting);
+    if (nameI.value.trim()) sendName();
+  } else if (m.t === "admitted"){
+    admitted = true; shownItems = items(m.shown); addReplies(m.replies); setState("connected"); announce(S.connected);
+  } else if (m.t === "shown"){
+    shownItems = items(m.items); render();
+  } else if (m.t === "reply"){
+    gotReplies([m]); render();
+  } else if (m.t === "ack"){
+    var p = typeof m.ref === "string" ? pending[m.ref] : null;
+    if (!p) return;
+    delete pending[m.ref];
+    if (p.kind === "ask"){ qaT.value = ""; info = S.sent; announce(S.sent); clearRegion(); setDrawing(false); }
+    else if (p.kind === "confused"){ info = ""; announce(p.on ? S.confusedSent : S.confusedOff); }
+    else if (p.kind === "vote"){ votes[p.id] = {choice: p.choice, ok: true}; info = ""; announce(S.voted); }
+    else if (p.kind === "name"){ nameSent = p.name; }
+    render();
+  } else if (m.t === "error"){
+    var q = typeof m.ref === "string" ? pending[m.ref] : null;
+    if (q) delete pending[m.ref];
+    if (q && q.kind === "confused") confusedOn[q.step] = q.prev;
+    var code = typeof m.code === "string" ? m.code : "";
+    info = S.err[code] || S.err.other; announce(info); render();
+  }
+}
+function clearTimers(){ clearTimeout(retryTimer); clearInterval(tickTimer); clearInterval(pingTimer); retryTimer = tickTimer = pingTimer = null; }
+function connect(){
+  clearTimers();
+  if (CTX || left || phase() !== "open") { render(); return; }
+  var url = LP.socketUrl(live, pid());
+  if (!url || !LP.sameEndpoint(url, live.endpoint)){ setState("stopped", "bad_endpoint"); return; }
+  var s;
+  try { s = new WebSocket(url); } catch (e) { onClose({code: 1006}); return; }
+  ws = s; admitted = false; pending = {}; clearPollResults();
+  setState("connecting");
+  s.onmessage = function(ev){ if (ws === s) onMessage(ev); };
+  s.onopen = function(){ if (ws !== s) return; pingTimer = setInterval(function(){ send({v: 1, t: "ping"}); }, 45000); };
+  s.onclose = function(ev){ if (ws !== s) return; ws = null; onClose(ev); };
+  s.onerror = function(){};
+  scheduleEnd();
+}
+function onClose(ev){
+  clearTimers(); admitted = false; clearPollResults();
+  if (left) return;
+  var code = ev && typeof ev.code === "number" ? ev.code : 1006;
+  lastCode = code;
+  var p = LP.plan(code, attempt, now(), live.window, Math.random());
+  if (!p.retry){
+    if (code === 4410 || p.reason === "window_over") setItem("sessionStorage", JOINED_KEY, null);
+    setState("stopped", p.reason); announce(S.stop[p.reason] || S.stop.unknown); return;
+  }
+  attempt++;
+  retryAt = now() + p.delayMs;
+  setState("retrying");
+  tickTimer = setInterval(render, 1000);
+  retryTimer = setTimeout(connect, p.delayMs);
+}
+function scheduleEnd(){
+  clearTimeout(endTimer);
+  var ms = LP.windowEnd(live.window) - now();
+  if (!(ms > 0)) return;
+  endTimer = setTimeout(function(){
+    clearTimers();
+    if (ws){ var s = ws; ws = null; try { s.close(1000, "window"); } catch (e) {} }
+    clearPollResults();
+    setItem("sessionStorage", JOINED_KEY, null);
+    if (ST !== "off") setState("stopped", "window_over"); else render();
+  }, Math.min(ms + 500, 2147483000));
+}
+function join(){
+  if (CTX || phase() !== "open") return;
+  left = false; attempt = 0; info = "";
+  setItem("sessionStorage", JOINED_KEY, "1");
+  connect();
+}
+function leave(){
+  left = true; clearTimers();
+  setItem("sessionStorage", JOINED_KEY, null);
+  if (ws){ var s = ws; ws = null; try { s.close(1000, "bye"); } catch (e) {} }
+  clearPollResults();
+  admitted = false; info = S.leftMsg; setState("off"); announce(S.leftMsg);
+}
+// ---------------------------------------------------------------- 囲む（舞台の上に重ねた SVG に、指やマウスで線を描く。舞台の座標 1280 × 720）
+function placeInk(){
+  var st = document.getElementById("stage");
+  if (!st || !ink.parentNode) return;
+  var r = st.getBoundingClientRect();
+  ink.style.left = r.left + "px"; ink.style.top = r.top + "px"; ink.style.width = r.width + "px"; ink.style.height = r.height + "px";
+}
+function drawInk(){
+  while (ink.firstChild) ink.removeChild(ink.firstChild);
+  region.concat(stroke ? [stroke] : []).forEach(function(s){
+    var pl = document.createElementNS(SVGNS, "polyline");
+    pl.setAttribute("points", s.map(function(p){ return p[0] + "," + p[1]; }).join(" "));
+    ink.appendChild(pl);
+  });
+  if (region.length || drawing) ink.removeAttribute("hidden"); else ink.setAttribute("hidden", "");
+}
+function setDrawing(on){
+  on = !!on && admitted && stepKey !== "*" && LP.RE.step.test(stepKey);
+  if (on === drawing) { drawInk(); render(); return; }
+  drawing = on; stroke = null;
+  ink.classList.toggle("lv-drawing", drawing);
+  if (drawing){ if (regionStep !== stepKey){ region = []; regionStep = stepKey; } placeInk(); }
+  drawInk(); render();
+  announce(drawing ? S.circleStart : S.circleEnd);
+}
+function clearRegion(){ region = []; regionStep = null; stroke = null; drawInk(); render(); }
+function stagePoint(e){
+  var r = ink.getBoundingClientRect();
+  if (!(r.width > 0 && r.height > 0)) return null;
+  return [Math.round(Math.min(1280, Math.max(0, (e.clientX - r.left) / r.width * 1280)) * 10) / 10, Math.round(Math.min(720, Math.max(0, (e.clientY - r.top) / r.height * 720)) * 10) / 10];
+}
+ink.addEventListener("pointerdown", function(e){
+  if (!drawing || region.length >= LP.LIMITS.strokes) return;
+  e.preventDefault(); e.stopPropagation();
+  try { ink.setPointerCapture(e.pointerId); } catch (x) {}
+  var p = stagePoint(e);
+  stroke = p ? [p] : null;
+});
+ink.addEventListener("pointermove", function(e){
+  if (!drawing || !stroke) return;
+  e.preventDefault();
+  var p = stagePoint(e), q = stroke[stroke.length - 1];
+  if (p && Math.hypot(p[0] - q[0], p[1] - q[1]) >= 2 && stroke.length < 5000){ stroke.push(p); drawInk(); }
+});
+function endStroke(){
+  if (!stroke) return;
+  if (stroke.length >= 2) region.push(stroke);
+  stroke = null; drawInk(); render();
+}
+ink.addEventListener("pointerup", endStroke);
+ink.addEventListener("pointercancel", endStroke);
+["click", "mousedown", "touchstart"].forEach(function(n){ ink.addEventListener(n, function(e){ if (drawing) e.stopPropagation(); }); });
+// 囲んでいる間：Esc で終わる（ほかのキーはそのまま。ステップが変われば、囲んだところは消える）
+window.addEventListener("keydown", function(e){
+  if (drawing && e.key === "Escape" && !e.metaKey && !e.ctrlKey && !e.altKey){ e.preventDefault(); e.stopPropagation(); setDrawing(false); try { bCircle.focus({preventScroll: true}); } catch (x) {} }
+}, true);
+bCircle.addEventListener("click", function(){ setDrawing(!drawing); });
+bClear.addEventListener("click", function(){ clearRegion(); try { bCircle.focus({preventScroll: true}); } catch (x) {} });
+bAsk.addEventListener("click", openAsk);
+bConf.addEventListener("click", toggleConfused);
+
+bJoin.addEventListener("click", join);
+bLeave.addEventListener("click", leave);
+bSend.addEventListener("click", ask);
+qaT.addEventListener("keydown", function(e){ if (e.key === "Enter" && (e.metaKey || e.ctrlKey)){ e.preventDefault(); ask(); } });
+nameI.addEventListener("change", sendName);
+
+// ---------------------------------------------------------------- 起動（deck.js が舞台を作った後）
+document.addEventListener("deck:pos", function(e){
+  var d = e.detail || {}, k = d.key;
+  if (typeof d.i === "number" && typeof d.k === "number") pos = {i: d.i, k: d.k};
+  if (typeof k === "string" && k !== stepKey){
+    stepKey = k; dismissed = null;
+    // 囲んだところは、囲んだステップのもの：ステップが変われば消す
+    if (region.length || drawing){ var had = region.length > 0; drawing = false; ink.classList.remove("lv-drawing"); region = []; regionStep = null; stroke = null; drawInk(); if (had) announce(S.circleGone); }
+    if (pane.parentNode) syncAuto(); else render();
+  }
+});
+function start(){
+  document.head.appendChild(css);
+  document.body.appendChild(mark);
+  document.body.appendChild(ink);
+  document.body.appendChild(askBox);
+  document.body.appendChild(pane);
+  document.body.appendChild(sr);
+  layout();
+  window.addEventListener("resize", layout);
+  syncAuto();
+  // 窓が開く時刻に、もう一度描く（通信はしない）
+  var ms = LP.windowStart(live.window) - now();
+  if (ms > 0) startTimer = setTimeout(function(){ syncAuto(); render(); scheduleEnd(); }, Math.min(ms + 200, 2147483000));
+  scheduleEnd();
+  // このタブで参加したことがあれば（読み直しなど）、窓の中なら押さずにつなぐ
+  if (!CTX && phase() === "open" && getItem("sessionStorage", JOINED_KEY) === "1") join();
+}
+DECK.live = {poll: pollResult, setPollResult: setPollResult, state: function(){ return {state: ST, reason: stopReason, code: lastCode, retryIn: ST === "retrying" ? retryAt - now() : null, context: CTX, joinLink: !!JOIN_URL, admitted: admitted, step: stepKey, attempt: attempt, open: isOpen(), pinned: pinned, auto: auto,
+  drawing: drawing, strokes: region.length, confused: !!confusedOn[stepKey], replies: Object.keys(replies).length, newReply: newReply}; }};
+if (DECK.ready) start(); else document.addEventListener("deck:ready", start, {once: true});
+})();