@font-face{font-family:Engine;src:url(./fonts/Engine.ttf)}@font-face{font-family:Boluga-Bold;src:url(./fonts/Boluga-Bold.otf)}@font-face{font-family:Boluga-Regular;src:url(./fonts/Boluga-Regular.otf)}.close{position:absolute;right:0;top:0;width:25px;height:25px;opacity:.75}.close:hover{opacity:1}.close:before,.close:after{position:absolute;left:15px;content:" ";height:25px;width:2px;background-color:#fff}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}#homeBtn{position:fixed;top:5%;left:0%;width:min(15vw,15vh)}#homeBtn img{position:relative;width:100%}#gyroSwitch{position:fixed;top:3.7%;right:0%;width:min(15vw,15vh);display:none}#gyroSwitch.active{display:block}#gyroSwitch img{position:relative;width:100%}#gyroSwitch img.active{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}#gyroSwitch.active2 img.active{opacity:1}.audios{position:absolute;top:-50%;left:0;z-index:-1;opacity:0}.rempod_hint{position:absolute;bottom:-3%;right:0;display:block;cursor:pointer;transform:translateY(100%);transition:transform cubic-bezier(.72,0,.28,1) .5s}.rempod_hint img{width:min(60vh,70vw)}.rempod_hint.active{transform:translateY(0)}.ghostBG{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity linear .25s}.ghostBG.active1{animation-name:ghostEffect1;animation-duration:1s}.ghostBG.active2{animation-name:ghostEffect2;animation-duration:.5s}.ghostBG img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}@keyframes ghostEffect1{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}30%{opacity:1}50%{opacity:0}75%{opacity:0}80%{opacity:1}to{opacity:0}}@keyframes ghostEffect2{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}50%{opacity:0}75%{opacity:0}80%{opacity:1}to{opacity:0}}.homeScr.active .bg_gradient,.instructionScr.active .bg_gradient,.levelSelectionScr.active .bg_gradient,.scoreScr.active .bg_gradient{position:fixed;display:block}.level_loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-size:cover;top:100vh;display:flex;flex-direction:column;align-items:center;z-index:1000}.level_loader.active{top:0}.level_loader .top{position:relative;width:100%;height:100%;object-fit:cover;max-width:56vh}.level_loader .top img{position:relative;width:100%;height:100%;object-fit:cover}.level_loader svg{position:absolute;bottom:2%;width:40px}.level_loader .loading_txt{position:absolute;color:#fff;font-family:MTVGravityGroteskExt-Bold;font-size:15px;margin:10vh 0 0vh;bottom:15%}.scoreScr{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../UI/Home/BG01.png);background-size:cover;background-position:center center;top:100vh;display:block}.scoreScr.active{top:0}.scoreScr .logo{position:absolute;width:35vh;max-width:300px;margin:auto;left:0;right:0;top:3vh}.scoreScr .logo img{position:relative;width:100%}.scoreScr .score_content{position:absolute;width:min(70vw,45vh);margin:auto;left:0;right:0;top:50%;transform:translateY(-35%)}.scoreScr .score_content .bg,.scoreScr .score_content .bg img{position:relative;width:100%}.scoreScr .score_content .score_title{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(6vw,4vh)}.scoreScr .score_content .score_txt{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(10vw,6vh)}.scoreScr .score_content .score_txt .score{font-family:MTVGravityGroteskExt-Bold}.scoreScr .score_content .share_sec{display:flex;flex-direction:column;margin:2vh 0 1vh}.scoreScr .score_content .share_sec .shareTrigger{position:relative;width:min(50vw,30vh);margin:auto;cursor:pointer}.scoreScr .score_content .share_sec .shareTrigger img{position:relative;width:100%}.scoreScr .score_content .share_sec .head{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(3.5vw,2.5vh);margin-bottom:1vh}.scoreScr .score_content .share_sec .icons{display:flex;flex-direction:row;justify-content:center}.scoreScr .score_content .share_sec .icons .icon{position:relative;width:min(10vw,6vh);height:min(10vw,6vh);margin:0 min(1vw,1vh)}.scoreScr .score_content .share_sec .icons .icon img{position:relative;width:100%}.scoreScr .score_content .share_sec .icons .icon img.hover{position:absolute;top:0;left:0;width:100%;opacity:0}.scoreScr .score_content .share_sec .icons .icon:hover .hover{opacity:1}.scoreScr .score_content .info{position:absolute;top:0;width:90%;margin:auto;left:0;right:0}.scoreScr .score_content .info .head{color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;font-size:min(5vw,3vh);width:90%;margin:min(5vw,3.5vh) auto min(3vw,3vh) auto}.scoreScr .score_content .info .desc{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(3.5vw,2vh);line-height:min(5vw,3vh)}.scoreScr .score_content .info .desc b{font-family:MTVGravityGroteskExt-Bold}.scoreScr .score_content #replayBtn{position:relative;width:100%;cursor:pointer;z-index:3}.scoreScr .score_content #replayBtn:hover .bg img.hover{opacity:1}.scoreScr .score_content #replayBtn .bg,.scoreScr .score_content #replayBtn .bg img{position:relative;width:100%}.scoreScr .score_content #replayBtn .bg img.hover{position:absolute;top:0;left:0;width:100%;opacity:0}.scoreScr .score_content #replayBtn .label{position:absolute;top:50%;transform:translateY(-50%);font-size:min(4vw,2.5vh);color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;width:100%}.scoreScr .score_content .score_info{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(3.5vw,2.5vh);margin-bottom:1vh;position:relative;z-index:10}.scoreScr .score_content .character{position:absolute;top:min(45vw,30vh);width:min(50vw,30vh);left:min(50vw,27vh);z-index:2}.scoreScr .score_content .character img{position:relative;width:100%}.scoreScr .level_selection{position:absolute;bottom:1vh;width:100%;max-width:56vh;margin:auto;left:0;right:0;display:flex;flex-direction:row;justify-content:center}.scoreScr .level_selection .level{width:32%;opacity:.5}.scoreScr .level_selection .level.active{opacity:1}.scoreScr .level_selection .level .bg{position:relative;width:100%}.scoreScr .level_selection .level .bg img{position:relative;width:120%;left:-10%}.game_header{position:absolute;left:0;right:0;width:100%;width:min(70vw,45vh);margin:auto}.game_header.active{top:2vh;display:block}.game_header .bg,.game_header .bg img{position:relative;width:100%}.game_header .foundTxt{position:absolute;top:28%;width:100%;text-align:center;color:#fff;font-family:MTVGravityGroteskExt-Bold;font-size:min(4.2vw,2.5vh)}.game_header .timeTxt{position:absolute;top:57%;width:100%;text-align:center;color:#fff;font-family:MTVGravityGroteskExt-Bold;font-size:min(5vw,3vh)}.bg_gradient{position:absolute;bottom:-35vw;width:100%;pointer-events:none;display:none}.bg_gradient img{position:relative;display:flex;width:100%}.levelSelectionScr{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../UI/Home/BG01.png);background-size:cover;background-position:center center;top:100vh;display:block}.levelSelectionScr.active{top:0}.levelSelectionScr .logo{position:absolute;width:35vh;max-width:300px;margin:auto;left:0;right:0;top:3vh}.levelSelectionScr .logo img{position:relative;width:100%}.levelSelectionScr .selection_content{position:absolute;width:min(80vw,46vh);margin:auto;left:0;right:0;top:50%;transform:translateY(-35%)}.levelSelectionScr .selection_content .bg,.levelSelectionScr .selection_content .bg img{position:relative;width:100%}.levelSelectionScr .selection_content .level_info{position:absolute;top:0%;width:50%;left:50%;transform:translate(-50%,-45%)}.levelSelectionScr .selection_content .level_info img{position:relative;width:100%}.levelSelectionScr .selection_content .info{position:absolute;top:0;width:90%;margin:auto;left:0;right:0}.levelSelectionScr .selection_content .info .head{color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;font-size:min(5vw,3vh);width:90%;margin:min(5vw,3.5vh) auto min(3vw,3vh) auto}.levelSelectionScr .selection_content .info .desc{color:#fff;font-family:MTVGravityGroteskLight;text-align:center;font-size:min(3.25vw,2vh);line-height:min(5vw,3vh)}.levelSelectionScr .selection_content .info .desc b{position:relative;font-family:MTVGravityGroteskExt-Bold;width:80%}.levelSelectionScr .selection_content #nextBtn{position:relative;width:min(80vw,35vh);max-width:300px;margin:auto;cursor:pointer;z-index:5}.levelSelectionScr .selection_content #nextBtn:hover .bg img.hover{opacity:1}.levelSelectionScr .selection_content #nextBtn .bg,.levelSelectionScr .selection_content #nextBtn .bg img{position:relative;width:100%}.levelSelectionScr .selection_content #nextBtn .bg img.hover{position:absolute;top:0;left:0;width:100%;opacity:0}.levelSelectionScr .selection_content #nextBtn .label{position:absolute;top:50%;transform:translateY(-50%);font-size:min(4vw,2.5vh);color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;width:100%}.levelSelectionScr .selection_content .character{position:absolute;top:min(50vw,30vh);width:min(50vw,30vh);left:min(52vw,32vh);z-index:2}.levelSelectionScr .selection_content .character img{position:relative;width:100%}.levelSelectionScr .level_selection{position:absolute;bottom:1vh;width:100%;max-width:56vh;margin:auto;left:0;right:0;display:flex;flex-direction:row;justify-content:center}.levelSelectionScr .level_selection .level{opacity:.5;width:32%}.levelSelectionScr .level_selection .level.active{opacity:1}.levelSelectionScr .level_selection .level .bg{position:relative;width:100%}.levelSelectionScr .level_selection .level .bg img{position:relative;width:120%;left:-10%}.instructionScr{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../UI/Home/BG01.png);background-size:cover;background-position:center center;top:100vh;display:block}.instructionScr.active{top:0}.instructionScr .logo{position:absolute;width:35vh;max-width:300px;margin:auto;left:0;right:0;top:3vh}.instructionScr .logo img{position:relative;width:100%}.instructionScr .bg_gradient{z-index:2}.instructionScr .instruction_content{position:absolute;width:100%;margin:auto;left:0;right:0;top:50%;transform:translateY(-40%)}.instructionScr .instruction_content .instructions{position:relative;width:min(80vw,40vh);max-width:350px;margin:auto;left:0;right:0;z-index:1}.instructionScr .instruction_content .instructions .instruction1,.instructionScr .instruction_content .instructions .instruction2{position:relative;width:100%}.instructionScr .instruction_content .instructions .instruction1 .time_info,.instructionScr .instruction_content .instructions .instruction2 .time_info{position:absolute;top:50%;transform:translateY(-50%);left:15%;font-size:min(4vw,2.5vh);color:#fff;font-family:MTVGravityGroteskExt-Bold}.instructionScr .instruction_content .instructions .instruction1 .swipe_sec,.instructionScr .instruction_content .instructions .instruction2 .swipe_sec{position:absolute;top:8%;left:15.5%;width:min(65px,8.2vh)!important;height:min(65px,8.2vh)!important;overflow:hidden;display:flex}.instructionScr .instruction_content .instructions .instruction1 .swipe_sec.desktop,.instructionScr .instruction_content .instructions .instruction2 .swipe_sec.desktop{background-image:url(../UI/Instruction/swipe_inst.png);background-size:min(65px,8.2vh) auto;background-repeat:repeat-y}.instructionScr .instruction_content .instructions .instruction1 .swipe_sec.gyro,.instructionScr .instruction_content .instructions .instruction2 .swipe_sec.gyro{animation:tilt-animation 5s infinite}.instructionScr .instruction_content .instructions .instruction1 .tap_sec,.instructionScr .instruction_content .instructions .instruction2 .tap_sec{position:absolute;display:flex;top:8%;left:65.5%;width:min(65px,8.2vh);height:min(65px,8.2vh);overflow:hidden;background-image:url(../UI/Instruction/tap_inst.png);background-size:min(65px,8.2vh) auto;background-repeat:repeat-y}.instructionScr .instruction_content .instructions .instruction1.instruction1,.instructionScr .instruction_content .instructions .instruction2.instruction1,.instructionScr .instruction_content .instructions .instruction1.instruction2,.instructionScr .instruction_content .instructions .instruction2.instruction2{margin-bottom:10px}.instructionScr .instruction_content .instructions .instruction1 img.cover,.instructionScr .instruction_content .instructions .instruction2 img.cover{position:relative;width:100%}.instructionScr .instruction_content #startBtn{position:relative;width:min(80vw,35vh);cursor:pointer;z-index:3;margin:auto}.instructionScr .instruction_content #startBtn.blink .hover{animation:blink 1s infinite}.instructionScr .instruction_content #startBtn:hover .bg img.hover{opacity:1}.instructionScr .instruction_content #startBtn .bg,.instructionScr .instruction_content #startBtn .bg img{position:relative;width:100%}.instructionScr .instruction_content #startBtn .bg img.hover{position:absolute;top:0;left:0;width:100%;opacity:0}.instructionScr .instruction_content #startBtn .label{position:absolute;top:50%;transform:translateY(-50%);font-size:min(4vw,2.5vh);color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;width:100%}.instructionScr .character{position:absolute;top:min(48vw,30vh);width:min(50vw,30vh);left:min(50vw,27vh);z-index:1;left:63%}.instructionScr .character img{position:relative;width:100%}.instructionScr .ad_banner{position:absolute;bottom:10px;width:min(80vw,40vh);left:0;right:0;margin:auto auto 15px;background-color:#fff;text-align:center;font-family:MTVGravityGroteskExt-Bold;line-height:min(10vw,6vh);font-size:min(5vw,3vh);z-index:2;display:none}.homeScr{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../UI/Home/BG01.png);background-size:cover;background-position:center center;top:100vh;display:block}.homeScr.active{top:0}.homeScr .logo{position:absolute;width:35vh;max-width:300px;margin:auto;left:0;right:0;top:3vh}.homeScr .logo img{position:relative;width:100%}.homeScr .character{position:absolute;width:35vh;max-width:300px;margin:auto;left:0;right:0;bottom:0}.homeScr .character img{position:relative;width:100%}.homeScr .interactive{position:absolute;bottom:0;width:100%;max-width:40vh;margin:auto;left:0;right:0;z-index:1}.homeScr .interactive #spotBtn,.homeScr .interactive #loginBtn{position:relative;width:100%;opacity:.25;display:none}.homeScr .interactive #spotBtn.active,.homeScr .interactive #loginBtn.active{display:block;cursor:pointer;opacity:1}.homeScr .interactive #spotBtn:hover .bg img.hover,.homeScr .interactive #loginBtn:hover .bg img.hover{opacity:1}.homeScr .interactive #spotBtn .bg,.homeScr .interactive #loginBtn .bg,.homeScr .interactive #spotBtn .bg img,.homeScr .interactive #loginBtn .bg img{position:relative;width:100%}.homeScr .interactive #spotBtn .bg img.hover,.homeScr .interactive #loginBtn .bg img.hover{position:absolute;top:0;left:0;width:100%;opacity:0}.homeScr .interactive #spotBtn .label,.homeScr .interactive #loginBtn .label{position:absolute;top:50%;transform:translateY(-50%);font-size:min(4vw,2.25vh);color:#fff;font-family:MTVGravityGroteskExt-Bold;text-align:center;width:100%}.homeScr .interactive .game_info{font-family:MTVGravityGroteskExt-Book;font-size:min(3vw,1.6vh);color:#fff;text-align:center;margin:5px auto 15px}.homeScr .interactive .agree_sec{flex-direction:row;justify-content:center;margin:15px auto;align-items:center;display:none}.homeScr .interactive .agree_sec.active{display:flex}.homeScr .interactive .agree_sec .check{margin-right:10px;position:relative}.homeScr .interactive .agree_sec .check input{position:relative;width:20px;height:20px}.homeScr .interactive .agree_sec .label{font-family:MTVGravityGroteskExt-Book;font-size:min(3vw,1.8vh);color:#fff}.homeScr .interactive .agree_sec .label b{font-family:MTVGravityGroteskExt-Bold}.homeScr .interactive .ad_banner{position:relative;width:100%;background-color:#fff;text-align:center;font-family:MTVGravityGroteskExt-Bold;line-height:min(10vw,6vh);font-size:min(5vw,3vh);margin-bottom:15px;display:none}.rempod{display:block;position:absolute;top:110%;width:50%;max-width:200px;transition:transform cubic-bezier(.72,0,.28,1) 1s;pointer-events:none;left:50%;transform:translate(-50%)}.rempod.active{transform:translate(-50%,-100%)}.rempod .base{position:relative;width:100%}.rempod .light{position:absolute;top:0;left:0;width:100%;opacity:0}.rempod .light.active{opacity:1;animation:blink .25s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}canvas{background:linear-gradient(0deg,#f3dae7 14%,#d1d6f4 82%)}*{margin:0;padding:0}.wrapper{position:fixed;bottom:0%;right:0%;transform:scale(.4);bottom:-1vw;right:-3vw}#hide-checkbox{opacity:0;height:0;width:0}.toggle{position:relative;cursor:pointer;display:inline-block;width:200px;height:100px;background:#211042;border-radius:50px;transition:.5s;overflow:hidden}.toggle-button{position:absolute;display:inline-block;top:7px;left:6px;width:86px;height:86px;border-radius:50%;background:#faeaf1;overflow:hidden;box-shadow:0 0 35px 4px #fff;transition:all .5s ease-out}.crater{position:absolute;display:inline-block;background:#faeaf1;border-radius:50%;transition:.5s}.crater-1{background:#fffff9;width:86px;height:86px;left:10px;bottom:10px}.crater-2{width:20px;height:20px;top:-7px;left:44px}.crater-3{width:16px;height:16px;top:20px;right:-4px}.crater-4{width:10px;height:10px;top:24px;left:30px}.crater-5{width:15px;height:15px;top:40px;left:48px}.crater-6{width:10px;height:10px;top:48px;left:20px}.crater-7{width:12px;height:12px;bottom:5px;left:35px}.star{position:absolute;display:inline-block;border-radius:50%;background:#fff;box-shadow:1px 0 2px 2px #fff}.star-1{width:6px;height:6px;right:90px;bottom:40px}.star-2{width:8px;height:8px;right:70px;top:10px}.star-3{width:5px;height:5px;right:60px;bottom:15px}.star-4{width:3px;height:3px;right:40px;bottom:50px}.star-5{width:4px;height:4px;right:10px;bottom:35px}.star-6,.star-7,.star-8{width:10px;height:2px;border-radius:2px;transform:rotate(-45deg);box-shadow:5px 0 4px 1px #fff;animation-name:travel;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}.star-6{right:30px;bottom:30px;animation-delay:-2s}.star-7{right:50px;bottom:60px}.star-8{right:90px;top:10px;animation-delay:-4s}@keyframes travel{0%{transform:rotate(-45deg) translate(70px)}50%{transform:rotate(-45deg) translate(-20px);box-shadow:5px 0 6px 1px #fff}to{transform:rotate(-45deg) translate(-30px);width:2px;height:2px;opacity:0;box-shadow:none}}#hide-checkbox:checked+.toggle{background:#1544ff}#hide-checkbox:checked+.toggle .toggle-button{background:#f7ffff;transform:translate(102px);box-shadow:0 0 35px 5px #fff}#hide-checkbox:checked+.toggle .toggle-button .crater{transform:rotate(-45deg) translate(70px)}#hide-checkbox:checked+.toggle .star{animation:move 2s infinite;transform:none;box-shadow:none}#hide-checkbox:checked+.toggle .star-1{width:40px;height:10px;border-radius:10px;background:#fff;left:20px;top:25px;box-shadow:none}#hide-checkbox:checked+.toggle .star-2{width:12px;height:12px;background:#fff;left:26px;top:23px;box-shadow:-1px 0 2px #0000001a}#hide-checkbox:checked+.toggle .star-3{width:16px;height:16px;background:#fff;left:35px;top:19px;box-shadow:-1px 0 2px #0000001a}#hide-checkbox:checked+.toggle .star-4{width:14px;height:14px;background:#fff;left:46px;top:21px;box-shadow:-1px 0 2px #0000001a}#hide-checkbox:checked+.toggle .star-5{width:60px;height:15px;border-radius:15px;background:#fff;left:30px;bottom:20px;box-shadow:none}#hide-checkbox:checked+.toggle .star-6{width:18px;height:18px;background:#fff;border-radius:50%;left:38px;bottom:20px;box-shadow:-1px 0 2px #0000001a}#hide-checkbox:checked+.toggle .star-7{width:24px;height:24px;background:#fff;border-radius:50%;left:52px;bottom:20px;box-shadow:-1px 0 2px #0000001a}#hide-checkbox:checked+.toggle .star-8{width:21px;height:21px;background:#fff;border-radius:50%;left:70px;top:59px;box-shadow:-1px 0 2px #0000001a}@keyframes move{0%{transform:none}25%{transform:translate(2px)}to{transform:translate(-2px)}}.switch{position:relative;display:inline-block;width:60px;height:22px;margin:0 10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:15px;width:15px;left:4px;bottom:4px;background-color:#c4c4c4;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2a2a2a}input:focus+.slider{box-shadow:0 0 1px #2a2a2a}input:checked+.slider:before{-webkit-transform:translateX(36px);-ms-transform:translateX(36px);transform:translate(36px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.poweredBy{position:absolute;bottom:20px;right:30px;margin:auto;display:table;width:30%;max-width:220px}.poweredBy img{position:relative;width:100%}html,body{position:absolute;top:0;left:0;width:100%;overflow:hidden;height:100%}#joystick{position:fixed;width:120px;height:120px;background-color:#0000;z-index:11;top:auto;bottom:8%;left:50%;transform:translate(-50%);touch-action:manipulation;display:none}#joystick.active{display:block}#joystick #joystickWrapper1{pointer-events:auto;display:block;position:absolute;bottom:0;left:0;background-color:transparent;width:120px;height:120px;z-index:12;touch-action:manipulation;background-image:url(./ui/outer-circle.png);background-size:contain}.nipple .front{background-image:url(./ui/inner-circle.png)!important;background-size:contain!important;opacity:1}#joystick #joystickWrapper2{pointer-events:auto;display:block;position:absolute;bottom:0;right:0;left:auto;background-color:transparent;width:50vw;height:140px;z-index:12;touch-action:manipulation;display:none}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toggle_sec{display:flex;flex-direction:row;position:fixed;bottom:10px;right:10px;align-items:center;background-color:#0003;padding:10px;border-radius:15px}.toggle_sec #day,.toggle_sec #night{position:relative;width:20px;opacity:.25;transition:opacity linear .5s}.toggle_sec #day.active,.toggle_sec #night.active{opacity:1}.toggle_sec #day img,.toggle_sec #night img{position:relative;width:100%}.webgl{position:fixed;top:0;left:0;outline:none}.game_ui{position:fixed;top:0;left:0;width:100%;display:none;opacity:0}.game_ui.active{display:block}.game_ui.active2{transition:opacity linear .5s .25s;opacity:1}.game_ui .header{top:30px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;position:relative}.game_ui .header .score_sec{position:relative;margin:-.3% -2%;z-index:2;width:15vw}.game_ui .header .score_inc{position:absolute;text-align:center;left:0;right:0;z-index:2;top:150%;margin:auto;font-size:3vw;color:#fff;font-family:Engine;transition:transform ease-out .25s,opacity linear .25s;transform:scale(0);opacity:1}.game_ui .header .score_inc.green{color:#0f0}.game_ui .header .score_inc.red{color:red}.game_ui .header .score_inc.active{transform:scale(1)}.game_ui .header .score_inc.active2{transform:scale(1) translateY(-100%);opacity:0}.game_ui .header .score_sec img{position:relative;width:100%}.scoreTxt{position:absolute;width:100%;top:50%;text-align:center;color:#00109f;font-size:2.5vw;font-family:Engine;left:0}.progress_left_sec,.progress_right_sec{position:relative;width:23vw}.progress_right,.progress_left,.progress_right svg,.progress_left svg{position:relative;top:.05vw;left:0;width:100%}.progress_left svg{transform:scaleY(-1)}.progress_right{left:-.2vw}.progress_left{left:.2vw}.progress_right,.progress_left{overflow:hidden}.progress_right_bg,.progress_left_bg,.progress_right_bg img,.progress_left_bg img{position:absolute;width:100%}#score_scr{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#020fa3,#f000);z-index:1000;display:none;opacity:0;transition:opacity linear .5s 0s}#score_scr.active2>.container{opacity:1}#score_scr>.container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90%;margin:auto;top:50%;position:relative;transform:translateY(-50%);max-width:700px;opacity:0;transition:opacity linear .5s .5s;min-height:80vh}#score_scr>.container .title{position:relative;width:60%}#score_scr>.container .title img{position:relative;width:100%}#score_scr>.container .score_head{position:relative;width:75%;margin:auto}#score_scr>.container .score_head img{position:relative;width:100%}#score_scr>.container .score{font-size:12vw;font-family:Engine;color:#fff;text-align:center}#score_scr>.container .score_inc{font-size:12vw;font-family:Engine;color:#fff;text-align:center;position:absolute}#score_scr.active{display:block}#score_scr.active2{opacity:1}#score_scr .buttons{display:flex;flex-direction:column;width:50%}#score_scr .buttons .cybr-btn{position:relative;width:100%}#home_scr{top:0;left:0;width:100%;height:100%;position:fixed;z-index:100;display:none;opacity:0;flex-direction:column;justify-content:space-evenly;align-items:center;background-image:linear-gradient(#020fa3,#f000)}#home_scr.active{display:flex;transition:opacity ease-out .75s .25s}#home_scr.active2{opacity:1}#home_scr .buttons_sec{display:flex;flex-direction:column;width:80%;max-width:450px;justify-content:center;align-items:center}#home_scr .buttons_sec .game_instruction{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}#home_scr .buttons_sec .game_instruction img{position:relative;width:100%}#home_scr .buttons_sec .button_head{font-family:Boluga-Regular;color:#fff;font-size:23px;text-align:center;width:100%;margin:40px 0}#home_scr .buttons_sec .buttons{display:flex;flex-direction:column;width:75%}#home_scr .buttons_sec .buttons .cybr-btn{position:relative;width:100%}#home_scr .buttons_sec .buttons .cybr-btn{display:none}#home_scr .buttons_sec .buttons .cybr-btn.active{display:block}#home_scr .title{position:relative;width:50%}#home_scr .title img{position:relative;width:100%}#home_scr .instruction{position:absolute;width:10%;left:50%;bottom:2%;transform:translate(-50%,-50%);cursor:pointer;opacity:0}#home_scr .instruction.active{transition:opacity linear .5s .25s;opacity:1}#home_scr .instruction img{position:relative;width:100%}#instr_scr{top:0;left:0;width:100%;height:100%;position:fixed;z-index:100;display:none;opacity:0;flex-direction:column;justify-content:space-evenly;align-items:center;background-image:linear-gradient(#020fa3,#f000)}#instr_scr.active{display:flex;transition:opacity ease-out .75s .25s}#instr_scr.active2{opacity:1}#instr_scr .buttons_sec{display:flex;flex-direction:column;width:80%;max-width:450px;justify-content:center;align-items:center}#instr_scr .buttons_sec .phone-icon{position:relative;width:60%;margin:0 0 4vh;animation:tilt-animation 5s infinite;transform-style:preserve-3d;display:none}#instr_scr .buttons_sec .joystick-icon{display:none;margin:0 0 4vh}#instr_scr .buttons_sec .joystick-icon.active,#instr_scr .buttons_sec .phone-icon.active{display:block}#instr_scr .buttons_sec .phone-icon img{position:relative;width:100%}#instr_scr .buttons_sec .button_head{font-family:Boluga-Regular;color:#fff;font-size:23px;text-align:center;width:100%;margin:0 0 20px}#instr_scr .buttons_sec .buttons{display:flex;flex-direction:column;width:70%}#instr_scr .buttons_sec .buttons .cybr-btn{position:relative;width:100%}#instr_scr .title{position:relative;width:40%}#instr_scr .title img{position:relative;width:100%}#instr_scr .instruction{position:absolute;width:10%;left:50%;bottom:2%;transform:translate(-50%,-50%);cursor:pointer;opacity:0}#instr_scr .instruction.active{transition:opacity linear .5s .25s;opacity:1}#instr_scr .instruction img{position:relative;width:100%}@media only screen and (max-width: 700px){.wrapper{bottom:-2vw;right:-10vw}.game_ui .header .score_inc{font-size:7vw}#home_scr .buttons_sec .button_head,#instr_scr .buttons_sec .button_head{font-size:20px}.cybr-btn{--font-size: 17px !important;height:70px!important;line-height:70px!important}#home_scr .buttons_sec .buttons,#instr_scr .buttons_sec .buttons{width:85%}#score_scr .buttons{width:80%}#home_scr .title{width:95%}#instr_scr .title{width:70%}#score_scr>.container .title{width:70%}#home_scr .instruction{width:25%}.progress_left_sec,.progress_right_sec{width:35vw}.game_ui .header .score_sec{width:25vw}.scoreTxt{font-size:4vw}#score_scr>.container .score_head{width:70vw}#score_scr>.container .score{font-size:30vw}}.cybr-btn:nth-child(1){margin-bottom:10px}.cybr-btn.yellow,.cybr-btn.yellow:hover{--primary:#ffa103;--shadow-primary: #ff8709}.cybr-btn{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));--shadow-primary: hsl(var(--shadow-primary-hue), 99%, 40%);--primary-hue: 0;--primary-lightness: 50;--color: hsl(0, 0%, 100%);--font-size: 23px;--shadow-primary-hue: 235;--label-size: 9px;--shadow-secondary-hue: 60;--shadow-secondary: hsl(var(--shadow-secondary-hue), 90%, 60%);--clip: polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 70%);--border: 4px;--shimmy-distance: 5;--clip-one: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);--clip-two: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);--clip-three: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);--clip-four: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-five: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-six: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);--clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);font-family:Boluga-Bold,sans-serif;color:var(--color);cursor:pointer;background:transparent;text-transform:uppercase;font-size:var(--font-size);outline:transparent;letter-spacing:2px;position:relative;font-weight:700;border:0;height:75px;line-height:75px;transition:background .2s}.cybr-btn:hover{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .8%))}.cybr-btn:active{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .6%))}.cybr-btn:after,.cybr-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;clip-path:var(--clip);z-index:-1}.cybr-btn:before{background:var(--shadow-primary);transform:translate(var(--border))}.cybr-btn:after{background:var(--primary)}.cybr-btn__tag{position:absolute;padding:1px 4px;letter-spacing:1px;line-height:1;bottom:-5%;right:5%;font-weight:400;color:#000;font-size:var(--label-size)}.cybr-btn__glitch{position:absolute;top:calc(var(--border) * -1);left:calc(var(--border) * -1);right:calc(var(--border) * -1);bottom:calc(var(--border) * -1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);clip-path:var(--clip);animation:glitch .75s infinite;display:none}.cybr-btn:hover .cybr-btn__glitch{display:block}.cybr-btn__glitch:before{content:"";position:absolute;top:calc(var(--border) * 1);right:calc(var(--border) * 1);bottom:calc(var(--border) * 1);left:calc(var(--border) * 1);clip-path:var(--clip);background:var(--primary);z-index:-1}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1%))}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1%))}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1%))}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1%))}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1%))}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1%))}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1%))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1%))}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}.cybr-btn{--primary-hue: 237}@keyframes rotate-circle{0%{transform:rotate(0) translate(45px) rotate(0)}12.5%{transform:rotate(90deg) translate(45px) rotate(-90deg)}25%{transform:rotate(180deg) translate(45px) rotate(-180deg)}37.5%{transform:rotate(90deg) translate(45px) rotate(-90deg)}50%{transform:rotate(0) translate(45px) rotate(0)}62.5%{transform:rotate(-90deg) translate(45px) rotate(90deg)}75%{transform:rotate(-180deg) translate(45px) rotate(180deg)}87.5%{transform:rotate(-90deg) translate(45px) rotate(90deg)}to{transform:rotate(0) translate(45px) rotate(0)}}.outer-circle{position:relative;width:175px;height:175px;border-radius:50%;background:#0000;display:flex;justify-content:center;align-items:center;background-size:cover;margin:4vh 0}.inner-circle{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff;animation:rotate-circle 4s linear infinite;background-size:cover}#gesture_output{position:absolute;bottom:10px;left:100px;background-color:red}#webcam,#output_canvas{opacity:.01}#webcam,#output_canvas{position:absolute;bottom:10px;left:10px;width:400px;background-color:#000}@keyframes tilt-animation{0%,to{transform:perspective(500px) rotateX(0) rotateY(0)}25%{transform:perspective(500px) rotateX(30deg) rotateY(0)}50%{transform:perspective(500px) rotateX(0) rotateY(30deg)}75%{transform:perspective(500px) rotateX(-30deg) rotateY(0)}85%{transform:perspective(500px) rotateX(0) rotateY(-30deg)}}