body{margin:0;padding:0;overflow:hidden}canvas{display:block;touch-action:none}#UI{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:100;pointer-events:none}#panel_frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;z-index:100;pointer-events:none}#panel_loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;z-index:100;background-color:#fff}#loadingLogo{position:absolute;top:30%;left:50%;width:50%;transform:translate(-50%)}#loadingBar{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%)}#panel_audio{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;z-index:10}#audio_btn{position:absolute;top:2%;right:6%;width:8%;pointer-events:auto;display:none}#panel_play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16}#title{position:absolute;top:9%;left:50%;width:70%;transform:translate(-50%)}#turn_text{position:absolute;top:4.7%;left:50.2%;width:50%;transform:translate(-50%,-50%);text-align:center;color:#ffe368;font-family:TurnTextFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#c2393900}#group_text{position:absolute;bottom:23%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-family:GroupTextFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0px 5px 0px rgba(0,0,0,.2);background-color:#ca1a1a00;display:none}#spin_btn{position:absolute;bottom:13%;left:50%;width:55%;transform:translate(-50%)}#turn_board{position:absolute;top:1%;left:50%;width:35%;transform:translate(-50%)}#turn_btn{position:absolute;top:2.4%;right:32.5%;width:8%}#back_btn{position:absolute;top:2%;left:7%;width:8%}#info_btn{position:absolute;top:2%;right:7%;width:8%}#reward_btn{position:absolute;bottom:2%;left:11%;width:22%}#my_gift_btn{position:absolute;bottom:2%;left:50%;width:22%;transform:translate(-50%)}#instruction_btn{position:absolute;bottom:2%;right:11%;width:22%}#hand_icon{position:absolute;bottom:13%;right:14%;width:17%}.hand_move_on_spin_btn{animation:moveHand 1.4s infinite ease-in-out}.hand_move_on_turn_btn{animation:moveHandOnTurnBtn 1.4s infinite ease-in-out}@keyframes moveHand{0%{bottom:10%;right:14%}50%{bottom:12%;right:25%}to{bottom:10%;right:14%}}@keyframes moveHandOnTurnBtn{0%{top:5%;right:14%}50%{top:3.5%;right:22%}to{top:5%;right:14%}}#panel_replay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#000000bf}#replay_btn{position:absolute;bottom:5%;left:50%;width:50%;transform:translate(-50%)}