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}#panel_play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9/16}#instruction{position:absolute;bottom:15%;left:50%;width:50%;transform:translate(-50%);display:none}#scoreFrame{position:absolute;top:2%;left:15%;width:28%;transform:scale(125%)}#scoreTitle{position:absolute;top:1.75%;left:22%;width:8%;text-align:center;color:#09f;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#scoreText{position:absolute;top:5%;left:23%;width:8%;text-align:right;color:#09f;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#liveFrame{position:absolute;top:2%;right:15%;width:28%;transform:scale(125%)}#liveIcon{position:absolute;top:5.5%;right:30%;width:5%;transform:scale(125%)}#liveTitle{position:absolute;top:1.75%;right:25%;width:10%;text-align:center;color:#09f;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#liveText{position:absolute;top:5%;right:20%;width:10%;text-align:center;color:#09f;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}#replay_btn{position:absolute;bottom:10%;left:25%;width:50%}#txt_replay{position:absolute;bottom:11%;left:25%;width:50%;text-align:center;color:#09f;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#shieldBtn{position:absolute;top:15%;right:2%;width:12%;cursor:pointer;transform-origin:center center}#shieldText{position:absolute;top:22%;right:3%;width:10%;text-align:center;color:#ff0;font-family:GameFont,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}#speedBtn{position:absolute;top:27%;right:2%;width:12%;cursor:pointer;transform-origin:center center}#speedText{position:absolute;top:34%;right:3%;width:10%;text-align:center;color:#ff0;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:1%;left:50%;transform:translate(-50%);width:40%;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}