@font-face{font-family:"STXingkai";src:url(assets/fonts/STXINGKA.ttf) format("truetype")}#roll-the-dice>.row{cursor:pointer}.cube{font-size: .7em;position:relative;margin:0 auto;height:10em;width:10em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out, -webkit-transform 1s ease-out;display:inline-block;margin:4em}.cube1>div{background:#995c00;border:1.5px solid #663d00}.cube2>div{background:#8d6a43;border:1.5px solid #663d00}.cube3>div{background:#ffb84d;border:1.5px solid #cc7a00}.cube>div{overflow:hidden;position:absolute;height:10em;width:10em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 0 4em rgba(0, 0, 0, 0.35) inset;border-radius:0.5em;outline:1px solid transparent;cursor:pointer}.cube>div>div{font-size:5em;font-weight:600;width:1em;height:1em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;-webkit-transform:rotate(180deg);transform:rotate(180deg);line-height:1;text-align:center;color:#FFF}.cube>div:first-child{-webkit-transform:rotateX(90deg) translateZ(5em);transform:rotateX(90deg) translateZ(5em)}.cube>div:nth-child(2){-webkit-transform:translateZ(5em);transform:translateZ(5em)}.cube>div:nth-child(3){-webkit-transform:rotateY(90deg) translateZ(5em);transform:rotateY(90deg) translateZ(5em)}.cube>div:nth-child(4){-webkit-transform:rotateY(180deg) translateZ(5em);transform:rotateY(180deg) translateZ(5em)}.cube>div:nth-child(5){-webkit-transform:rotateY(-90deg) translateZ(5em);transform:rotateY(-90deg) translateZ(5em)}.cube>div:nth-child(6){-webkit-transform:rotateX(-90deg) rotate(180deg) translateZ(5em);transform:rotateX(-90deg) rotate(180deg) translateZ(5em)}.cube.index-1{-webkit-transform:rotateX(270deg) rotateY(180deg) rotateZ(0deg);transform:rotateX(270deg) rotateY(180deg) rotateZ(0deg)}.cube.index-2{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(180deg)}.cube.index-3{-webkit-transform:rotateX(90deg) rotateY(90deg) rotateZ(90deg);transform:rotateX(90deg) rotateY(90deg) rotateZ(90deg)}.cube.index-4{-webkit-transform:rotateX(180deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(180deg) rotateY(0deg) rotateZ(0deg)}.cube.index-5{-webkit-transform:rotateX(0deg) rotateY(270deg) rotateZ(180deg);transform:rotateX(0deg) rotateY(270deg) rotateZ(180deg)}.cube.index-6{-webkit-transform:rotateX(270deg) rotateY(180deg) rotateZ(180deg);transform:rotateX(270deg) rotateY(180deg) rotateZ(180deg)}.cube.bis.index-1{-webkit-transform:rotateX(630deg) rotateY(540deg) rotateZ(360deg);transform:rotateX(630deg) rotateY(540deg) rotateZ(360deg)}.cube.bis.index-2{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(540deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(540deg)}.cube.bis.index-3{-webkit-transform:rotateX(450deg) rotateY(450deg) rotateZ(450deg);transform:rotateX(450deg) rotateY(450deg) rotateZ(450deg)}.cube.bis.index-4{-webkit-transform:rotateX(540deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(540deg) rotateY(360deg) rotateZ(360deg)}.cube.bis.index-5{-webkit-transform:rotateX(360deg) rotateY(630deg) rotateZ(540deg);transform:rotateX(360deg) rotateY(630deg) rotateZ(540deg)}.cube.bis.index-6{-webkit-transform:rotateX(630deg) rotateY(540deg) rotateZ(540deg);transform:rotateX(630deg) rotateY(540deg) rotateZ(540deg)}.bingo>div{background:#ffb84d;border:1.5px solid #cc7a00}@media (max-width: 767px){#introduction button{font-size:16px}.cube{font-size: .4em }.cube{margin:1.2em auto !important}}@media (min-width: 800px) and (max-height: 899px){.cube{font-size: .55em }}@media (min-width: 1024px) and (max-width:1366px) and (orientation:portrait){.cube{font-size: .9em }}