.Board{display:grid;position:relative;grid-template-columns:calc(.25 * var(--tile-size)) calc(8 * var(--tile-size))}.Board.board-flipped .File{flex-direction:row-reverse}.Board.board-flipped .Ranks{flex-direction:column-reverse}.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--light{background:var(--light-tile-color)}.tile--dark{background:var(--dark-tile-color)}.highlighting:after{content:"";display:black;position:absolute;width:calc(.5 * var(--tile-size));height:calc(.5 * var(--tile-size));background:var(--highlight);opacity:.5;border-radius:25%;margin-left:calc(.25 * var(--tile-size));margin-top:calc(.25 * var(--tile-size))}.attacking:after{content:"";display:black;position:absolute;width:calc(.75 * var(--tile-size));height:calc(.75 * var(--tile-size));opacity:.5;border:10px solid var(--highlight);margin-top:3px;margin-left:3px;border-radius:25%}.checked{background:var(--checked)}.File{display:flex;grid-column:2;justify-content:space-around;color:var(--dark-tile-color);height:calc(.25*var(--tile-size))}.Rank{display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:var(--dark-tile-color)}.pieces{position:absolute;left:calc(.25*var(--tile-size));right:0;top:0;bottom:calc(.25*var(--tile-size));width:calc(8 * var(--tile-size));height:calc(8 * var(--tile-size))}.piece{width:12.5%;height:12.5%;position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center}.piece.kB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M58.6%2025.5C52.4%2025.5%2049.3%2028.1%2047.7%2029.7L40.5%2042.3L33.3%2029.7C31.7%2028.1%2028.6%2025.5%2022.4%2025.5C12.7%2025.5%207.10001%2033.5%207.10001%2041.3C7.10001%2050.1%2010.9%2053.2%2016%2063.6V72H65V63.6C70.1%2053.1%2073.9%2050.1%2073.9%2041.3C73.9%2033.5%2068.3%2025.5%2058.6%2025.5V25.5ZM40.5%2061.6L36.9%2055.2L40.5%2048.8L44.1%2055.2L40.5%2061.6Z'%20fill='%23010101'/%3e%3cpath%20d='M50.7%2021.4V13.7L42.7%2014.6L44.4%207.2H36.6L38.3%2014.6L30.3%2013.7V21.4L38.3%2019L35.2%2027.9L40.5%2038.9L45.8%2027.9L42.7%2019L50.7%2021.4Z'%20fill='%23010101'/%3e%3cpath%20d='M40.5%2019.9L37.6%2027.5L40.5%2033.9V19.9ZM22.8%2029.1C15.6%2029.1%2011.1%2035.5%2011.1%2042C11.1%2046%2014%2050.2%2016.9%2054C16.9%2041.6%2021.5%2036.6%2029.4%2031.4C29.4%2031.4%2027.4%2029.1%2022.8%2029.1V29.1ZM43.5%2044L50.9%2031.3C50.9%2031.3%2054.5%2028.7%2058.9%2028.7C63.3%2028.7%2063.4%2029.2%2063.4%2029.2L43.5%2044ZM31.8%2015.1L35.6%2017.4L31.8%2019.7V15.1ZM49.2%2015.1L42.8%2016.3L47.5%2017.4L49.2%2015.1ZM42.6%208.9L40.5%2010.8L38.4%208.9H42.6Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.qB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M55.7%2050.9L59.7%2016L40.5%2049.2L21.3%2016L25.4%2050.9L7.89999%2030.8L18.8%2072H62.2L73.1%2030.8L55.7%2050.9V50.9ZM40.5%2066.9L36.9%2060.5L40.5%2054.1L44.1%2060.5L40.5%2066.9Z'%20fill='%23010101'/%3e%3cpath%20d='M40.5%2011.7L34.9%2035.2L40.5%2044.7L46.1%2035.2L40.5%2011.7Z'%20fill='%23010101'/%3e%3cpath%20d='M40.5%2016C43.4823%2016%2045.9%2013.5823%2045.9%2010.6C45.9%207.61766%2043.4823%205.2%2040.5%205.2C37.5177%205.2%2035.1%207.61766%2035.1%2010.6C35.1%2013.5823%2037.5177%2016%2040.5%2016Z'%20fill='%23010101'/%3e%3cpath%20d='M41.6%207.2C40.8%206.8%2039.9%206.6%2039%206.9C37.2%207.4%2036.1%209.3%2036.6%2011.1C36.6%2011.2%2036.6%2011.2%2036.7%2011.3C39.6%2011.6%2042%208.5%2041.6%207.2V7.2Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M59.5%2021.4C62.4823%2021.4%2064.9%2018.9823%2064.9%2016C64.9%2013.0177%2062.4823%2010.6%2059.5%2010.6C56.5177%2010.6%2054.1%2013.0177%2054.1%2016C54.1%2018.9823%2056.5177%2021.4%2059.5%2021.4Z'%20fill='%23010101'/%3e%3cpath%20d='M60.6%2012.6C59.8%2012.2%2058.9%2012%2058%2012.3C56.2%2012.8%2055.1%2014.7%2055.6%2016.5C55.6%2016.6%2055.6%2016.6%2055.7%2016.7C58.6%2016.9%2061%2013.9%2060.6%2012.6Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M21.5%2021.4C24.4823%2021.4%2026.9%2018.9823%2026.9%2016C26.9%2013.0177%2024.4823%2010.6%2021.5%2010.6C18.5177%2010.6%2016.1%2013.0177%2016.1%2016C16.1%2018.9823%2018.5177%2021.4%2021.5%2021.4Z'%20fill='%23010101'/%3e%3cpath%20d='M22.6%2012.6C21.8%2012.2%2020.9%2012%2020%2012.3C18.2%2012.8%2017.1%2014.7%2017.6%2016.5C17.6%2016.6%2017.6%2016.6%2017.7%2016.7C20.6%2016.9%2023%2013.9%2022.6%2012.6Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M73.1%2036.8C76.0823%2036.8%2078.5%2034.3823%2078.5%2031.4C78.5%2028.4177%2076.0823%2026%2073.1%2026C70.1177%2026%2067.7%2028.4177%2067.7%2031.4C67.7%2034.3823%2070.1177%2036.8%2073.1%2036.8Z'%20fill='%23010101'/%3e%3cpath%20d='M74.2%2028C73.4%2027.6%2072.5%2027.4%2071.6%2027.7C69.8%2028.2%2068.7%2030.1%2069.2%2031.9C69.2%2032%2069.2%2032%2069.3%2032.1C72.2%2032.3%2074.6%2029.3%2074.2%2028Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M7.9%2036.8C10.8823%2036.8%2013.3%2034.3823%2013.3%2031.4C13.3%2028.4177%2010.8823%2026%207.9%2026C4.91766%2026%202.5%2028.4177%202.5%2031.4C2.5%2034.3823%204.91766%2036.8%207.9%2036.8Z'%20fill='%23010101'/%3e%3cpath%20d='M9%2028C8.2%2027.6%207.3%2027.4%206.4%2027.7C4.6%2028.1%203.5%2030%204%2031.8C4%2031.9%204%2031.9%204.1%2032C7%2032.3%209.4%2029.3%209%2028V28ZM40.5%2020.9L37.4%2034.3L40.5%2039.6V20.9ZM56.6%2054.7L58.4%2060.3L68%2038.3L56.6%2054.7ZM47.9%2050.5L55.9%2029.3L43.6%2050.1L47.9%2050.5ZM33.3%2050.5L25%2029.1L28.1%2051L33.3%2050.5ZM23.1%2058.7L12.6%2040.9L20.5%2067.3L23.1%2058.7Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.rB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M56.9%2031.1H24.1L19.2%2072H61.8L56.9%2031.1Z'%20fill='%23010101'/%3e%3cpath%20d='M14.2%2058.5H66.7V72H14.2V58.5Z'%20fill='%23010101'/%3e%3cpath%20d='M41.1%2034.1C41%2041.3%2034.5%2058.5%2026.9%2058.5H24.6L28.4%2034.1H41.1ZM18.4%2062.3H36.3V68.4H18.4V62.3Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M53.4%2012V18.9H46.5V12H34.5V18.9H27.6V12H15.6V23.4L24.6%2032.5H56.4L65.4%2023.4V12H53.4Z'%20fill='%23010101'/%3e%3cpath%20d='M62.4%2015H56.4V22.2L62.4%2015ZM43.5%2015H37.5V22.2L43.5%2015ZM24.6%2015H18.6V22.2L24.6%2015Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.bB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.9%2072H62.1L50.3%2062.5H30.7L18.9%2072ZM41%2018.9C42.5%2018.9%2043.9%2018.4%2045%2017.6L47.8%2012.4V12.1C47.8%208.4%2044.8%205.3%2041%205.3C37.3%205.3%2034.2%208.3%2034.2%2012.1V12.4L37%2017.6C38.2%2018.4%2039.6%2018.9%2041%2018.9Z'%20fill='%23010101'/%3e%3cpath%20d='M48.4%2020.4L38.7%2038.6L37%2032.7L45.1%2017.5C44.1%2016.7%2043.1%2016%2042.1%2015.3H39C29%2021.9%2019.9%2032.8%2019.9%2047.5L30.8%2062.7H50.2L61.1%2047.5C61.1%2036.1%2055.6%2027%2048.4%2020.4'%20fill='%23010101'/%3e%3cpath%20d='M48.6%2027.9L41.4%2040.9C41.4%2040.9%2046.4%2042.2%2048.6%2039C50.8%2035.9%2050.2%2028.9%2048.6%2027.9ZM31.2%2055.1C29.6%2041.2%2032.6%2027%2039.1%2020.3L38.6%2019.6C31.5%2025.9%2024.6%2035.2%2024.6%2046.2L31.2%2055.1V55.1ZM37.9%2069V63.3H35.4L28.8%2069H37.9ZM42.4%207.9C41.6%207.4%2040.6%207.3%2039.7%207.6C37.8%208.1%2036.7%2010.1%2037.2%2012C37.2%2012.1%2037.2%2012.1%2037.3%2012.2C40.3%2012.4%2042.8%209.3%2042.4%207.9V7.9Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.nB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.6%2072H67L65%2065.9C65%2065.9%2064.9%2048.9%2064.9%2039.8C64.9%2022.5%2056.4%2014.5%2048.9%2011.4C43.3%209.1%2034.3%209.6%2034.3%209.6L37.6%2016.1L12%2036.4L14%2048.6L27.4%2052.1L33.5%2047C34.7%2047.5%2036%2047.8%2037.2%2048.1V48.4C37.2%2048.4%2022.9%2057%2019.6%2072ZM31.4%2031.3C30.8%2031.6%2030.3%2030.8%2030.8%2030.3L38%2024.1L40.2%2027.8L31.4%2031.3Z'%20fill='%23010101'/%3e%3cpath%20d='M15.8%2038L17.1%2045.9L21.8%2047L21.7%2042.4L18.8%2041.9L15.8%2038ZM30.8%2033.4L46.4%2029.6L48.6%2025.8C48.6%2025.8%2051.4%2026.9%2050.7%2032.1C50%2037.3%2043.9%2040.4%2038.6%2039.7C31.7%2038.8%2030.8%2033.4%2030.8%2033.4ZM36%2067.9C41.1%2051.5%2052.4%2054.9%2052.8%2045.5C49.5%2051.4%2042.1%2051.1%2042.1%2051.1C42.1%2051.1%2030.5%2056.2%2026.3%2067.9H36Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.pB{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.5%2012.5C34.5%2012.5%2029.8%2017.3%2029.8%2023.2C29.8%2026.8%2031.6%2030.1%2034.4%2032H46.7C49.5%2030.1%2051.3%2026.8%2051.3%2023.2C51.2%2017.2%2046.5%2012.5%2040.5%2012.5Z'%20fill='%23010101'/%3e%3cpath%20d='M43.2%2016.4C41.7%2015.5%2039.9%2015.3%2038%2015.8C34.4%2016.8%2032.4%2020.4%2033.3%2024C33.3%2024.1%2033.4%2024.2%2033.4%2024.3C39.2%2025%2044%2019.1%2043.2%2016.4Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M34.5%2031.7L34.2%2039.4L30.7%2061.1L18.3%2072H62.6L50.3%2061.1L46%2039.4L45.7%2031.7'%20fill='%23010101'/%3e%3cpath%20d='M37.7%2039.6L33.8%2062.1L27.2%2069.2H34.8L40%2063.8L40.1%2039.6H37.7Z'%20fill='%236D6E6E'/%3e%3cpath%20d='M26.6%2038.8H54.4L47.7%2030.8H33.3L26.6%2038.8Z'%20fill='%23010101'/%3e%3cpath%20d='M32.3%2036.5H41.1L39%2032.5H35.2L32.3%2036.5Z'%20fill='%236D6E6E'/%3e%3c/svg%3e")}.piece.kW{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M58%2025.9C52%2025.9%2048.9%2028.5%2047.4%2030L40.4%2042.2L33.4%2030C32%2028.5%2029%2025.9%2023%2025.9C13.6%2025.9%208.10001%2033.6%208.10001%2041.2C8.10001%2049.8%2011.8%2052.7%2016.7%2062.9V71H64.3V62.9C69.2%2052.8%2072.9%2049.8%2072.9%2041.2C72.9%2033.6%2067.4%2025.9%2058%2025.9V25.9Z'%20fill='white'/%3e%3cpath%20d='M35.3%2032.8L40.5%2043.5L45.7%2032.8L42.6%2021.8L50.5%2024.2V16.6L42.6%2017.6L44.3%2010.3H36.7L38.4%2017.6L30.5%2016.6V24.2L38.4%2021.8L35.3%2032.8Z'%20fill='white'/%3e%3cpath%20d='M64.7%2027.4C71.8%2040%2058%2058.6%2045.9%2059.9L65.3%2062.5L71.9%2049.1L72.9%2039.2L71.2%2034L68.6%2030.4L64.7%2027.4V27.4ZM33.6%2030.1C34.7%2035.5%2032%2044.7%2028.2%2050.6C24.4%2056.5%2017.7%2061.4%2017.7%2061.4L40.5%2059.8V42.6L33.6%2030.1Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M53.1%2060.6V70.5H64V62.9L53.1%2060.6ZM49.5%2017.7L48.2%2020.5L41.1%2020.3L49.5%2023.6H50.5L49.5%2017.7ZM43.1%2011.3L40.5%2013V19.2L42.1%2018.2L43.1%2011.3ZM41.8%2021.5V33.2L40.5%2040.2L45%2034L41.8%2021.5ZM39.9%2020.6H30.5V24.2L39.9%2020.6Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M36.4%2051.2L40.5%2057.2L44.6%2051.2L40.5%2045.2L36.4%2051.2Z'%20fill='black'/%3e%3cpath%20d='M69.8%2029.9C66.8%2026.5%2062.6%2024.7%2058%2024.7C53.2%2024.7%2049.4%2026.2%2046.5%2029.2L46%2030L44.1%2023.3L51.5%2025.5V15.4L43.9%2016.4L45.6%209.3H35.4L37.1%2016.4L29.5%2015.4V25.5L36.9%2023.3L35%2030.1L34.6%2029.4L34.5%2029.2V29.1C31.6%2026.1%2027.8%2024.6%2023%2024.6C12.9%2024.6%206.89999%2033%206.89999%2041.2C6.89999%2047.6%208.89999%2051.2%2011.7%2056.1L12.3%2057.1C13.3%2058.8%2014.4%2060.8%2015.5%2063.1V72.2H65.6V63.1C66.8%2060.8%2067.8%2058.8%2068.8%2057.1L69.4%2056.1C72.2%2051.2%2074.2%2047.6%2074.2%2041.2C74.2%2037.1%2072.6%2033%2069.8%2029.9V29.9ZM39.9%2020.3L31.5%2022.8V17.7L39.7%2018.7L37.9%2011.3H43.1L41.3%2018.7L49.5%2017.7V22.8L41.1%2020.3L44.6%2032.5L40.5%2039.7L36.4%2032.5L39.9%2020.3V20.3ZM63%2069.8H17.8V63.3C21.6%2062.6%2031%2061%2040.5%2061C49.8%2061%2059.1%2062.5%2063%2063.2V69.8ZM67.2%2054.9C66.2%2056.5%2064.2%2059.6%2063.4%2060.8C59.3%2060.1%2050%2058.6%2040.4%2058.6C30.7%2058.6%2021.2%2060.1%2017.3%2060.8C16.5%2059.6%2014.5%2056.6%2013.6%2054.9L13.5%2054.8C10.8%2050%209.09999%2047%209.09999%2041.3C9.09999%2032.2%2016.1%2027.3%2022.7%2027.3C26.7%2027.3%2029.9%2028.5%2032.3%2030.9L40.3%2044.8L48.3%2030.9C50.7%2028.5%2053.9%2027.3%2057.9%2027.3C66.8%2027.3%2071.6%2034.5%2071.6%2041.3C71.7%2047%2070%2050%2067.2%2054.9V54.9Z'%20fill='black'/%3e%3c/svg%3e")}.piece.qW{background-image:url(/assets/qW-CuvFhC2W.svg)}.piece.rW{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M58.7%2059.4L55.5%2032.1L64.1%2023.9V12.8H53V20.9H46.3V12.8H34.7V20.9H28V12.8H16.9V23.9L25.5%2032.1L22.3%2059.4H15.7V71H65.3V59.4H58.7Z'%20fill='white'/%3e%3cpath%20d='M58.5%2059.7L54.3%2032.5H56.5L64.1%2023.9V12.8L58.3%2017.4V25.6H32L43.6%2032.5H46.8C46.8%2044.6%2044%2053.8%2035.1%2059.7H48.4L54.5%2070H64.4V59.7H58.5V59.7Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M59.1%2058.1L56.5%2033.3L65.2%2024.3V11.5H51.8V19.7H47.6V11.5H33.5V19.7H29.3V11.5H15.6V24.4L24.3%2033.4L21.7%2058.2H14.4V72.3H66.2V72H66.4V58.1H59.1V58.1ZM36%2022.2V14H45V22.2H54.2V14H62.7V23.3L54.4%2032H26.5L18.1%2023.4V14H26.7V22.2H36ZM54%2034.4L56.6%2058.1H24.3L26.9%2034.4H54V34.4ZM56.9%2060.6H64V69.7H17V60.6H56.9V60.6Z'%20fill='black'/%3e%3c/svg%3e")}.piece.bW{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M61.4%2071L49.5%2061.9L60.1%2047.3C60.1%2036.3%2055.2%2027.4%2048.2%2021L46.5%2020.2L38.6%2034.5L37.1%2032.9L44.9%2018.2L47.6%2013.1V12.9C47.6%209.3%2044.7%206.3%2041%206.3C37.4%206.3%2034.4%209.2%2034.4%2012.9V13.1L36.7%2017.5C28%2024.1%2020.9%2034.1%2020.9%2047.3L31.5%2061.9L19.6%2071H61.4Z'%20fill='white'/%3e%3cpath%20d='M45.6%2070.7H60L49.6%2061.2H42.8L45.6%2070.7ZM50.8%2025.1C54.7%2042.1%2036%2055.8%2036%2055.8L43.3%2060.5H50.7L60.9%2047.3L59.4%2038.7L55.8%2030.4L53.2%2026L50.8%2025.1V25.1ZM44.5%208.6C45.3%2011%2041.1%2013%2041.1%2013V18.1L44.4%2018.2L47.4%2013.9L47.1%2010.5L45%208.6H44.5Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M65%2072.2L50.9%2061.6L61.1%2047.6V47.2C61.1%2033.1%2053.5%2024.1%2048.9%2019.9L46.6%2017.6L48.7%2013.7L48.8%2013.4V12.9C48.8%208.6%2045.3%205%2040.9%205C36.6%205%2033.1%208.5%2033.1%2012.9V13.4L35%2017.1C29.1%2021.7%2019.5%2031.7%2019.5%2047.2V47.6L29.7%2061.6L16%2072.2H65ZM22.5%2046.9C22.2%2032.3%2031.8%2022.9%2037.5%2018.7L38.4%2018.1L35.7%2013C35.7%2010.1%2038.1%207.7%2041%207.7C43.9%207.7%2046.3%2010.1%2046.4%2013L35.8%2034.6V34.7L38%2040.5L47.3%2021.7L48.4%2022.7C53.2%2027.4%2058.8%2035.4%2058.5%2046.8L49.3%2059.8H31.8L22.5%2046.9ZM32.9%2062.5H48L57.8%2069.8H23.2L32.9%2062.5Z'%20fill='black'/%3e%3cpath%20d='M36.2%2018H41.1L38.4%2020.1H34.6'%20fill='black'/%3e%3c/svg%3e")}.piece.nW{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M48%2045.1C44.7%2046.7%2040.8%2047%2037%2045.8L36.6%2045.7L36.3%2045.9C36.2%2046%2024.3%2055.8%2020.5%2069.6L20.2%2070.5H65L63.2%2065V64.9C63.2%2064.8%2063.1%2050.1%2063.1%2041.1C63.1%2024.2%2055.5%2015.5%2048.1%2012.5C44.4%2011.1%2038.9%2010%2035.7%2010H34.5L37.7%2016.2L13.3%2036.5L14.3%2047.3L19.3%2048.7L24.4%2044.8H26L21.7%2049.3L22.8%2049.7L29.5%2051.6L35%2044.8C38.5%2046.3%2042.7%2046.1%2047.5%2044.2C50.3%2043%2052.6%2040.6%2054%2038.6C53.1%2041.4%2051%2043.7%2048%2045.1V45.1Z'%20fill='white'/%3e%3cpath%20d='M38%2022.1L30.3%2028.3C29.8%2028.8%2029.7%2029.6%2030.1%2030.2C30.4%2030.6%2030.8%2030.8%2031.2%2030.8C31.4%2030.8%2031.6%2030.8%2031.8%2030.7L40.9%2027.1L38%2022.1V22.1Z'%20fill='black'/%3e%3cpath%20d='M38.7%2070.7L56.4%2071H64.9C64.9%2071%2062.8%2065.8%2062.8%2063.8V28.6C62.8%2037%2060.1%2046.6%2053.3%2053.4C40.5%2057%2038.7%2070.7%2038.7%2070.7ZM34.6%2047.3L35.9%2045.5L44.7%2046.3L49.5%2044.1L53.4%2040.7L55.8%2034.2C55%2032.9%2053.6%2032.1%2051.8%2031.4C49.8%2039.1%2043.7%2043.7%2035.5%2041.8C35.1%2042.9%2034.8%2043.7%2034.8%2043.7L27.8%2044L22%2048.8L29%2053.3L34.6%2047.3V47.3Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M18.2%2072.2H67.3L64.8%2064.7V41.1C64.8%2034.3%2063.9%2017.2%2048.8%2011C43%208.6%2034.2%208.4%2033.8%208.5L32%208.6L35.7%2015.8L11.5%2035.8L12.8%2048.6L27.3%2052.8C23.8%2057.3%2020%2063.5%2018.4%2070.8L18.2%2072.2ZM36.7%2046.5C38.2%2047%2039.8%2047.3%2041.5%2047.3C43.9%2047.3%2046.2%2046.8%2048.3%2045.8C52.4%2043.8%2055.1%2040.2%2055.6%2035.7L55.8%2034.3L55.2%2035.5C55.2%2035.6%2052.2%2041.3%2047.3%2043.5C43.4%2045.1%2038.9%2045.9%2034.9%2043.9L29.3%2050.8L23.5%2049.1L23.1%2049L27.8%2044.1H24.1L19.1%2047.9L15%2046.7L14.1%2036.8L38.7%2016.4L35.8%2010.8C38.7%2010.8%2044.1%2011.7%2047.9%2013.2C53.6%2015.5%2062.4%2022.8%2062.4%2041.1C62.4%2050.2%2062.5%2064.9%2062.5%2064.9V65.1L64%2069.8H21.2C24.8%2056.6%2035.9%2047.1%2036.7%2046.5Z'%20fill='black'/%3e%3c/svg%3e")}.piece.pW{background-image:url("data:image/svg+xml,%3csvg%20width='81'%20height='81'%20viewBox='0%200%2081%2081'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M29.7%2037.8H51.3L46.2%2031.8H46.9C49.5%2029.9%2051.2%2026.7%2051.2%2023.2C51.2%2017.2%2046.4%2012.5%2040.5%2012.5C34.6%2012.5%2029.8%2017.3%2029.8%2023.2C29.8%2026.7%2031.5%2029.9%2034.1%2031.8H34.8L29.7%2037.8V37.8ZM49.4%2060.5L45.1%2039.8H35.1L31.6%2060.5L21%2069.9H60L49.4%2060.5Z'%20fill='white'/%3e%3cpath%20d='M40.5%2059.7L47.8%2071H61.6L51.2%2060L49.8%2059.1L46.9%2038.9H40.5V59.7ZM44.4%2038H52.5L47.2%2031.5H41L44.4%2038ZM45%2013.3C48.7%2018.8%2046.1%2030.9%2034.8%2030.9C34.6%2030.9%2046.9%2031.5%2047.9%2030.6C49.8%2028.7%2051%2026.2%2051%2023.3C51.1%2017.3%2044.8%2012.1%2045%2013.3Z'%20fill='%23CFCECF'/%3e%3cpath%20d='M15%2072.2H66L51.5%2059.4L47.3%2039.4H55.5L48.4%2031.4C51.3%2029.2%2052%2025.8%2052%2023.3C52%2016.9%2047%2011.9%2040.6%2011.9C34.3%2011.9%2029.2%2017%2029.2%2023.3C29.2%2025.8%2029.8%2029.2%2032.8%2031.4L25.7%2039.4H33L29.6%2059.4L15%2072.2ZM31.4%2023.3C31.4%2018.3%2035.5%2014.2%2040.5%2014.2C45.6%2014.2%2049.6%2018.2%2049.6%2023.3C49.6%2025.6%2048.8%2027.7%2047.2%2029.4H33.8C32.3%2027.7%2031.4%2025.5%2031.4%2023.3ZM35.2%2031.7H45.9L50.4%2037.3H30.7L35.2%2031.7V31.7ZM35.4%2039.4H44.8L49.2%2060.6V60.7L59.4%2069.7H21.6L31.8%2060.6L35.4%2039.4V39.4Z'%20fill='%23010101'/%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))}.popup--inner{width:50%;min-height:12.5%;background:var(--light-tile-color);position:absolute;border:8px solid var(--dark-tile-color);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:1 px solid var(--dark-tile-color)}.promotion-choices .piece:hover{box-shadow:0 0 0 5px var(--dark-tile-color) inset;transform:scale(1.05)}.promotion-choices :is(.qW,.qB){left:0}.promotion-choices :is(.rW,.rB){left:25%}.promotion-choices :is(.bW,.bB){left:50%}.promotion-choices :is(.nW,.nB){left:75%}.wins{height:var(--tile-size);background-size:contain;background-repeat:no-repeat;background-position:center}.wins.White{background-image:url(../../assets/kW.png)}.wins.Black{background-image:url(../../assets/kB.png)}.draws{height:var(--tile-size);background-size:contain;background-repeat:no-repeat,no-repeat;background-position:35% center,65% center;background-image:url(../../assets/kW.png),url(../../assets/kB.png)}.App{display:grid;place-content:center;height:100vh;grid-template-columns:auto 220px}button{background:var(--dark-tile);color:var(--light-tile);border:2;padding:10px 30px;margin:10px 0;font-size:1.1em}.control{display:flex;flex-direction:column;padding:10px;text-align:center;height:calc(8 * var(--tile-size));overflow-y:scroll}:root{--tile-size: 80px;--light-tile-color: #ffe6de;--dark-tile-color: #958d8d;--highlight: #555555;--checked: #fe4848}@media all and (max-width: 450px){:root{--tile-size: 100px}}.moves-list{display:flex;flex-direction:row;color:#474242;background-color:var(--light-tile-color);border:5px solid #474242;flex:1 1;flex-wrap:wrap;align-content:start;overflow:auto;font-size:1.1em}.moves-list div{flex-direction:row;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;border:1px solid var(--dark-tile-color)}.color-selection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.color-selection-container{background-color:#f0d9b5;border:2px solid #b58863;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 4px 12px #0000004d;max-width:600px;width:90%}.color-selection-container h2{margin-top:0;color:#5d4037;font-size:2rem;margin-bottom:1.5rem}.color-options{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem}.color-option{background-color:#fff;border:2px solid #b58863;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;width:40%;min-width:150px;display:flex;flex-direction:column;align-items:center}.color-option:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.color-option.white{background-color:#f0d9b5}.color-option.black{background-color:#b58863;color:#fff}.color-option .piece{width:60px;height:60px;margin-bottom:1rem;background-size:contain;background-repeat:no-repeat;background-position:center}.color-option p{margin:.5rem 0;font-weight:700;font-size:1.2rem}.color-option small{font-size:.9rem;opacity:.8}@media (max-width: 500px){.color-options{flex-direction:column;align-items:center}.color-option{width:80%}}