body{font-family:Inter,Arial;color:#000;background-color:#232323;margin:0}header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:left;margin:0 0 25px;background-color:#191919;height:65px;box-shadow:0 5px 20px 5px}header>img{height:50px;margin-left:35px}.logoText{font-size:30px;font-weight:700;color:#e8dcc3;margin-left:10px}.piece{height:100%;display:block;margin:auto;z-index:1}.sqrw,.sqrb{aspect-ratio:1/1;position:relative}.sqrw{background-color:#e8dcc3;transition-duration:.1s}.sqrw:hover{background-color:#e8dcc3cc}.sqrb{background-color:#be9667;transition-duration:.1s}.sqrb:hover{background-color:#be9667cc}.js-sqrw-legal{background-color:#7bde9b}.js-sqrb-legal{background-color:#14a441}.js-sqrw-legal-capture{background-color:#ec7575}.js-sqrb-legal-capture{background-color:#be5151}.js-sqrw-clicked,.js-sqrb-clicked{border-color:red;border-width:1.5px;border-style:solid;border-radius:20px}.js-sqrw-legal:hover{background-color:#7bde9acc}.js-sqrb-legal:hover{background-color:#14a442cc}.js-sqrw-legal-capture:hover{background-color:#ec7575cc}.js-sqrb-legal-capture:hover{background-color:#be5151cc}.text-a1,.text-b1,.text-c1,.text-d1,.text-e1,.text-f1,.text-g1,.text-h1,.text-h1n,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6,.text-h7,.text-h8{position:absolute;font-size:1.2vw;font-weight:600;color:#0009}.text-a1,.text-b1,.text-c1,.text-d1,.text-e1,.text-f1,.text-g1,.text-h1{top:-2px;left:1px}.text-h2,.text-h3,.text-h4,.text-h5,.text-h6,.text-h7,.text-h8{top:-1px;right:1px}.board-container{width:43vw;height:43vw;border-radius:4px;overflow:hidden}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);justify-content:center;align-items:center}.move-box-container{display:flex;justify-content:left;align-items:center}.move-box{font-size:1.3vw;font-weight:600;color:#e8dcc3;height:100%;width:100%;padding-left:5px}.current-move{background-color:#be5151}.white-move:hover,.black-move:hover{background-color:#191919;cursor:pointer}.current-move:hover{background-color:#be5151cc;cursor:pointer}.buttons-container{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);justify-content:right;grid-gap:1vmin;margin-right:0}.move-buttons-container{display:flex;gap:1vmin;justify-content:center;align-items:center}.backward,.forward{height:3.8vw;width:3.8vw;font-size:4vw;font-weight:600;padding:0;line-height:0px;background-color:#e8dcc3;transition-duration:.15s;border-radius:1vw}.backward:hover,.forward:hover,.reset:hover{background-color:#e8dcc3cc}.backward:active,.forward:active,.reset:active{background-color:#be9667}.reset-button-container{display:flex;justify-content:center;align-items:center}.reset{height:3.3vw;width:9vw;font-size:2.3vw;font-weight:600;text-align:center;padding-top:2px;padding-bottom:2px;margin-top:0;line-height:0px;background-color:#e8dcc3;transition-duration:.15s;border-radius:1.5vw}.moves-display-container{display:flex;flex-direction:column;align-items:center;align-content:center}.moves-display{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:2.4vw;row-gap:0;height:33.55vw;width:16vw;overflow:hidden;overflow-y:scroll;background-color:#373737;border-style:solid;border-color:#be5151;border-width:2px;margin-bottom:5px}.select-radio-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.radio-fieldset{border-color:#be5151;margin-bottom:10px}.fieldset-title{font-size:3.5vmin;color:#e8dcc3;font-weight:600;align-items:center}.radio-button{display:flex;justify-content:left;align-items:center}.radio-button>input{height:4vmin;width:4vmin;margin:1vmin;accent-color:rgb(190,81,81)}.radio-button>label{font-size:3vmin;color:#e8dcc3}.Apply-button{height:3.3vw;width:8vw;font-size:2vw;font-weight:600;text-align:center;padding-top:2px;padding-bottom:2px;margin-top:0;line-height:0px;background-color:#e8dcc3;transition-duration:.15s;border-radius:1.5vw}.Apply-button:hover{background-color:#e8dcc3cc}.Apply-button:active{background-color:#be9667}.main-section{display:flex;gap:20px;margin-left:35px}.turn-container{display:flex;flex-direction:column;align-items:center}.white-box{background-color:#fff;height:5vw;width:5vw;border-style:solid;border-color:#be5151;border-width:5px;margin-bottom:10px}.black-box{background-color:#000;height:5vw;width:5vw;border-style:solid;border-color:#be5151;border-width:5px;margin-bottom:10px}.status-text{font-size:2vw;color:#e8dcc3;width:14vw;text-align:center;margin-bottom:100px}footer{display:flex;margin:20px 0 10px;font-size:1vw;color:#e8dcc3;align-items:center;justify-content:left}footer>div{margin-left:35px}