@charset "utf-8";

/*두더지*/
#game .state{width:90%; height:20%; top:5%; left:5%; background-color: rgba(0, 0, 06, 0.2);}
#game .state .time{text-align: center;}
#game .state .txt{font-size:22px; line-height:36px; color:#ffffff; font-weight:700; width:80%; height:100%; top:0px; left:10%;}
#game .state .txt em{font-size:34px; display: block;}

#game .state .score{width:100px; position: absolute; bottom:7%; right:0%; overflow: hidden; text-align: left;}
#game .state .score span{width: 30px;margin-right: 8%;display:block;float:left;margin-top: 3%;}
#game .state .score em{width:60px; font-size:30px; line-height:30px; font-weight: 600; color:#440000; display:block; float:right; text-align: left;}

#controls{display: none;}

#game #box{position: absolute; width: 90%; height: 60%; left: 5%; top: 23%;}
#game #box .hole{position: absolute; width: 29%; height:13.5%; background-image: url(https://dbins2.speedgabia.com/jjansun/images/game4/game_hole.png); background-repeat: no-repeat; background-size: contain;}
#game #box .hole1{position: absolute; width: 29%; left: 36%; top: 15%;}
#game #box .hole2{position: absolute; width: 29%; left: 15%; top: 32%;}
#game #box .hole3{position: absolute; width: 29%; right: 15%; top: 32%;}
#game #box .hole4{position: absolute; width: 29%; left: 0%; top: 51%;}
#game #box .hole5{position: absolute; width: 29%; left: 36%; top: 51%;}
#game #box .hole6{position: absolute; width: 29%; right: 0%; top: 51%;}
#game #box .hole7{position: absolute; width: 29%; left: 15%; top: 69%;}
#game #box .hole8{position: absolute; width: 29%; right: 15%; top: 69%;}
#game #box .hole9{position: absolute; width: 29%; left: 36%; bottom: 0%;}

#game .hole .mole{width: 85%;height:163%;bottom: 16%;left: 8%;border-bottom-left-radius:10%;border-bottom-right-radius:10%;position: absolute;overflow: hidden;z-index: 3;}
#game .hole .mole span{position: absolute; width:100%; height:100%; bottom:0%; left:0%; background-image: url(https://dbins2.speedgabia.com/jjansun/images/game4/game_mole.png); background-repeat: no-repeat; background-size: contain; display: none;}

#game .hole .mole_hit{width:92%;height: 170%;bottom: -6%;left: 5%;border-bottom-left-radius:10%;border-bottom-right-radius:10%;position: absolute;overflow: hidden;}
#game .hole .mole_hit span{position: absolute; width:100%; height:100%; bottom:0%; left:0%; background-image: url(https://dbins2.speedgabia.com/jjansun/images/game4/game_mole_hit.png); background-repeat: no-repeat; background-size: contain; display: none;}

#game #combo{width:110px; bottom:-20%; right:7%; display: none;}
#game #combo img{width:70px;}
#game #combo em{font-size: 20px; font-weight: bold; margin-top: -4px; display: inline-block;}