/* ===== 対局の補助部品のCSS（/play/ と /shuban/ が同じものを読む。2026-08-20新設） =====
   ヒント（次の一手）。動かす駒を金色でかこみ、動かす先を黄色にする（記号の文法どおり）。
   前は /play/index.html の <style> にあったものをここへ出した */
.cell.hintfrom{box-shadow:inset 0 0 0 3px var(--gold)}
.cell.hintto{background:#ffe08a4d;box-shadow:inset 0 0 0 3px #ffe08a}
/* ヒントのゴースト駒＝動かす駒（打つ駒）を移動先マスに半透明で重ねる。何をどこへ動かすかが一目で分かる。
   pointer-events:none＝タップは下のマスに通す。absoluteの.pcを重ねるだけなので盤の大きさ・位置は1pxも変わらない */
.cell .pc.ghost{opacity:.45;z-index:5;pointer-events:none}
/* 操作ボタンの色（.ops の中。/play/ と /shuban/ で同じ） */
.ops .hint{background:#1f6f4a}
.ops .review{background:#0e7d8c}
.ops .restart{background:#3b5273}
