#cursor_motion_area{
    width:100%;height:100%;display: block;position:relative;
    /* If you want to implement it in very old browser-versions */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* The rule below is not implemented in browsers yet */
    -o-user-select: none;

    /* The rule below is implemented in most browsers by now */
    user-select: none;
}
#game_timer{font-size: 24px;color: black;position: absolute;top: 10px;left: 55px;font-weight: bold;text-shadow: 1px 1px 2px white;}
#game_scoreboard{font-size: 24px;color: black;position: absolute;top: 5px;right: 15px;font-weight: bold;text-shadow: 1px 1px 2px white;}
#game_container {height: 500px;width: 320px;max-width:100vw;margin: auto;background-color: #ddd;border:solid #aaa 1px;cursor:pointer;box-sizing: border-box;overflow: hidden;background-size: contain;background-repeat: no-repeat;}
#game_container{position: relative;}
.preloading-image{width:1px;height:1px;}
#init-loading-container{opacity: 1%;pointer-events: none}
#game_complete_score{display: inline-block; left: 0; right: 0; margin: 0 auto; width: 100px; position: absolute; top: 130px; font-size: 85px; text-align: center; color: #000;font-weight: bold;}
#game_stage_complete_close_btn,#game_stage_rule_close_btn{width: 60px; height: 60px; display: block; right: 0; top: 30px; position: absolute;}
#gameStartButton{background-image: url("../images/game1/btn_start.png");left:0;right:0;margin: 0 auto;bottom:15px;z-index: 20;}
#gameStartButton_2{background-image: url("../images/game1/btn_start.png");left:0;right:0;margin: 0 auto;bottom:15px;z-index: 20;}
#rule_box_content_container{padding-top: 100px; height: 100%; box-sizing: border-box; padding-bottom: 60px; padding-left: 20px; padding-right: 20px;}
#rule_box_content{overflow-y:scroll;text-align: center;width:100%;height:100%;}
#redeemButton{background-image: url("../images/game1/btn_redeem.png");left:0;right:0;margin: 0 auto;top:315px;z-index: 20;width:170px;height:60px;}
#game_stage_complete {background-image: url("../images/game1/popup_bg_end.png");background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;background-color: rgba(255,255,255,0.4);z-index: 20;top:0;left:0;width:100%;height:100%;}
#game_stage_rule {background-image: url("../images/game1/game1_popup_blank.png");background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;background-color: rgba(255,255,255,0.4);z-index: 50;top:0;left:0;width:100%;height:100%;}
#game_stage_confirm {background-image: url("../images/game1/game1_popup_blank.png");background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;background-color: rgba(255,255,255,0.4);z-index: 50;top:0;left:0;width:100%;height:100%;display:none;}
.gameResetButton{background-image: url("../images/game1/btn_replay.png");position: absolute;z-index: 20;}
.game_custom_btn.gameResetButton{width:170px;height:60px;left:0;right:0;margin: 0 auto;top:250px;}
#gameResetButton{margin: 0 auto;z-index: 20;width:85px;height:27px;top: 35px; left: 230px;right: unset;display:none;}
#gameResetButton:hover{scale: 1.2}
#gameRuleButton{background-image: url("../images/game1/game1_howtoplay.png");margin: 0 auto;z-index: 20;

    width: 200px;
    height: 55px;
    top: 200px;
    left: 0;
    right: 0;

}
#gameRuleButton:hover{scale: 1.2}
.game_custom_btn:hover{scale: 1.2}
.game_custom_btn{display:inline-block;width:143px;height:45px;cursor: pointer;text-align: center;transition: all 0.5s ease;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;transform-origin: center;}
.game_stage{width:100%;height:100%;display:none;}
#game_stage_loading .loading,#game_stage_loading .loading:before{position: absolute;z-index: 10;}
#game_stage_loading .loading:before{background:-webkit-radial-gradient(rgba(20, 20, 255,.8), rgba(0, 0, 0,.8));}
#game_stage_loading .loading:after{position: absolute;right: 0;left: 0;bottom: 0;margin: auto;top: 0;z-index: 11;}
#game_stage_loading .loading{width:100%;height:100%;marign:0;buttom:unset;right:unset;}

.page-title-wrapper {display: none;}


/*2024*/

.zoom_toggle_btn{display:inline-block;border:solid #ddd 1px;width:50px;height:50px;line-height: 50px;font-weight: bold;color:#000;text-align: center;cursor: pointer;border-radius: 15px;font-size:16px;}
.zoom_toggle_btn:hover,.zoom_toggle_btn.active{background: #0a6c9f;color:white;}

#game_container_outer.zoom_15{padding-top:125px;padding-bottom:125px;min-width:480px;}
#game_container_outer.zoom_15 #game_container{scale: 1.5;}
#game_container_outer.zoom_2{padding-top:250px;padding-bottom:250px;min-width:640px;}
#game_container_outer.zoom_2 #game_container{scale: 2;}

.game_back_link{display: inline-block;height:50px;line-height: 50px;top:unset;}
#game_complete_score{top:145px;}
#game_container_outer{display:block;}
#game_timer{font-family: Arial Black, serif;}  #game_scoreboard{top: 10px;right: 55px;font-family: Arial Black, serif;}
#game_stage_rule_close_btn{top:50px;}
#rule_box_content_container{height: 100%;box-sizing: border-box;padding: 120px 35px 80px 45px;}
#rule_box_content{background-color: rgba(255,255,255,0.5);font-size:10px;}
#gameRuleButton{width:125px;top:40px;}
.game_back_link{position: relative;}
#gameStartButton{width:178px;bottom: unset;top:300px;}
#gameResetButton{top: 45px;left: 120px;}
#redeemButton{display:none;}
#game_complete_score{color: white; top: 170px;}
#game_timer{color:white;}
.game_custom_btn.gameResetButton{top:300px;}
.game_preview{width:200px;transition: all 0.5s ease;cursor: pointer;}
.game_preview:hover{scale:1.1;}
.game_preview_item{margin-right: 1rem;display:block;float:left;text-align: center;}