@import"https://fonts.googleapis.com/css2?family=Sofia+Sans&display=swap";:root{--tile-size: 80px;--light-tile: #F0D8B6;--dark-tile: #B48764;--bg-color: #202020;--highlight: rgba(0,0,0,.1);--check: #FEEC48 }@media all and (max-width: 450px){:root{--tile-size: 50px}}html,body{margin:0;padding:0}.App{display:grid;place-content:center;height:100vh;background:var(--bg-color);font-family:Sofia Sans,sans-serif;grid-template-columns:auto 220px}button{background:var(--dark-tile);color:var(--light-tile);border:0 none;padding:10px 30px;margin:10px 0;font-size:1.1em}.board{display:grid;position:relative;grid-template-columns:calc(.25*var(--tile-size)) calc(8*var(--tile-size))}.tiles{display:grid;grid-template-columns:repeat(8,var(--tile-size));grid-template-rows:repeat(8,var(--tile-size));width:calc(8*var(--tile-size))}.tile{position:relative}.tile--light{background:var(--light-tile)}.tile--dark{background:var(--dark-tile)}.highlight:after{display:block;position:absolute;content:"";width:calc(.5*var(--tile-size));height:calc(.5*var(--tile-size));background:var(--highlight);border-radius:50%;left:25%;top:25%}.attacking:after{display:block;position:absolute;content:"";border:6px solid var(--highlight);width:calc(var(--tile-size) - 12px);height:calc(var(--tile-size) - 12px);border-radius:50%;left:0;top:0}.checked:after{display:block;position:absolute;content:"";width:var(--tile-size);height:var(--tile-size);background:var(--check);border-radius:20px;left:0;top:0}.pieces{right:0;top:0;position:absolute;left:calc(.25*var(--tile-size));bottom:calc(.25*var(--tile-size))}.piece{width:12.5%;height:12.5%;background-size:100%;position:absolute}.piece.bK{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m553%201485-55%20320%201048%205-48-335s324-313%20330-467c7-153-35-331-241-406-183-67-372%20121-372%20121l-182-161-190%20160S658%20586%20587%20592a373%20373%200%200%200-362%20333c10%20331%20328%20560%20328%20560z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201769h489l-12-73H547l-12%2073zm0-921q-25-60-62-111%2031-48%2062-65%2030%2017%2062%2065-38%2051-62%20111zm-97%20454q-154%2011-303%2058-123-108-200-213t-77-202q0-89%2074-159t148-70q67%200%20135%2063t102%20130q30%2054%2075%20175t46%20218zm-350%20217-26%20156%20145-84zm447-907q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm0%20775q-1-126-42-267t-84-227l-14-27-12-23q-28-43-48-69-51-63-120-105t-134-42q-103%200-208%2093T257%20949q0%20120%2099%20255t249%20259q201-74%20419-76zm0%20456H448l61-365q-325-280-326-535-1-159%20125-274t267-116q78%200%20159%2047t142%20119q61%2074%2099%20165t49%20150q12-60%2049-150t99-165q61-72%20142-119t159-47q140%200%20266%20116t126%20274q-2%20255-326%20535l61%20365zm97-541q0-97%2045-218t76-175q34-68%20102-130t135-63q74%200%20148%2070t74%20159q0%2096-77%20202t-200%20213q-150-47-303-58zm350%20217-119%2072%20145%2084zm-447-132q217%202%20419%2076%20150-125%20249-259t99-255q0-136-105-229t-208-93q-66%200-135%2042t-119%20105q-21%2026-48%2069l-12%2023-14%2027q-44%2085-85%20227t-41%20267zm-139%20159%20139%2086%20139-84-139-86zm92-1248v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95z'/%3e%3c/svg%3e")}.piece.bQ{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m520%201801.8%2041.5-448.7%20474-128.9%20458%20133.5%2034.4%20446.4z'/%3e%3cpath%20fill='%23101010'%20d='M590%201519q4%2072-15%20158l134-86zm434%20324H441q114-231%2057.5-456.5T296%20937q-12%202-19%202-54%200-92.5-38.5T146%20808t38.5-92.5T277%20677t92.5%2038.5T408%20808q0%2020-6%2038-4%2014-15%2033l196%20139%20100-486q-64-31-72-103-5-44%2029-91t88-53q54-5%2096%2029t48%2088q7%2068-46%20114l198%20412%20198-412q-54-46-46-114%206-54%2048-88t96-29q54%206%2087.5%2053t29.5%2091q-9%2072-72%20103l100%20486%20196-139q-12-19-15-33-6-18-6-38%200-54%2038.5-92.5T1771%20677t92.5%2038.5T1902%20808t-38.5%2092.5T1771%20939q-7%200-19-2-147%20224-203%20449.5t58%20456.5zm0-450q109%200%20222%2028.5t213%2067.5q2-41%2011-89-108-42-221.5-68t-224.5-26-225%2026-221%2068q8%2048%2011%2089%2099-39%20212-67.5t223-28.5zm0%20376h478q-15-34-24-73H570q-10%2039-24%2073zm434-250-119%2072%20134%2086q-20-86-15-158zm-573%2047%20139%2087%20139-84-139-86z'/%3e%3c/svg%3e")}.piece.bR{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m674%20732-76%20807%20851%2014-75-833z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201843H383l29-264%20159-118%2050-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17%20341-149%20107%2050%20659%20159%20118%2029%20264zm0-989h333l-6-88H697l-6%2088zm0%20647h381l-6-87H649l-6%2087z'/%3e%3c/svg%3e")}.piece.bB{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='M732%201290%20628%20993l386-417%20421%20375-132%20380%2049%20152-658-9z'/%3e%3cpath%20fill='%23101010'%20d='M768%201365q-5%2039-26%2082h564q-18-36-26-82zm495-73%2046-73q-142-49-285-47-144-2-285%2047l46%2073q118-40%20239-38%20120-2%20239%2038zm-432%20227H624q67-116%2072-229-114-119-162-223t-6-224q33-96%20118-189t312-247q-17-11-46-36t-29-79q0-58%2041-96t100-38q58%200%20100%2038t41%2096q0%2054-29%2079t-46%2036q226%20153%20311%20247t119%20189q42%20119-6%20224t-162%20223q4%20113%2072%20229h-207l10%2016q33%2053%2070%2060t89%207h250q76%200%20142%2062t65%20179h-495q-123%200-223-84t-101-199q0%20114-101%20199t-223%2084H205q0-117%2065-179t142-62h250q51%200%2088-7t71-60l10-16zm146-701h-95v89h95v165h94V907h95v-89h-95V714h-94z'/%3e%3c/svg%3e")}.piece.bN{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='M1658%201806c-408-301-71-920-452-1343l60-16s296%20167%20320%20257c182%20468%2041%20691%20135%201077zM972%20523l120%20176-312-3zM498%20981l-93-41%2042-93%20127%2028z'/%3e%3cpath%20fill='%23101010'%20d='m502%20868-52%201-26%2064%2069%2021%2046-55zm536-187q34%201-16-68t-80-42L826%20680zm-338-98q6-39%20116-107t220-144l115-154%2096%20217q342%20172%20433%20418t47%20603q-18%20128%205%20236t57%20190l-1242%201q-9-178%2039-301t183-238q50-11%2083-39t53-59l63-1%20138-29%20139-97%2066-207q0-17-8-34t-12-37q-62%20228-161%20289t-191%2058q-236-42-292%2060l-56%20102-217-121%20115-82-51-50-122%2086-12-297zm981%201192q-102-130-85-308t27-363-50-351-316-276q220%20164%20253%20342t16%20351-12%20329%20167%20276z'/%3e%3c/svg%3e")}.piece.bP{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23101010'%20d='M1024%201843H446v-74q-4-80%2042-137t125-108q117-91%20172-217t78-268H576l284-239q-86-74-86-188%200-103%2073-177t177-74q103%200%20177%2074t73%20177q0%20114-86%20188l284%20239h-287q23%20141%2078%20268t172%20217q79%2051%20125%20108t42%20137v74z'/%3e%3c/svg%3e")}.piece.wK{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m501.6%201811%2048.4-354.4-260-269.2s-166.4-288.2%2029.9-481C582.2%20448.7%20826%20727.2%20826%20727.2l195.6-165.7%20184%20165.7s216.4-232.5%20430.4-76c214%20156.5%20255.4%20317.6%20117.4%20531.6-138.1%20214-250.9%20280.7-250.9%20280.7L1558%201811z'/%3e%3cpath%20fill='%23101010'%20d='M977%20298v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95zm47%20314q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm-447%20907-26%20156%20145-84zm410-206q-1-147-36.5-274.5T870%20845q-45-88-131.5-153T570%20627q-103%200-208%2093T257%20949q0%20109%2086.5%20236T546%201408q212-88%20441-95zm37%20530H448l61-365q-325-280-326-535-1-159%20125-274.5T575%20553q78%200%20158.5%2047T876%20719q61%2074%2098.5%20164.5T1024%201034q12-60%2049-150.5t99-164.5q61-72%20142-119t159-47q140%200%20266%20115.5T1865%20943q-2%20255-326%20535l61%20365zm0-74h489l-50-298q-216-84-439-84t-439%2084l-50%20298zm447-250%2026%20156-145-84zm-410-206q229%207%20441%2095%20115-96%20202-223t87-236q0-136-105.5-229T1478%20627q-83%200-169.5%2065T1178%20845q-46%2066-81.5%20193.5T1061%201313zm-176%20233%20141-84%20137%2086-141%2084z'/%3e%3c/svg%3e")}.piece.wQ{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m508.5%201815.6%2048.4-356.7-216.3-554.6-135.8-20.7-16.1-126.5%20112.7-43.8%2078.3%2073.7-18.4%2099%20246.2%20197.8%20112.8-568.3L635%20428l78.3-108%20112.8%2043.7-23%20161%20223.2%20474%20244-490-66.8-105.9%2092-92%20105.9%2073.6L1337%20534l103.5%20529.2%20260-161-16-142.7%20131-46%2057.6%20131.1-207%20103.6-175%20529.2%2048.4%20308.4z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201769h478q-53-130-43-280-100-39-213-67.5t-222-28.5q-110%200-223%2028.5T589%201489q9%20150-43%20280zm0-450q111%200%20223.5%2026.5T1468%201413q17-105%2060.5-212.5T1634%20988l-220%20155-123-601-267%20555-267-555-123%20601-220-155q61%20105%20104.5%20212.5T580%201413q108-41%20220.5-67.5T1024%201319zm0%20524H441q114-231%2057.5-456.5T296%20937q-12%202-19%202-54%200-92.5-38.5T146%20808t38.5-92.5T277%20677t92.5%2038.5T408%20808q0%2020-6%2038-4%2014-15%2033l196%20139%20100-486q-64-31-72-103-5-44%2029-91t88-53q54-5%2096%2029t48%2088q7%2068-46%20114l198%20412%20198-412q-54-46-46-114%206-54%2048-88t96-29q54%206%2087.5%2053t29.5%2091q-9%2072-72%20103l100%20486%20196-139q-12-19-15-33-6-18-6-38%200-54%2038.5-92.5T1771%20677t92.5%2038.5T1902%20808t-38.5%2092.5T1771%20939q-7%200-19-2-147%20224-203%20449.5t58%20456.5zM276%20746q-62%200-62%2062t62%2062q63%200%2063-62t-63-62zm466-394q-62%200-62%2062t62%2062%2062-62-62-62zM590%201519l119%2072-134%2086q19-86%2015-158zm1182-773q-63%200-63%2062t63%2062q62%200%2062-62t-62-62zm-466-394q-62%200-62%2062t62%2062%2062-62-62-62zm152%201167-119%2072%20134%2086q-20-86-15-158zm-573%2047%20139-83%20139%2086-139%2084z'/%3e%3c/svg%3e")}.piece.wR{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m435%201804%2016-212%20152-115%2051-688-148-115-7-276%20210-2%204%20138%20198%202%207-140%20212-3%2014%20145%20193-4%205-138h204l-7%20285-145%20106%2042%20693%20172%20124%2019%20207z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201501H643l5-74h752l5%2074zm0-661H692l5-74h654l5%2074zm0%201003H383l29-264%20159-118%2050-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17%20341-149%20107%2050%20659%20159%20118%2029%20264zm0-74h557l-15-149-161-119-54-735%20152-109%2013-230h-138v148h-285V427H955v148H670V427H532l13%20230%20152%20109-54%20735-161%20119-15%20149z'/%3e%3c/svg%3e")}.piece.wB{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m948%20366%201-139%20148-7%201%20147zM564%20860c114-267%20456-443%20456-443s392%20176%20476%20502c-9%20209-183%20332-183%20332l27%20221-653%206%2046-233s-230-171-169-385zm-101%20790c175%206%20355%2023%20425-142h92s0%20190-88%20246c-163%20103-625%2038-625%2038s-15-146%20196-142zm631%2037-36-185%20102%205s22%20153%20315%20131c381-17%20318%20153%20318%20153l-483%205z'/%3e%3cpath%20fill='%23101010'%20d='M1024%20356q66%200%2064-66%201-55-64-55-66%200-64%2055-3%2066%2064%2066zm0%201204q0%20114-101%20199t-223%2084H205q0-117%2065-179t142-62h250q51%200%2088-7t71-60l10-16h76q-7%2021-3%2013-45%20105-109%20125t-146%2019H409q-52%200-86%2040t-34%2053h424q66%200%20159-65t93-185H624q67-116%2072-229-114-119-162-223t-6-224q33-96%20118-189t312-247q-17-11-46-36t-29-79q0-58%2041-96t100-38q58%200%20100%2038t41%2096q0%2054-29%2079t-46%2036q226%20153%20311%20247t119%20189q42%20119-6%20224t-162%20223q4%20113%2072%20229h-341q0%20120%2093%20185t159%2065h424q0-13-34-53t-86-40h-240q-83%200-146-19t-109-125q4%208-3-13h76l10%2016q33%2053%2070%2060t89%207h250q76%200%20142%2062t65%20179h-495q-123%200-223-84t-101-199zm0-114h283q-28-84-29-154-120-41-254-38-135-3-254%2038-2%2070-29%20154zm0-267q159-1%20285%2042%20189-180%20142-346-60-193-427-431-368%20238-427%20431-48%20166%20142%20346%20125-43%20285-42zm-47-361V714h94v104h95v89h-95v165h-94V907h-95v-89z'/%3e%3c/svg%3e")}.piece.wN{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m352%20861%20787-569%2094%20148s336%20103%20398%20388c63%20286%2051%20974%2051%20974l-1088%209s-37-290%20184-460c221-171%20221-212%20221-212s-226-71-295-16-117%20138-117%20138l-129-67%2074-85-88-97-94%2056z'/%3e%3cpath%20fill='%23101010'%20d='m1151%20178-115%20154c-74%2050-147%2098-220%20144-73%2045-112%2081-116%20107L304%20846l12%20297%20122-86%2051%2050-115%2082%20217%20121%2056-102c37-68%20135-88%20292-60l-55%2085c-25%2037-63%2060-115%2071a608%20608%200%200%200-183%20238c-32%2082-45%20182-39%20301h1242c-23-55-42-118-57-190-15-73-17-152-5-237%2029-239%2013-440-47-603-61-164-205-303-433-418l-96-217zm-17%20145%2059%20133a664%20664%200%200%201%20262%20188c55%2072%20100%20150%20134%20234%2027%2097%2040%20181%2041%20253%200%2071-3%20140-9%20205-7%2065-11%20131-13%20199-2%2067%209%20145%2032%20234H621c-4-84%2012-158%2048-223s85-124%20146-177c78-22%20129-56%20152-102s53-90%2090-131c13-10%2027-15%2038-15%2010-1%2021%200%2033-2%2052-7%2095-36%20129-85%2033-49%2051-104%2052-165l-19-67c-37%20159-99%20245-188%20257l-45%206c-16%201-33%2010-52%2026-41-25-87-35-138-31-74%206-129%2015-165%2027l-108%2073-39%2045-47-28%2078-65-138-144-64%2041-4-125%20366-241c15-34%2058-74%20131-120l208-131%2049-69zM960%20564c-6%200-12%202-18%207L826%20671l212%202c23%200%2017-21-16-63-24-31-44-46-62-46zM502%20868l-33%204-33%2056%2057%2026%2046-55-37-31z'/%3e%3c/svg%3e")}.piece.wP{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m734%20981%20196-193s-189-82-79-288c79-149%20303-114%20361%2050%2063%20179-113%20240-113%20240l226%20197Zm-235%20799s-8-107%2050-154c196-173%20338-386%20371-599l210%202c33%20206%20182%20447%20321%20561%20101%2059%2099%20199%2099%20199z'/%3e%3cpath%20fill='%23101010'%20d='M520%201769h1008q8-97-132-182-132-101-196-239t-80-309H928q-15%20170-79%20309t-197%20239q-141%2085-132%20182zm504%2074H446v-74q-4-80%2042-137t125-108q117-91%20172-217t78-268H576l284-239q-86-74-86-188%200-103%2073-177t177-74q103%200%20177%2074t73%20177q0%20114-86%20188l284%20239h-287q23%20141%2078%20268t172%20217q79%2051%20125%20108t42%20137v74zM756%20974h536l-225-191q134-31%20134-171%200-76-52-126t-125-51q-73%200-125%2051t-52%20126q0%20140%20134%20171z'/%3e%3c/svg%3e")}.piece.p-07{transform:translate(0)}.piece.p-17{transform:translate(100%)}.piece.p-27{transform:translate(200%)}.piece.p-37{transform:translate(300%)}.piece.p-47{transform:translate(400%)}.piece.p-57{transform:translate(500%)}.piece.p-67{transform:translate(600%)}.piece.p-77{transform:translate(700%)}.piece.p-06{transform:translateY(100%)}.piece.p-16{transform:translate(100%,100%)}.piece.p-26{transform:translate(200%,100%)}.piece.p-36{transform:translate(300%,100%)}.piece.p-46{transform:translate(400%,100%)}.piece.p-56{transform:translate(500%,100%)}.piece.p-66{transform:translate(600%,100%)}.piece.p-76{transform:translate(700%,100%)}.piece.p-05{transform:translateY(200%)}.piece.p-15{transform:translate(100%,200%)}.piece.p-25{transform:translate(200%,200%)}.piece.p-35{transform:translate(300%,200%)}.piece.p-45{transform:translate(400%,200%)}.piece.p-55{transform:translate(500%,200%)}.piece.p-65{transform:translate(600%,200%)}.piece.p-75{transform:translate(700%,200%)}.piece.p-04{transform:translateY(300%)}.piece.p-14{transform:translate(100%,300%)}.piece.p-24{transform:translate(200%,300%)}.piece.p-34{transform:translate(300%,300%)}.piece.p-44{transform:translate(400%,300%)}.piece.p-54{transform:translate(500%,300%)}.piece.p-64{transform:translate(600%,300%)}.piece.p-74{transform:translate(700%,300%)}.piece.p-03{transform:translateY(400%)}.piece.p-13{transform:translate(100%,400%)}.piece.p-23{transform:translate(200%,400%)}.piece.p-33{transform:translate(300%,400%)}.piece.p-43{transform:translate(400%,400%)}.piece.p-53{transform:translate(500%,400%)}.piece.p-63{transform:translate(600%,400%)}.piece.p-73{transform:translate(700%,400%)}.piece.p-02{transform:translateY(500%)}.piece.p-12{transform:translate(100%,500%)}.piece.p-22{transform:translate(200%,500%)}.piece.p-32{transform:translate(300%,500%)}.piece.p-42{transform:translate(400%,500%)}.piece.p-52{transform:translate(500%,500%)}.piece.p-62{transform:translate(600%,500%)}.piece.p-72{transform:translate(700%,500%)}.piece.p-01{transform:translateY(600%)}.piece.p-11{transform:translate(100%,600%)}.piece.p-21{transform:translate(200%,600%)}.piece.p-31{transform:translate(300%,600%)}.piece.p-41{transform:translate(400%,600%)}.piece.p-51{transform:translate(500%,600%)}.piece.p-61{transform:translate(600%,600%)}.piece.p-71{transform:translate(700%,600%)}.piece.p-00{transform:translateY(700%)}.piece.p-10{transform:translate(100%,700%)}.piece.p-20{transform:translate(200%,700%)}.piece.p-30{transform:translate(300%,700%)}.piece.p-40{transform:translate(400%,700%)}.piece.p-50{transform:translate(500%,700%)}.piece.p-60{transform:translate(600%,700%)}.piece.p-70{transform:translate(700%,700%)}.popup{right:0;top:0;position:absolute;left:calc(.25*var(--tile-size));bottom:calc(.25*var(--tile-size));background:var(--highlight)}.popup--inner{width:50%;min-height:12.5%;background:var(--light-tile);position:absolute;border:8px solid var(--light-tile);box-shadow:0 0 0 8px var(--dark-tile)}.popup--inner__center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:1em 0}.popup--inner__center h1{font-size:2.5em;margin:0 0 .5em}.popup--inner__center p{font-size:1.2em;margin:0 0 1em}.promotion-choices{height:12.5%}.promotion-choices .piece{width:25%;height:100%;border:1px solid var(--dark-tile)}.promotion-choices .piece:hover{box-shadow:0 0 0 5px var(--dark-tile) inset;transform:scale(1.05)}.promotion-choices :is(.wQ,.bQ){left:0}.promotion-choices :is(.wR,.bR){left:25%}.promotion-choices :is(.wB,.bB){left:50%}.promotion-choices :is(.wN,.bN){left:75%}.wins{height:var(--tile-size);background-size:contain;background-repeat:no-repeat;background-position:center}.wins.White{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m501.6%201811%2048.4-354.4-260-269.2s-166.4-288.2%2029.9-481C582.2%20448.7%20826%20727.2%20826%20727.2l195.6-165.7%20184%20165.7s216.4-232.5%20430.4-76c214%20156.5%20255.4%20317.6%20117.4%20531.6-138.1%20214-250.9%20280.7-250.9%20280.7L1558%201811z'/%3e%3cpath%20fill='%23101010'%20d='M977%20298v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95zm47%20314q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm-447%20907-26%20156%20145-84zm410-206q-1-147-36.5-274.5T870%20845q-45-88-131.5-153T570%20627q-103%200-208%2093T257%20949q0%20109%2086.5%20236T546%201408q212-88%20441-95zm37%20530H448l61-365q-325-280-326-535-1-159%20125-274.5T575%20553q78%200%20158.5%2047T876%20719q61%2074%2098.5%20164.5T1024%201034q12-60%2049-150.5t99-164.5q61-72%20142-119t159-47q140%200%20266%20115.5T1865%20943q-2%20255-326%20535l61%20365zm0-74h489l-50-298q-216-84-439-84t-439%2084l-50%20298zm447-250%2026%20156-145-84zm-410-206q229%207%20441%2095%20115-96%20202-223t87-236q0-136-105.5-229T1478%20627q-83%200-169.5%2065T1178%20845q-46%2066-81.5%20193.5T1061%201313zm-176%20233%20141-84%20137%2086-141%2084z'/%3e%3c/svg%3e")}.wins.Black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m553%201485-55%20320%201048%205-48-335s324-313%20330-467c7-153-35-331-241-406-183-67-372%20121-372%20121l-182-161-190%20160S658%20586%20587%20592a373%20373%200%200%200-362%20333c10%20331%20328%20560%20328%20560z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201769h489l-12-73H547l-12%2073zm0-921q-25-60-62-111%2031-48%2062-65%2030%2017%2062%2065-38%2051-62%20111zm-97%20454q-154%2011-303%2058-123-108-200-213t-77-202q0-89%2074-159t148-70q67%200%20135%2063t102%20130q30%2054%2075%20175t46%20218zm-350%20217-26%20156%20145-84zm447-907q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm0%20775q-1-126-42-267t-84-227l-14-27-12-23q-28-43-48-69-51-63-120-105t-134-42q-103%200-208%2093T257%20949q0%20120%2099%20255t249%20259q201-74%20419-76zm0%20456H448l61-365q-325-280-326-535-1-159%20125-274t267-116q78%200%20159%2047t142%20119q61%2074%2099%20165t49%20150q12-60%2049-150t99-165q61-72%20142-119t159-47q140%200%20266%20116t126%20274q-2%20255-326%20535l61%20365zm97-541q0-97%2045-218t76-175q34-68%20102-130t135-63q74%200%20148%2070t74%20159q0%2096-77%20202t-200%20213q-150-47-303-58zm350%20217-119%2072%20145%2084zm-447-132q217%202%20419%2076%20150-125%20249-259t99-255q0-136-105-229t-208-93q-66%200-135%2042t-119%20105q-21%2026-48%2069l-12%2023-14%2027q-44%2085-85%20227t-41%20267zm-139%20159%20139%2086%20139-84-139-86zm92-1248v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95z'/%3e%3c/svg%3e")}.draws{height:var(--tile-size);background-size:contain;background-repeat:no-repeat,no-repeat;background-position:35% center,65% center;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m501.6%201811%2048.4-354.4-260-269.2s-166.4-288.2%2029.9-481C582.2%20448.7%20826%20727.2%20826%20727.2l195.6-165.7%20184%20165.7s216.4-232.5%20430.4-76c214%20156.5%20255.4%20317.6%20117.4%20531.6-138.1%20214-250.9%20280.7-250.9%20280.7L1558%201811z'/%3e%3cpath%20fill='%23101010'%20d='M977%20298v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95zm47%20314q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm-447%20907-26%20156%20145-84zm410-206q-1-147-36.5-274.5T870%20845q-45-88-131.5-153T570%20627q-103%200-208%2093T257%20949q0%20109%2086.5%20236T546%201408q212-88%20441-95zm37%20530H448l61-365q-325-280-326-535-1-159%20125-274.5T575%20553q78%200%20158.5%2047T876%20719q61%2074%2098.5%20164.5T1024%201034q12-60%2049-150.5t99-164.5q61-72%20142-119t159-47q140%200%20266%20115.5T1865%20943q-2%20255-326%20535l61%20365zm0-74h489l-50-298q-216-84-439-84t-439%2084l-50%20298zm447-250%2026%20156-145-84zm-410-206q229%207%20441%2095%20115-96%20202-223t87-236q0-136-105.5-229T1478%20627q-83%200-169.5%2065T1178%20845q-46%2066-81.5%20193.5T1061%201313zm-176%20233%20141-84%20137%2086-141%2084z'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202048%202048'%3e%3cpath%20fill='%23f9f9f9'%20d='m553%201485-55%20320%201048%205-48-335s324-313%20330-467c7-153-35-331-241-406-183-67-372%20121-372%20121l-182-161-190%20160S658%20586%20587%20592a373%20373%200%200%200-362%20333c10%20331%20328%20560%20328%20560z'/%3e%3cpath%20fill='%23101010'%20d='M1024%201769h489l-12-73H547l-12%2073zm0-921q-25-60-62-111%2031-48%2062-65%2030%2017%2062%2065-38%2051-62%20111zm-97%20454q-154%2011-303%2058-123-108-200-213t-77-202q0-89%2074-159t148-70q67%200%20135%2063t102%20130q30%2054%2075%20175t46%20218zm-350%20217-26%20156%20145-84zm447-907q-47%200-136%20121-31-36-50-55%2093-140%20186-140%2092%200%20186%20140-20%2019-50%2055-90-121-136-121zm0%20775q-1-126-42-267t-84-227l-14-27-12-23q-28-43-48-69-51-63-120-105t-134-42q-103%200-208%2093T257%20949q0%20120%2099%20255t249%20259q201-74%20419-76zm0%20456H448l61-365q-325-280-326-535-1-159%20125-274t267-116q78%200%20159%2047t142%20119q61%2074%2099%20165t49%20150q12-60%2049-150t99-165q61-72%20142-119t159-47q140%200%20266%20116t126%20274q-2%20255-326%20535l61%20365zm97-541q0-97%2045-218t76-175q34-68%20102-130t135-63q74%200%20148%2070t74%20159q0%2096-77%20202t-200%20213q-150-47-303-58zm350%20217-119%2072%20145%2084zm-447-132q217%202%20419%2076%20150-125%20249-259t99-255q0-136-105-229t-208-93q-66%200-135%2042t-119%20105q-21%2026-48%2069l-12%2023-14%2027q-44%2085-85%20227t-41%20267zm-139%20159%20139%2086%20139-84-139-86zm92-1248v-95h94v95h107v95h-107v153q-48-16-94%200V393H870v-95z'/%3e%3c/svg%3e")}.files{color:var(--dark-tile);height:calc(.25*var(--tile-size));grid-column:2;display:flex;justify-content:space-around;align-items:center}.ranks{color:var(--dark-tile);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.moves-list{display:flex;flex-direction:row;color:var(--dark-tile );flex:1 1;flex-wrap:wrap;align-content:start;overflow:auto;font-size:1.1em}.moves-list div{flex-basis:35%;padding-left:15%;text-align:left;position:relative;padding-bottom:5px}.moves-list div[data-number]:nth-child(odd):before{content:attr(data-number);position:absolute;left:0;opacity:.5}