UX overhaul: fairness fixes (IME Enter, no-peek answering, think masking, kana judging), answer timer, points scoreboard, live confidence meter, AI-planned-buzz marker, buzz SFX+mute, roundover recap+share+new-match, friendly errors, wait-time tips

add_kana.py

@@ -0,0 +1,60 @@
+# /// script
+# requires-python = ">=3.11"
+# dependencies = [
+#   "pykakasi",
+# ]
+# ///
+"""問題プールの正解（truth）に読み仮名 truth_kana を一括付与する。
+
+目的（UX 修正 A4）: frontend の解答判定はかな⇄カナ統一のみで漢字⇄読みを救済できず、
+「夏目漱石」が正解の問題に「なつめそうせき」とタイプすると誤判定になる。
+pykakasi（辞書ベース・オフライン）で truth のひらがな読みを生成して JSON に持たせ、
+frontend judge は truth と truth_kana の両方に照合する。
+
+使い方:
+  uv run space/add_kana.py            # questions_pool_ja.json / questions_ja.json を更新
+"""
+from __future__ import annotations
+
+import json
+import pathlib
+
+import pykakasi
+
+HERE = pathlib.Path(__file__).resolve().parent
+TARGETS = ["questions_pool_ja.json", "questions_ja.json"]
+
+kks = pykakasi.kakasi()
+
+
+def to_hira(text: str) -> str:
+    return "".join(item["hira"] for item in kks.convert(text))
+
+
+def main() -> None:
+    for name in TARGETS:
+        path = HERE / name
+        if not path.exists():
+            print(f"[add_kana] skip (not found): {name}")
+            continue
+        data = json.loads(path.read_text(encoding="utf-8"))
+        qs = data.get("questions", [])
+        added = same = 0
+        for q in qs:
+            truth = q.get("truth", "")
+            t = truth[0] if isinstance(truth, list) else truth
+            kana = to_hira(t)
+            # 読みが元と同じ（既にかな/英数）なら冗長なので持たせない。
+            if kana and kana != t:
+                q["truth_kana"] = kana
+                added += 1
+            else:
+                q.pop("truth_kana", None)
+                same += 1
+        path.write_text(json.dumps(data, ensure_ascii=False, separators=(",", ":")),
+                        encoding="utf-8")
+        print(f"[add_kana] {name}: {len(qs)} questions, kana added {added}, unchanged {same}")
+
+
+if __name__ == "__main__":
+    main()

app.py

@@ -132,12 +132,18 @@ def _mock_round(qs: list[dict], match: str) -> dict:
     out = [{"id": q.get("id"), "category": q.get("category", ""),
             "pattern": q.get("pattern", ""), "genre": q.get("genre", ""),
             "full": q["full"], "truth": q["truth"],
+            "truthKana": q.get("truth_kana", ""),
             "buzzer": "ai", "buzzFrac": 0.6, "answer": q["truth"], "correct": True,
+            "aiFullAnswer": q["truth"], "aiFullCorrect": True,
             "aiCrossed": True,
-            "aiThink": [{"frac": 0.3, "text": "（mock）手がかりを解析中…"},
-                        {"frac": 0.55, "text": f"（mock）{q['truth']} と予測"}]}
+            "confCurve": [{"f": round(0.15 + 0.85 * i / 9, 3), "c": round(0.05 + 0.9 * i / 9, 3)}
+                          for i in range(10)],
+            "aiThink": [{"frac": 0.3, "text": "（mock）手がかりを解析中…",
+                         "masked": "（mock）手がかりを解析中…"},
+                        {"frac": 0.55, "text": f"（mock）{q['truth']} と予測",
+                         "masked": "（mock）●● と予測"}]}
            for q in qs]
-    return {"match": match, "questions": out}
+    return {"match": match, "theta": DEFAULT_THETA, "questions": out}
 
 
 def build_round_api(genre: str | None = None, theta: float | None = None) -> dict:
@@ -145,6 +151,7 @@ def build_round_api(genre: str | None = None, theta: float | None = None) -> dic
     if MOCK:
         return _mock_round(qs_sel, match)
     qs = [{"id": q.get("id"), "full": q["full"], "truth": q["truth"],
+           "truth_kana": q.get("truth_kana", ""),
            "category": q.get("category", ""), "pattern": q.get("pattern", ""),
            "genre": q.get("genre", "")}
           for q in qs_sel]

questions_ja.json

@@ -1,49 +1 @@
-{
-  "match": "早押しクイズAI デモマッチ",
-  "lang": "ja",
-  "note": "デモ用オリジナル問題（競技クイズ構文を再現）。学習コーパス(JAQKET/AI王)は非公開のため不使用。AI の buzz位置・回答・思考・正誤は実モデルで生成する。",
-  "questions": [
-    {
-      "id": 1,
-      "category": "地理 / パラレル",
-      "pattern": "「〜ですが」構文",
-      "full": "日本一面積が広い都道府県は北海道ですが、二番目に面積が広い都道府県はどこでしょう？",
-      "truth": "岩手県"
-    },
-    {
-      "id": 2,
-      "category": "文学",
-      "pattern": "決定的情報での早押し",
-      "full": "『走れメロス』や『人間失格』などの作品で知られる、昭和を代表する小説家は誰でしょう？",
-      "truth": "太宰治"
-    },
-    {
-      "id": 3,
-      "category": "地理 / パラレル",
-      "pattern": "前フリへのお手つき注意",
-      "full": "世界で最も流域面積が広い川はアマゾン川ですが、世界で最も長い川は何でしょう？",
-      "truth": "ナイル川"
-    },
-    {
-      "id": 4,
-      "category": "化学",
-      "pattern": "元素記号での確定",
-      "full": "金属の中で最も電気を通しやすい、元素記号Agで表される金属は何でしょう？",
-      "truth": "銀"
-    },
-    {
-      "id": 5,
-      "category": "歴史",
-      "pattern": "前フリ→決定情報",
-      "full": "1543年、ポルトガル人によって日本に鉄砲が伝わった、現在は鹿児島県に属する島はどこでしょう？",
-      "truth": "種子島"
-    },
-    {
-      "id": 6,
-      "category": "スポーツ",
-      "pattern": "言い換えの絞り込み",
-      "full": "四大大会のうち、唯一クレーコートで行われ、フランス語で「全仏オープン」とも呼ばれるテニスの大会は何でしょう？",
-      "truth": "ローラン・ギャロス"
-    }
-  ]
-}
+{"match":"早押しクイズAI デモマッチ","lang":"ja","note":"デモ用オリジナル問題（競技クイズ構文を再現）。学習コーパス(JAQKET/AI王)は非公開のため不使用。AI の buzz位置・回答・思考・正誤は実モデルで生成する。","questions":[{"id":1,"category":"地理 / パラレル","pattern":"「〜ですが」構文","full":"日本一面積が広い都道府県は北海道ですが、二番目に面積が広い都道府県はどこでしょう？","truth":"岩手県","truth_kana":"いわてけん"},{"id":2,"category":"文学","pattern":"決定的情報での早押し","full":"『走れメロス』や『人間失格』などの作品で知られる、昭和を代表する小説家は誰でしょう？","truth":"太宰治","truth_kana":"だざいおさむ"},{"id":3,"category":"地理 / パラレル","pattern":"前フリへのお手つき注意","full":"世界で最も流域面積が広い川はアマゾン川ですが、世界で最も長い川は何でしょう？","truth":"ナイル川","truth_kana":"ないるかわ"},{"id":4,"category":"化学","pattern":"元素記号での確定","full":"金属の中で最も電気を通しやすい、元素記号Agで表される金属は何でしょう？","truth":"銀","truth_kana":"ぎん"},{"id":5,"category":"歴史","pattern":"前フリ→決定情報","full":"1543年、ポルトガル人によって日本に鉄砲が伝わった、現在は鹿児島県に属する島はどこでしょう？","truth":"種子島","truth_kana":"しゅししま"},{"id":6,"category":"スポーツ","pattern":"言い換えの絞り込み","full":"四大大会のうち、唯一クレーコートで行われ、フランス語で「全仏オープン」とも呼ばれるテニスの大会は何でしょう？","truth":"ローラン・ギャロス","truth_kana":"ろーらん・ぎゃろす"}]}

