/* フレネミー将棋 v2 — 対局の画面（/play。I47 N7-3）。盤・駒台・棋譜は旧の ../ui/style.css のまま。style.css の変数で light / dark 両対応 */

/* 「この局面から対局」の開始の区切り（棋譜欄の 1 行。ui/game-panels.js の renderKif。旧 features/game/from-position.css から写した） */
.kif-list li.kif-from,
.kif-list.reviewable li.kif-from {
  justify-content: center; color: var(--accent); font-size: 0.8rem; font-weight: 700;
  border-top: 2px solid var(--accent); border-bottom-style: solid; cursor: default; background: none;
}

/* 結果の表示の下の 1 行（記録した・しない・レート） */
.play-record-note { margin: 6px 0 0; font-size: 0.85rem; color: var(--text-2); text-align: center; }

/* 指せない狐のときの文 */
.play-error-text { color: var(--text); }
/* 指せない狐のときの「狐名鑑へ →」（既定のリンク色でなく --accent） */
.play-error a { color: var(--accent); font-weight: 600; text-decoration: none; }
.play-error a:hover, .play-error a:focus-visible { text-decoration: underline; }

/* 結果の欄（N7-4。features/game/result-panel.js。記録した局だけレートと通知） */
.play-result { text-align: left; background: var(--bg-2); border-radius: 12px; padding: 8px 10px; font-size: 0.85rem; }
.play-result.is-new { border: 2px solid var(--accent); }
.play-result p { margin: 0; }
.play-result-rate { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.play-result-label { color: var(--text-2); font-size: 0.78rem; }
.play-result-num { font-variant-numeric: tabular-nums; font-size: 1rem; }
.play-result-delta { font-size: 0.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.play-result-delta.up { color: var(--accent); }
.play-result-delta.down { color: var(--danger); }
.play-result-news { margin: 6px 0 0; padding-left: 1.2em; }
.play-result-news li { margin: 2px 0; }
.play-result-zukan { margin: 6px 0 0; text-align: center; }
/* 狐の終局のひとこと（束 3 C1。結果の札の横の吹き出し。盤の吹き出し .emo-bubble と同じ枠） */
.play-result-fox-line { margin: 0 auto 8px; width: fit-content; max-width: 100%; box-sizing: border-box; padding: 4px 10px; border-radius: 12px; border: 2px solid var(--accent); background: var(--surface, #fff); color: var(--text); font-size: 0.85rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
/* この局面から対局の局をマイ棋譜に保存した 1 行（result-panel.js の o.kifu。旧 .spec-saved と同じ見た目） */
.play-result-kifu { margin: 6px 0 0; text-align: center; color: var(--text-2); }
.play-result-nowrap { white-space: nowrap; }
.play-result-kifu .link { color: var(--accent); font-weight: 700; }
.play-result-queue { color: var(--text-2); list-style: none; }

/* 解放・段階の通知（#toasts） */
.toast.unlock { background: var(--accent); color: #fff; }
