Only the table host splits the pot; host buttons beside the table name

- Showdown winners can now be chosen only by the table host (others see
  "ホストが勝者を選んでいます"); if the host leaves, the next host does it
- START / pause moved into the header to the right of the table name
  (pause is an icon button), freeing the row they used to occupy

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/assets/style.css

@@ -304,10 +304,10 @@ body.table-page {
 .table-page input { -webkit-user-select: text; user-select: text; }
 .table-page .wrap { padding-top: 12px; padding-bottom: 0; flex: 1; min-height: 0; display: flex; flex-direction: column; width: 100%; }
 
-.table-header { display: flex; align-items: center; gap: 12px; }
+.table-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
 .table-header h1 {
   flex: 1;
-  text-align: center;
+  min-width: 0;
   font-size: 22px;
   font-weight: 800;
   overflow: hidden;
@@ -316,8 +316,10 @@ body.table-page {
 }
 .icon-btn.leave { color: var(--red); border-color: rgba(255, 90, 90, 0.35); }
 
-.host-controls { display: flex; justify-content: center; gap: 8px; margin: 16px 0 12px; flex-wrap: wrap; }
-.host-controls .btn { border-radius: 999px; padding: 10px 16px; font-size: 14px; }
+/* ホスト操作（テーブル名の右） */
+.host-controls { display: flex; align-items: center; gap: 8px; flex: none; }
+.host-controls .btn { border-radius: 999px; padding: 9px 14px; font-size: 13px; }
+.host-controls .icon-btn.paused { color: var(--green); border-color: rgba(46, 204, 113, 0.5); }
 
 .level-bar {
   background: var(--panel);
@@ -643,9 +645,8 @@ body.table-page {
   .table-page .wrap { padding-top: 8px; }
   .table-header .icon-btn { width: 38px; height: 38px; font-size: 16px; }
   .table-header h1 { font-size: 18px; }
-  .host-controls { margin: 8px 0 6px; }
-  .host-controls .btn { padding: 7px 14px; }
-  .host-spacer { height: 6px; }
+  .table-header { margin-bottom: 8px; }
+  .host-controls .btn { padding: 7px 12px; }
   .level-bar { padding: 8px 14px; }
   .level-sub { display: none; }
   .felt-area { margin: 40px 0 34px; }
@@ -677,4 +678,3 @@ body.table-page {
 .slash { flex: none !important; color: var(--muted); font-weight: 800; }
 label.switch { margin: 0; display: inline-block; }
 .link-gold { color: var(--gold); }
-.host-spacer { height: 12px; }

public/assets/table.js

@@ -121,13 +121,15 @@
 
     // ホスト操作
     $('host-controls').hidden = !s.isHost;
-    $('host-spacer').hidden = s.isHost;
     const eligible = s.seats.filter((p) => p && !p.sittingOut && p.stack > 0).length;
     $('start').hidden = s.started;
     $('start').disabled = eligible < 2;
     $('start').title = eligible < 2 ? '2人以上で開始できます' : '';
     $('pause').hidden = !s.started;
-    $('pause').textContent = s.paused ? '再開' : '一時停止';
+    $('pause').textContent = s.paused ? '▶' : '⏸';
+    $('pause').title = s.paused ? '再開' : '一時停止';
+    $('pause').setAttribute('aria-label', $('pause').title);
+    $('pause').classList.toggle('paused', s.paused);
 
     // 自分
     $('action-bar').hidden = !me;
@@ -250,7 +252,7 @@
     else if (m.sittingOut) status = '離席中です。復帰すると次のハンドから参加します';
     else if (m.canRebuy) status = 'チップがなくなりました';
     else if (o) status = o.canCheck ? 'あなたの番です' : `あなたの番です（コール ${chips(o.toCall)}）`;
-    else if (awaiting) status = m.canAward ? 'カードを見せ合って、勝った人を選んでください' : '勝者の選択を待っています';
+    else if (awaiting) status = m.canAward ? 'カードを見せ合って、勝った人を選んでください' : 'ホストが勝者を選んでいます';
     else if (h && !h.finished && s.toAct != null) status = `${nameOf(s.toAct)} の番です`;
     else if (h && !h.finished && !seat.inHand) status = '次のハンドから参加します';
     else if (h && h.finished) status = '次のハンドを準備中…';

public/table.html

@@ -16,15 +16,14 @@
     <div class="table-header">
       <button class="icon-btn leave" id="leave" aria-label="退席する" title="退席する">⏏</button>
       <h1 id="table-name"></h1>
+      <!-- ホストだけに表示 -->
+      <span class="host-controls" id="host-controls" hidden>
+        <button class="btn btn-green btn-sm" id="start">START</button>
+        <button class="icon-btn" id="pause" aria-label="一時停止" title="一時停止">⏸</button>
+      </span>
       <button class="icon-btn" id="share" aria-label="サイトのリンクをコピー" title="サイトのリンクをコピー">🔗</button>
     </div>
 
-    <div class="host-controls" id="host-controls" hidden>
-      <button class="btn btn-green" id="start">START ▶</button>
-      <button class="btn btn-dark" id="pause">一時停止</button>
-    </div>
-    <div class="host-spacer" id="host-spacer"></div>
-
     <div class="level-bar">
       <span class="lv" id="level"></span>
       <span class="blinds" id="blinds"></span>