*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#1e1e1e}body{display:grid;place-items:center;min-height:100vh}body #root .row{display:flex}body #root .row .block{aspect-ratio:1/1;width:12.5vmin;font-size:8.3333333333vmin;display:grid;place-items:center}body #root .row .block.white{background-color:#eeeed2!important}body #root .row .block.black{background-color:#769656!important}body #root .row .block.piece{cursor:grab}body #root .row .block.piece:active{cursor:grabbing}body #root .row .block.selected{background-color:#efd548!important}body #root .row .block.droppable:not(.kill):after{background-color:#c0c0c080!important;content:"";position:absolute;height:4.1666666667vmin;border-radius:50%;aspect-ratio:1/1}body #root .row .block.kill svg{fill:#e68341!important}body #root .row .block.check{background-color:red!important}