html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{position:relative}canvas{display:block;touch-action:none}#custom_popup_content input{position:relative;z-index:1000;pointer-events:auto}#custom_popup_bg{pointer-events:auto}#UI{position:absolute;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%)}#footerSlogan{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:90%;text-align:center;color:#343434;font-family:GameFontParagraph,sans-serif;font-size:3.5%;pointer-events:none;user-select:none}#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}#panel_custom_popup{position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#000000bf}#panel_instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;width:100%;height:100%}#instruction_bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;pointer-events:none}#play_btn{position:absolute;bottom:5%;left:50%;width:50%;transform:translate(-50%)}#txt_play{position:absolute;bottom:7.8%;left:50%;width:24%;transform:translate(-50%)}#instruction_warm_up{position:absolute;top:35%;left:50%;width:52%;transform:translate(-50%);display:none}#instruction_gameplay{position:absolute;top:38%;left:50%;width:50%;transform:translate(-50%);display:none}#txt_start{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%);opacity:0;display:none;transition:none}@keyframes startTextAnim{0%{transform:translate(-50%) scale(0);opacity:1}50%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1);opacity:.25}}#txt_start.show{display:block;animation:startTextAnim 1.5s ease-out forwards}#panel_play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16}#instruction{position:absolute;top:25%;left:50%;width:50%;transform:translate(-50%)}#instruction_background{position:absolute;left:50%;width:80%;transform:translate(-50%);display:none}#instruction_board{position:absolute;top:22%;left:50%;width:100%;height:10%;transform:translate(-50%);display:none}#scoreFrame{position:absolute;top:4%;left:3%;width:30%}#scoreIcon{position:absolute;top:5.2%;left:6.5%;width:6.5%}#scoreText{position:absolute;top:5.8%;left:12%;width:18%;text-align:center;color:#343434;font-family:GameFont,sans-serif;pointer-events:none;user-select:none}#liveFrame{position:absolute;top:4%;right:3%;width:30%}#liveIcon{position:absolute;top:5.2%;right:8%;width:6.5%}#liveText{position:absolute;top:5.8%;right:15%;width:10%;text-align:center;color:#343434;font-family:GameFont,sans-serif;pointer-events:none;user-select:none}#timeBoard{position:absolute;top:4%;left:35%;width:30%}#timeFrame{position:absolute;top:50%;left:50%;transform:translate(-50%);width:100%}#timeIcon{position:absolute;left:32%;transform:translate(-50%,33%);width:26%}#timeText{position:absolute;left:60%;transform:translate(-50%,67%);width:100%;text-align:center;color:#343434;font-family:GameFont,sans-serif;pointer-events:none;user-select:none}#panel_replay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16;background-color:#000000bf}#replay_btn{position:absolute;bottom:10%;left:50%;width:33%;transform:translate(-50%)}#txt_replay{position:absolute;bottom:12%;left:50%;width:22%;transform:translate(-50%)}#shieldBtn{position:absolute;top:17%;right:3%;width:10%;cursor:pointer;transform-origin:center center}#shieldText{position:absolute;top:22.5%;right:3%;width:10%;text-align:center;color:#343434;font-family:GameFont,sans-serif;pointer-events:none;user-select:none}#magnetBtn{position:absolute;top:26%;right:3%;width:10%;cursor:pointer;transform-origin:center center}#magnetText{position:absolute;top:31.75%;right:3%;width:10%;text-align:center;color:#343434;font-family:GameFont,sans-serif;pointer-events: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}#imgLeft{display:none;position:absolute;bottom:60%;left:25%;transform:translate(-50%);width:15%;opacity:.5}#imgCenterToLeft{position:absolute;bottom:60%;left:50%;transform:translate(-50%);width:25%;opacity:1}#imgRightToCenter{position:absolute;bottom:60%;left:75%;transform:translate(-50%);width:15%;opacity:.5}#imgRight{display:none;position:absolute;bottom:60%;left:75%;transform:translate(-50%);width:15%;opacity:.5}#destination_count{position:absolute;bottom:30%;left:50%;width:50%;transform:translate(-50%,50%);text-align:center;color:#343434;font-family:GameFont,sans-serif;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}