:root{--cbx:0;--cby:0}
.actor.cb-host,.actor .rig.cb-host{perspective:700px}
.actor .rig.cb-host{position:relative}
.cb-face{position:relative;z-index:2;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
  rotate:y calc(var(--cbx)*7deg);transform-origin:50% 100%}
.cb-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background:repeating-linear-gradient(90deg,#7a5230 0 1.5px,#a9783f 1.5px 3px,#c1915a 3px 4px,#8d6236 4px 5px);
  filter:brightness(calc(1 - var(--i)*.07));
  translate:calc(var(--i)*(.9px + var(--cbx)*-1.1px)) calc(var(--i)*(1.1px + var(--cby)*-.9px));
  rotate:y calc(var(--cbx)*7deg);transform-origin:50% 100%}
.cb-layer:nth-of-type(odd){background:repeating-linear-gradient(0deg,#6e4a2b 0 1px,#b07f45 1px 3px)}
.rig.cb-host .cb-layer{z-index:0}
@media (prefers-reduced-motion:reduce){.cb-face,.cb-layer{rotate:none}}
body.rm .cb-face,body.rm .cb-layer{rotate:none}