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:.5%;right:1%;width:8%;pointer-events:auto;transition:filter .2s}#panel_instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#ffffffbf;overflow:hidden}#bg{position:absolute;width:100%;pointer-events:auto}#raceBg{position:absolute;width:70%;height:100%;left:15%;pointer-events:auto}#logo{position:absolute;top:0%;left:40%;width:20%}#instruction_title{position:absolute;top:8%;left:31%;width:39%}#text_youWin{position:absolute;top:14%;left:40%;width:20%}#medal_win{position:absolute;top:20%;left:41%;width:18%}#speed_booster{position:absolute;top:32%;left:20%;width:5%}#speed_booster_score{position:absolute;top:28%;left:19%;width:8%}#hp_booster{position:absolute;top:35%;right:20%;width:5%}#hp_booster_score{position:absolute;top:31%;right:17%;width:12%}#normal_booster{position:absolute;bottom:40%;right:47%;width:5%}#normal_booster_score{position:absolute;bottom:42%;right:38%;width:8%}#obstacle_type_1{position:absolute;top:38%;right:45%;width:10%}#obstacle_type_1_count{position:absolute;top:37%;right:42%;width:5%}#obstacle_type_2{position:absolute;top:50%;left:16%;width:13%}#obstacle_type_2_count{position:absolute;top:46%;left:25%;width:5%}#character{position:absolute;bottom:25%;left:45%;width:12%}#instruction_description{position:absolute;bottom:17%;left:23%;width:55%}#tree_01{position:absolute;top:7%;left:-8%;width:20%}#umbrella_01{position:absolute;top:25%;left:-12%;width:25%}#umbrella_02{position:absolute;top:45%;left:-12%;width:25%}#tree_03{position:absolute;bottom:25%;left:-8%;width:20%}#umbrella_03{position:absolute;bottom:2%;left:-12%;width:25%}#tree_02{position:absolute;top:7%;right:-7%;width:15%}#umbrella_04{position:absolute;top:25%;right:-12%;width:24%}#tree_04{position:absolute;top:45%;right:-12%;width:25%}#umbrella_05{position:absolute;bottom:20%;right:-12%;width:24%}#umbrella_06{position:absolute;bottom:2%;right:-12%;width:24%}#btn_next{position:absolute;bottom:5%;left:25%;width:50%}#txt_next{position:absolute;bottom:3%;left:10%;width:80%;transform:scale(.4)}#panel_play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16}#play_footer{position:absolute;bottom:-2%;left:0%;width:100%}#scoreFrame{position:absolute;top:5%;left:3%;width:28%}#scoreTitle{position:absolute;top:7%;left:9%;width:15%}#scoreText{position:absolute;top:10%;left:2%;width:30%;text-align:center;color:#70a128;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#liveFrame{position:absolute;top:5%;right:3%;width:28%}#liveIcon{position:absolute;top:10.5%;right:11%;width:6%}#liveTitle{position:absolute;top:7%;right:9%;width:15%}#liveText{position:absolute;top:10.8%;width:30%;right:5%;text-align:center;color:#70a128;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#timeBoard{position:absolute;top:22%;left:50%;transform:translate(-50%);width:28%}#timeFrame{position:absolute;top:50%;left:50%;transform:translate(-50%);width:100%}#timeIcon{position:absolute;top:0%;left:35%;transform:translate(-50%,80%);width:26%}#timeText{position:absolute;top:0%;width:30%;right:5%;transform:translate(-50%,220%);text-align:center;color:#70a128;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#panel_replay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#000000bf}#processBG{position:absolute;top:20%;left:20%;width:60%;height:2%}#processLine{position:absolute;top:20%;left:20%;width:30%;height:2%;object-fit:cover;object-position:center}#flagTarget{position:absolute;top:17%;right:13%;width:8%}#boosterIcon{position:absolute;top:18%;left:18%;width:4%}#replay_btn{position:absolute;bottom:10.5%;left:25%;width:50%}#txt_replay{position:absolute;bottom:13%;left:25%;width:50%;text-align:center;color:#fff;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#panel_custom_instruction{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#fff}#custom_instruction_bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}#custom_instruction_btn{position:absolute;bottom:5%;left:50%;width:33%;transform:translate(-50%);pointer-events:auto}#sortable-list{list-style-type:none;padding:0}#sortable-list li{margin:10px;padding:10px;background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;border-radius:5px}#drop-area{margin-top:20px;padding:20px;border:2px dashed #ccc;text-align:center;min-height:100px}#drop-area p{font-size:16px;color:#777}#board_container{position:absolute;top:2%;left:50%;transform:translate(-50%);width:35%;aspect-ratio:4 / 3;display:none}#destinationBoard{position:absolute;top:0%;left:50%;transform:translate(-50%);width:100%}#imgLeft{display:none;position:absolute;bottom:45%;left:25%;transform:translate(-50%);width:15%;opacity:.5}#imgCenterToLeft{position:absolute;bottom:45%;left:50%;transform:translate(-50%);width:25%;opacity:1}#imgRightToCenter{position:absolute;bottom:45%;left:75%;transform:translate(-50%);width:15%;opacity:.5}#imgRight{display:none;position:absolute;bottom:45%;left:75%;transform:translate(-50%);width:15%;opacity:.5}#destination_count{position:absolute;bottom:5%;left:50%;width:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:3vh;background-color:#45eb6900}@keyframes moveCenterToLeft{0%{left:50%;opacity:1;width:25%}to{left:25%;opacity:.5;width:15%}}.animateCenterToLeft{animation:moveCenterToLeft 1s forwards}@keyframes moveRightToCenter{0%{left:75%;opacity:.5;width:15%}to{left:50%;opacity:1;width:25%}}.animateRightToCenter{animation:moveRightToCenter 1s forwards}@keyframes showRight{0%{opacity:0;width:0%}to{opacity:.5;width:15%}}.animateShowRight{animation:showRight 1s forwards}@keyframes hideLeft{0%{opacity:.5;width:15%}to{opacity:0;width:0%}}.animateHideLeft{animation:hideLeft 1s forwards}