:root{--col:red;--time:0.5s}.bgagame-myshelfiedice .log_replayable{overflow:visible}.bgagame-myshelfiedice .roundedbox{overflow:visible;vertical-align:top}.movecenter{left:50%;transform:translateX(-50%)}.centerit{align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:center;text-align:center}.dadolog{z-index:10}.dado,.dadolog{background:url(img/dice_sprites.png);background-size:600% 100%}.dado{box-shadow:inset 0 0 10px #cbdffb;pointer-events:none}.wdadolog{border:1px solid #000;border-radius:10%;z-index:10}.wdado,.wdadolog{background:url(img/dice_spritesw.png);background-size:600% 100%}.wdado{box-shadow:inset 0 0 10px #ccc;pointer-events:none}.dado1{background-position:0 0}.dado2{background-position:20% 0}.dado3{background-position:40% 0}.dado4{background-position:60% 0}.dado5{background-position:80% 0}.dado6{background-position:100% 0}@keyframes roll{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}13%{transform:rotateX(1turn) rotateY(.1deg) rotate(180deg)}24%{transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}35%{transform:rotateX(180deg) rotateY(1turn) rotate(270deg)}42%{transform:rotateX(90.01deg) rotateY(180deg) rotate(180deg)}49%{transform:rotateX(1turn) rotateY(90.01deg) rotate(180deg)}67%{transform:rotateX(270deg) rotateY(0deg) rotate(90.01deg)}to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}}@keyframes num1{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}}@keyframes num2{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(-90.01deg) rotateY(0deg) rotate(0deg)}}@keyframes num3{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(0deg) rotateY(-90.01deg) rotate(0deg)}}@keyframes num4{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(0deg) rotateY(90.01deg) rotate(0deg)}}@keyframes num5{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(90.01deg) rotateY(0deg) rotate(0deg)}}@keyframes num6{70%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(180deg) rotateY(0deg) rotate(0deg)}}.rolled{animation:roll 1.8s linear forwards}.num1{animation:num1 1.8s linear 1 forwards}.num2{animation:num2 1.8s linear 1 forwards}.num3{animation:num3 1.8s linear 1 forwards}.num4{animation:num4 1.8s linear 1 forwards}.num5{animation:num5 1.8s linear 1 forwards}.num6{animation:num6 1.8s linear 1 forwards}.num1fast{animation:num1 .1s linear 1 forwards}.num2fast{animation:num2 .1s linear 1 forwards}.num3fast{animation:num3 .1s linear 1 forwards}.num4fast{animation:num4 .1s linear 1 forwards}.num5fast{animation:num5 .1s linear 1 forwards}.num6fast{animation:num6 .1s linear 1 forwards}.nodado{border-radius:10%;height:50px;margin:auto;width:50px}.smalldado{border-radius:5%;float:left;height:20px;margin-left:3px;overflow:visible;width:20px}div[id*=dicecontainer]{border-radius:12%;height:51px;position:relative;width:51px}div[id*=diceresult]{height:51px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:51px}.side,div[id*=diceresult]{border-radius:12%;pointer-events:none;position:absolute}.side{height:50px;width:50px}div[id*=die] span{display:block;font-size:2.5em;margin:0;padding:25px;right:0}div[id*=die],div[id*=die] span{border-radius:12%;position:absolute}div[id*=die]{height:50px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:50px}div[id*=die] .cover,div[id*=die] .inner{backface-visibility:hidden}div[id*=die] .cover{transform:translateZ(0);-webkit-transform:translateZ(0);z-index:-1}div[id*=die] .cover.x{transform:rotateY(90deg);-webkit-transform:rotateY(90deg)}div[id*=die] .cover.z{transform:rotateX(90deg);-webkit-transform:rotateX(90deg)}div[id*=die] .front{transform:translateZ(25px);-webkit-transform:translateZ(25px)}div[id*=die] .back{transform:rotateX(180deg) translateZ(25px);-webkit-transform:rotateX(180deg) translateZ(25px)}div[id*=die] .right{transform:rotateY(90deg) translateZ(25px);-webkit-transform:rotateY(90deg) translateZ(25px)}div[id*=die] .left{transform:rotateY(-90deg) translateZ(25px);-webkit-transform:rotateY(-90deg) translateZ(25px)}div[id*=die] .top{transform:rotateX(90deg) translateZ(25px);-webkit-transform:rotateX(90deg) translateZ(25px)}div[id*=die] .bottom{transform:rotateX(-90deg) translateZ(25px);-webkit-transform:rotateX(-90deg) translateZ(25px)}.first,.notfirst{float:left;height:19px;position:realtive;width:20px}.first{background-image:url(img/firstp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:drop-shadow(1px 1px 1px black)}.mywhiteblock{height:556px;margin-top:10px;width:100%}.espandih{transition:transform .25s ease}.espandih:hover{overflow:visible;-webkit-transform:scale(3) translateZ(5px);transform:scale(3) translateZ(5px);transform-origin:right top;transition:transform .7s ease;transition-delay:.7s;z-index:11}.espandic{transition:transform .25s ease}.espandic:hover{overflow:visible;-webkit-transform:scale(3) translateZ(5px);transform:scale(3) translateZ(5px);transform-origin:center center;transition:transform .7s ease;transition-delay:.7s;z-index:11}.tabellone{height:547px;width:547px}.smalltabellone,.tabellone{background-color:transparent;background-image:url(img/board.png);background-repeat:no-repeat;background-size:cover;position:relative}.smalltabellone{background-position:50%;height:164px;margin:auto;width:164px}.names{font-size:18pt;font-weight:700;text-align:center;text-shadow:1px 1px #000;width:100%}.cent_it{align-items:center;display:flex;justify-content:left}.circle__box{height:55px;margin:0 auto;pointer-events:none;position:relative;width:55px}.circle__wrapper{height:56px;overflow:hidden;pointer-events:none;position:absolute;top:0;width:27px}.circle__wrapper--right{pointer-events:none;right:0}.circle__wrapper--left{left:0;pointer-events:none}.circle__whole{border:4px solid transparent;border-radius:50%;height:50px;pointer-events:none;position:absolute;top:0;transform:rotate(-135deg);width:52px}.circle__right{animation:circleRight var(--time) linear forwards;border-right:4px solid #505050;border-top:4px solid #505050;pointer-events:none;right:0}.circle__left{animation:circleLeft var(--time) linear forwards;border-bottom:4px solid #505050;border-left:4px solid #505050;left:0;pointer-events:none}@keyframes circleRight{0%{transform:rotate(-135deg)}50%,to{transform:rotate(45deg)}}@keyframes circleLeft{0%,50%{transform:rotate(-135deg)}to{-webkit-transform:rotate(45deg)}}.circle__right_black{animation:circleRight var(--time) linear forwards;border-right:4px solid #000;border-top:4px solid #000;right:0}.circle__left_black{animation:circleLeft var(--time) linear forwards;border-bottom:4px solid #000;border-left:4px solid #000;left:0}.circle__box_small{height:18px;margin:0 auto;position:relative;width:18px}.circle__wrapper_small{height:18px;overflow:hidden;position:absolute;top:0;width:9px}.circle__whole_small{border:2px solid #000;border-radius:50%;height:14px;position:absolute;top:0;transform:rotate(-135deg);width:18px}.pointcircle{font-size:18pt;height:40px;line-height:40px;text-shadow:1px 1px #000;width:40px}.pointcircle,.pointcirclesmall{border-radius:50%;font-weight:700;position:absolute;text-align:center}.pointcirclesmall{font-size:8px;height:16px;line-height:16px;width:16px}.squares{height:60px;position:absolute;width:65px}.lineL{transform:rotate(-45deg);transform-origin:left}.lineL,.lineR{background:var(--col);height:4px;position:absolute;width:0}.lineR{transform:rotate(45deg);transform-origin:left}.anim{animation:grow var(--time) linear forwards}.animsmall{animation:growsmall var(--time) linear forwards}@keyframes grow{to{width:85px}}@keyframes growsmall{to{width:28px}}