.cube{width:100%;height:100%}@font-face{font-family:"RubikExtended";src:url("/font/magic-cube/RubikExtended.ttf") format("truetype"),url("/font/magic-cube/RubikExtended.otf") format("otf");font-weight:normal;font-style:normal}.faceLabel{display:none;position:absolute;font-size:60px;text-align:center;font-family:"RubikExtended";text-shadow:0 0 24px rgba(0,0,0,.3);color:#fff}.cube .cubelet{width:1em;height:1em;position:absolute;box-sizing:border-box}.cube .face{position:absolute;width:1em;height:1em;background-color:#000;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;padding:.05em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.cube .face.faceIntroverted{background-color:#000}.cube .face.faceTransparent{background-color:transparent}.purty .face{opacity:.5}.purty .face.faceFront{background-color:#fff}.purty .face.faceUp{background-color:#e87000}.purty .face.faceRight{background-color:#3d81f6}.purty .face.faceDown{background-color:#dc422f}.purty .face.faceLeft{background-color:#009d54}.purty .face.faceBack{background-color:#f5b400}.cube .face>.wireframe{display:none;position:absolute;width:140px;height:140px;background-color:rgba(255,255,255,.05)}.cube .sticker{width:100%;height:100%;background-color:#f0f;border-radius:.1em;text-align:center}.cube .sticker.red{background:#dc422f}.cube .sticker.white{background:#f3f3f3}.cube .sticker.blue{background:#3d81f6}.cube .sticker.green{background:#009d54}.cube .sticker.orange{background:#e87000}.cube .sticker.yellow{background:#f5b400}.cube .sticker.stickerLogo{background:#f3f3f3 url("/image/rubiksLogoClassic.png");background-size:100% 100%;background-repeat:none}.cube .face>.id{display:none;position:absolute;z-index:1000;width:90%;height:90%;font-size:1em;line-height:.9em;text-align:center;color:#000}.cube .face>.id>.underline{border-bottom:1px solid #000}.cube .face.faceIntroverted>.id{color:#fefefe}.cube .face.faceIntroverted>.id>.underline{border-bottom:1px solid #fefefe}.cube .face>.text{display:none;position:absolute;z-index:2000;width:100%;height:100%;text-align:center;color:#fff;font-family:"RubikExtended",sans-serif;font-size:1em;line-height:1em}html,body{width:100%;height:100%}body{background-color:#000;vertical-align:top;overflow:hidden}body,h1,h2{margin:0;border:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;color:rgba(255,255,255,.7)}a{color:rgba(255,255,255,.7);text-decoration:none;border-bottom:1px dotted #fff}a:hover{color:#fff;border-bottom:1px solid #fff}table,td,tr{margin:0;border:none;border-collapse:collapse;padding:0}.pad{padding:8px}.graydient{background:#000;background:-moz-radial-gradient(center,ellipse cover,#444 0%,#000 90%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,#444),color-stop(90%,#000));background:-webkit-radial-gradient(center,ellipse cover,#444 0%,#000 90%);background:-o-radial-gradient(center,ellipse cover,#444 0%,#000 90%);background:-ms-radial-gradient(center,ellipse cover,#444 0%,#000 90%);background:radial-gradient(ellipse at center,#444 0%,#000 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#000000',GradientType=1)}.heroicRed{background-color:#f00}#container{width:100%;height:100%}#fail{display:none;text-align:center;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-250px;width:500px;height:200px;overflow:hidden}#fail>h1{font-size:6em;line-height:2em}#fail>h2{font-size:3em;line-height:1em}@media not screen and (-webkit-transform-3d){#container{visibility:hidden}#fail{display:block}}