:root{--margin-left:15px;--margin-top:25px;--dot-h:15px;--dot-w:15px;--side-hor:50px;--side-ver:50px;--len-3:calc(var(--dot-h)*4 + var(--side-hor)*3);--len-5:calc(var(--dot-h)*6 + var(--side-hor)*5);--len-7:calc(var(--dot-w)*8 + var(--side-ver)*7);--dot-colour:#826617;--emp-side-col:#e0e0e0;--fil-side-col:#181818;--lst-side-col:#54a606;--pl1-box-col:#ee0c00;--pl2-box-col:#014fff}.boardbkg{margin:auto;position:relative}.boardbkg305{background-image:url(img/boardbgk305.png);height:380px;width:250px}.boardbkg10505,.boardbkg505{background-image:url(img/boardbgk505.png);height:380px;width:380px}.boardbkg507{background-image:url(img/boardbgk507.png);height:510px;width:380px}.board{left:var(--margin-left);position:absolute;top:var(--margin-top)}.board305{height:var(--len-5);width:var(--len-3)}.board10505,.board505{height:var(--len-5);width:var(--len-5)}.board507{height:var(--len-7);width:var(--len-5)}.dot{background:var(--dot-colour);height:var(--dot-h);width:var(--dot-w)}.dot,.side{position:absolute}.sideh{height:var(--dot-h);width:var(--side-hor)}.sidev{height:var(--side-ver);width:var(--dot-w)}.s_empty{background:var(--emp-side-col);cursor:pointer}.s_filled{background:var(--fil-side-col);cursor:auto}.s_last{background:var(--lst-side-col);cursor:auto}.s_1{background:var(--pl1-box-col)}.s_2{background:var(--pl2-box-col)}.box{height:var(--side-hor);position:absolute;width:var(--side-ver)}.b_empty{background:transparent}.b_1{background:var(--pl1-box-col);color:var(--pl1-box-col)}.b_2{background:var(--pl2-box-col);color:var(--pl2-box-col)}