/* 共用遊戲卡桌與牌面；只調整重播取代手牌／送出動作的兩個區塊。 */
.diamwolf-bang-replay-layout .diamwolf-bang-workspace { grid-template-rows: 140px minmax(0, 1fr); }
.diamwolf-bang-replay-layout .diamwolf-bang-replay-records-panel { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; min-height: 0; padding: 8px; }
#diamwolf-bang-root.diamwolf-bang-replay-layout .diamwolf-bang-action-panel { grid-column: 2; grid-row: 2; }
.diamwolf-bang-replay-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: start; gap: 6px; margin: 4px 0 8px; }
.diamwolf-bang-replay-toolbar .diamwolf-bang-nav { height: 36px; min-height: 36px; padding: 0 10px; font-size: 12px; }
#diamwolf-bang-replay-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#diamwolf-bang-replay-nav .diamwolf-bang-nav { width: 100%; height: 44px; }
.diamwolf-bang-replay-controls { flex: 0 0 auto; }
.diamwolf-bang-replay-controls button { min-height: 40px; padding: 5px 9px; font-size: 12px; }
#diamwolf-bang-replay-play { min-width: 66px; font-weight: 700; }
#diamwolf-bang-replay-meta { color: var(--gold); font-size: 12px; text-align: right; overflow-wrap: anywhere; }
#diamwolf-bang-replay-status { color: var(--muted); font-size: 12px; text-align: right; white-space: pre-line; overflow-wrap: anywhere; }
.diamwolf-bang-replay-messages { flex: 1; min-height: 0; overflow: auto; margin: 4px 0; color: var(--ink); font-size: 13px; overflow-wrap: anywhere; }
.diamwolf-bang-replay-messages a { color: var(--gold); font-size: 11px; }
.diamwolf-bang-replay-messages .diamwolf-bang-log-entry.is-current { background: linear-gradient(90deg, #25565d, #19334a); color: #eef6fc; border-left: 5px solid #80f1e5; box-shadow: inset 0 0 0 1px #80f1e5; font-weight: 700; }
.diamwolf-bang-replay-messages .diamwolf-bang-log-entry.is-current a { color: #b5fff4; }
.diamwolf-bang-replay-messages .diamwolf-bang-log-entry.is-current-start::before { content: '▶ 目前動作'; display: inline-block; margin-right: 8px; padding: 1px 6px; border-radius: 3px; background: #80f1e5; color: #142238; font-size: 11px; font-weight: 800; }
#diamwolf-bang-replay-events { font-size: 13px; overflow-wrap: anywhere; }
#diamwolf-bang-replay-pages { flex: 0 0 auto; margin-bottom: 0; font-size: 12px; }
.diamwolf-bang-replay-layout [aria-disabled="true"] { opacity: .5; cursor: default; }
.diamwolf-bang-replay-layout [data-diamwolf-speed][aria-pressed="true"], #diamwolf-bang-replay-filter [aria-current="page"] { background: #326171 !important; border-color: var(--gold); box-shadow: inset 0 0 0 1px var(--gold); }
#diamwolf-bang-replay-error { flex: 0 0 auto; margin: 4px 0; color: #ffbdaf; font-size: 12px; }
@media (max-width: 920px) {
    .diamwolf-bang-replay-layout .diamwolf-bang-action-panel { order: 1; }
    .diamwolf-bang-replay-layout .diamwolf-bang-replay-records-panel { order: 2; }
    .diamwolf-bang-replay-messages { max-height: 420px; flex: 0 1 auto; }
}
@media (max-width: 650px) {
    #diamwolf-bang-replay-meta, #diamwolf-bang-replay-status { text-align: left; }
}