round_builder.py

@@ -216,8 +216,9 @@ def _buzz_confs(m: Models, texts, batch_size, max_seq_length):
 
 
 def _find_buzz_pos(m: Models, question: str, theta: float, stride: int,
-                   batch_size: int, max_seq_length: int) -> tuple[int, bool]:
-    """char-stream を stride 走査し conf≥θ の初出位置を返す（無交差なら全長・False）。"""
+                   batch_size: int, max_seq_length: int) -> tuple[int, bool, list[dict]]:
+    """char-stream を stride 走査し conf≥θ の初出位置を返す（無交差なら全長・False）。
+    第3返り値は実測の確信度カーブ [{f: 位置/全長, c: conf}]（frontend のライブメーター用）。"""
     L = len(question)
     start = max(10, int(0.15 * L))
     positions = list(range(start, L + 1, max(1, stride)))
@@ -226,10 +227,11 @@ def _find_buzz_pos(m: Models, question: str, theta: float, stride: int,
     confs = _buzz_confs(
         m, [BUZZ_USER_TEMPLATE.format(n=p, prefix=question[:p]) for p in positions],
         batch_size, max_seq_length)
+    curve = [{"f": round(p / L, 3), "c": round(c, 3)} for p, c in zip(positions, confs)]
     for p, c in zip(positions, confs):
         if c >= theta:
-            return p, True
-    return L, False
+            return p, True, curve
+    return L, False, curve
 
 
 def _main_generate(m: Models, prefix: str, max_new_tokens: int, think: bool):
@@ -299,8 +301,13 @@ def _main_generate_batch(m: Models, prefixes: list[str], max_new_tokens: int, th
 _SENT_SPLIT = re.compile(r"(?<=[。！？\.!?])\s*")
 
 
-def _think_steps(think_txt: str, buzz_frac: float, max_steps: int = 3) -> list[dict]:
-    """<think> を文分割し frac を ~0.2〜buzz_frac に均等配置（最大 max_steps 文）。"""
+def _think_steps(think_txt: str, buzz_frac: float, max_steps: int = 3,
+                 mask: tuple = ()) -> list[dict]:
+    """<think> を文分割し frac を ~0.2〜buzz_frac に均等配置（最大 max_steps 文）。
+
+    mask: 解答候補の文字列群。読み上げ中に think を表示すると人間が答えを読めて
+    しまう（カンニング）ため、各文の mask 文字列を ●● に置換した "masked" も併載する。
+    frontend は判定前 masked / 判定後 text を表示する。"""
     if not think_txt:
         return []
     sents = [s.strip() for s in _SENT_SPLIT.split(think_txt) if s.strip()]
@@ -309,12 +316,19 @@ def _think_steps(think_txt: str, buzz_frac: float, max_steps: int = 3) -> list[d
     # 長すぎる場合は末尾優先で max_steps 文に圧縮（決定的な手がかりは後半に出る）。
     if len(sents) > max_steps:
         sents = sents[-max_steps:]
+
+    def _masked(s: str) -> str:
+        for t in mask:
+            if t and len(t) >= 2:
+                s = s.replace(t, "●●")
+        return s
+
     n = len(sents)
     lo, hi = 0.18, max(0.22, buzz_frac - 0.02)
     steps = []
     for i, s in enumerate(sents):
         frac = lo + (hi - lo) * (i / max(1, n - 1)) if n > 1 else hi
-        steps.append({"frac": round(frac, 3), "text": s})
+        steps.append({"frac": round(frac, 3), "text": s, "masked": _masked(s)})
     return steps
 
 
@@ -344,9 +358,9 @@ def build_round(questions: list[dict], m: Models, *, qutils,
         L = len(full)
         if progress:
             progress(i, len(questions), q.get("id"))
-        buzz_pos, crossed = _find_buzz_pos(m, full, theta, stride, buzz_batch, max_seq_length)
+        buzz_pos, crossed, curve = _find_buzz_pos(m, full, theta, stride, buzz_batch, max_seq_length)
         metas.append({"q": q, "full": full, "L": L, "buzz_pos": buzz_pos,
-                      "crossed": crossed, "prefix": full[:buzz_pos],
+                      "crossed": crossed, "prefix": full[:buzz_pos], "curve": curve,
                       "golds": q["truth"] if isinstance(q["truth"], list) else [q["truth"]]})
 
     # ── pass 2: gemma 生成（buzz地点回答 ＋ rebound 用の全文回答）をまとめてバッチ ──
@@ -366,6 +380,8 @@ def build_round(questions: list[dict], m: Models, *, qutils,
         L = mm["L"]
         buzz_frac = round(min(0.99, mm["buzz_pos"] / L), 4)
         correct = qutils.is_correct(answer, mm["golds"], loose=True)
+        # think マスク対象＝AIの解答と正解（reading 中の表示で人間が答えを読めないように）。
+        mask_strs = tuple({s for s in (answer, mm["golds"][0]) if s})
         rec = {
             "id": mm["q"].get("id", i + 1),
             "category": mm["q"].get("category", ""),
@@ -373,11 +389,13 @@ def build_round(questions: list[dict], m: Models, *, qutils,
             "genre": mm["q"].get("genre", ""),
             "full": mm["full"],
             "truth": mm["golds"][0],
+            "truthKana": mm["q"].get("truth_kana", ""),  # かな解答の判定救済（frontend judge 用）
             "buzzer": "ai",          # AI は buzz_frac で押す。human は live で先押し可（engine 側）。
             "buzzFrac": buzz_frac,
             "answer": answer,
             "correct": bool(correct),
-            "aiThink": _think_steps(think_txt, buzz_frac),
+            "aiThink": _think_steps(think_txt, buzz_frac, mask=mask_strs),
+            "confCurve": mm["curve"],    # buzz 回帰ヘッドの実測確信度カーブ（ライブメーター用）
             "aiCrossed": mm["crossed"],  # θ 未交差（自信不足で全文まで行った）かの内部フラグ
         }
         if rebound and full_gens[i] is not None:
@@ -391,4 +409,4 @@ def build_round(questions: list[dict], m: Models, *, qutils,
         for rec in out_qs:
             rec["audio"] = _synth_audio(m.tts, rec["full"], tts_ref, tts_steps)
 
-    return {"match": match, "questions": out_qs}
+    return {"match": match, "theta": theta, "questions": out_qs}

static/bigscreen-engine-en.jsx

@@ -16,10 +16,15 @@ function normalizeAns(s) {
   t = t.replace(/[ぁ-ゖ]/g, (c) => String.fromCharCode(c.charCodeAt(0) + 0x60)); // かな→カナ
   return t.replace(/\s+/g, "").trim();   // 日本語は語間空白が無いので空白は全除去
 }
-function judgeAnswer(input, truth) {
-  const a = normalizeAns(input), b = normalizeAns(truth);
-  if (!a || !b) return false;
-  return a === b || a.includes(b) || b.includes(a);
+// kana: 正解の読み仮名（truth_kana・pool 生成時に pykakasi で付与）。
+// 漢字の正解に「なつめそうせき」等のかな解答を救済するため、truth と両方に照合する。
+function judgeAnswer(input, truth, kana) {
+  const a = normalizeAns(input);
+  if (!a) return false;
+  return [truth, kana].filter(Boolean).some((t) => {
+    const b = normalizeAns(t);
+    return b && (a === b || a.includes(b) || b.includes(a));
+  });
 }
 
 function BigScreenApp() {
@@ -60,6 +65,14 @@ function BigScreenApp() {
   const [reboundTo, setReboundTo] = useState(null);        // "human" | "ai" | null
   const [aiRebound, setAiRebound] = useState(null);        // {answer, correct} AIが全文で答え返す時
   const [reveal, setReveal] = useState(null);              // {truth} 両者誤答 → 正答を大きく表示
+  // 解答制限時間（buzz 後に無制限に考えられると AI に不公平・テンポも死ぬ）
+  const ANSWER_SEC = 12;
+  const [answerLeft, setAnswerLeft] = useState(null);
+  // 振り返り（roundover の全問サマリー用・問題 idx → 両者の解答記録）
+  const outcomesRef = useRef({});
+  const recordOutcome = (idx, patch) => {
+    outcomesRef.current[idx] = Object.assign({}, outcomesRef.current[idx], patch);
+  };
 
   const timers = useRef([]);
   const clearTimers = () => { timers.current.forEach(clearTimeout); timers.current = []; };
@@ -111,12 +124,13 @@ function BigScreenApp() {
     setReboundTo(null);
     setAiRebound(null);
     setReveal(null);
-    // 最初の問題から始めるときはスコアもリセット（リプレイをクリーンに）
+    // 最初の問題から始めるときはスコアと振り返りもリセット（リプレイをクリーンに）
     if (idx === 0) {
       setScores({
         ai: { pts: 0, correct: 0, wrong: 0, buzzSum: 0, buzzN: 0 },
         human: { pts: 0, correct: 0, wrong: 0, buzzSum: 0, buzzN: 0 },
       });
+      outcomesRef.current = {};
     }
 
     // タイムライン本体。charMs（1文字あたりミリ秒）は音声長 or READ_CPS から決める。
@@ -130,13 +144,21 @@ function BigScreenApp() {
         const tc = Math.round(t.frac * len);
         at(tc * charMs + 60, () => setThinkShown((prev) => [...prev, t]));
       });
-      // confidence ランプ（buzzまで上昇）
-      const confSteps = 24;
-      for (let s = 1; s <= confSteps; s++) {
-        const ms = (buzzChar * charMs) * (s / confSteps);
-        const target = qq.buzzer === "ai" ? 0.04 + (0.95 - 0.04) * (s / confSteps)
-                                          : 0.04 + (0.62 - 0.04) * (s / confSteps);
-        at(ms, () => setConfidence(target));
+      // confidence ランプ。実測カーブ（buzz回帰ヘッドの confCurve）があれば本物を再生、
+      // 無ければ線形フォールバック（mock 等）。
+      if (qq.confCurve && qq.confCurve.length) {
+        qq.confCurve.forEach((pt) => {
+          const tc = Math.round(pt.f * len);
+          if (tc <= buzzChar) at(tc * charMs, () => setConfidence(pt.c));
+        });
+      } else {
+        const confSteps = 24;
+        for (let s = 1; s <= confSteps; s++) {
+          const ms = (buzzChar * charMs) * (s / confSteps);
+          const target = qq.buzzer === "ai" ? 0.04 + (0.95 - 0.04) * (s / confSteps)
+                                            : 0.04 + (0.62 - 0.04) * (s / confSteps);
+          at(ms, () => setConfidence(target));
+        }
       }
       // Buzz in（音声もここで停止＝読み上げが buzz 位置で止まる）
       at(buzzChar * charMs + 80, () => {
@@ -146,12 +168,14 @@ function BigScreenApp() {
         setPhase("buzzed");
         setBuzzCompare((bc) => ({ ...bc, [qq.buzzer]: qq.buzzFrac }));
         setFlash({ on: true, side: qq.buzzer, key: idx + "-" + Date.now() });
+        if (window.playBuzz) window.playBuzz(qq.buzzer);
       });
       at(buzzChar * charMs + 80 + 1100, () => setFlash(null));
 
       if (qq.buzzer === "human") {
         liveBuzzFrac.current = qq.buzzFrac;
-        at(buzzChar * charMs + 80 + 1200, () => { setPhase("answering"); setRevealRest(true); });
+        // 解答が確定するまで問題文の続きは見せない（カンニング防止）。
+        at(buzzChar * charMs + 80 + 1200, () => setPhase("answering"));
         return;
       }
       // AI buzzed — auto-resolve (scripted)
@@ -159,8 +183,10 @@ function BigScreenApp() {
       at(buzzChar * charMs + 80 + 2600, () => {
         setPhase("judged");
         const reward = 1.0 + 0.5 * (1 - qq.buzzFrac);
-        setLastResult({ correct: qq.correct, pts: reward });
+        setLastResult({ correct: qq.correct, pts: reward,
+          delta: qq.correct ? reward : -1.5 });
         if (window.playResult) window.playResult(qq.correct);   // AI判定の正誤音
+        recordOutcome(idx, { aiAns: qq.answer, aiOk: qq.correct, aiFrac: qq.buzzFrac });
         setScores((prev) => {
           const next = JSON.parse(JSON.stringify(prev));
           const me = next.ai;
@@ -184,6 +210,9 @@ function BigScreenApp() {
     if (qq.audio) {
       const audio = new Audio(qq.audio);
       audio.preload = "auto";
+      audio.muted = !!window.__muteAll;   // nav のミュートトグルに追従
+      audio.playbackRate = speed;         // タイムラインは at() が /speed するので音声側も同期
+      window.__curAudio = audio;
       audioRef.current = audio;
       let started = false;
       const startWith = (charMs) => { if (started) return; started = true; buildTimeline(charMs); };
@@ -232,18 +261,22 @@ function BigScreenApp() {
     setBuzzCompare((bc) => ({ ...bc, human: liveBuzzFrac.current }));
     setPhase("buzzed");
     setFlash({ on: true, side: "human", key: idx + "-h-" + Date.now() });
+    if (window.playBuzz) window.playBuzz("human");
     at(1100, () => setFlash(null));
-    at(1200, () => { setPhase("answering"); setRevealRest(true); });
+    // 解答確定まで問題文の続きは隠す（早押しの意味を守る・カンニング防止）。
+    at(600, () => setPhase("answering"));
   }, [round]);
 
-  // AI が全文で答え返す（人間が誤答した後のリバウンド）。precompute 済 aiFullAnswer を使う。
+  // AI が全文で答え返す（人間が誤答／パスした後のリバウンド）。precompute 済 aiFullAnswer を使う。
   const aiReboundResolve = useCallback((idx, qq) => {
     const fa = qq.aiFullAnswer || qq.answer;
     const fc = !!qq.aiFullCorrect;
     setReboundTo("ai");
     setAiRebound({ answer: fa, correct: fc });
+    setRevealRest(true);   // AIは全文で答えるので、観客にも全文を見せる
     at(2000, () => {
       if (window.playResult) window.playResult(fc);   // AIリバウンド解答の正誤音
+      recordOutcome(idx, { aiAns: fa, aiOk: fc, aiRebound: true });
       setScores((prev) => {
         const next = JSON.parse(JSON.stringify(prev));
         if (fc) { next.ai.pts += 1.0; next.ai.correct += 1; }
@@ -259,14 +292,16 @@ function BigScreenApp() {
     if (phaseRef.current !== "answering") return;
     const idx = qIndexRef.current;
     const qq = round.questions[idx];
-    const correct = judgeAnswer(text, qq.truth);
+    const correct = judgeAnswer(text, qq.truth, qq.truthKana);
     setHumanAnswer(text);
     setPhase("judged");
+    setRevealRest(true);   // 解答が確定したのでここで全文を開示
 
     if (reboundToRef.current === "human") {
       // AI 誤答後のリバウンド解答：正解はフラット +1.0、不正解はそれ以上減点しない。
-      setLastResult({ correct, pts: 1.0 });
+      setLastResult({ correct, pts: 1.0, delta: correct ? 1.0 : 0 });
       if (window.playResult) window.playResult(correct);   // 人間リバウンド解答の正誤音
+      recordOutcome(idx, { humanAns: text, humanOk: correct, humanRebound: true });
       setScores((prev) => {
         const next = JSON.parse(JSON.stringify(prev));
         if (correct) { next.human.pts += 1.0; next.human.correct += 1; }
@@ -279,8 +314,9 @@ function BigScreenApp() {
 
     // 通常（人間が早押しした本解答）
     const reward = 1.0 + 0.5 * (1 - liveBuzzFrac.current);
-    setLastResult({ correct, pts: reward });
+    setLastResult({ correct, pts: reward, delta: correct ? reward : -1.5 });
     if (window.playResult) window.playResult(correct);   // 人間の早押し解答の正誤音
+    recordOutcome(idx, { humanAns: text, humanOk: correct, humanFrac: liveBuzzFrac.current });
     setScores((prev) => {
       const next = JSON.parse(JSON.stringify(prev));
       const me = next.human;
@@ -297,21 +333,44 @@ function BigScreenApp() {
     }
   }, [round, autoplay, total, aiReboundResolve]);
 
-  // Human passes (no answer).
+  // Human passes (no answer / time up).
   const passHuman = useCallback(() => {
     if (phaseRef.current !== "answering") return;
     const idx = qIndexRef.current;
     const qq = round.questions[idx];
     clearTimers();
+    setPhase("judged");
     if (reboundToRef.current === "human") {
       // AI 誤答後に人間もパス → 両者解答なし → 正答を表示して次へ
-      setPhase("judged");
+      setRevealRest(true);
       setReveal({ truth: qq.truth });
       if (autoplay) at(3800, () => advance(idx));
       return;
     }
-    advance(idx);
-  }, [round, autoplay, total]);
+    // 人間が早押し後にパス → 誤答と同じく AI に解答権が移る（ルール一貫・正答も必ず見える）。
+    recordOutcome(idx, { humanAns: "", humanOk: false, humanFrac: liveBuzzFrac.current });
+    aiReboundResolve(idx, qq);
+  }, [round, autoplay, total, aiReboundResolve]);
+
+  // 解答制限時間: answering になったらカウントダウン、0 でパス扱い。
+  const passRef = useRef(null);
+  useEffect(() => { passRef.current = passHuman; }, [passHuman]);
+  useEffect(() => {
+    if (phase !== "answering") { setAnswerLeft(null); return; }
+    setAnswerLeft(ANSWER_SEC);
+    const iv = setInterval(() => {
+      setAnswerLeft((p) => {
+        if (p == null) return p;
+        if (p <= 1) {
+          clearInterval(iv);
+          if (passRef.current) passRef.current();
+          return 0;
+        }
+        return p - 1;
+      });
+    }, 1000);
+    return () => clearInterval(iv);
+  }, [phase, qIndex]);
 
   // Expose handlers + Space-to-buzz.
   useEffect(() => {
@@ -335,55 +394,107 @@ function BigScreenApp() {
     ? (sideUsed === "ai" ? T("ai") : T("human")) + T("buzzAt") + Math.round((fracUsed || 0) * 100) + "%"
     : "";
   const buzzer = (phase === "buzzed" || phase === "answer" || phase === "answering" || phase === "judged") ? activeBuzzer : null;
+  const theta = round.theta || THRESHOLD_BASE;
+  // 人間が AI より先に押した問題は、判定後に「AI はここで押す予定だった」を問題文中に示す。
+  const aiPlanFrac = (activeBuzzer === "human" && phase === "judged" && q) ? q.buzzFrac : null;
 
   return (
     <div className="stage-root" data-dir={dir} data-fx={fx}>
-      <TopBar qIndex={qIndex} total={total} phase={phase} />
+      <TopBar qIndex={qIndex} total={total} phase={phase} genre={q && q.genre} />
       <div className="mid">
         <AIColumn q={q} thinkShown={thinkShown}
           phase={phase} buzzer={buzzer} result={buzzer === "ai" ? lastResult : null}
-          showReasoning={showReasoning} />
+          showReasoning={showReasoning} confidence={confidence} theta={theta} />
         <CenterBoard scores={scores} />
         <HumanColumn q={q} phase={phase} buzzer={buzzer}
           result={buzzer === "human" ? lastResult : null}
-          humanAnswer={humanAnswer}
+          humanAnswer={humanAnswer} timeLeft={answerLeft}
           onBuzz={humanBuzz} onAnswer={submitHumanAnswer} onPass={passHuman}
           followUp={phase === "judged" && q.followUp ? q.followUp : null} />
       </div>
       <div className="qband">
         <QuestionText q={q} seen={seen} phase={phase} buzzer={buzzer}
-          accentLabel={accentLabel} revealRest={revealRest} />
+          accentLabel={accentLabel} revealRest={revealRest} aiPlan={aiPlanFrac} />
       </div>
       <FlashLayer flash={flash} fx={fx} />
       <ReboundBanner reboundTo={reboundTo} aiRebound={aiRebound} reveal={reveal}
         aiAnswer={q && q.answer} />
       {reveal && <RevealOverlay truth={reveal.truth} />}
-      {phase === "roundover" && <RoundOver scores={scores} onReplay={() => runQuestion(0)} />}
+      {phase === "roundover" && (
+        <RoundOver scores={scores} round={round} outcomes={outcomesRef.current}
+          onReplay={() => runQuestion(0)}
+          onNew={() => { if (window.__newMatch) window.__newMatch(); }} />
+      )}
     </div>
   );
 }
 
-function RoundOver({ scores, onReplay }) {
-  const win = scores.ai.correct === scores.human.correct ? "draw" : (scores.ai.correct > scores.human.correct ? "ai" : "human");
+function RoundOver({ scores, round, outcomes, onReplay, onNew }) {
+  // 勝敗はポイント（早押しボーナス・誤答ペナルティ込み）で決める。正解数は併記。
+  const d = scores.ai.pts - scores.human.pts;
+  const win = Math.abs(d) < 0.001 ? "draw" : (d > 0 ? "ai" : "human");
+  const fmt = (v) => (Math.round(v * 10) / 10).toFixed(1);
+
+  const share = () => {
+    const text = T("share.text")
+      .replace("{h}", scores.human.correct).replace("{a}", scores.ai.correct)
+      .replace("{hp}", fmt(scores.human.pts)).replace("{ap}", fmt(scores.ai.pts));
+    const url = "https://huggingface.co/spaces/build-small-hackathon/quiz-buzzer-ai";
+    window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(text)
+      + "&url=" + encodeURIComponent(url), "_blank", "noopener");
+  };
+
+  const mark = (ok) => (ok ? <span className="rc-ok">●</span> : <span className="rc-ng">✕</span>);
+  const qs = (round && round.questions) || [];
+
   return (
-    <div style={{ position: "absolute", inset: 0, zIndex: 50, display: "grid", placeItems: "center",
-      background: "color-mix(in oklab, var(--bg) 78%, transparent)", backdropFilter: "blur(6px)" }}>
-      <div style={{ textAlign: "center", background: "var(--panel)", border: "1px solid var(--line)",
-        borderRadius: 22, padding: "48px 64px", boxShadow: "0 30px 80px rgba(40,38,30,.16)" }}>
-        <div style={{ fontFamily: "var(--mono)", fontSize: 13, letterSpacing: ".1em", textTransform: "uppercase",
-          color: "var(--ink2)", marginBottom: 18 }}>{T("result")}</div>
-        <div style={{ fontSize: 40, fontWeight: 800, marginBottom: 8,
+    <div className="roundover-veil">
+      <div className="roundover-card">
+        <div className="ro-label">{T("result")}</div>
+        <div className="ro-winner" style={{
           color: win === "ai" ? "var(--ai)" : win === "human" ? "var(--hu)" : "var(--ink)" }}>
           {win === "draw" ? T("draw") : win === "ai" ? T("aiWins") : T("humanWins")}
         </div>
-        <div style={{ fontSize: 56, fontWeight: 800, fontVariantNumeric: "tabular-nums", marginBottom: 24 }}>
-          <span style={{ color: "var(--ai)" }}>{scores.ai.correct}</span>
-          <span style={{ color: "var(--ink3)", margin: "0 16px" }}>—</span>
-          <span style={{ color: "var(--hu)" }}>{scores.human.correct}</span>
+        <div className="ro-pts">
+          <span style={{ color: "var(--ai)" }}>{fmt(scores.ai.pts)}<small>{T("pts")}</small></span>
+          <span className="ro-dash">—</span>
+          <span style={{ color: "var(--hu)" }}>{fmt(scores.human.pts)}<small>{T("pts")}</small></span>
+        </div>
+        <div className="ro-sub">
+          {T("correctN")}: <b style={{ color: "var(--ai)" }}>{scores.ai.correct}</b>
+          <span className="ro-dim"> vs </span>
+          <b style={{ color: "var(--hu)" }}>{scores.human.correct}</b>
+        </div>
+        {qs.length > 0 && (
+          <div className="recap">
+            <div className="recap-head">{T("recap")}</div>
+            <table className="recap-table">
+              <thead>
+                <tr><th></th><th className="rc-q">{T("colQ")}</th><th>{T("colTruth")}</th>
+                  <th>{T("colAI")}</th><th>{T("colYou")}</th></tr>
+              </thead>
+              <tbody>
+                {qs.map((qq, i) => {
+                  const o = (outcomes && outcomes[i]) || {};
+                  return (
+                    <tr key={i}>
+                      <td className="rc-no">{i + 1}</td>
+                      <td className="rc-q">{qq.full.length > 26 ? qq.full.slice(0, 26) + "…" : qq.full}</td>
+                      <td className="rc-truth">{qq.truth}</td>
+                      <td>{o.aiAns != null ? <span>{o.aiAns || "—"} {mark(o.aiOk)}</span> : <span className="ro-dim">—</span>}</td>
+                      <td>{o.humanAns != null ? <span>{o.humanAns || T("pass")} {mark(o.humanOk)}</span> : <span className="ro-dim">—</span>}</td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        )}
+        <div className="ro-actions">
+          <button className="ro-btn primary" onClick={onNew}>{T("boot.newMatch")}</button>
+          <button className="ro-btn" onClick={onReplay}>{T("watchReplay")}</button>
+          <button className="ro-btn share" onClick={share}>𝕏 {T("share")}</button>
         </div>
-        <button onClick={onReplay} style={{ font: "600 15px var(--ui-font)", padding: "12px 28px",
-          borderRadius: 999, border: "1px solid var(--line)", background: "var(--ink)", color: "var(--bg)",
-          cursor: "pointer" }}>{T("replay")}</button>
       </div>
     </div>
   );

static/bigscreen-style-en.js

@@ -211,4 +211,75 @@ window.BIGSCREEN_CSS = `
 .ai-submit:hover{filter:brightness(1.06);}
 .ai-submit:disabled{opacity:.4;cursor:not-allowed;}
 .ai-err{font-size:13px;color:var(--ng);font-weight:600;}
+
+/* ── 解答制限時間（AnswerInput 内） ─────────────────── */
+.ai-timer{float:right;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink2);
+  font-variant-numeric:tabular-nums;}
+.ai-timer.urgent{color:var(--ng);animation:tblink .6s step-end infinite;}
+@keyframes tblink{50%{opacity:.35;}}
+
+/* ── TopBar ジャンル表示 ───────────────────────────── */
+.genre-tag{font:600 14px "Noto Sans JP",var(--ui-font);color:var(--ink2);
+  background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 14px;}
+
+/* ── AI確信度メーター（buzz回帰ヘッドの実測カーブ） ── */
+.confwrap{display:flex;flex-direction:column;gap:7px;}
+.confbar{position:relative;height:10px;border-radius:999px;background:var(--panel2);
+  border:1px solid var(--line);overflow:visible;}
+.cb-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;
+  background:linear-gradient(90deg,color-mix(in oklab,var(--ai) 55%,var(--panel)),var(--ai));
+  transition:width .35s ease;}
+.cb-th{position:absolute;top:-4px;bottom:-4px;width:2.5px;background:var(--ink);
+  border-radius:2px;opacity:.6;}
+.cb-lab{font-family:var(--mono);font-size:13px;color:var(--ink2);letter-spacing:.02em;
+  display:flex;align-items:baseline;gap:8px;}
+.cb-lab b{color:var(--ai);font-variant-numeric:tabular-nums;font-size:15px;}
+.cb-theta{margin-left:auto;color:var(--ink3);}
+
+/* ── 中央スコア＝ポイント主表示 ───────────────────── */
+.score-sub{display:block;font-family:var(--mono);font-size:16px;font-weight:500;
+  color:var(--ink2);margin-top:10px;letter-spacing:.02em;}
+.score-unit{font-family:var(--mono);font-size:13px;color:var(--ink3);margin-top:16px;
+  letter-spacing:.1em;}
+
+/* ── AI押下予定マーカー（人間が先押しした問題の判定後） ── */
+.qtext .buzzmark.plan::before{background:transparent;border-left:4px dashed var(--ai);
+  width:0;box-shadow:none;opacity:.75;}
+.qtext .buzzmark.plan::after{background:var(--panel);color:var(--ai);
+  border:1.5px dashed var(--ai);top:auto;bottom:-40px;}
+
+/* ── ROUND OVER（ポイント勝敗＋振り返り＋シェア） ──── */
+.roundover-veil{position:absolute;inset:0;z-index:50;display:grid;place-items:center;
+  background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(6px);}
+.roundover-card{text-align:center;background:var(--panel);border:1px solid var(--line);
+  border-radius:22px;padding:40px 56px 34px;box-shadow:0 30px 80px rgba(40,38,30,.16);
+  max-width:1240px;max-height:920px;overflow:auto;}
+.ro-label{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;
+  color:var(--ink2);margin-bottom:14px;}
+.ro-winner{font-size:40px;font-weight:800;margin-bottom:6px;}
+.ro-pts{font-size:56px;font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:6px;}
+.ro-pts small{font-size:20px;font-weight:700;margin-left:4px;color:var(--ink3);}
+.ro-dash{color:var(--ink3);margin:0 16px;}
+.ro-sub{font-size:17px;color:var(--ink2);margin-bottom:20px;}
+.ro-sub b{font-size:20px;}
+.ro-dim{color:var(--ink3);}
+.recap{margin:0 auto 22px;text-align:left;}
+.recap-head{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
+  color:var(--ink2);margin-bottom:10px;text-align:center;}
+.recap-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;}
+.recap-table th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink3);
+  text-align:left;font-weight:500;padding:4px 12px;border-bottom:1px solid var(--line);}
+.recap-table td{padding:8px 12px;border-bottom:1px solid var(--line2);vertical-align:top;}
+.recap-table .rc-no{font-family:var(--mono);color:var(--ink3);}
+.recap-table .rc-q{max-width:430px;color:var(--ink2);font-family:"Noto Sans JP",var(--ui-font);}
+.recap-table .rc-truth{font-weight:700;}
+.rc-ok{color:var(--ok);font-weight:800;}
+.rc-ng{color:var(--ng);font-weight:800;}
+.ro-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
+.ro-btn{font:600 15px var(--ui-font);padding:12px 26px;border-radius:999px;cursor:pointer;
+  border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:.18s;}
+.ro-btn:hover{border-color:var(--ink3);}
+.ro-btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);}
+.ro-btn.primary:hover{filter:brightness(1.15);}
+.ro-btn.share{border-color:color-mix(in oklab,var(--ai) 45%,var(--line));color:var(--ai);}
 `;

static/bigscreen-ui-en.jsx

@@ -2,12 +2,16 @@
 // Presentational only. State arrives from the engine via props.
 
 // Split the question text into seen / buzz-marker / unseen.
-function QuestionText({ q, seen, phase, buzzer, accentLabel, revealRest }) {
+// aiPlan: 人間が先押しした問題の判定後に「AIはここで押す予定だった」位置（frac）を示す。
+function QuestionText({ q, seen, phase, buzzer, accentLabel, revealRest, aiPlan }) {
   const full = q.full;
   const seenStr = full.slice(0, seen);
   const restStr = full.slice(seen);
   const reading = phase === "reading";
   const buzzed = buzzer && (phase === "buzzed" || phase === "answer" || phase === "judged");
+  const aiChar = aiPlan ? Math.round(aiPlan * full.length) : 0;
+  const showPlan = !!(aiPlan && revealRest && aiChar > seen && aiChar < full.length);
+  const tailCls = revealRest ? "tail" : "unseen";
   return (
     <div className="qtext">
       <span className="seen">{seenStr}</span>
@@ -15,12 +19,21 @@ function QuestionText({ q, seen, phase, buzzer, accentLabel, revealRest }) {
         <span className="buzzmark" data-label={accentLabel}></span>
       )}
       {reading && <span className="caret"></span>}
-      <span className={revealRest ? "tail" : "unseen"}>{restStr}</span>
+      {showPlan ? (
+        <span className={tailCls}>
+          {full.slice(seen, aiChar)}
+          <span className="buzzmark plan"
+            data-label={T("aiPlanned") + Math.round(aiPlan * 100) + "%"}></span>
+          {full.slice(aiChar)}
+        </span>
+      ) : (
+        <span className={tailCls}>{restStr}</span>
+      )}
     </div>
   );
 }
 
-function TopBar({ qIndex, total, phase }) {
+function TopBar({ qIndex, total, phase, genre }) {
   const phaseLabel = T("phase." + phase) || phase;
   return (
     <header className="topbar">
@@ -28,6 +41,7 @@ function TopBar({ qIndex, total, phase }) {
         <span className="dot"></span>
         Quiz Buzzer AI
       </div>
+      {genre ? <span className="genre-tag">{genre}</span> : null}
       <div className="spacer"></div>
       <span className="qno">{T("q")} <b>{Math.min(qIndex + 1, total)}</b> / {total} {T("qof")}</span>
       <span className="phase-tag" data-p={phase === "buzzed" ? "buzz" : ""}>{phaseLabel}</span>
@@ -50,9 +64,14 @@ function AnswerCard({ side, answer, result, show }) {
   );
 }
 
-function AIColumn({ q, thinkShown, phase, buzzer, result, showReasoning }) {
+function AIColumn({ q, thinkShown, phase, buzzer, result, showReasoning, confidence, theta }) {
   const aiAnswered = buzzer === "ai" && (phase === "answer" || phase === "judged");
   const live = phase === "reading";
+  // 判定が出るまで think は masked（答えを ●● 化）で表示する。読めばカンニングできてしまうため。
+  const revealed = phase === "judged" || phase === "roundover";
+  const thinkText = (t) => (revealed ? t.text : (t.masked != null ? t.masked : t.text));
+  const confPct = Math.max(0, Math.min(100, Math.round((confidence || 0) * 100)));
+  const thetaPct = Math.max(0, Math.min(100, Math.round((theta || 0) * 100)));
   return (
     <section className="col ai" style={{ "--accent": "var(--ai)" }}>
       <div className="side-head">
@@ -64,13 +83,22 @@ function AIColumn({ q, thinkShown, phase, buzzer, result, showReasoning }) {
         {live ? T("reasoningDots") : aiAnswered ? T("answered") : phase === "buzzed" && buzzer === "ai" ? T("buzzedIn") : T("standby")}
       </div>
 
+      {/* buzz回帰ヘッドの実測確信度（confCurve 再生）。θ に迫る＝AIが押す予兆。 */}
+      <div className="confwrap">
+        <div className="confbar">
+          <div className="cb-fill" style={{ width: confPct + "%" }}></div>
+          <div className="cb-th" style={{ left: thetaPct + "%" }}></div>
+        </div>
+        <div className="cb-lab">{T("confLabel")} <b>{confPct}%</b><span className="cb-theta">θ {thetaPct}%</span></div>
+      </div>
+
       <div className="col-mid">
         {showReasoning && (
           <div className="reason">
             <div className="rh">{T("reasoning")}</div>
             <ul className="think-list">
               {thinkShown.map((t, i) => (
-                <li key={i} className={i === thinkShown.length - 1 ? "cur" : ""}>{t.text}</li>
+                <li key={i} className={i === thinkShown.length - 1 ? "cur" : ""}>{thinkText(t)}</li>
               ))}
             </ul>
           </div>
@@ -81,7 +109,7 @@ function AIColumn({ q, thinkShown, phase, buzzer, result, showReasoning }) {
   );
 }
 
-function AnswerInput({ onSubmit, onPass }) {
+function AnswerInput({ onSubmit, onPass, timeLeft }) {
   const [val, setVal] = React.useState("");
   const [listening, setListening] = React.useState(false);
   const [err, setErr] = React.useState("");
@@ -124,11 +152,23 @@ function AnswerInput({ onSubmit, onPass }) {
 
   return (
     <div className="answer-input">
-      <div className="ai-label">{T("yourAnswer")}</div>
+      <div className="ai-label">
+        {T("yourAnswer")}
+        {timeLeft != null && (
+          <span className={"ai-timer" + (timeLeft <= 3 ? " urgent" : "")}>
+            {T("timeLeft")} {timeLeft}s
+          </span>
+        )}
+      </div>
       <div className="ai-row">
         <input ref={inputRef} className="ai-field" type="text" value={val}
           onChange={(e) => setVal(e.target.value)}
-          onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); submit(); } }}
+          onKeyDown={(e) => {
+            // IME 変換確定の Enter で送信しない（isComposing / keyCode 229 を除外）。
+            if (e.key === "Enter" && !e.nativeEvent.isComposing && e.keyCode !== 229) {
+              e.preventDefault(); submit();
+            }
+          }}
           placeholder={T("typePlaceholder")} autoComplete="off" spellCheck="false" />
         <button type="button" className={"ai-mic" + (listening ? " on" : "")}
           onClick={toggleMic} title="Voice input" aria-label="Voice input">
@@ -153,12 +193,13 @@ function AnswerInput({ onSubmit, onPass }) {
   );
 }
 
-function HumanColumn({ q, phase, buzzer, result, followUp, humanAnswer, onBuzz, onAnswer, onPass }) {
+function HumanColumn({ q, phase, buzzer, result, followUp, humanAnswer, timeLeft, onBuzz, onAnswer, onPass }) {
   const live = phase === "reading";
   const answering = phase === "answering" && buzzer === "human";
   const humanAnswered = (buzzer === "human" && (phase === "answer" || phase === "judged"))
     || (phase === "judged" && followUp);
-  const ans = buzzer === "human" ? (humanAnswer || q.answer) : (followUp ? followUp.answer : null);
+  // humanAnswer が空＝パス。q.answer（AIの解答）にフォールバックしてはいけない。
+  const ans = buzzer === "human" ? (humanAnswer || T("pass")) : (followUp ? followUp.answer : null);
   const res = buzzer === "human" ? result : (followUp ? { correct: followUp.correct } : null);
   return (
     <section className="col human" style={{ "--accent": "var(--hu)" }}>
@@ -174,7 +215,7 @@ function HumanColumn({ q, phase, buzzer, result, followUp, humanAnswer, onBuzz,
 
       <div className="col-mid human-body">
         {answering ? (
-          <AnswerInput onSubmit={onAnswer} onPass={onPass} />
+          <AnswerInput onSubmit={onAnswer} onPass={onPass} timeLeft={timeLeft} />
         ) : !humanAnswered ? (
           <React.Fragment>
             <div className={"buzzer-ready" + (live ? " armed" : "") + ((phase === "buzzed" && buzzer === "human") ? " hit" : "")}
@@ -205,13 +246,21 @@ function HumanColumn({ q, phase, buzzer, result, followUp, humanAnswer, onBuzz,
 }
 
 function CenterBoard({ scores }) {
+  // 主表示はポイント（早押しボーナス 1.0〜1.5・誤答 −1.5 込み）。
+  // 正解数だけだと「ギリギリまで聞いて押す」が常に最適になり、早押しの意味が消えるため。
+  const fmt = (v) => (Math.round(v * 10) / 10).toFixed(1);
   return (
     <aside className="center">
       <div className="score-grid">
-        <div className="score-num ai">{scores.ai.correct}<small>{T("ai")}</small></div>
+        <div className="score-num ai">{fmt(scores.ai.pts)}
+          <span className="score-sub">{scores.ai.correct} {T("correctN")}</span>
+          <small>{T("ai")}</small></div>
         <div className="vs">{T("vs")}</div>
-        <div className="score-num hu">{scores.human.correct}<small>{T("human")}</small></div>
+        <div className="score-num hu">{fmt(scores.human.pts)}
+          <span className="score-sub">{scores.human.correct} {T("correctN")}</span>
+          <small>{T("human")}</small></div>
       </div>
+      <div className="score-unit">{T("pts")}</div>
     </aside>
   );
 }

static/i18n.js

@@ -12,6 +12,7 @@
       "boot.start": "対戦スタート",
       "boot.generating": "実モデルで対戦を生成中…（gemma が思考しています）",
       "boot.almost": "まもなく完了…",
+      "boot.retry": "もう一度試す",
       "boot.replay": "▶ リプレイ",
       "boot.newMatch": "✦ 新しい対戦",
       "boot.liveLabel": "Quiz Buzzer AI · ライブ",
@@ -42,6 +43,26 @@
       // rebound（解答権の移動・両者誤答）
       "rebound.aiMissed": "AI が誤答", "rebound.yourChance": "あなたに解答権！",
       "rebound.aiTurn": "AI の解答権 →", "rebound.correctIs": "正解は",
+      // 解答制限時間
+      "timeLeft": "残り",
+      // AI確信度メーター・押下予定
+      "confLabel": "AI確信度", "aiPlanned": "AI予定 ‹ ",
+      // スコア（ポイント表示）
+      "pts": "pt", "correctN": "正解",
+      // roundover（振り返り・導線）
+      "recap": "振り返り", "watchReplay": "観賞リプレイ",
+      "colQ": "問題", "colTruth": "正解", "colAI": "AI", "colYou": "あなた",
+      "share": "結果をXでシェア",
+      "share.text": "日本語早押しクイズAI「Quiz Buzzer AI」と対戦！結果: 自分 {h} − {a} AI（{hp}pt vs {ap}pt）",
+      // エラー（人間語）
+      "err.quota": "GPUの利用枠を使い切ったようです。Hugging Face にログインすると枠が増えます。少し時間を置いて、もう一度お試しください。",
+      "err.server": "対戦の生成に失敗しました。GPU が混み合っている可能性があります。もう一度お試しください。",
+      "err.net": "サーバーに接続できませんでした。通信環境を確認して再試行してください。",
+      // 生成待ちのティップス
+      "tip.1": "ルール: 問題の読み上げ中、AIより早く BUZZ（Space／タップ）すれば解答権はあなたのもの。",
+      "tip.2": "スコア: 正解 +1.0〜1.5（早押しほど高得点）／誤答 −1.5。誤答すると相手に解答権が移ります。",
+      "tip.3": "AIの中身: buzz判定は自作1.2B回帰ヘッド、解答は gemma-4-26B-A4B（日本語クイズSFT済）が毎問リアルタイム生成。",
+      "tip.4": "ヒント: 左カラムの「AI確信度」メーターがθに迫ったらAIが押す合図。先に押すなら今！",
     },
     en: {
       "boot.title": "Quiz Buzzer AI",
@@ -51,6 +72,7 @@
       "boot.start": "Start match",
       "boot.generating": "Generating the match with real models… (gemma is thinking)",
       "boot.almost": "Finishing up…",
+      "boot.retry": "Try again",
       "boot.replay": "▶ Replay",
       "boot.newMatch": "✦ New match",
       "boot.liveLabel": "Quiz Buzzer AI · Live",
@@ -75,6 +97,20 @@
       "replay": "Replay",
       "rebound.aiMissed": "AI missed", "rebound.yourChance": "your chance!",
       "rebound.aiTurn": "AI’s rebound →", "rebound.correctIs": "Correct answer",
+      "timeLeft": "Left",
+      "confLabel": "AI confidence", "aiPlanned": "AI planned ‹ ",
+      "pts": "pt", "correctN": "correct",
+      "recap": "Recap", "watchReplay": "Watch replay",
+      "colQ": "Question", "colTruth": "Truth", "colAI": "AI", "colYou": "You",
+      "share": "Share on X",
+      "share.text": "I challenged Quiz Buzzer AI (Japanese buzz-quiz AI)! Result: me {h} − {a} AI ({hp}pt vs {ap}pt)",
+      "err.quota": "Looks like the free GPU quota ran out. Signing in to Hugging Face raises your quota — please wait a bit and try again.",
+      "err.server": "Failed to generate the match — the GPU may be busy. Please try again.",
+      "err.net": "Could not reach the server. Check your connection and retry.",
+      "tip.1": "Rule: while the question is being read, buzz (Space / tap) before the AI to claim the answer.",
+      "tip.2": "Score: correct +1.0–1.5 (earlier buzz = more points) / wrong −1.5. A miss hands the rebound to your opponent.",
+      "tip.3": "Under the hood: buzz timing = our own 1.2B regression head; answers = gemma-4-26B-A4B (Japanese quiz SFT), generated live per question.",
+      "tip.4": "Tip: when the AI-confidence meter on the left nears θ, the AI is about to buzz. Beat it!",
     },
   };
 

static/index.html

@@ -54,6 +54,12 @@
     border:0;border-radius:999px;padding:14px 34px;cursor:pointer;}
   #boot button#start:disabled{opacity:.5;cursor:default;}
   #boot .status{margin-top:18px;font-family:"DM Mono",monospace;font-size:13px;color:#6d6a62;min-height:18px;}
+  #boot .err-main{font-family:"Noto Sans JP",sans-serif;font-size:14px;color:#e8b9b4;line-height:1.7;max-width:560px;margin:0 auto;}
+  #boot .err-raw{font-size:11px;color:#6d6a62;margin-top:8px;word-break:break-all;max-width:560px;margin-left:auto;margin-right:auto;}
+  /* 生成待ちティップス（ルール・モデル解説のローテーション） */
+  #tips{display:none;margin:22px auto 0;max-width:560px;font-family:"Noto Sans JP",sans-serif;
+    font-size:13px;line-height:1.8;color:#a8a49a;background:rgba(255,255,255,.04);
+    border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 18px;min-height:44px;}
   .spin{display:inline-block;width:14px;height:14px;border:2px solid #6d6a62;border-top-color:#f3f1ea;
     border-radius:50%;animation:sp 0.8s linear infinite;vertical-align:-2px;margin-right:8px;}
   @keyframes sp{to{transform:rotate(360deg);}}
@@ -103,19 +109,22 @@
       <div class="bar"><div class="fill" id="prog-fill"></div></div>
       <div class="meta"><span id="prog-label"></span><span class="pct" id="prog-pct">0%</span></div>
     </div>
+    <div id="tips"></div>
   </div>
 </div>
 
 <div class="nav" id="nav">
   <span class="lbl" id="nav-lbl">Quiz Buzzer AI · Live</span>
   <span class="sep"></span>
+  <button id="btn-mute" title="Mute" aria-label="Mute">🔊</button>
+  <span class="sep"></span>
   <button id="btn-replay">▶ Replay</button>
   <span class="sep"></span>
   <button id="btn-new">✦ New match</button>
 </div>
 
-<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" crossorigin></script>
-<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" crossorigin></script>
+<script src="https://unpkg.com/react@18.3.1/umd/react.production.min.js" crossorigin></script>
+<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js" crossorigin></script>
 <script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" crossorigin></script>
 
 <!-- i18n（プレーン script。babel スクリプトより前に window.T / window.__lang を用意） -->
@@ -146,7 +155,7 @@
 
 <script>
   // ── 状態 ──────────────────────────────────────────────
-  let rendered = false;
+  let rootHandle = null;      // React root（マッチごとに key 付き remount）
   let selectedGenre = null;   // null = おまかせ（全ジャンル）
 
   // ── boot 画面の文言を現在の言語で描画 ──────────────────
@@ -208,6 +217,14 @@
     const s = Math.ceil(remainSec);
     return (window.__lang === "en") ? ("~" + s + "s remaining") : ("残り 約 " + s + " 秒");
   }
+  // エラーを人間語に（ZeroGPU quota / GPU混雑 / ネットワーク）。生メッセージは小さく併記。
+  function friendlyError(msg){
+    const m = String(msg || "").toLowerCase();
+    if(m.includes("quota") || m.includes("zerogpu") || m.includes("429")) return T("err.quota");
+    if(m.includes("failed to fetch") || m.includes("networkerror") || m.includes("load failed"))
+      return T("err.net");
+    return T("err.server");
+  }
   // ── 実モデルで1マッチ生成（QUIZ_ROUND）。tqdm 風に %／残り時間を表示 ──────────
   async function fetchRound(){
     const status = document.getElementById("status");
@@ -217,6 +234,7 @@
     const pct = document.getElementById("prog-pct");
     const plabel = document.getElementById("prog-label");
     startBtn.disabled = true;
+    startBtn.textContent = T("boot.start");   // 前回エラーで「再試行」表記になっていても戻す
     status.innerHTML = '<span class="spin"></span>' + T("boot.generating");
 
     // 自己較正 ETA: 前回の実測ビルド秒（_build_seconds）を localStorage に保持。
@@ -226,6 +244,16 @@
       if(v > 0) eta = Math.min(90, Math.max(6, v)); }catch(e){}
     prog.style.display = "block";
     fill.style.width = "0%"; pct.textContent = "0%"; plabel.textContent = etaText(eta);
+    // 待ち時間にルール・モデル解説のティップスをローテーション表示（死に時間を初見教育に充てる）。
+    const tipsEl = document.getElementById("tips");
+    const TIP_KEYS = ["tip.1", "tip.2", "tip.3", "tip.4"];
+    let tipIdx = 0;
+    tipsEl.style.display = "block";
+    tipsEl.textContent = T(TIP_KEYS[0]);
+    const tipTimer = setInterval(() => {
+      tipIdx = (tipIdx + 1) % TIP_KEYS.length;
+      tipsEl.textContent = T(TIP_KEYS[tipIdx]);
+    }, 6000);
     const t0 = performance.now();
     const timer = setInterval(() => {
       const el = (performance.now() - t0) / 1000;
@@ -237,7 +265,7 @@
       fill.style.width = p + "%"; pct.textContent = p + "%";
       plabel.textContent = etaText(eta - el);
     }, 150);
-    const stop = () => clearInterval(timer);
+    const stop = () => { clearInterval(timer); clearInterval(tipTimer); tipsEl.style.display = "none"; };
 
     try{
       const r = await fetch("/api/round", {method:"POST", headers:{"content-type":"application/json"},
@@ -256,8 +284,17 @@
     }catch(e){
       stop();
       prog.style.display = "none";
-      status.innerHTML = "⚠ "+e.message;
+      // 人間語の説明＋生メッセージ小表示（DOM 構築で HTML 注入を避ける）
+      status.textContent = "";
+      const main = document.createElement("div");
+      main.textContent = "⚠ " + friendlyError(e.message);
+      main.className = "err-main";
+      const raw = document.createElement("div");
+      raw.textContent = e.message;
+      raw.className = "err-raw";
+      status.appendChild(main); status.appendChild(raw);
       startBtn.disabled = false;
+      startBtn.textContent = T("boot.retry");
       return false;
     }
   }
@@ -277,16 +314,23 @@
   function renderStage(){
     document.getElementById("boot").style.display = "none";
     navActive = true;   // 既定は非表示・マウス移動で右下に一時表示
-    if(!rendered){
-      // プレーン script なので JSX は使えない（SyntaxError でクリックリスナーごと死ぬ）。
-      // React.createElement で生成する。
-      ReactDOM.createRoot(document.getElementById("root")).render(
-        React.createElement(window.BigScreenApp));
-      rendered = true;
-    }else if(window.__replay){
-      window.__replay();
-    }
+    // プレーン script なので JSX は使えない（SyntaxError でクリックリスナーごと死ぬ）。
+    // React.createElement で生成する。マッチごとに key を変えて remount しないと、
+    // コンポーネントが古い window.QUIZ_ROUND を閉じ込めたまま＝「新しい対戦」でも
+    // 同じ問題が再生されるバグになる。
+    if(!rootHandle) rootHandle = ReactDOM.createRoot(document.getElementById("root"));
+    rootHandle.render(React.createElement(window.BigScreenApp, {key: Date.now()}));
   }
+
+  // roundover 画面の「新しい対戦」: boot に戻って同じジャンル設定のまま即生成開始。
+  window.__newMatch = () => {
+    navActive = false;
+    document.getElementById("nav").classList.remove("show");
+    clearTimeout(navTimer);
+    document.getElementById("boot").style.display = "grid";
+    document.getElementById("status").textContent = "";
+    document.getElementById("start").click();
+  };
   // 3・2・1・Go! の演出（各 ~0.85s）。Promise で完了を待ってから big-screen を描画。
   function runCountdown(){
     return new Promise((resolve) => {
@@ -310,6 +354,14 @@
     if(await fetchRound()){ await runCountdown(); renderStage(); }
   });
   document.getElementById("btn-replay").addEventListener("click", () => window.__replay && window.__replay());
+  // ミュート（効果音＋TTS読み上げ）。engine 側は __muteAll を見て audio.muted を切り替える。
+  document.getElementById("btn-mute").addEventListener("click", (e) => {
+    const on = !window.__muteAll;
+    window.__muteAll = on;
+    window.__muteSfx = on;
+    if(window.__curAudio) window.__curAudio.muted = on;
+    e.currentTarget.textContent = on ? "🔇" : "🔊";
+  });
   document.getElementById("btn-new").addEventListener("click", () => {
     navActive = false;
     const nav = document.getElementById("nav");

static/sfx.js

@@ -50,6 +50,20 @@
     } catch (e) {}
   };
 
+  // 早押し（buzz-in）: 立ち上がりの2音「ピッポン」。人間=高め／AI=低めで識別できる。
+  window.playBuzz = function (side) {
+    if (window.__muteSfx) return;
+    try {
+      if (side === "human") {
+        tone(660, 0.00, 0.07, "square", 0.20);
+        tone(990, 0.06, 0.16, "square", 0.22);
+      } else {
+        tone(440, 0.00, 0.07, "square", 0.20);
+        tone(660, 0.06, 0.16, "square", 0.22);
+      }
+    } catch (e) {}
+  };
+
   // 判定結果に応じて鳴らすショートカット。
   window.playResult = function (correct) {
     if (correct) window.playCorrect(); else window.playWrong();