.game{display:flex;flex-direction:column}.game-controls{display:flex;flex-direction:row;margin-top:1rem}.game-controls>:not(:first-child){margin-left:1rem}.board{background-image:url(/board-simple.svg);background-size:cover;aspect-ratio:auto 10/11;max-height:90vh;max-width:81.8181818182vh;position:relative}.square{position:absolute;top:0;left:0;width:10%;height:9.091%;background-size:cover}.square-1-1{transform:translate(50%,950%)}.square-1-2{transform:translate(150%,950%)}.square-1-3{transform:translate(250%,950%)}.square-1-4{transform:translate(350%,950%)}.square-1-5{transform:translate(450%,950%)}.square-1-6{transform:translate(550%,950%)}.square-1-7{transform:translate(650%,950%)}.square-1-8{transform:translate(750%,950%)}.square-1-9{transform:translate(850%,950%)}.square-2-1{transform:translate(50%,850%)}.square-2-2{transform:translate(150%,850%)}.square-2-3{transform:translate(250%,850%)}.square-2-4{transform:translate(350%,850%)}.square-2-5{transform:translate(450%,850%)}.square-2-6{transform:translate(550%,850%)}.square-2-7{transform:translate(650%,850%)}.square-2-8{transform:translate(750%,850%)}.square-2-9{transform:translate(850%,850%)}.square-3-1{transform:translate(50%,750%)}.square-3-2{transform:translate(150%,750%)}.square-3-3{transform:translate(250%,750%)}.square-3-4{transform:translate(350%,750%)}.square-3-5{transform:translate(450%,750%)}.square-3-6{transform:translate(550%,750%)}.square-3-7{transform:translate(650%,750%)}.square-3-8{transform:translate(750%,750%)}.square-3-9{transform:translate(850%,750%)}.square-4-1{transform:translate(50%,650%)}.square-4-2{transform:translate(150%,650%)}.square-4-3{transform:translate(250%,650%)}.square-4-4{transform:translate(350%,650%)}.square-4-5{transform:translate(450%,650%)}.square-4-6{transform:translate(550%,650%)}.square-4-7{transform:translate(650%,650%)}.square-4-8{transform:translate(750%,650%)}.square-4-9{transform:translate(850%,650%)}.square-5-1{transform:translate(50%,550%)}.square-5-2{transform:translate(150%,550%)}.square-5-3{transform:translate(250%,550%)}.square-5-4{transform:translate(350%,550%)}.square-5-5{transform:translate(450%,550%)}.square-5-6{transform:translate(550%,550%)}.square-5-7{transform:translate(650%,550%)}.square-5-8{transform:translate(750%,550%)}.square-5-9{transform:translate(850%,550%)}.square-6-1{transform:translate(50%,450%)}.square-6-2{transform:translate(150%,450%)}.square-6-3{transform:translate(250%,450%)}.square-6-4{transform:translate(350%,450%)}.square-6-5{transform:translate(450%,450%)}.square-6-6{transform:translate(550%,450%)}.square-6-7{transform:translate(650%,450%)}.square-6-8{transform:translate(750%,450%)}.square-6-9{transform:translate(850%,450%)}.square-7-1{transform:translate(50%,350%)}.square-7-2{transform:translate(150%,350%)}.square-7-3{transform:translate(250%,350%)}.square-7-4{transform:translate(350%,350%)}.square-7-5{transform:translate(450%,350%)}.square-7-6{transform:translate(550%,350%)}.square-7-7{transform:translate(650%,350%)}.square-7-8{transform:translate(750%,350%)}.square-7-9{transform:translate(850%,350%)}.square-8-1{transform:translate(50%,250%)}.square-8-2{transform:translate(150%,250%)}.square-8-3{transform:translate(250%,250%)}.square-8-4{transform:translate(350%,250%)}.square-8-5{transform:translate(450%,250%)}.square-8-6{transform:translate(550%,250%)}.square-8-7{transform:translate(650%,250%)}.square-8-8{transform:translate(750%,250%)}.square-8-9{transform:translate(850%,250%)}.square-9-1{transform:translate(50%,150%)}.square-9-2{transform:translate(150%,150%)}.square-9-3{transform:translate(250%,150%)}.square-9-4{transform:translate(350%,150%)}.square-9-5{transform:translate(450%,150%)}.square-9-6{transform:translate(550%,150%)}.square-9-7{transform:translate(650%,150%)}.square-9-8{transform:translate(750%,150%)}.square-9-9{transform:translate(850%,150%)}.square-10-1{transform:translate(50%,50%)}.square-10-2{transform:translate(150%,50%)}.square-10-3{transform:translate(250%,50%)}.square-10-4{transform:translate(350%,50%)}.square-10-5{transform:translate(450%,50%)}.square-10-6{transform:translate(550%,50%)}.square-10-7{transform:translate(650%,50%)}.square-10-8{transform:translate(750%,50%)}.square-10-9{transform:translate(850%,50%)}.ra-default{background-image:url(/pieces/default/ra.svg)}.rc-default{background-image:url(/pieces/default/rc.svg)}.rr-default{background-image:url(/pieces/default/rr.svg)}.re-default{background-image:url(/pieces/default/re.svg)}.rg-default{background-image:url(/pieces/default/rg.svg)}.rh-default{background-image:url(/pieces/default/rh.svg)}.rs-default{background-image:url(/pieces/default/rs.svg)}.ba-default{background-image:url(/pieces/default/ba.svg)}.bc-default{background-image:url(/pieces/default/bc.svg)}.br-default{background-image:url(/pieces/default/br.svg)}.be-default{background-image:url(/pieces/default/be.svg)}.bg-default{background-image:url(/pieces/default/bg.svg)}.bh-default{background-image:url(/pieces/default/bh.svg)}.bs-default{background-image:url(/pieces/default/bs.svg)}.ra-visual{background-image:url(/pieces/visual/ra.png)}.rc-visual{background-image:url(/pieces/visual/rc.png)}.rr-visual{background-image:url(/pieces/visual/rr.png)}.re-visual{background-image:url(/pieces/visual/re.png)}.rg-visual{background-image:url(/pieces/visual/rg.png)}.rh-visual{background-image:url(/pieces/visual/rh.png)}.rs-visual{background-image:url(/pieces/visual/rs.png)}.ba-visual{background-image:url(/pieces/visual/ba.png)}.bc-visual{background-image:url(/pieces/visual/bc.png)}.br-visual{background-image:url(/pieces/visual/br.png)}.be-visual{background-image:url(/pieces/visual/be.png)}.bg-visual{background-image:url(/pieces/visual/bg.png)}.bh-visual{background-image:url(/pieces/visual/bh.png)}.bs-visual{background-image:url(/pieces/visual/bs.png)}.move-empty{background:radial-gradient(lightblue 19%,transparent 20%);z-index:2}.move-capture{background:radial-gradient(transparent 79%,lightblue 80%);z-index:2}.move-indicator{background:linear-gradient(to right,black 1px,transparent 1px) 0 0,linear-gradient(to right,black 1px,transparent 1px) 0 100%,linear-gradient(to left,black 1px,transparent 1px) 100% 0,linear-gradient(to left,black 1px,transparent 1px) 100% 100%,linear-gradient(to bottom,black 1px,transparent 1px) 0 0,linear-gradient(to bottom,black 1px,transparent 1px) 100% 0,linear-gradient(to top,black 1px,transparent 1px) 0 100%,linear-gradient(to top,black 1px,transparent 1px) 100% 100%;background-size:8px 8px;background-repeat:no-repeat;z-index:-1}.checkmate{background:radial-gradient(transparent 75%,red 80%);z-index:-1}.game-selector{display:flex;flex-direction:column;align-items:center}.game-selector>:not(:first-child){margin-top:1rem}