Lichess.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="472" class="">
    <defs>
        <style/>
    </defs>
    <style>@keyframes animation-gauge{0%{stroke-dasharray:0 329}}@keyframes animation-rainbow{0%,to{color:#7f00ff;fill:#7f00ff}14%{color:#a933ff;fill:#a933ff}29%{color:#007fff;fill:#007fff}43%{color:#00ff7f;fill:#00ff7f}57%{color:#ff0;fill:#ff0}71%{color:#ff7f00;fill:#ff7f00}86%{color:red;fill:red}}svg{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;color:#777}h2{margin:8px 0 2px;padding:0;color:#0366d6;font-weight:400;font-size:16px}h2 svg{fill:currentColor}section&gt;.field{margin-left:5px;margin-right:5px}.field{display:flex;align-items:center;margin-bottom:2px;white-space:nowrap}.field svg{margin:0 8px;fill:#959da5;flex-shrink:0}.row{display:flex;flex-wrap:wrap}.row section{flex:1 1 0}.center{justify-content:center}.margin-bottom{margin-bottom:16px}:root{--color-calendar-graph-day-bg:#ebedf0;--color-calendar-graph-day-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-bg:#9be9a8;--color-calendar-graph-day-L2-bg:#40c463;--color-calendar-graph-day-L3-bg:#30a14e;--color-calendar-graph-day-L4-bg:#216e39;--color-calendar-halloween-graph-day-L1-bg:#ffee4a;--color-calendar-halloween-graph-day-L2-bg:#ffc501;--color-calendar-halloween-graph-day-L3-bg:#fe9600;--color-calendar-halloween-graph-day-L4-bg:#03001c;--color-calendar-winter-graph-day-L1-bg:#0a3069;--color-calendar-winter-graph-day-L2-bg:#0969da;--color-calendar-winter-graph-day-L3-bg:#54aeff;--color-calendar-winter-graph-day-L4-bg:#b6e3ff;--color-calendar-graph-day-L4-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L3-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L2-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-border:rgba(27,31,35,0.06)}#metrics-end{width:100%}</style>
    <style/>
    <foreignObject x="0" y="0" width="100%" height="100%">
        <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" class="items-wrapper">
            <section>
                <h2 class="field">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                        <path fill-rule="evenodd" d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 015.75 7.5h-2.5A1.75 1.75 0 011.5 5.75v-2.5zM3.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 006 5.75v-2.5A.25.25 0 005.75 3h-2.5zM1.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zM3.25 10a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5A1.75 1.75 0 018.5 5.75v-2.5zM10.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zm1.75-.25a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5z"/>
                    </svg>
                    Last chess game
                </h2>
                <div class="row largeable-align-start">
                    <section class="largeable-column-fields">
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M2.002 2.725a.75.75 0 01.797-.699C8.79 2.42 13.58 7.21 13.974 13.201a.75.75 0 11-1.497.098 10.502 10.502 0 00-9.776-9.776.75.75 0 01-.7-.798zM2 13a1 1 0 112 0 1 1 0 01-2 0zm.84-5.95a.75.75 0 00-.179 1.489c2.509.3 4.5 2.291 4.8 4.8a.75.75 0 101.49-.178A7.003 7.003 0 002.838 7.05z"/>
                            </svg>
                            From lichess.org
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M10.5 5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm.061 3.073a4 4 0 10-5.123 0 6.004 6.004 0 00-3.431 5.142.75.75 0 001.498.07 4.5 4.5 0 018.99 0 .75.75 0 101.498-.07 6.005 6.005 0 00-3.432-5.142z"/>
                            </svg>
                            AbdallahMehiz (1195 ELO)
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M3.217 6.962A3.75 3.75 0 010 3.25v-.5C0 1.784.784 1 1.75 1h1.356c.228-.585.796-1 1.462-1h6.864a1.57 1.57 0 011.462 1h1.356c.966 0 1.75.784 1.75 1.75v.5a3.75 3.75 0 01-3.217 3.712 5.014 5.014 0 01-2.771 3.117l.144 1.446c.005.05.03.12.114.204.086.087.217.17.373.227.283.103.618.274.89.568.285.31.467.723.467 1.226v.75h1.25a.75.75 0 110 1.5H2.75a.75.75 0 010-1.5H4v-.75c0-.503.182-.916.468-1.226.27-.294.606-.465.889-.568a1.03 1.03 0 00.373-.227c.084-.085.109-.153.114-.204l.144-1.446a5.014 5.014 0 01-2.77-3.117zM3 2.5H1.75a.25.25 0 00-.25.25v.5c0 .98.626 1.813 1.5 2.122V2.5zm4.457 7.97l-.12 1.204c-.093.925-.858 1.47-1.467 1.691a.764.764 0 00-.3.176c-.037.04-.07.093-.07.21v.75h5v-.75c0-.117-.033-.17-.07-.21a.763.763 0 00-.3-.176c-.609-.221-1.374-.766-1.466-1.69l-.12-1.204a5.052 5.052 0 01-1.087 0zM13 5.373V2.5h1.25a.25.25 0 01.25.25v.5A2.25 2.25 0 0113 5.372zM4.5 1.568c0-.037.03-.068.068-.068h6.864c.037 0 .068.03.068.068V5.5a3.5 3.5 0 11-7 0V1.568z"/>
                            </svg>
                            1 victory
                        </div>
                    </section>
                    <section class="largeable-column-fields">
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M4.75 0a.75.75 0 01.75.75V2h5V.75a.75.75 0 011.5 0V2h1.25c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0113.25 16H2.75A1.75 1.75 0 011 14.25V3.75C1 2.784 1.784 2 2.75 2H4V.75A.75.75 0 014.75 0zm0 3.5h8.5a.25.25 0 01.25.25V6h-11V3.75a.25.25 0 01.25-.25h2zm-2.25 4v6.75c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V7.5h-11z"/>
                            </svg>
                            2024.11.02
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path d="M4.243 4.757a3.757 3.757 0 115.851 3.119 6.006 6.006 0 013.9 5.339.75.75 0 01-.715.784H2.721a.75.75 0 01-.714-.784 6.006 6.006 0 013.9-5.34 3.753 3.753 0 01-1.664-3.118z"/>
                            </svg>
                            Chass123 (1186 ELO)
                        </div>
                        <div class="field">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                            </svg>
                            0 victories
                        </div>
                    </section>
                </div>
                <div class="chess-board">
                    <div class="chess-row">
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                    </div>
                    <div class="chess-row">
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                        <div class="chess-square black"></div>
                        <div class="chess-square white"></div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 0px; top: 0px;">♜</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 40px; top: 0px;">♞</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 80px; top: 0px;">♝</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 120px; top: 0px;">♛</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 160px; top: 0px;">♚</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 200px; top: 0px;">♝</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 240px; top: 0px;">♞</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 280px; top: 0px;">♜</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 0px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 40px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 80px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 120px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 160px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 200px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 240px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 280px; top: 40px;">♟︎</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 0px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 40px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 80px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 120px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 160px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 200px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 240px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 280px; top: 240px;">♙</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 0px; top: 280px;">♖</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 40px; top: 280px;">♘</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 80px; top: 280px;">♗</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 120px; top: 280px;">♕</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 160px; top: 280px;">♔</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 200px; top: 280px;">♗</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 240px; top: 280px;">♘</div>
                    </div>
                    <div class="chess-move">
                        <div class="init" style="left: 280px; top: 280px;">♖</div>
                    </div>
                    <div class="chess-move chess-move-0">
                        <div class="from" style="left: 160px; top: 240px;">♙</div>
                        <div class="to" style="left: 160px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-0-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-0 .from {
                    animation-name: chess-move-0-from;
                    animation-delay: 3s;
                  }

                  @keyframes chess-move-0-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 160px;
                    }
                  }
                  .chess-move-0 .to {
                    animation-name: chess-move-0-to;
                    animation-delay: 3s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-1">
                        <div class="from" style="left: 80px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 80px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-1-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-1 .from {
                    animation-name: chess-move-1-from;
                    animation-delay: 3.6s;
                  }

                  @keyframes chess-move-1-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 120px;
                    }
                  }
                  .chess-move-1 .to {
                    animation-name: chess-move-1-to;
                    animation-delay: 3.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-2">
                        <div class="from" style="left: 240px; top: 280px;">♘</div>
                        <div class="to" style="left: 240px; top: 280px;">♘</div>
                        <style>@keyframes chess-move-2-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-2 .from {
                    animation-name: chess-move-2-from;
                    animation-delay: 4.2s;
                  }

                  @keyframes chess-move-2-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-2 .to {
                    animation-name: chess-move-2-to;
                    animation-delay: 4.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-3">
                        <div class="from" style="left: 120px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 120px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-3-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-3 .from {
                    animation-name: chess-move-3-from;
                    animation-delay: 4.8s;
                  }

                  @keyframes chess-move-3-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 80px;
                    }
                  }
                  .chess-move-3 .to {
                    animation-name: chess-move-3-to;
                    animation-delay: 4.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-4">
                        <div class="from" style="left: 280px; top: 240px;">♙</div>
                        <div class="to" style="left: 280px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-4-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-4 .from {
                    animation-name: chess-move-4-from;
                    animation-delay: 5.4s;
                  }

                  @keyframes chess-move-4-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 280px;
                      top: 200px;
                    }
                  }
                  .chess-move-4 .to {
                    animation-name: chess-move-4-to;
                    animation-delay: 5.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-5">
                        <div class="from" style="left: 240px; top: 0px;">♞</div>
                        <div class="to" style="left: 240px; top: 0px;">♞</div>
                        <style>@keyframes chess-move-5-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-5 .from {
                    animation-name: chess-move-5-from;
                    animation-delay: 6s;
                  }

                  @keyframes chess-move-5-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-5 .to {
                    animation-name: chess-move-5-to;
                    animation-delay: 6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-6">
                        <div class="from" style="left: 40px; top: 280px;">♘</div>
                        <div class="to" style="left: 40px; top: 280px;">♘</div>
                        <style>@keyframes chess-move-6-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-6 .from {
                    animation-name: chess-move-6-from;
                    animation-delay: 6.6s;
                  }

                  @keyframes chess-move-6-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 200px;
                    }
                  }
                  .chess-move-6 .to {
                    animation-name: chess-move-6-to;
                    animation-delay: 6.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-7">
                        <div class="from" style="left: 240px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 240px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-7-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-7 .from {
                    animation-name: chess-move-7-from;
                    animation-delay: 7.2s;
                  }

                  @keyframes chess-move-7-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 80px;
                    }
                  }
                  .chess-move-7 .to {
                    animation-name: chess-move-7-to;
                    animation-delay: 7.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-8">
                        <div class="from" style="left: 120px; top: 240px;">♙</div>
                        <div class="to" style="left: 120px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-8-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-8 .from {
                    animation-name: chess-move-8-from;
                    animation-delay: 7.8s;
                  }

                  @keyframes chess-move-8-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 200px;
                    }
                  }
                  .chess-move-8 .to {
                    animation-name: chess-move-8-to;
                    animation-delay: 7.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-9">
                        <div class="from" style="left: 200px; top: 0px;">♝</div>
                        <div class="to" style="left: 200px; top: 0px;">♝</div>
                        <style>@keyframes chess-move-9-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-9 .from {
                    animation-name: chess-move-9-from;
                    animation-delay: 8.399999999999999s;
                  }

                  @keyframes chess-move-9-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 40px;
                    }
                  }
                  .chess-move-9 .to {
                    animation-name: chess-move-9-to;
                    animation-delay: 8.399999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-10">
                        <div class="from" style="left: 80px; top: 280px;">♗</div>
                        <div class="to" style="left: 80px; top: 280px;">♗</div>
                        <style>@keyframes chess-move-10-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-10 .from {
                    animation-name: chess-move-10-from;
                    animation-delay: 9s;
                  }

                  @keyframes chess-move-10-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-10 .to {
                    animation-name: chess-move-10-to;
                    animation-delay: 9s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-11">
                        <div class="from" style="left: 160px; top: 0px;">♚</div>
                        <div class="to" style="left: 160px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-11-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-11 .from {
                    animation-name: chess-move-11-from;
                    animation-delay: 9.6s;
                  }

                  @keyframes chess-move-11-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 0px;
                    }
                  }
                  .chess-move-11 .to {
                    animation-name: chess-move-11-to;
                    animation-delay: 9.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-12">
                        <div class="from" style="left: 200px; top: 280px;">♗</div>
                        <div class="to" style="left: 200px; top: 280px;">♗</div>
                        <style>@keyframes chess-move-12-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-12 .from {
                    animation-name: chess-move-12-from;
                    animation-delay: 10.2s;
                  }

                  @keyframes chess-move-12-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 240px;
                    }
                  }
                  .chess-move-12 .to {
                    animation-name: chess-move-12-to;
                    animation-delay: 10.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-13">
                        <div class="from" style="left: 280px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 280px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-13-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-13 .from {
                    animation-name: chess-move-13-from;
                    animation-delay: 10.8s;
                  }

                  @keyframes chess-move-13-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 80px;
                    }
                  }
                  .chess-move-13 .to {
                    animation-name: chess-move-13-to;
                    animation-delay: 10.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-14">
                        <div class="from" style="left: 240px; top: 120px;">♗</div>
                        <div class="to" style="left: 240px; top: 120px;">♗</div>
                        <style>@keyframes chess-move-14-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-14 .from {
                    animation-name: chess-move-14-from;
                    animation-delay: 11.4s;
                  }

                  @keyframes chess-move-14-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-14 .to {
                    animation-name: chess-move-14-to;
                    animation-delay: 11.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-15">
                        <div class="from" style="left: 240px; top: 40px;">♝</div>
                        <div class="to" style="left: 240px; top: 40px;">♝</div>
                        <style>@keyframes chess-move-15-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-15 .from {
                    animation-name: chess-move-15-from;
                    animation-delay: 12s;
                  }

                  @keyframes chess-move-15-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-15 .to {
                    animation-name: chess-move-15-to;
                    animation-delay: 12s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-16">
                        <div class="from" style="left: 120px; top: 200px;">♙</div>
                        <div class="to" style="left: 120px; top: 200px;">♙</div>
                        <style>@keyframes chess-move-16-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-16 .from {
                    animation-name: chess-move-16-from;
                    animation-delay: 12.6s;
                  }

                  @keyframes chess-move-16-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-16 .to {
                    animation-name: chess-move-16-to;
                    animation-delay: 12.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-17">
                        <div class="from" style="left: 80px; top: 120px;">♟︎</div>
                        <div class="to" style="left: 80px; top: 120px;">♟︎</div>
                        <style>@keyframes chess-move-17-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-17 .from {
                    animation-name: chess-move-17-from;
                    animation-delay: 13.2s;
                  }

                  @keyframes chess-move-17-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-17 .to {
                    animation-name: chess-move-17-to;
                    animation-delay: 13.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-18">
                        <div class="from" style="left: 200px; top: 200px;">♘</div>
                        <div class="to" style="left: 200px; top: 200px;">♘</div>
                        <style>@keyframes chess-move-18-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-18 .from {
                    animation-name: chess-move-18-from;
                    animation-delay: 13.799999999999999s;
                  }

                  @keyframes chess-move-18-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-18 .to {
                    animation-name: chess-move-18-to;
                    animation-delay: 13.799999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-19">
                        <div class="from" style="left: 40px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 40px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-19-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-19 .from {
                    animation-name: chess-move-19-from;
                    animation-delay: 14.4s;
                  }

                  @keyframes chess-move-19-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 40px;
                      top: 80px;
                    }
                  }
                  .chess-move-19 .to {
                    animation-name: chess-move-19-to;
                    animation-delay: 14.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-20">
                        <div class="from" style="left: 80px; top: 200px;">♘</div>
                        <div class="to" style="left: 80px; top: 200px;">♘</div>
                        <style>@keyframes chess-move-20-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-20 .from {
                    animation-name: chess-move-20-from;
                    animation-delay: 15s;
                  }

                  @keyframes chess-move-20-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-20 .to {
                    animation-name: chess-move-20-to;
                    animation-delay: 15s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-21">
                        <div class="from" style="left: 200px; top: 80px;">♝</div>
                        <div class="to" style="left: 200px; top: 80px;">♝</div>
                        <style>@keyframes chess-move-21-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-21 .from {
                    animation-name: chess-move-21-from;
                    animation-delay: 15.6s;
                  }

                  @keyframes chess-move-21-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 0px;
                    }
                  }
                  .chess-move-21 .to {
                    animation-name: chess-move-21-to;
                    animation-delay: 15.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-22">
                        <div class="from" style="left: 160px; top: 240px;">♗</div>
                        <div class="to" style="left: 160px; top: 240px;">♗</div>
                        <style>@keyframes chess-move-22-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-22 .from {
                    animation-name: chess-move-22-from;
                    animation-delay: 16.2s;
                  }

                  @keyframes chess-move-22-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 40px;
                      top: 120px;
                    }
                  }
                  .chess-move-22 .to {
                    animation-name: chess-move-22-to;
                    animation-delay: 16.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-23">
                        <div class="from" style="left: 80px; top: 0px;">♝</div>
                        <div class="to" style="left: 80px; top: 0px;">♝</div>
                        <style>@keyframes chess-move-23-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-23 .from {
                    animation-name: chess-move-23-from;
                    animation-delay: 16.799999999999997s;
                  }

                  @keyframes chess-move-23-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 40px;
                      top: 40px;
                    }
                  }
                  .chess-move-23 .to {
                    animation-name: chess-move-23-to;
                    animation-delay: 16.799999999999997s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-24">
                        <div class="from" style="left: 120px; top: 160px;">♘</div>
                        <div class="to" style="left: 120px; top: 160px;">♘</div>
                        <style>@keyframes chess-move-24-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-24 .from {
                    animation-name: chess-move-24-from;
                    animation-delay: 17.4s;
                  }

                  @keyframes chess-move-24-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-24 .to {
                    animation-name: chess-move-24-to;
                    animation-delay: 17.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-25">
                        <div class="from" style="left: 280px; top: 0px;">♝</div>
                        <div class="to" style="left: 280px; top: 0px;">♝</div>
                        <style>@keyframes chess-move-25-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-25 .from {
                    animation-name: chess-move-25-from;
                    animation-delay: 18s;
                  }

                  @keyframes chess-move-25-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 40px;
                      top: 240px;
                    }
                  }
                  .chess-move-25 .to {
                    animation-name: chess-move-25-to;
                    animation-delay: 18s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-26">
                        <div class="from" style="left: 0px; top: 280px;">♖</div>
                        <div class="to" style="left: 0px; top: 280px;">♖</div>
                        <style>@keyframes chess-move-26-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-26 .from {
                    animation-name: chess-move-26-from;
                    animation-delay: 18.6s;
                  }

                  @keyframes chess-move-26-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 40px;
                      top: 280px;
                    }
                  }
                  .chess-move-26 .to {
                    animation-name: chess-move-26-to;
                    animation-delay: 18.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-27">
                        <div class="from" style="left: 40px; top: 240px;">♝</div>
                        <div class="to" style="left: 40px; top: 240px;">♝</div>
                        <style>@keyframes chess-move-27-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-27 .from {
                    animation-name: chess-move-27-from;
                    animation-delay: 19.2s;
                  }

                  @keyframes chess-move-27-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 0px;
                    }
                  }
                  .chess-move-27 .to {
                    animation-name: chess-move-27-to;
                    animation-delay: 19.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-28">
                        <div class="from" style="left: 160px; top: 280px;">♔</div>
                        <div class="to" style="left: 160px; top: 280px;">♔</div>
                        <style>@keyframes chess-move-28-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-28 .from {
                    animation-name: chess-move-28-from;
                    animation-delay: 19.8s;
                  }

                  @keyframes chess-move-28-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 280px;
                    }
                  }
                  .chess-move-28 .to {
                    animation-name: chess-move-28-to;
                    animation-delay: 19.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-29">
                        <div class="from" style="left: 40px; top: 40px;">♝</div>
                        <div class="to" style="left: 40px; top: 40px;">♝</div>
                        <style>@keyframes chess-move-29-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-29 .from {
                    animation-name: chess-move-29-from;
                    animation-delay: 20.4s;
                  }

                  @keyframes chess-move-29-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-29 .to {
                    animation-name: chess-move-29-to;
                    animation-delay: 20.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-30">
                        <div class="from" style="left: 120px; top: 280px;">♕</div>
                        <div class="to" style="left: 120px; top: 280px;">♕</div>
                        <style>@keyframes chess-move-30-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-30 .from {
                    animation-name: chess-move-30-from;
                    animation-delay: 21s;
                  }

                  @keyframes chess-move-30-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-30 .to {
                    animation-name: chess-move-30-to;
                    animation-delay: 21s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-31">
                        <div class="from" style="left: 40px; top: 0px;">♞</div>
                        <div class="to" style="left: 40px; top: 0px;">♞</div>
                        <style>@keyframes chess-move-31-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-31 .from {
                    animation-name: chess-move-31-from;
                    animation-delay: 21.599999999999998s;
                  }

                  @keyframes chess-move-31-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 40px;
                    }
                  }
                  .chess-move-31 .to {
                    animation-name: chess-move-31-to;
                    animation-delay: 21.599999999999998s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-32">
                        <div class="from" style="left: 40px; top: 120px;">♗</div>
                        <div class="to" style="left: 40px; top: 120px;">♗</div>
                        <style>@keyframes chess-move-32-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-32 .from {
                    animation-name: chess-move-32-from;
                    animation-delay: 22.2s;
                  }

                  @keyframes chess-move-32-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 80px;
                    }
                  }
                  .chess-move-32 .to {
                    animation-name: chess-move-32-to;
                    animation-delay: 22.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-33">
                        <div class="from" style="left: 0px; top: 0px;">♜</div>
                        <div class="to" style="left: 0px; top: 0px;">♜</div>
                        <style>@keyframes chess-move-33-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-33 .from {
                    animation-name: chess-move-33-from;
                    animation-delay: 22.8s;
                  }

                  @keyframes chess-move-33-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 0px;
                    }
                  }
                  .chess-move-33 .to {
                    animation-name: chess-move-33-to;
                    animation-delay: 22.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-34">
                        <div class="from" style="left: 80px; top: 80px;">♗</div>
                        <div class="to" style="left: 80px; top: 80px;">♗</div>
                        <style>@keyframes chess-move-34-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-34 .from {
                    animation-name: chess-move-34-from;
                    animation-delay: 23.4s;
                  }

                  @keyframes chess-move-34-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 40px;
                      top: 40px;
                    }
                  }
                  .chess-move-34 .to {
                    animation-name: chess-move-34-to;
                    animation-delay: 23.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-35">
                        <div class="from" style="left: 80px; top: 0px;">♜</div>
                        <div class="to" style="left: 80px; top: 0px;">♜</div>
                        <style>@keyframes chess-move-35-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-35 .from {
                    animation-name: chess-move-35-from;
                    animation-delay: 24s;
                  }

                  @keyframes chess-move-35-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 240px;
                    }
                  }
                  .chess-move-35 .to {
                    animation-name: chess-move-35-to;
                    animation-delay: 24s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-36">
                        <div class="from" style="left: 200px; top: 200px;">♘</div>
                        <div class="to" style="left: 200px; top: 200px;">♘</div>
                        <style>@keyframes chess-move-36-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-36 .from {
                    animation-name: chess-move-36-from;
                    animation-delay: 24.599999999999998s;
                  }

                  @keyframes chess-move-36-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-36 .to {
                    animation-name: chess-move-36-to;
                    animation-delay: 24.599999999999998s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-37">
                        <div class="from" style="left: 80px; top: 240px;">♜</div>
                        <div class="to" style="left: 80px; top: 240px;">♜</div>
                        <style>@keyframes chess-move-37-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-37 .from {
                    animation-name: chess-move-37-from;
                    animation-delay: 25.2s;
                  }

                  @keyframes chess-move-37-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 240px;
                    }
                  }
                  .chess-move-37 .to {
                    animation-name: chess-move-37-to;
                    animation-delay: 25.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-38">
                        <div class="from" style="left: 120px; top: 160px;">♘</div>
                        <div class="to" style="left: 120px; top: 160px;">♘</div>
                        <style>@keyframes chess-move-38-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-38 .from {
                    animation-name: chess-move-38-from;
                    animation-delay: 25.8s;
                  }

                  @keyframes chess-move-38-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 80px;
                    }
                  }
                  .chess-move-38 .to {
                    animation-name: chess-move-38-to;
                    animation-delay: 25.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-39">
                        <div class="from" style="left: 120px; top: 240px;">♜</div>
                        <div class="to" style="left: 120px; top: 240px;">♜</div>
                        <style>@keyframes chess-move-39-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-39 .from {
                    animation-name: chess-move-39-from;
                    animation-delay: 26.4s;
                  }

                  @keyframes chess-move-39-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-39 .to {
                    animation-name: chess-move-39-to;
                    animation-delay: 26.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-40">
                        <div class="from" style="left: 160px; top: 80px;">♘</div>
                        <div class="to" style="left: 160px; top: 80px;">♘</div>
                        <style>@keyframes chess-move-40-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-40 .from {
                    animation-name: chess-move-40-from;
                    animation-delay: 27s;
                  }

                  @keyframes chess-move-40-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 0px;
                    }
                  }
                  .chess-move-40 .to {
                    animation-name: chess-move-40-to;
                    animation-delay: 27s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-41">
                        <div class="from" style="left: 200px; top: 0px;">♜</div>
                        <div class="to" style="left: 200px; top: 0px;">♜</div>
                        <style>@keyframes chess-move-41-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-41 .from {
                    animation-name: chess-move-41-from;
                    animation-delay: 27.599999999999998s;
                  }

                  @keyframes chess-move-41-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 0px;
                    }
                  }
                  .chess-move-41 .to {
                    animation-name: chess-move-41-to;
                    animation-delay: 27.599999999999998s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-42">
                        <div class="from" style="left: 40px; top: 40px;">♗</div>
                        <div class="to" style="left: 40px; top: 40px;">♗</div>
                        <style>@keyframes chess-move-42-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-42 .from {
                    animation-name: chess-move-42-from;
                    animation-delay: 28.2s;
                  }

                  @keyframes chess-move-42-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-42 .to {
                    animation-name: chess-move-42-to;
                    animation-delay: 28.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-43">
                        <div class="from" style="left: 160px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 160px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-43-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-43 .from {
                    animation-name: chess-move-43-from;
                    animation-delay: 28.8s;
                  }

                  @keyframes chess-move-43-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 80px;
                    }
                  }
                  .chess-move-43 .to {
                    animation-name: chess-move-43-to;
                    animation-delay: 28.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-44">
                        <div class="from" style="left: 120px; top: 120px;">♗</div>
                        <div class="to" style="left: 120px; top: 120px;">♗</div>
                        <style>@keyframes chess-move-44-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-44 .from {
                    animation-name: chess-move-44-from;
                    animation-delay: 29.4s;
                  }

                  @keyframes chess-move-44-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 80px;
                    }
                  }
                  .chess-move-44 .to {
                    animation-name: chess-move-44-to;
                    animation-delay: 29.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-45">
                        <div class="from" style="left: 280px; top: 0px;">♝</div>
                        <div class="to" style="left: 280px; top: 0px;">♝</div>
                        <style>@keyframes chess-move-45-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-45 .from {
                    animation-name: chess-move-45-from;
                    animation-delay: 30s;
                  }

                  @keyframes chess-move-45-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-45 .to {
                    animation-name: chess-move-45-to;
                    animation-delay: 30s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-46">
                        <div class="from" style="left: 200px; top: 280px;">♖</div>
                        <div class="to" style="left: 200px; top: 280px;">♖</div>
                        <style>@keyframes chess-move-46-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-46 .from {
                    animation-name: chess-move-46-from;
                    animation-delay: 30.599999999999998s;
                  }

                  @keyframes chess-move-46-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 280px;
                    }
                  }
                  .chess-move-46 .to {
                    animation-name: chess-move-46-to;
                    animation-delay: 30.599999999999998s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-47">
                        <div class="from" style="left: 120px; top: 160px;">♝</div>
                        <div class="to" style="left: 120px; top: 160px;">♝</div>
                        <style>@keyframes chess-move-47-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-47 .from {
                    animation-name: chess-move-47-from;
                    animation-delay: 31.2s;
                  }

                  @keyframes chess-move-47-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 120px;
                    }
                  }
                  .chess-move-47 .to {
                    animation-name: chess-move-47-to;
                    animation-delay: 31.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-48">
                        <div class="from" style="left: 200px; top: 240px;">♙</div>
                        <div class="to" style="left: 200px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-48-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-48 .from {
                    animation-name: chess-move-48-from;
                    animation-delay: 31.799999999999997s;
                  }

                  @keyframes chess-move-48-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-48 .to {
                    animation-name: chess-move-48-to;
                    animation-delay: 31.799999999999997s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-49">
                        <div class="from" style="left: 240px; top: 80px;">♟︎</div>
                        <div class="to" style="left: 240px; top: 80px;">♟︎</div>
                        <style>@keyframes chess-move-49-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-49 .from {
                    animation-name: chess-move-49-from;
                    animation-delay: 32.4s;
                  }

                  @keyframes chess-move-49-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-49 .to {
                    animation-name: chess-move-49-to;
                    animation-delay: 32.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-50">
                        <div class="from" style="left: 240px; top: 280px;">♔</div>
                        <div class="to" style="left: 240px; top: 280px;">♔</div>
                        <style>@keyframes chess-move-50-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-50 .from {
                    animation-name: chess-move-50-from;
                    animation-delay: 33s;
                  }

                  @keyframes chess-move-50-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 240px;
                    }
                  }
                  .chess-move-50 .to {
                    animation-name: chess-move-50-to;
                    animation-delay: 33s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-51">
                        <div class="from" style="left: 160px; top: 120px;">♝</div>
                        <div class="to" style="left: 160px; top: 120px;">♝</div>
                        <style>@keyframes chess-move-51-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-51 .from {
                    animation-name: chess-move-51-from;
                    animation-delay: 33.599999999999994s;
                  }

                  @keyframes chess-move-51-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 160px;
                    }
                  }
                  .chess-move-51 .to {
                    animation-name: chess-move-51-to;
                    animation-delay: 33.599999999999994s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-52">
                        <div class="from" style="left: 240px; top: 240px;">♙</div>
                        <div class="to" style="left: 240px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-52-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-52 .from {
                    animation-name: chess-move-52-from;
                    animation-delay: 34.2s;
                  }

                  @keyframes chess-move-52-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 200px;
                    }
                  }
                  .chess-move-52 .to {
                    animation-name: chess-move-52-to;
                    animation-delay: 34.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-53">
                        <div class="from" style="left: 200px; top: 160px;">♝</div>
                        <div class="to" style="left: 200px; top: 160px;">♝</div>
                        <style>@keyframes chess-move-53-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-53 .from {
                    animation-name: chess-move-53-from;
                    animation-delay: 34.8s;
                  }

                  @keyframes chess-move-53-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 120px;
                    }
                  }
                  .chess-move-53 .to {
                    animation-name: chess-move-53-to;
                    animation-delay: 34.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-54">
                        <div class="from" style="left: 200px; top: 240px;">♔</div>
                        <div class="to" style="left: 200px; top: 240px;">♔</div>
                        <style>@keyframes chess-move-54-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-54 .from {
                    animation-name: chess-move-54-from;
                    animation-delay: 35.4s;
                  }

                  @keyframes chess-move-54-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 200px;
                    }
                  }
                  .chess-move-54 .to {
                    animation-name: chess-move-54-to;
                    animation-delay: 35.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-55">
                        <div class="from" style="left: 120px; top: 40px;">♞</div>
                        <div class="to" style="left: 120px; top: 40px;">♞</div>
                        <style>@keyframes chess-move-55-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-55 .from {
                    animation-name: chess-move-55-from;
                    animation-delay: 36s;
                  }

                  @keyframes chess-move-55-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 120px;
                    }
                  }
                  .chess-move-55 .to {
                    animation-name: chess-move-55-to;
                    animation-delay: 36s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-56">
                        <div class="from" style="left: 200px; top: 200px;">♙</div>
                        <div class="to" style="left: 200px; top: 200px;">♙</div>
                        <style>@keyframes chess-move-56-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-56 .from {
                    animation-name: chess-move-56-from;
                    animation-delay: 36.6s;
                  }

                  @keyframes chess-move-56-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 160px;
                    }
                  }
                  .chess-move-56 .to {
                    animation-name: chess-move-56-to;
                    animation-delay: 36.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-57">
                        <div class="from" style="left: 240px; top: 120px;">♟︎</div>
                        <div class="to" style="left: 240px; top: 120px;">♟︎</div>
                        <style>@keyframes chess-move-57-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-57 .from {
                    animation-name: chess-move-57-from;
                    animation-delay: 37.199999999999996s;
                  }

                  @keyframes chess-move-57-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 160px;
                    }
                  }
                  .chess-move-57 .to {
                    animation-name: chess-move-57-to;
                    animation-delay: 37.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-58">
                        <div class="from" style="left: 240px; top: 200px;">♙</div>
                        <div class="to" style="left: 240px; top: 200px;">♙</div>
                        <style>@keyframes chess-move-58-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-58 .from {
                    animation-name: chess-move-58-from;
                    animation-delay: 37.8s;
                  }

                  @keyframes chess-move-58-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 160px;
                    }
                  }
                  .chess-move-58 .to {
                    animation-name: chess-move-58-to;
                    animation-delay: 37.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-59">
                        <div class="from" style="left: 160px; top: 120px;">♝</div>
                        <div class="to" style="left: 160px; top: 120px;">♝</div>
                        <style>@keyframes chess-move-59-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-59 .from {
                    animation-name: chess-move-59-from;
                    animation-delay: 38.4s;
                  }

                  @keyframes chess-move-59-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-59 .to {
                    animation-name: chess-move-59-to;
                    animation-delay: 38.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-60">
                        <div class="from" style="left: 0px; top: 240px;">♙</div>
                        <div class="to" style="left: 0px; top: 240px;">♙</div>
                        <style>@keyframes chess-move-60-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-60 .from {
                    animation-name: chess-move-60-from;
                    animation-delay: 39s;
                  }

                  @keyframes chess-move-60-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 0px;
                      top: 200px;
                    }
                  }
                  .chess-move-60 .to {
                    animation-name: chess-move-60-to;
                    animation-delay: 39s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-61">
                        <div class="from" style="left: 160px; top: 80px;">♟︎</div>
                        <div class="to" style="left: 160px; top: 80px;">♟︎</div>
                        <style>@keyframes chess-move-61-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-61 .from {
                    animation-name: chess-move-61-from;
                    animation-delay: 39.6s;
                  }

                  @keyframes chess-move-61-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 120px;
                    }
                  }
                  .chess-move-61 .to {
                    animation-name: chess-move-61-to;
                    animation-delay: 39.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-62">
                        <div class="from" style="left: 200px; top: 160px;">♙</div>
                        <div class="to" style="left: 200px; top: 160px;">♙</div>
                        <style>@keyframes chess-move-62-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-62 .from {
                    animation-name: chess-move-62-from;
                    animation-delay: 40.199999999999996s;
                  }

                  @keyframes chess-move-62-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 120px;
                    }
                  }
                  .chess-move-62 .to {
                    animation-name: chess-move-62-to;
                    animation-delay: 40.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-63">
                        <div class="from" style="left: 200px; top: 80px;">♝</div>
                        <div class="to" style="left: 200px; top: 80px;">♝</div>
                        <style>@keyframes chess-move-63-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-63 .from {
                    animation-name: chess-move-63-from;
                    animation-delay: 40.8s;
                  }

                  @keyframes chess-move-63-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-63 .to {
                    animation-name: chess-move-63-to;
                    animation-delay: 40.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-64">
                        <div class="from" style="left: 160px; top: 200px;">♔</div>
                        <div class="to" style="left: 160px; top: 200px;">♔</div>
                        <style>@keyframes chess-move-64-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-64 .from {
                    animation-name: chess-move-64-from;
                    animation-delay: 41.4s;
                  }

                  @keyframes chess-move-64-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-64 .to {
                    animation-name: chess-move-64-to;
                    animation-delay: 41.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-65">
                        <div class="from" style="left: 280px; top: 80px;">♟︎</div>
                        <div class="to" style="left: 280px; top: 80px;">♟︎</div>
                        <style>@keyframes chess-move-65-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-65 .from {
                    animation-name: chess-move-65-from;
                    animation-delay: 42s;
                  }

                  @keyframes chess-move-65-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 280px;
                      top: 120px;
                    }
                  }
                  .chess-move-65 .to {
                    animation-name: chess-move-65-to;
                    animation-delay: 42s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-66">
                        <div class="from" style="left: 80px; top: 80px;">♗</div>
                        <div class="to" style="left: 80px; top: 80px;">♗</div>
                        <style>@keyframes chess-move-66-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-66 .from {
                    animation-name: chess-move-66-from;
                    animation-delay: 42.6s;
                  }

                  @keyframes chess-move-66-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-66 .to {
                    animation-name: chess-move-66-to;
                    animation-delay: 42.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-67">
                        <div class="from" style="left: 0px; top: 40px;">♟︎</div>
                        <div class="to" style="left: 0px; top: 40px;">♟︎</div>
                        <style>@keyframes chess-move-67-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-67 .from {
                    animation-name: chess-move-67-from;
                    animation-delay: 43.199999999999996s;
                  }

                  @keyframes chess-move-67-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 0px;
                      top: 120px;
                    }
                  }
                  .chess-move-67 .to {
                    animation-name: chess-move-67-to;
                    animation-delay: 43.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-68">
                        <div class="from" style="left: 120px; top: 280px;">♖</div>
                        <div class="to" style="left: 120px; top: 280px;">♖</div>
                        <style>@keyframes chess-move-68-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-68 .from {
                    animation-name: chess-move-68-from;
                    animation-delay: 43.8s;
                  }

                  @keyframes chess-move-68-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 280px;
                    }
                  }
                  .chess-move-68 .to {
                    animation-name: chess-move-68-to;
                    animation-delay: 43.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-69">
                        <div class="from" style="left: 240px; top: 0px;">♚</div>
                        <div class="to" style="left: 240px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-69-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-69 .from {
                    animation-name: chess-move-69-from;
                    animation-delay: 44.4s;
                  }

                  @keyframes chess-move-69-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 0px;
                    }
                  }
                  .chess-move-69 .to {
                    animation-name: chess-move-69-to;
                    animation-delay: 44.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-70">
                        <div class="from" style="left: 240px; top: 280px;">♖</div>
                        <div class="to" style="left: 240px; top: 280px;">♖</div>
                        <style>@keyframes chess-move-70-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-70 .from {
                    animation-name: chess-move-70-from;
                    animation-delay: 45s;
                  }

                  @keyframes chess-move-70-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-70 .to {
                    animation-name: chess-move-70-to;
                    animation-delay: 45s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-71">
                        <div class="from" style="left: 80px; top: 120px;">♞</div>
                        <div class="to" style="left: 80px; top: 120px;">♞</div>
                        <style>@keyframes chess-move-71-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-71 .from {
                    animation-name: chess-move-71-from;
                    animation-delay: 45.6s;
                  }

                  @keyframes chess-move-71-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 200px;
                    }
                  }
                  .chess-move-71 .to {
                    animation-name: chess-move-71-to;
                    animation-delay: 45.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-72">
                        <div class="from" style="left: 40px; top: 280px;">♖</div>
                        <div class="to" style="left: 40px; top: 280px;">♖</div>
                        <style>@keyframes chess-move-72-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-72 .from {
                    animation-name: chess-move-72-from;
                    animation-delay: 46.199999999999996s;
                  }

                  @keyframes chess-move-72-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 40px;
                      top: 80px;
                    }
                  }
                  .chess-move-72 .to {
                    animation-name: chess-move-72-to;
                    animation-delay: 46.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-73">
                        <div class="from" style="left: 120px; top: 200px;">♞</div>
                        <div class="to" style="left: 120px; top: 200px;">♞</div>
                        <style>@keyframes chess-move-73-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-73 .from {
                    animation-name: chess-move-73-from;
                    animation-delay: 46.8s;
                  }

                  @keyframes chess-move-73-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 280px;
                    }
                  }
                  .chess-move-73 .to {
                    animation-name: chess-move-73-to;
                    animation-delay: 46.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-74">
                        <div class="from" style="left: 200px; top: 200px;">♔</div>
                        <div class="to" style="left: 200px; top: 200px;">♔</div>
                        <style>@keyframes chess-move-74-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-74 .from {
                    animation-name: chess-move-74-from;
                    animation-delay: 47.4s;
                  }

                  @keyframes chess-move-74-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 240px;
                    }
                  }
                  .chess-move-74 .to {
                    animation-name: chess-move-74-to;
                    animation-delay: 47.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-75">
                        <div class="from" style="left: 160px; top: 280px;">♞</div>
                        <div class="to" style="left: 160px; top: 280px;">♞</div>
                        <style>@keyframes chess-move-75-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-75 .from {
                    animation-name: chess-move-75-from;
                    animation-delay: 48s;
                  }

                  @keyframes chess-move-75-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 240px;
                    }
                  }
                  .chess-move-75 .to {
                    animation-name: chess-move-75-to;
                    animation-delay: 48s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-76">
                        <div class="from" style="left: 240px; top: 120px;">♖</div>
                        <div class="to" style="left: 240px; top: 120px;">♖</div>
                        <style>@keyframes chess-move-76-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-76 .from {
                    animation-name: chess-move-76-from;
                    animation-delay: 48.6s;
                  }

                  @keyframes chess-move-76-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 280px;
                      top: 120px;
                    }
                  }
                  .chess-move-76 .to {
                    animation-name: chess-move-76-to;
                    animation-delay: 48.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-77">
                        <div class="from" style="left: 80px; top: 240px;">♞</div>
                        <div class="to" style="left: 80px; top: 240px;">♞</div>
                        <style>@keyframes chess-move-77-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-77 .from {
                    animation-name: chess-move-77-from;
                    animation-delay: 49.199999999999996s;
                  }

                  @keyframes chess-move-77-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 160px;
                    }
                  }
                  .chess-move-77 .to {
                    animation-name: chess-move-77-to;
                    animation-delay: 49.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-78">
                        <div class="from" style="left: 160px; top: 240px;">♔</div>
                        <div class="to" style="left: 160px; top: 240px;">♔</div>
                        <style>@keyframes chess-move-78-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-78 .from {
                    animation-name: chess-move-78-from;
                    animation-delay: 49.8s;
                  }

                  @keyframes chess-move-78-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 200px;
                    }
                  }
                  .chess-move-78 .to {
                    animation-name: chess-move-78-to;
                    animation-delay: 49.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-79">
                        <div class="from" style="left: 120px; top: 160px;">♞</div>
                        <div class="to" style="left: 120px; top: 160px;">♞</div>
                        <style>@keyframes chess-move-79-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-79 .from {
                    animation-name: chess-move-79-from;
                    animation-delay: 50.4s;
                  }

                  @keyframes chess-move-79-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-79 .to {
                    animation-name: chess-move-79-to;
                    animation-delay: 50.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-80">
                        <div class="from" style="left: 280px; top: 120px;">♖</div>
                        <div class="to" style="left: 280px; top: 120px;">♖</div>
                        <style>@keyframes chess-move-80-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-80 .from {
                    animation-name: chess-move-80-from;
                    animation-delay: 51s;
                  }

                  @keyframes chess-move-80-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 0px;
                    }
                  }
                  .chess-move-80 .to {
                    animation-name: chess-move-80-to;
                    animation-delay: 51s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-81">
                        <div class="from" style="left: 200px; top: 0px;">♚</div>
                        <div class="to" style="left: 200px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-81-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-81 .from {
                    animation-name: chess-move-81-from;
                    animation-delay: 51.6s;
                  }

                  @keyframes chess-move-81-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 40px;
                    }
                  }
                  .chess-move-81 .to {
                    animation-name: chess-move-81-to;
                    animation-delay: 51.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-82">
                        <div class="from" style="left: 280px; top: 0px;">♖</div>
                        <div class="to" style="left: 280px; top: 0px;">♖</div>
                        <style>@keyframes chess-move-82-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-82 .from {
                    animation-name: chess-move-82-from;
                    animation-delay: 52.199999999999996s;
                  }

                  @keyframes chess-move-82-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 0px;
                    }
                  }
                  .chess-move-82 .to {
                    animation-name: chess-move-82-to;
                    animation-delay: 52.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-83">
                        <div class="from" style="left: 160px; top: 40px;">♚</div>
                        <div class="to" style="left: 160px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-83-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-83 .from {
                    animation-name: chess-move-83-from;
                    animation-delay: 52.8s;
                  }

                  @keyframes chess-move-83-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 0px;
                    }
                  }
                  .chess-move-83 .to {
                    animation-name: chess-move-83-to;
                    animation-delay: 52.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-84">
                        <div class="from" style="left: 40px; top: 80px;">♖</div>
                        <div class="to" style="left: 40px; top: 80px;">♖</div>
                        <style>@keyframes chess-move-84-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-84 .from {
                    animation-name: chess-move-84-from;
                    animation-delay: 53.4s;
                  }

                  @keyframes chess-move-84-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 80px;
                    }
                  }
                  .chess-move-84 .to {
                    animation-name: chess-move-84-to;
                    animation-delay: 53.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-85">
                        <div class="from" style="left: 120px; top: 0px;">♚</div>
                        <div class="to" style="left: 120px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-85-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-85 .from {
                    animation-name: chess-move-85-from;
                    animation-delay: 54s;
                  }

                  @keyframes chess-move-85-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 40px;
                    }
                  }
                  .chess-move-85 .to {
                    animation-name: chess-move-85-to;
                    animation-delay: 54s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-86">
                        <div class="from" style="left: 120px; top: 80px;">♖</div>
                        <div class="to" style="left: 120px; top: 80px;">♖</div>
                        <style>@keyframes chess-move-86-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-86 .from {
                    animation-name: chess-move-86-from;
                    animation-delay: 54.6s;
                  }

                  @keyframes chess-move-86-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 80px;
                    }
                  }
                  .chess-move-86 .to {
                    animation-name: chess-move-86-to;
                    animation-delay: 54.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-87">
                        <div class="from" style="left: 200px; top: 200px;">♞</div>
                        <div class="to" style="left: 200px; top: 200px;">♞</div>
                        <style>@keyframes chess-move-87-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-87 .from {
                    animation-name: chess-move-87-from;
                    animation-delay: 55.199999999999996s;
                  }

                  @keyframes chess-move-87-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 280px;
                    }
                  }
                  .chess-move-87 .to {
                    animation-name: chess-move-87-to;
                    animation-delay: 55.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-88">
                        <div class="from" style="left: 120px; top: 200px;">♔</div>
                        <div class="to" style="left: 120px; top: 200px;">♔</div>
                        <style>@keyframes chess-move-88-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-88 .from {
                    animation-name: chess-move-88-from;
                    animation-delay: 55.8s;
                  }

                  @keyframes chess-move-88-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 240px;
                    }
                  }
                  .chess-move-88 .to {
                    animation-name: chess-move-88-to;
                    animation-delay: 55.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-89">
                        <div class="from" style="left: 160px; top: 280px;">♞</div>
                        <div class="to" style="left: 160px; top: 280px;">♞</div>
                        <style>@keyframes chess-move-89-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-89 .from {
                    animation-name: chess-move-89-from;
                    animation-delay: 56.4s;
                  }

                  @keyframes chess-move-89-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 240px;
                    }
                  }
                  .chess-move-89 .to {
                    animation-name: chess-move-89-to;
                    animation-delay: 56.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-90">
                        <div class="from" style="left: 80px; top: 80px;">♖</div>
                        <div class="to" style="left: 80px; top: 80px;">♖</div>
                        <style>@keyframes chess-move-90-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-90 .from {
                    animation-name: chess-move-90-from;
                    animation-delay: 57s;
                  }

                  @keyframes chess-move-90-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 40px;
                    }
                  }
                  .chess-move-90 .to {
                    animation-name: chess-move-90-to;
                    animation-delay: 57s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-91">
                        <div class="from" style="left: 160px; top: 40px;">♚</div>
                        <div class="to" style="left: 160px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-91-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-91 .from {
                    animation-name: chess-move-91-from;
                    animation-delay: 57.6s;
                  }

                  @keyframes chess-move-91-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-91 .to {
                    animation-name: chess-move-91-to;
                    animation-delay: 57.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-92">
                        <div class="from" style="left: 80px; top: 40px;">♖</div>
                        <div class="to" style="left: 80px; top: 40px;">♖</div>
                        <style>@keyframes chess-move-92-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-92 .from {
                    animation-name: chess-move-92-from;
                    animation-delay: 58.199999999999996s;
                  }

                  @keyframes chess-move-92-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 40px;
                    }
                  }
                  .chess-move-92 .to {
                    animation-name: chess-move-92-to;
                    animation-delay: 58.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-93">
                        <div class="from" style="left: 200px; top: 80px;">♚</div>
                        <div class="to" style="left: 200px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-93-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-93 .from {
                    animation-name: chess-move-93-from;
                    animation-delay: 58.8s;
                  }

                  @keyframes chess-move-93-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-93 .to {
                    animation-name: chess-move-93-to;
                    animation-delay: 58.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-94">
                        <div class="from" style="left: 160px; top: 240px;">♔</div>
                        <div class="to" style="left: 160px; top: 240px;">♔</div>
                        <style>@keyframes chess-move-94-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-94 .from {
                    animation-name: chess-move-94-from;
                    animation-delay: 59.4s;
                  }

                  @keyframes chess-move-94-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 200px;
                      top: 200px;
                    }
                  }
                  .chess-move-94 .to {
                    animation-name: chess-move-94-to;
                    animation-delay: 59.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-95">
                        <div class="from" style="left: 240px; top: 240px;">♞</div>
                        <div class="to" style="left: 240px; top: 240px;">♞</div>
                        <style>@keyframes chess-move-95-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-95 .from {
                    animation-name: chess-move-95-from;
                    animation-delay: 60s;
                  }

                  @keyframes chess-move-95-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 280px;
                    }
                  }
                  .chess-move-95 .to {
                    animation-name: chess-move-95-to;
                    animation-delay: 60s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-96">
                        <div class="from" style="left: 200px; top: 200px;">♔</div>
                        <div class="to" style="left: 200px; top: 200px;">♔</div>
                        <style>@keyframes chess-move-96-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-96 .from {
                    animation-name: chess-move-96-from;
                    animation-delay: 60.599999999999994s;
                  }

                  @keyframes chess-move-96-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 200px;
                    }
                  }
                  .chess-move-96 .to {
                    animation-name: chess-move-96-to;
                    animation-delay: 60.599999999999994s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-97">
                        <div class="from" style="left: 160px; top: 280px;">♞</div>
                        <div class="to" style="left: 160px; top: 280px;">♞</div>
                        <style>@keyframes chess-move-97-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-97 .from {
                    animation-name: chess-move-97-from;
                    animation-delay: 61.199999999999996s;
                  }

                  @keyframes chess-move-97-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 200px;
                    }
                  }
                  .chess-move-97 .to {
                    animation-name: chess-move-97-to;
                    animation-delay: 61.199999999999996s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-98">
                        <div class="from" style="left: 200px; top: 40px;">♖</div>
                        <div class="to" style="left: 200px; top: 40px;">♖</div>
                        <style>@keyframes chess-move-98-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-98 .from {
                    animation-name: chess-move-98-from;
                    animation-delay: 61.8s;
                  }

                  @keyframes chess-move-98-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 40px;
                    }
                  }
                  .chess-move-98 .to {
                    animation-name: chess-move-98-to;
                    animation-delay: 61.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-99">
                        <div class="from" style="left: 240px; top: 120px;">♚</div>
                        <div class="to" style="left: 240px; top: 120px;">♚</div>
                        <style>@keyframes chess-move-99-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-99 .from {
                    animation-name: chess-move-99-from;
                    animation-delay: 62.4s;
                  }

                  @keyframes chess-move-99-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-99 .to {
                    animation-name: chess-move-99-to;
                    animation-delay: 62.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-100">
                        <div class="from" style="left: 240px; top: 40px;">♖</div>
                        <div class="to" style="left: 240px; top: 40px;">♖</div>
                        <style>@keyframes chess-move-100-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-100 .from {
                    animation-name: chess-move-100-from;
                    animation-delay: 63s;
                  }

                  @keyframes chess-move-100-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 80px;
                    }
                  }
                  .chess-move-100 .to {
                    animation-name: chess-move-100-to;
                    animation-delay: 63s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-101">
                        <div class="from" style="left: 200px; top: 80px;">♚</div>
                        <div class="to" style="left: 200px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-101-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-101 .from {
                    animation-name: chess-move-101-from;
                    animation-delay: 63.599999999999994s;
                  }

                  @keyframes chess-move-101-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 40px;
                    }
                  }
                  .chess-move-101 .to {
                    animation-name: chess-move-101-to;
                    animation-delay: 63.599999999999994s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-102">
                        <div class="from" style="left: 280px; top: 200px;">♙</div>
                        <div class="to" style="left: 280px; top: 200px;">♙</div>
                        <style>@keyframes chess-move-102-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-102 .from {
                    animation-name: chess-move-102-from;
                    animation-delay: 64.19999999999999s;
                  }

                  @keyframes chess-move-102-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 160px;
                    }
                  }
                  .chess-move-102 .to {
                    animation-name: chess-move-102-to;
                    animation-delay: 64.19999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-103">
                        <div class="from" style="left: 120px; top: 200px;">♞</div>
                        <div class="to" style="left: 120px; top: 200px;">♞</div>
                        <style>@keyframes chess-move-103-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-103 .from {
                    animation-name: chess-move-103-from;
                    animation-delay: 64.8s;
                  }

                  @keyframes chess-move-103-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 160px;
                    }
                  }
                  .chess-move-103 .to {
                    animation-name: chess-move-103-to;
                    animation-delay: 64.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-104">
                        <div class="from" style="left: 240px; top: 80px;">♖</div>
                        <div class="to" style="left: 240px; top: 80px;">♖</div>
                        <style>@keyframes chess-move-104-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-104 .from {
                    animation-name: chess-move-104-from;
                    animation-delay: 65.4s;
                  }

                  @keyframes chess-move-104-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 80px;
                    }
                  }
                  .chess-move-104 .to {
                    animation-name: chess-move-104-to;
                    animation-delay: 65.4s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-105">
                        <div class="from" style="left: 200px; top: 160px;">♞</div>
                        <div class="to" style="left: 200px; top: 160px;">♞</div>
                        <style>@keyframes chess-move-105-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-105 .from {
                    animation-name: chess-move-105-from;
                    animation-delay: 66s;
                  }

                  @keyframes chess-move-105-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 80px;
                    }
                  }
                  .chess-move-105 .to {
                    animation-name: chess-move-105-to;
                    animation-delay: 66s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-106">
                        <div class="from" style="left: 120px; top: 120px;">♗</div>
                        <div class="to" style="left: 120px; top: 120px;">♗</div>
                        <style>@keyframes chess-move-106-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-106 .from {
                    animation-name: chess-move-106-from;
                    animation-delay: 66.6s;
                  }

                  @keyframes chess-move-106-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 160px;
                      top: 80px;
                    }
                  }
                  .chess-move-106 .to {
                    animation-name: chess-move-106-to;
                    animation-delay: 66.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-107">
                        <div class="from" style="left: 160px; top: 40px;">♚</div>
                        <div class="to" style="left: 160px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-107-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-107 .from {
                    animation-name: chess-move-107-from;
                    animation-delay: 67.2s;
                  }

                  @keyframes chess-move-107-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 80px;
                    }
                  }
                  .chess-move-107 .to {
                    animation-name: chess-move-107-to;
                    animation-delay: 67.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-108">
                        <div class="from" style="left: 240px; top: 200px;">♔</div>
                        <div class="to" style="left: 240px; top: 200px;">♔</div>
                        <style>@keyframes chess-move-108-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-108 .from {
                    animation-name: chess-move-108-from;
                    animation-delay: 67.8s;
                  }

                  @keyframes chess-move-108-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 160px;
                    }
                  }
                  .chess-move-108 .to {
                    animation-name: chess-move-108-to;
                    animation-delay: 67.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-109">
                        <div class="from" style="left: 0px; top: 120px;">♟︎</div>
                        <div class="to" style="left: 0px; top: 120px;">♟︎</div>
                        <style>@keyframes chess-move-109-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-109 .from {
                    animation-name: chess-move-109-from;
                    animation-delay: 68.39999999999999s;
                  }

                  @keyframes chess-move-109-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 0px;
                      top: 160px;
                    }
                  }
                  .chess-move-109 .to {
                    animation-name: chess-move-109-to;
                    animation-delay: 68.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-110">
                        <div class="from" style="left: 280px; top: 160px;">♙</div>
                        <div class="to" style="left: 280px; top: 160px;">♙</div>
                        <style>@keyframes chess-move-110-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-110 .from {
                    animation-name: chess-move-110-from;
                    animation-delay: 69s;
                  }

                  @keyframes chess-move-110-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 280px;
                      top: 120px;
                    }
                  }
                  .chess-move-110 .to {
                    animation-name: chess-move-110-to;
                    animation-delay: 69s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-111">
                        <div class="from" style="left: 200px; top: 80px;">♚</div>
                        <div class="to" style="left: 200px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-111-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-111 .from {
                    animation-name: chess-move-111-from;
                    animation-delay: 69.6s;
                  }

                  @keyframes chess-move-111-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 40px;
                    }
                  }
                  .chess-move-111 .to {
                    animation-name: chess-move-111-to;
                    animation-delay: 69.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-112">
                        <div class="from" style="left: 240px; top: 160px;">♔</div>
                        <div class="to" style="left: 240px; top: 160px;">♔</div>
                        <style>@keyframes chess-move-112-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-112 .from {
                    animation-name: chess-move-112-from;
                    animation-delay: 70.2s;
                  }

                  @keyframes chess-move-112-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 240px;
                      top: 120px;
                    }
                  }
                  .chess-move-112 .to {
                    animation-name: chess-move-112-to;
                    animation-delay: 70.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-113">
                        <div class="from" style="left: 240px; top: 40px;">♚</div>
                        <div class="to" style="left: 240px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-113-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-113 .from {
                    animation-name: chess-move-113-from;
                    animation-delay: 70.8s;
                  }

                  @keyframes chess-move-113-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 0px;
                    }
                  }
                  .chess-move-113 .to {
                    animation-name: chess-move-113-to;
                    animation-delay: 70.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-114">
                        <div class="from" style="left: 280px; top: 120px;">♙</div>
                        <div class="to" style="left: 280px; top: 120px;">♙</div>
                        <style>@keyframes chess-move-114-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-114 .from {
                    animation-name: chess-move-114-from;
                    animation-delay: 71.39999999999999s;
                  }

                  @keyframes chess-move-114-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 80px;
                    }
                  }
                  .chess-move-114 .to {
                    animation-name: chess-move-114-to;
                    animation-delay: 71.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-115">
                        <div class="from" style="left: 200px; top: 0px;">♚</div>
                        <div class="to" style="left: 200px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-115-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-115 .from {
                    animation-name: chess-move-115-from;
                    animation-delay: 72s;
                  }

                  @keyframes chess-move-115-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 40px;
                    }
                  }
                  .chess-move-115 .to {
                    animation-name: chess-move-115-to;
                    animation-delay: 72s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-116">
                        <div class="from" style="left: 240px; top: 120px;">♔</div>
                        <div class="to" style="left: 240px; top: 120px;">♔</div>
                        <style>@keyframes chess-move-116-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-116 .from {
                    animation-name: chess-move-116-from;
                    animation-delay: 72.6s;
                  }

                  @keyframes chess-move-116-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 240px;
                      top: 80px;
                    }
                  }
                  .chess-move-116 .to {
                    animation-name: chess-move-116-to;
                    animation-delay: 72.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-117">
                        <div class="from" style="left: 160px; top: 40px;">♚</div>
                        <div class="to" style="left: 160px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-117-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-117 .from {
                    animation-name: chess-move-117-from;
                    animation-delay: 73.2s;
                  }

                  @keyframes chess-move-117-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 200px;
                      top: 0px;
                    }
                  }
                  .chess-move-117 .to {
                    animation-name: chess-move-117-to;
                    animation-delay: 73.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-118">
                        <div class="from" style="left: 280px; top: 80px;">♙</div>
                        <div class="to" style="left: 280px; top: 80px;">♙</div>
                        <style>@keyframes chess-move-118-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-118 .from {
                    animation-name: chess-move-118-from;
                    animation-delay: 73.8s;
                  }

                  @keyframes chess-move-118-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 280px;
                      top: 40px;
                    }
                  }
                  .chess-move-118 .to {
                    animation-name: chess-move-118-to;
                    animation-delay: 73.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-119">
                        <div class="from" style="left: 200px; top: 0px;">♚</div>
                        <div class="to" style="left: 200px; top: 0px;">♚</div>
                        <style>@keyframes chess-move-119-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-119 .from {
                    animation-name: chess-move-119-from;
                    animation-delay: 74.39999999999999s;
                  }

                  @keyframes chess-move-119-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 160px;
                      top: 40px;
                    }
                  }
                  .chess-move-119 .to {
                    animation-name: chess-move-119-to;
                    animation-delay: 74.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-120">
                        <div class="from" style="left: 280px; top: 40px;">♙</div>
                        <div class="to" style="left: 280px; top: 40px;">♙</div>
                        <style>@keyframes chess-move-120-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-120 .from {
                    animation-name: chess-move-120-from;
                    animation-delay: 75s;
                  }

                  @keyframes chess-move-120-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 280px;
                      top: 0px;
                    }
                  }
                  .chess-move-120 .to {
                    animation-name: chess-move-120-to;
                    animation-delay: 75s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-121">
                        <div class="from" style="left: 160px; top: 40px;">♚</div>
                        <div class="to" style="left: 160px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-121-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-121 .from {
                    animation-name: chess-move-121-from;
                    animation-delay: 75.6s;
                  }

                  @keyframes chess-move-121-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 80px;
                    }
                  }
                  .chess-move-121 .to {
                    animation-name: chess-move-121-to;
                    animation-delay: 75.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-122">
                        <div class="from" style="left: 280px; top: 0px;">♕</div>
                        <div class="to" style="left: 280px; top: 0px;">♕</div>
                        <style>@keyframes chess-move-122-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-122 .from {
                    animation-name: chess-move-122-from;
                    animation-delay: 76.2s;
                  }

                  @keyframes chess-move-122-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 0px;
                    }
                  }
                  .chess-move-122 .to {
                    animation-name: chess-move-122-to;
                    animation-delay: 76.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-123">
                        <div class="from" style="left: 120px; top: 80px;">♚</div>
                        <div class="to" style="left: 120px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-123-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-123 .from {
                    animation-name: chess-move-123-from;
                    animation-delay: 76.8s;
                  }

                  @keyframes chess-move-123-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 120px;
                    }
                  }
                  .chess-move-123 .to {
                    animation-name: chess-move-123-to;
                    animation-delay: 76.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-124">
                        <div class="from" style="left: 120px; top: 0px;">♕</div>
                        <div class="to" style="left: 120px; top: 0px;">♕</div>
                        <style>@keyframes chess-move-124-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-124 .from {
                    animation-name: chess-move-124-from;
                    animation-delay: 77.39999999999999s;
                  }

                  @keyframes chess-move-124-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 120px;
                    }
                  }
                  .chess-move-124 .to {
                    animation-name: chess-move-124-to;
                    animation-delay: 77.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-125">
                        <div class="from" style="left: 80px; top: 120px;">♚</div>
                        <div class="to" style="left: 80px; top: 120px;">♚</div>
                        <style>@keyframes chess-move-125-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-125 .from {
                    animation-name: chess-move-125-from;
                    animation-delay: 78s;
                  }

                  @keyframes chess-move-125-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 40px;
                      top: 80px;
                    }
                  }
                  .chess-move-125 .to {
                    animation-name: chess-move-125-to;
                    animation-delay: 78s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-126">
                        <div class="from" style="left: 160px; top: 80px;">♗</div>
                        <div class="to" style="left: 160px; top: 80px;">♗</div>
                        <style>@keyframes chess-move-126-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-126 .from {
                    animation-name: chess-move-126-from;
                    animation-delay: 78.6s;
                  }

                  @keyframes chess-move-126-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 0px;
                    }
                  }
                  .chess-move-126 .to {
                    animation-name: chess-move-126-to;
                    animation-delay: 78.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-127">
                        <div class="from" style="left: 40px; top: 80px;">♚</div>
                        <div class="to" style="left: 40px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-127-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-127 .from {
                    animation-name: chess-move-127-from;
                    animation-delay: 79.2s;
                  }

                  @keyframes chess-move-127-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 40px;
                    }
                  }
                  .chess-move-127 .to {
                    animation-name: chess-move-127-to;
                    animation-delay: 79.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-128">
                        <div class="from" style="left: 120px; top: 120px;">♕</div>
                        <div class="to" style="left: 120px; top: 120px;">♕</div>
                        <style>@keyframes chess-move-128-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-128 .from {
                    animation-name: chess-move-128-from;
                    animation-delay: 79.8s;
                  }

                  @keyframes chess-move-128-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 40px;
                    }
                  }
                  .chess-move-128 .to {
                    animation-name: chess-move-128-to;
                    animation-delay: 79.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-129">
                        <div class="from" style="left: 80px; top: 40px;">♚</div>
                        <div class="to" style="left: 80px; top: 40px;">♚</div>
                        <style>@keyframes chess-move-129-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-129 .from {
                    animation-name: chess-move-129-from;
                    animation-delay: 80.39999999999999s;
                  }

                  @keyframes chess-move-129-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 40px;
                      top: 80px;
                    }
                  }
                  .chess-move-129 .to {
                    animation-name: chess-move-129-to;
                    animation-delay: 80.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-130">
                        <div class="from" style="left: 120px; top: 40px;">♕</div>
                        <div class="to" style="left: 120px; top: 40px;">♕</div>
                        <style>@keyframes chess-move-130-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-130 .from {
                    animation-name: chess-move-130-from;
                    animation-delay: 81s;
                  }

                  @keyframes chess-move-130-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 120px;
                      top: 80px;
                    }
                  }
                  .chess-move-130 .to {
                    animation-name: chess-move-130-to;
                    animation-delay: 81s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-131">
                        <div class="from" style="left: 40px; top: 80px;">♚</div>
                        <div class="to" style="left: 40px; top: 80px;">♚</div>
                        <style>@keyframes chess-move-131-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-131 .from {
                    animation-name: chess-move-131-from;
                    animation-delay: 81.6s;
                  }

                  @keyframes chess-move-131-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 40px;
                      top: 120px;
                    }
                  }
                  .chess-move-131 .to {
                    animation-name: chess-move-131-to;
                    animation-delay: 81.6s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-132">
                        <div class="from" style="left: 80px; top: 0px;">♗</div>
                        <div class="to" style="left: 80px; top: 0px;">♗</div>
                        <style>@keyframes chess-move-132-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-132 .from {
                    animation-name: chess-move-132-from;
                    animation-delay: 82.2s;
                  }

                  @keyframes chess-move-132-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 120px;
                      top: 40px;
                    }
                  }
                  .chess-move-132 .to {
                    animation-name: chess-move-132-to;
                    animation-delay: 82.2s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-133">
                        <div class="from" style="left: 40px; top: 120px;">♚</div>
                        <div class="to" style="left: 40px; top: 120px;">♚</div>
                        <style>@keyframes chess-move-133-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-133 .from {
                    animation-name: chess-move-133-from;
                    animation-delay: 82.8s;
                  }

                  @keyframes chess-move-133-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 0px;
                      top: 120px;
                    }
                  }
                  .chess-move-133 .to {
                    animation-name: chess-move-133-to;
                    animation-delay: 82.8s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-134">
                        <div class="from" style="left: 120px; top: 80px;">♕</div>
                        <div class="to" style="left: 120px; top: 80px;">♕</div>
                        <style>@keyframes chess-move-134-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-134 .from {
                    animation-name: chess-move-134-from;
                    animation-delay: 83.39999999999999s;
                  }

                  @keyframes chess-move-134-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #C5A076;
                      left: 80px;
                      top: 120px;
                    }
                  }
                  .chess-move-134 .to {
                    animation-name: chess-move-134-to;
                    animation-delay: 83.39999999999999s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-135">
                        <div class="from" style="left: 0px; top: 120px;">♚</div>
                        <div class="to" style="left: 0px; top: 120px;">♚</div>
                        <style>@keyframes chess-move-135-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #C5A076;
                    }
                  }
                  .chess-move-135 .from {
                    animation-name: chess-move-135-from;
                    animation-delay: 84s;
                  }

                  @keyframes chess-move-135-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 0px;
                      top: 80px;
                    }
                  }
                  .chess-move-135 .to {
                    animation-name: chess-move-135-to;
                    animation-delay: 84s;
                  }</style>
                    </div>
                    <div class="chess-move chess-move-136">
                        <div class="from" style="left: 120px; top: 40px;">♗</div>
                        <div class="to" style="left: 120px; top: 40px;">♗</div>
                        <style>@keyframes chess-move-136-from {
                    100% {
                      opacity: 1;
                      color: transparent;
                      background-color: #ECDAB9;
                    }
                  }
                  .chess-move-136 .from {
                    animation-name: chess-move-136-from;
                    animation-delay: 84.6s;
                  }

                  @keyframes chess-move-136-to {
                    1% {
                      opacity: 1;
                    }
                    99% {
                      background-color: transparent;
                    }
                    100% {
                      opacity: 1;
                      background-color: #ECDAB9;
                      left: 80px;
                      top: 0px;
                    }
                  }
                  .chess-move-136 .to {
                    animation-name: chess-move-136-to;
                    animation-delay: 84.6s;
                  }</style>
                    </div>
                    <style>.chess-board {
              width: 320px;
              height: 320px;
              position: relative;
              margin: 6px auto 0;
            }
            .chess-square, .chess-move .from, .chess-move .to, .chess-move .init {
              width: 40px;
              height: 40px;
              float: left;
            }
            .chess-square.white {
              background-color: #ECDAB9;
            }
            .chess-square.black {
              background-color: #C5A076;
            }
            .chess-clock {
              width: 320px;
              height: 4px;
              margin: auto;
              background-color: #58A6FF40;
              margin-bottom: 6px;
            }
            .chess-clock .chess-time {
              width: 0%;
              height: 100%;
              background-color: #58A6FF;
              animation-fill-mode: forwards;
              animation-name: chess-clock;
              animation-delay: 3s;
              animation-duration: 82.2s;
              animation-timing-function: linear;
            }
            @keyframes chess-clock {
              100% {
                width: 100%;
              }
            }
            .chess-move {
              position: absolute;
              top: 0;
              left: 0;
              font-family: monospace;
            }
            .chess-move .from, .chess-move .to, .chess-move .init {
              position: absolute;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 32px;
              animation-fill-mode: forwards;
              opacity: 0;
            }
            .chess-move .init {
              opacity: 1;
            }
            .chess-move .to {
              animation-duration: 0.6s;
            }</style>
                </div>
                <div class="chess-clock">
                    <div class="chess-time"></div>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>