.whitepiece, .blackpiece, .dice, .sidedice {
    box-shadow: 3px 3px 8px rgba(0,0,0,0.8);
}

@media (max-width: 400px) {
    .newboard .whitepiece, .newboard .blackpiece, .newboard .dice, .newboard .sidedice {
        box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
    }
}

.sidearrow {
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.8));
    filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.8));
}

.cubeimg {
    border-radius: 25%;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.8);
}

.newboard .cubeimg {
    border-radius: 25%;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
}

@media (max-width: 1600px) {
  .cubeimg { border-radius: 17px; }
}

@media (max-width: 900px) {
  .cubeimg { border-radius: 10px; }
}

.innerleftframe, .innerrightframe {
    position: absolute;
    opacity: 0.8;
    width: 37.5%;
    height: 89.5%;
    top: 5.2%;
    z-index: 0;
    pointer-events: none;
}

.innerleftframe { left: 8.7%; }
.innerrightframe { left: 53.7%; }

.barnames { box-shadow: inset 8px 8px 8px black; }

.newboard .whitebearoffname, .newboard .blackbearoffname, .innerleftframe, .innerrightframe {
    box-shadow: inset 4px 4px 4px black;    
}