CSS3とテキストで棋譜再生

JavaScriptを使えないはてなダイアリー上で、棋譜再生を。
手数を表す数字にマウスを乗せると、その局面を表示する。
はてなダイアリーは64KBくらいの字数制限があるので20手程度が限界。

0 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩 歩 歩 歩 歩 歩 歩 歩 歩 三                   四                   五                   六 歩 歩 歩 歩 歩 歩 歩 歩 歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

1 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩 歩 歩 歩 歩 歩 歩 歩 歩 三                   四                   五     歩             六 歩 歩   歩 歩 歩 歩 歩 歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

2 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩 歩 歩 歩 歩 歩   歩 歩 三             歩     四                   五     歩             六 歩 歩   歩 歩 歩 歩 歩 歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

3 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩 歩 歩 歩 歩 歩   歩 歩 三             歩     四                   五     歩         歩   六 歩 歩   歩 歩 歩 歩   歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

4 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四                   五     歩         歩   六 歩 歩   歩 歩 歩 歩   歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

5 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉 金 銀 桂 香 一   飛           角   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

6 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉   銀 桂 香 一   飛         金 角   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   角           飛   八 香 桂 銀 金 玉 金 銀 桂 香 九

7 △丸山 　 なし 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉   銀 桂 香 一   飛         金 角   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   角 金         飛   八 香 桂 銀   玉 金 銀 桂 香 九

8 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 なし 香 桂 銀 金 玉   銀 桂 香 一   飛         金     二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   馬 金         飛   八 香 桂 銀   玉 金 銀 桂 香 九

9 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂 銀 金 玉   銀 桂 香 一   飛         金     二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金         飛   八 香 桂     玉 金 銀 桂 香 九

10 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂 銀 金 玉     桂 香 一   飛         金 銀   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金         飛   八 香 桂     玉 金 銀 桂 香 九

11 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂 銀 金 玉     桂 香 一   飛         金 銀   二 歩   歩 歩 歩 歩   歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金       銀 飛   八 香 桂     玉 金   桂 香 九

12 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂 銀 金 玉     桂 香 一   飛         金     二 歩   歩 歩 歩 歩 銀 歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金       銀 飛   八 香 桂     玉 金   桂 香 九

13 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂 銀 金 玉     桂 香 一   飛         金     二 歩   歩 歩 歩 歩 銀 歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金 玉     銀 飛   八 香 桂       金   桂 香 九

14 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛 銀       金     二 歩   歩 歩 歩 歩 銀 歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩   歩 歩 歩 歩   歩 七   銀 金 玉     銀 飛   八 香 桂       金   桂 香 九

15 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛 銀       金     二 歩   歩 歩 歩 歩 銀 歩 歩 三   歩         歩     四               歩   五     歩             六 歩 歩 銀 歩 歩 歩 歩   歩 七     金 玉     銀 飛   八 香 桂       金   桂 香 九

16 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛 銀       金     二 歩   歩   歩 歩 銀 歩 歩 三   歩   歩     歩     四               歩   五     歩             六 歩 歩 銀 歩 歩 歩 歩   歩 七     金 玉     銀 飛   八 香 桂       金   桂 香 九

17 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛 銀       金     二 歩   歩   歩 歩 銀 歩 歩 三   歩   歩     歩     四               歩   五     歩             六 歩 歩 銀 歩 歩 歩 歩 銀 歩 七     金 玉       飛   八 香 桂       金   桂 香 九

18 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛         金     二 歩   歩 銀 歩 歩 銀 歩 歩 三   歩   歩     歩     四               歩   五     歩             六 歩 歩 銀 歩 歩 歩 歩 銀 歩 七     金 玉       飛   八 香 桂       金   桂 香 九

19 △丸山 　 角 1 2 3 4 5 6 7 8 9 　▲渡辺 　 角 香 桂   金 玉     桂 香 一   飛         金     二 歩   歩 銀 歩 歩 銀 歩 歩 三   歩   歩     歩     四               歩   五     歩         銀   六 歩 歩 銀 歩 歩 歩 歩   歩 七     金 玉       飛   八 香 桂       金   桂 香 九