.whitebearoff {left: 92.5%; top: 5.2%; }
.whitebearoffname {left: 92.5%; top: 5.2%; }

.bar12num, .bar11num, .bar10num, .bar9num, .bar8num, .bar7num, .bar6num, .bar5num, .bar4num, .bar3num, .bar2num, .bar1num { top: 43.875%; }

.label12,.bar12 { left: 8.75% }
.bar13num,.bar12num { left: 9.75%; }

.label11,.bar11 { left: 15% }
.bar14num,.bar11num { left: 16%; }

.label10,.bar10 { left: 21.25% }
.bar15num,.bar10num { left: 22.25%; }

.label9,.bar9 { left: 27.5% }
.bar16num,.bar9num { left: 28.5%; }

.label8,.bar8 { left: 33.75% }
.bar17num,.bar8num { left: 34.75%; }

.label7,.bar7 { left: 40% }
.bar18num,.bar7num { left: 41%; }

.bar0 {left: 46.875%; top: 5.2%; }
.bar25num,.bar0num {left: 48%; }

.label6,.bar6 { left: 53.75% }
.bar19num,.bar6num { left: 54.75%; }

.label5,.bar5 { left: 60% }
.bar20num,.bar5num { left: 61%; }

.label4,.bar4 { left: 66.25% }
.bar21num,.bar4num { left: 67.25%; }

.label3,.bar3 { left: 72.5% }
.bar22num, .bar3num { left: 73.5%; }

.label2,.bar2 { left: 78.75% }
.bar23num,.bar2num { left: 79.75%; }

.label1,.bar1 { left: 85% }
.bar24num,.bar1num { left: 86%; }

.blackbearoff { left: 92.5%; }
.blackbearoffname { left: 92.5%; }

.bar13num, .bar14num, .bar15num, .bar16num, .bar17num, .bar18num, .bar19num, .bar20num, .bar21num, .bar22num, .bar23num, .bar24num { top: 51%; }
.label13,.bar13 { left: 8.75%; }
.label14,.bar14 { left: 15%; }
.label15,.bar15 { left: 21.25%; }
.label16,.bar16 { left: 27.5%; }
.label17,.bar17 { left: 33.75%; }
.label18,.bar18 { left: 40%; }
.bar25 {left: 46.875%; }
.label19,.bar19 { left: 53.75%; }
.label20,.bar20 { left: 60%; }
.label21,.bar21 { left: 66.25%; }
.label22,.bar22 { left: 72.5%; }
.label23,.bar23 { left: 78.75%; }
.label24,.bar24 { left: 85%; }

.whitedicepos1, .whitedicepos2, .blackdicepos1, .blackdicepos2 {
    position: absolute;
    top: 47.0%;
    width: var(--dice-size);
    height: var(--dice-size);
}

.whitedicepos1 { left: 22.25%; }
.whitedicepos2 { left: 29.125%; }

.blackdicepos1 { left: 67.25%; }
.blackdicepos2 { left: 74.125%; }

.middleuparrow {
    position: absolute;
    top: 39.375%;
    width: 6%;
    height: 5%;
}

.middlebottomarrow {
    position: absolute;
    top: 49.375%;
    width: 5%;
    height: 5%;
}

.cubetop,.cubebottom,.cubemiddle { position: absolute; width: 6%; height: 5%; }
.cubemiddle { top: var(--cubemiddle-top); left: var(--cubemiddle-left-flipped); }
.cubebar { right: 7.5%; }

.player_black,.player_white,.middleuparrow,.middlebottomarrow,.cubebottom,.cubetop { left: 1.25%; }

.whiteclockframe { left: 0.75%; z-index: 4; }
.blackclockframe { left: 0.75%; z-index: 4; }

.whitescorecard, .blackscorecard,.lengthscorecard {
    transform: rotate(-90.0deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
}

.scorecard {
    left: -3%;
    transform: rotate(-90.0deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
}

.whitescorecard, .blackscorecard { left: 2.5%; }

.lengthscorecard { left: 1.5%; }

.boff, .woff { left: 94%; }
.bflag, .wflag { left: 93.5%; overflow:hidden; }

.player_black_alt { left: 2%; }
.player_white_alt { left: 2%; }