/* デイリー問題と局面解析で共通の、盤のまわりの部品（棋譜の帯・操作・見出し） */
.turn-label { font-size: 15px; color: #fff; }
.summon-pair { display: inline-flex; gap: 14px; font-size: 12.5px; color: #DCE3EA; }
.summon-pair b { color: #fff; font-weight: 600; }
.replay-band span { font-weight: 700; font-size: 14px; flex: 2 1 0; }
.input-card .notice { margin: 0; }
.controls-body { display: grid; gap: 10px; padding: 14px 20px 18px; }
.controls-body .btn-pair:has(> .hidden + .hidden) { display: none; }

.kifu-band { display: flex; align-items: stretch; }
.kifu-scroll {
  flex: 1 1 auto; min-width: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; padding: 12px 0;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 16px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 16px, #000 calc(100% - 16px), transparent);
}
.kifu-scroll::-webkit-scrollbar { display: none; }
.kifu-text { padding: 0 16px; font-family: 'Open Sans', sans-serif; font-size: 14px; }
.kifu-turn-num { color: var(--text-sub); margin-left: 6px; font-size: 12px; }
.kifu-move { display: inline-block; padding: 2px 6px; color: var(--ink); cursor: pointer; font-weight: 600; }
.kifu-move:hover { background: var(--bg); }
.kifu-move.kifu-active { background: var(--aqua); color: #fff; }
.kifu-move.kifu-branch { box-shadow: inset 0 -2px 0 var(--slate); }

.error-list { list-style: none; color: var(--red-text); font-size: 13.5px; display: grid; gap: 2px; }
.error-list:empty { display: none; }
.board-card .card-head.slate { flex-wrap: wrap; row-gap: 4px; }
.board-card .summon-pair { margin-left: auto; }
.input-card .notice:empty, .board-card .notice:empty { display: none; }