body{margin:0;user-select:none;background-color:#fff}button{opacity:0;padding:0;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;box-sizing:border-box;display:block;color:rgba(0,0,0,0)}#root{height:100vh;display:flex;align-items:center;justify-content:center}#stage{position:absolute;background-image:url(./img/bg.png);background-size:cover;background-repeat:no-repeat;height:min(100vh,100vw * .6875);width:min(calc(100vh / .6875),100vw)}#stage>div{position:absolute}#rule{top:40%;left:2%;background-image:url(./img/new-rule.png);background-size:contain;background-repeat:no-repeat;height:55.59%;width:38.32%}#gameover{top:50%;left:0;background-image:url(./img/gameover.png);background-size:contain;background-repeat:no-repeat;height:16%;width:32%}#again{top:70%;left:2%;background-image:url(./img/again.png);background-size:contain;background-repeat:no-repeat;height:16%;width:21%}#again>button{width:100%;height:100%}#again:hover{background-image:url(./img/again-active.png);opacity:.8}#again:active{opacity:1}#next{top:14%;left:85%;width:5%;height:0;padding-bottom:5%;background-size:contain}#speed{top:25.1%;left:84.4%;width:13%;overflow:hidden;white-space:nowrap}#speed>button{width:100%;height:0;padding-bottom:21%;margin-bottom:4%}#radio{top:25.4%;left:85%;width:2.5%}#radio>div{background-size:contain;background-image:url(./img/radio.jpg);width:100%;padding-bottom:100%;margin-bottom:31%;height:0}#radio>.radio-select{background-image:url(./img/radio-select.jpg)}#score{display:flex;flex-direction:row-reverse;left:1.53%;top:14%;width:26.98%}#score>.num{width:10%;height:0;padding-bottom:22%;margin:0 3.5%}#target{display:flex;flex-direction:row-reverse;left:12.53%;top:28%;width:9%}#target>.num{width:30%;height:0;padding-bottom:66%;margin:0 3.5%}#game{top:4.585%;left:31.25%;width:37.5%;height:90.92%}.invisibility{visibility:hidden}#operation{position:absolute;top:66.05%;left:71.9%;width:26.2%;display:flex;flex-wrap:wrap;justify-content:space-around}#operation>button{flex:0 0 31%;height:0;padding-bottom:31.3%;margin:1.1% 0}#home{position:absolute;background-image:url(./img/home.png);background-size:cover;background-repeat:no-repeat;height:min(100vh,100vw * .6875);width:min(calc(100vh / .6875),100vw)}#home-start{opacity:0;position:relative;display:block;background-image:url(./img/home-button.png);background-size:cover;background-repeat:no-repeat;width:37.9375%;height:20.68181818%;left:33.35%;top:60%}#home-start:hover{opacity:.6}#home-start:active{opacity:1}#home-start>button{width:100%;height:100%}#select{position:absolute;background-image:url(./img/select-target.png);background-size:cover;background-repeat:no-repeat;height:min(100vh,100vw * .6875);width:min(calc(100vh / .6875),100vw)}.select-menu{position:absolute;display:flex;flex-wrap:wrap;justify-content:space-between;width:34.375%;height:50%;top:29.545%}.select-menu-easy{left:7.8125%}.select-menu-hard{left:57.74%}.select-menu>button{flex:0 0 27%;height:0;padding-bottom:27%;margin-bottom:9.5%}.block{position:absolute}.block-dice{width:calc(100% / 6);height:0;padding-bottom:calc(100% / 6);background-size:contain}.dice-crush{opacity:.5}.dice-1{background-image:url(./img/1.png)}.dice-2{background-image:url(./img/2.png)}.dice-3{background-image:url(./img/3.png)}.dice-4{background-image:url(./img/4.png)}.dice-5{background-image:url(./img/5.png)}.dice-6{background-image:url(./img/6.png)}.num{background-image:url(./img/num.jpg);background-size:1000%;background-repeat:no-repeat}.num-1{background-position-x:0}.num-2{background-position-x:calc(100% / 9)}.num-3{background-position-x:calc(200% / 9)}.num-4{background-position-x:calc(300% / 9)}.num-5{background-position-x:calc(400% / 9)}.num-6{background-position-x:calc(500% / 9)}.num-7{background-position-x:calc(600% / 9)}.num-8{background-position-x:calc(700% / 9)}.num-9{background-position-x:calc(800% / 9)}.num-0{background-position-x:100%}