Chess.html - main - VoRoN/HTML

Chess.html
51 строка26 KB
Александр Владимирович
create Chess.html
31 мар 2024, 19:12
31 мар 2024, 19:122d8dcdc
<style id="compiled-css" type="text/css">
table { border: 2px solid #000; border-collapse: collapse; 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
tr:nth-child(2n) td:nth-child(2n+1),tr:nth-child(2n+1) td:nth-child(2n){ background: #aaa; }
td { width: 64px; height: 64px; text-align: center; padding: 0px;}
td div { width: 64px; height: 64px;}
tr:nth-child(1) td, tr:nth-child(10) td { height: 24px; }
tr th:nth-child(n) { width: 24px; }
tr:nth-child(1) td:nth-child(n) { border-bottom: 2px solid #000; background: none; }
tr th:nth-child(1) { border-right: 2px solid #000; background: none; }
tr th:nth-child(10) { border-left: 2px solid #000; background: none; }
tr:nth-child(10) td:nth-child(n) { border-top: 2px solid #000; background: none; border-left: none; }
tr:nth-child(1) th, tr:nth-child(10) th { background: none; background-image:none; border-right: none; border-left: none;} 
.w-pawn { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZD0ibTE0LjYxMTk3LDU0LjY3NzExYy0zLjE0OTE0LC0xMC45NzcyOSA3LjAxODc5LC0xNC42MzI0OSAxMS4yNzU2NiwtMTYuMzM1MjRjLTUuOTY3OTIsLTMuMzA1NSAtMy44NzE4LC0xMS44MzE0MSAyLjIyMDk4LC0xMi41NDg1M2MtMTMuODc2NzMsLTE5LjM2ODk1IDIyLjIyNjM4LC0xOC41MTMxNCA3LjQ4MjI0LC0wLjJjNS45MzAzNSwwLjQxMDQ5IDkuMDA3NjksOS44NTAyMSAyLjM1NDY4LDEyLjk3MDYzYzQuMzMwOTEsMS4zMzI1OSAxNi4xMDU0Niw0LjczOTcyIDEyLjA3NTY3LDE2LjExMzE0bC0zNS40MDkyMywweiIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18yIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogPC9nPgo8L3N2Zz4=") }
.b-pawn { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZD0ibTE0Ljk3OTM5LDU0LjQwNzgxYy0zLjE0OTE0LC0xMC45NzcyOSA3LjAxODc5LC0xNC42MzI0OSAxMS4yNzU2NiwtMTYuMzM1MjRjLTUuOTY3OTIsLTMuMzA1NSAtMy44NzE4LC0xMS44MzE0MSAyLjIyMDk4LC0xMi41NDg1M2MtMTMuODc2NzMsLTE5LjM2ODk1IDIyLjIyNjM4LC0xOC41MTMxNCA3LjQ4MjI0LC0wLjJjNS45MzAzNSwwLjQxMDQ5IDkuMDA3NjksOS44NTAyMSAyLjM1NDY4LDEyLjk3MDYzYzQuMzMwOTEsMS4zMzI1OSAxNi4xMDU0Niw0LjczOTcyIDEyLjA3NTY3LDE2LjExMzE0bC0zNS40MDkyMywweiIgZmlsbD0iIzAwMDAwMCIgaWQ9InN2Z18xMyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KIDwvZz4KPC9zdmc+") }
.w-rook { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z180NyI+CiAgIDxwYXRoIGQ9Im0xNiw5YzAsMCAwLDYgMCw2bDYsN2MwLDAgLTMsMjQgLTMsMjRjMCwwIC02LDMgLTYsM2MwLDAgMCw2IDAsNmMwLDAgNDAsMCA0MCwwYzAsMCAwLC02IDAsLTZjMCwwIC02LC0zIC02LC0zbC00LC0yNGw1LC03YzAsMCAwLC02IDAsLTZsLTcsMGwwLDRsLTYsMGwwLC00bC02LDBsMCw0bC02LDBsMCwtNGwtNywweiIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGlkPSJzdmdfMjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjIyIiB4Mj0iNDMiIHkxPSIyMiIgeTI9IjIyIi8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGlkPSJzdmdfMjEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjE5IiB4Mj0iNDciIHkxPSI0NiIgeTI9IjQ2Ii8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=") }
.b-rook { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z180OCI+CiAgIDxwYXRoIGQ9Im0xNS43LDguNjVjMCwwIDAsNiAwLDZsNiw3YzAsMCAtMywyNCAtMywyNGMwLDAgLTYsMyAtNiwzYzAsMCAwLDYgMCw2YzAsMCA0MCwwIDQwLDBjMCwwIDAsLTYgMCwtNmMwLDAgLTYsLTMgLTYsLTNsLTQsLTI0bDUsLTdjMCwwIDAsLTYgMCwtNmwtNywwbDAsNGwtNiwwbDAsLTRsLTYsMGwwLDRsLTYsMGwwLC00bC03LDB6IiBmaWxsPSIjMDAwMDAwIiBpZD0ic3ZnXzI1IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgaWQ9InN2Z18yMyIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgeDE9IjI1IiB4Mj0iMzkiIHkxPSIyMiIgeTI9IjIyIi8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGlkPSJzdmdfMjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIHgxPSIyMiIgeDI9IjQzIiB5MT0iNDYiIHkyPSI0NiIvPgogIDwvZz4KIDwvZz4KPC9zdmc+") }
.w-knight { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z180NiI+CiAgIDxwYXRoIGQ9Im0yOCwxOGMxLC0yIC0zLC03IC03LC04YzMsNiAwLDExIDAsMTFjMCwwIDYsLTIgNywtM3oiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMjkiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICA8cGF0aCBkPSJtNTIsNTRjMiwtMTMgLTEsLTM0IC0xNywtMzdjMC4zMzMzMywtMy4zMzMzMyAtMi4zMzMzMywtNy42NjY2NyAtNSwtOWMwLjY2NjY3LDYuNjY2NjcgLTIuNjY2NjcsNy4zMzMzMyAtOSwxMmMtNS4zMzMzMywxNC42NjY2NyAtOC42NjY2NywxNi4zMzMzMyAtNywyMWMzLDMgMywyIDYsLTFjLTEsMyAwLDMgMiwzYzQsLTcgNywtOCAxMCwtOWMxLDEwIC02LDEzIC03LDIwbDI3LDB6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzI3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTIzLDI2YzAsLTIgMiwtMyAzLC0zYzEsMSAwLDEgLTEsMmMtMSwxIC0yLDMgLTIsMXoiIGZpbGw9Im5vbmUiIGlkPSJzdmdfMzIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgaWQ9InN2Z18zNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjE3IiB4Mj0iMTgiIHkxPSIzOCIgeTI9IjM3Ii8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGlkPSJzdmdfMzYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIzNSIgeDI9IjMyIiB5MT0iMjkiIHkyPSIzNCIvPgogIDwvZz4KIDwvZz4KPC9zdmc+") }
.b-knight { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z180NSI+CiAgIDxwYXRoIGQ9Im0yOC4wOTE5OCwxNy44NWMxLC0yIC0zLC03IC03LC04YzMsNiAwLDExIDAsMTFjMCwwIDYsLTIgNywtM3oiIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfNDEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICA8cGF0aCBkPSJtNTIuMDkxOTgsNTMuODVjMiwtMTMgLTEsLTM0IC0xNywtMzdjMC4zMzMzMywtMy4zMzMzMyAtMi4zMzMzMywtNy42NjY2NyAtNSwtOWMwLjY2NjY3LDYuNjY2NjcgLTIuNjY2NjcsNy4zMzMzMyAtOSwxMmMtNS4zMzMzMywxNC42NjY2NyAtOC42NjY2NywxNi4zMzMzMyAtNywyMWMzLDMgMywyIDYsLTFjMCwzIDAsMyAyLDNjNCwtNyA3LC04IDEwLC05YzEsMTAgLTYsMTMgLTcsMjBsMjcsMHoiIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfNDAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICA8cGF0aCBkPSJtMjMuMDkxOTgsMjUuODVjMCwtMiAyLC0zIDMsLTNjMSwxIDAsMSAtMSwyYy0xLDEgLTIsMyAtMiwxeiIgZmlsbD0ibm9uZSIgaWQ9InN2Z18zOSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICA8bGluZSBmaWxsPSJub25lIiBpZD0ic3ZnXzM4IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTciIHgyPSIxOCIgeTE9IjM4IiB5Mj0iMzciLz4KICAgPHBhdGggZD0ibTM1LDIwYzksMiAxNiwxMSAxNSwzMWMxLC0yMCAtNiwtMjkgLTE1LC0zMXoiIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfNDQiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwvZz4KIDwvZz4KPC9zdmc+") }
.w-bishop { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z182OSI+CiAgIDxwYXRoIGQ9Im00MiwzN2M5LjY2NjY3LC0xMSA0LjMzMzMzLC0xOSAtMTAsLTI1Yy0xNi42NjY2Nyw3IC0xOS4zMzMzMywxNCAtMTAsMjVjMywyLjY2NjY3IC0zLDguMzMzMzMgMCwxMGM5LDIgMTEsMiAyMCwwYzMsLTIgLTMsLTggMCwtMTB6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzUwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPGNpcmNsZSBjeD0iMzIiIGN5PSI5IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzUyIiByPSIzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTIwLDM1YzcsMyAxNywzIDI0LDBjLTcsMyAtMTcsMyAtMjQsMHoiIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMCIgaWQ9InN2Z181NCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgPHBhdGggZD0ibTIyLDQ1YzMsLTMgMTgsLTMgMjEsMGMtMywtMyAtMTgsLTMgLTIxLDB6IiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjAiIGlkPSJzdmdfNTUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMCIgaWQ9InN2Z181NiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi41IiB4MT0iMjgiIHgyPSIzNiIgeTE9IjI1IiB5Mj0iMjUiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgZmlsbC1vcGFjaXR5PSIwIiBpZD0ic3ZnXzU3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHgxPSIzMiIgeDI9IjMyIiB5MT0iMjEiIHkyPSIyOSIvPgogICA8cGF0aCBkPSJtMzIsNDljLTUuNjY2NjcsMy4zMzMzMyAtMTUuMzMzMzMsMi42NjY2NyAtMjEsMmMtMSwyIC0xLDQgLTMsNWMyLDEuMzMzMzMgMiwxLjY2NjY3IDMsNGMxLjY2NjY3LC00LjMzMzMzIDE2LjMzMzMzLC0wLjY2NjY3IDIxLC01YzYsNC4zMzMzMyAxOSwwLjY2NjY3IDIxLDVjMSwtMi4zMzMzMyAxLC0yLjY2NjY3IDMsLTRjLTEuNjY2NjcsLTEgLTIuMzMzMzMsLTMgLTMsLTVjLTYsMSAtMTQsMSAtMjEsLTJ6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzU4IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPg==") }
.b-bishop { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z183MCI+CiAgIDxwYXRoIGQ9Im00Mi4xNSwzNi43NWM5LjY2NjY3LC0xMSA0LjMzMzMzLC0xOSAtMTAsLTI1Yy0xNi42NjY2Nyw3IC0xOS4zMzMzMywxNCAtMTAsMjVjMywyLjY2NjY3IC0zLDguMzMzMzMgMCwxMGM5LDIgMTEsMiAyMCwwYzMsLTIgLTMsLTggMCwtMTB6IiBmaWxsPSIjMDAwMDAwIiBpZD0ic3ZnXzY2IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPGNpcmNsZSBjeD0iMzIiIGN5PSI5IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzY1IiByPSIzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTI1LjEzMTI1LDM2Ljc1YzYuMTI1LDEgNy44NzUsMSAxNCwwYy02LjEyNSwtMSAtNy44NzUsLTEgLTE0LDB6IiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjAiIGlkPSJzdmdfNjQiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMCIgaWQ9InN2Z182MiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi41IiB4MT0iMjgiIHgyPSIzNiIgeTE9IjI1IiB5Mj0iMjUiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgZmlsbC1vcGFjaXR5PSIwIiBpZD0ic3ZnXzYxIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHgxPSIzMiIgeDI9IjMyIiB5MT0iMjEiIHkyPSIyOSIvPgogICA8cGF0aCBkPSJtMzIuMTUsNDguNzVjLTUuNjY2NjcsMy4zMzMzMyAtMTUuMzMzMzMsMi42NjY2NyAtMjEsMmMtMSwyIC0xLDQgLTMsNWMyLDEuMzMzMzMgMiwxLjY2NjY3IDMsNGMxLjY2NjY3LC00LjMzMzMzIDE2LjMzMzMzLC0wLjY2NjY3IDIxLC01YzYsNC4zMzMzMyAxOSwwLjY2NjY3IDIxLDVjMSwtMi4zMzMzMyAxLC0yLjY2NjY3IDMsLTRjLTEuNjY2NjcsLTEgLTIuMzMzMzMsLTMgLTMsLTVjLTYsMSAtMTQsMSAtMjEsLTJ6IiBmaWxsPSIjMDAwMDAwIiBpZD0ic3ZnXzYwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTI1LjE1LDQxLjc1YzYuMTI1LDEgNy44NzUsMSAxNCwwYy02LjEyNSwtMSAtNy44NzUsLTEgLTE0LDB6IiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjAiIGlkPSJzdmdfNjciIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=") }
.w-queen { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z184MSI+CiAgIDxwYXRoIGQ9Im0xOSw0MmMtNS4zMzMzMywtMi4zMzMzMyAxLjMzMzMzLC00LjY2NjY3IC03LC0yMGwxMCwxMGwtMSwtMTZsNywxNGw0LC0xOGw0LDE4bDcsLTE0bC0xLDE2bDEwLC0xMGMtOC4zMzMzMywxNS4zMzMzMyAtMS42NjY2NywxNy42NjY2NyAtNywyMGMtMi4zMzMzMyw0LjY2NjY3IDEuMzMzMzMsNy4zMzMzMyAtMiwxMGMtOS42NjY2NywyIC0xMi4zMzMzMywyIC0yMiwwYy0zLjY2NjY3LC0xLjY2NjY3IDAuNjY2NjcsLTUuMzMzMzMgLTIsLTEweiIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z183MSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgIDxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfNzMiIHI9IjIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxjaXJjbGUgY3g9IjU0IiBjeT0iMjAiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfNzUiIHI9IjIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxjaXJjbGUgY3g9IjQ0IiBjeT0iMTQiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfNzYiIHI9IjIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxjaXJjbGUgY3g9IjMyIiBjeT0iOSIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z183NyIgcj0iMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgPGNpcmNsZSBjeD0iMjAiIGN5PSIxNCIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z183OCIgcj0iMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgPHBhdGggZD0ibTE3LDQxYzUsNCAyNSw0IDMwLDBjLTcuNjY2NjcsLTkgLTIyLjMzMzMzLC05IC0zMCwweiIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z183OSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgPHBhdGggZD0ibTIwLDUxYzksLTMgMTYsLTMgMjQsMGMtOC4zMzMzMywtMyAtMTQuNjY2NjcsLTMgLTI0LDB6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzgwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+") }
.b-queen { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z185MCI+CiAgIDxwYXRoIGQ9Im0xOS4xNSw0Mi4wNzVjLTUuMzMzMzMsLTIuMzMzMzMgMS4zMzMzMywtNC42NjY2NyAtNywtMjBsMTAsMTBsLTEsLTE2bDcsMTRsNCwtMThsNCwxOGw3LC0xNGwtMSwxNmwxMCwtMTBjLTguMzMzMzMsMTUuMzMzMzMgLTEuNjY2NjcsMTcuNjY2NjcgLTcsMjBjLTIuMzMzMzMsNC42NjY2NyAxLjMzMzMzLDcuMzMzMzMgLTIsMTBjLTkuNjY2NjcsMiAtMTIuMzMzMzMsMiAtMjIsMGMtMy42NjY2NywtMS42NjY2NyAwLjY2NjY3LC01LjMzMzMzIC0yLC0xMHoiIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfODkiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjIwIiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzg4IiByPSIyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICA8Y2lyY2xlIGN4PSI1NCIgY3k9IjIwIiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzg3IiByPSIyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICA8Y2lyY2xlIGN4PSI0NCIgY3k9IjE0IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzg2IiByPSIyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICA8Y2lyY2xlIGN4PSIzMiIgY3k9IjkiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfODUiIHI9IjIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxjaXJjbGUgY3g9IjIwIiBjeT0iMTQiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfODQiIHI9IjIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgIDxwYXRoIGQ9Im0yMS4xNSw0MS4wNzVjOSwxIDEzLDEgMjIsMGMtOC42NjY2NywtMSAtMTMuMzMzMzMsLTEgLTIyLDB6IiBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzgzIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICA8cGF0aCBkPSJtMjIuMTUsNTAuMDc1YzksLTEgMTIsLTEgMjAsMGMtOC4zMzMzMywxIC0xMC42NjY2NywxIC0yMCwweiIgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z184MiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPg==") }
.w-king { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z18xMDYiPgogICA8cGF0aCBkPSJtMzIsMzhjLTE1LC0zMiAxNSwtMzIgMCwwYzEwLC0zMC4zMzMzMyAzOSwtMjAuNjY2NjcgMTcsMWMtMy42NjY2Nyw0LjMzMzMzIDEuNjY2NjcsMTAuNjY2NjcgLTIsMTNjLTEwLDIgLTIwLDIgLTMwLDBjLTMuNjY2NjcsLTIuMzMzMzMgMS42NjY2NywtOC42NjY2NyAtMiwtMTNjLTE5LC0yMS4zMzMzMyA3LC0zMS42NjY2NyAxNywtMXoiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfOTIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTE2LDQxYzUsMiAxNSwxIDE2LC0zYzEsNCAxMSw1IDE2LDMiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfOTQiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgaWQ9InN2Z185NSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgeDE9IjMyIiB4Mj0iMzIiIHkxPSIxMyIgeTI9IjUiLz4KICAgPGxpbmUgZmlsbD0ibm9uZSIgaWQ9InN2Z185NiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgeDE9IjI4IiB4Mj0iMzYiIHkxPSI5IiB5Mj0iOSIvPgogICA8cGF0aCBkPSJtMTYsNTFjOSwtNCAyMywtNCAzMiwwYy05LC00IC0yMywtNCAtMzIsMHoiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfOTciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPg==") }
.b-king { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwczovL2dpdGh1Yi5jb20vU1ZHLUVkaXQvc3ZnZWRpdC0tPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9InN2Z18xMDciPgogICA8cGF0aCBkPSJtMzIuMDA5NzcsMzguNDVjLTE1LC0zMiAxNSwtMzIgMCwwYzEwLC0zMC4zMzMzMyAzOSwtMjAuNjY2NjcgMTcsMWMtMy42NjY2Nyw0LjMzMzMzIDEuNjY2NjcsMTAuNjY2NjcgLTIsMTNjLTEwLDIgLTIwLDIgLTMwLDBjLTMuNjY2NjcsLTIuMzMzMzMgMS42NjY2NywtOC42NjY2NyAtMiwtMTNjLTE5LC0yMS4zMzMzMyA3LC0zMS42NjY2NyAxNywtMXoiIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfMTAzIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgIDxsaW5lIGZpbGw9Im5vbmUiIGlkPSJzdmdfMTAxIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiB4MT0iMzIiIHgyPSIzMiIgeTE9IjE0IiB5Mj0iNSIvPgogICA8bGluZSBmaWxsPSJub25lIiBpZD0ic3ZnXzEwMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgeDE9IjI4IiB4Mj0iMzYiIHkxPSI5IiB5Mj0iOSIvPgogICA8cGF0aCBkPSJtMTkuMDA5NzcsNTAuNDVjOSwtMiAxNywtMiAyNiwwYy05LC0yIC0xNywtMiAtMjYsMHoiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfOTkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgPHBhdGggZD0ibTI3LDM5YzIsLTggLTksLTIxIC0xNSwtMTdjLTcsMiA2LDIzIDEzLDE4YzMsLTEgOSwtMiAxMywwYzgsNSAyMiwtMTYgMTUsLTE4Yy01LC00IC0xOCw5IC0xNywxN2MwLDAgLTksMCAtOSwweiIgZmlsbD0iIzAwMDAwMCIgaWQ9InN2Z18xMDQiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPg==") }

</style>
<table>
<tr><th></th><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><th></th></tr>
<tr><th>8</th><td><div id="a8" class="b-rook"/></td><td><div id="b8" class="b-knight"/></td><td><div id="c8" class="b-bishop"/></td><td><div id="d8" class="b-queen"/></td><td><div id="e8" class="b-king"/></td><td><div id="f8" class="b-bishop"/></td><td><div id="g8" class="b-knight"/></td><td><div id="h8" class="b-rook"/></td><th>8</th></tr>
<tr><th>7</th><td><div id="a7" class="b-pawn"/></td><td><div id="b7" class="b-pawn"/></td><td><div id="c7" class="b-pawn"/></td><td><div id="d7" class="b-pawn"/></td><td><div id="e7" class="b-pawn"/></td><td><div id="f7" class="b-pawn"/></td><td><div id="g7" class="b-pawn"/></td><td><div id="h7" class="b-pawn"/></td><th>7</th></tr>
<tr><th>6</th><td><div id="a6" /></td><td><div id="b6" /></td><td><div id="c6" /></td><td><div id="d6" /></td><td><div id="e6" /></td><td><div id="f6" /></td><td><div id="g6" /></td><td><div id="h6" /></td><th>6</th></tr>
<tr><th>5</th><td><div id="a5" /></td><td><div id="b5" /></td><td><div id="c5" /></td><td><div id="d5" /></td><td><div id="e5" /></td><td><div id="f5" /></td><td><div id="g5" /></td><td><div id="h5" /></td><th>5</th></tr>
<tr><th>4</th><td><div id="a4" /></td><td><div id="b4" /></td><td><div id="c4" /></td><td><div id="d4" /></td><td><div id="e4" /></td><td><div id="f4" /></td><td><div id="g4" /></td><td><div id="h4" /></td><th>4</th></tr>
<tr><th>3</th><td><div id="a3" /></td><td><div id="b3" /></td><td><div id="c3" /></td><td><div id="d3" /></td><td><div id="e3" /></td><td><div id="f3" /></td><td><div id="g3" /></td><td><div id="h3" /></td><th>3</th></tr>
<tr><th>2</th><td><div id="a2" class="w-pawn"/></td><td><div id="b2" class="w-pawn"/></td><td><div id="c2" class="w-pawn"/></td><td><div id="d2" class="w-pawn"/></td><td><div id="e2" class="w-pawn"/></td><td><div id="f2" class="w-pawn"/></td><td><div id="g2" class="w-pawn"/></td><td><div id="h2" class="w-pawn"/></td><th>2</th></tr>
<tr><th>1</th><td><div id="a1" class="w-rook"/></td><td><div id="b1" class="w-knight"/></td><td><div id="c1" class="w-bishop"/></td><td><div id="d1" class="w-queen"/></td><td><div id="e1" class="w-king"/></td><td><div id="f1" class="w-bishop"/></td><td><div id="g1" class="w-knight"/></td><td><div id="h1" class="w-rook"/></td><th>1</th></tr>
<tr><th></th><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><th></th></tr>
</table>
<script>
var l={"a":"className","b":"forEach","c":"querySelector","d":"querySelectorAll"},e=x=>document[l.c]("div#"+x),m=x=>{x=x.toLowerCase().split("-");let fr=e(x[0]),to=e(x[1]);if(fr[l.a]!=""){to[l.a]=fr[l.a];fr[l.a]=""}},mx=x=>(x.includes(";")?x.split(";")[l.b](m):m(x)),
mv;document[l.d]("tr td div")[l.b](x=>{x.ondblclick=x=>mx(prompt("Выполнить ход","-"+x.target.id));x.draggable=true;x.ondragover=y=>y.preventDefault();x.ondragstart=ev=>mv=ev.target;x.ondrop=ev=>{if(ev.target!=mv&&ev.target[l.a][0]!=mv[l.a][0]){ev.target[l.a]=mv[l.a];mv[l.a]="";console.log(mv.id+"-"+ev.target.id)}}}),
fc=(x,y,z)=>{let p={};document[l.d]("tr td div")[l.b](el=>{if(el[l.a]!="")p[el.id]=el[l.a];if(x)el[l.a]=""});return JSON.stringify(p,y,z)};lp=x=>{fc(1);Object.entries(JSON.parse(x))[l.b](el=>e(el[0])[l.a]=el[1])};
document[l.c]("table").ondblclick=x=>navigator.clipboard.writeText(fc(0,0,4));
</script>