From 3547b172bdde29a3c23dc0747c397311053b48ae Mon Sep 17 00:00:00 2001
From: achechi15 <142111179+achechi15@users.noreply.github.com>
Date: Sat, 25 Nov 2023 19:06:09 +0100
Subject: [PATCH 1/5] Implementation of the AnimationShakeCamera Function

---
 css/style.css   |  7 ++++++-
 index.html      |  2 +-
 js/script.js    | 16 +++++++++++++---
 scss/style.scss | 14 ++++++++++++++
 4 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index 9f66368..b4eeb34 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1 +1,6 @@
-*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0deg);}10%{ transform:translate(-1px,-2px)rotate(-1deg);}20%{transform: translate(-3px, 0px)rotate(1deg);}30%{ transform:translate(3px,2px)rotate(0deg);}40%{transform:translate(1px,-1px)rotate(1deg);}50%{transform:translate(-1px,2px)rotate(-1deg);}60%{transform:translate(-3px,1px)rotate(0deg);}70%{transform:translate(3px,1px)rotate(-1deg);}80%{transform:translate(-1px,-1px)rotate(1deg);}90%{transform:translate(1px,2px)rotate(0deg);}100%{transform:translate(1px,-2px)rotate(-1deg);}}.html-page{animation: shake 0.5s;animation-iteration-count: infinite;}/*# sourceMappingURL=style.css.map */
+
+
+
+
+
diff --git a/index.html b/index.html
index c211ffb..cd067d4 100644
--- a/index.html
+++ b/index.html
@@ -97,7 +97,7 @@ <h3 class="score">BEST SCORE</h3>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.min.js" integrity="sha512-avLcnGxl5mqAX/wIKERdb1gFNkOLHh2W5JNCfJm5OugpEPBz7LNXJJ3BDjjwO00AxEY1MqdNjtEmiYhKC0ld7g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"></script>
     <script src="./js/lib/png2share.min.js"></script>
-    <script src="./js/script.min.js"></script>
+    <script src="./js/script.js"></script>
     <script>
         const V = "0.1.8";
         if ('serviceWorker' in navigator) {
diff --git a/js/script.js b/js/script.js
index 734fd17..dfe967e 100644
--- a/js/script.js
+++ b/js/script.js
@@ -130,10 +130,21 @@ window.addEventListener('load', ()=>{
     let eventLayer = document.querySelector('#click-event');
     // RECORD SHARE
     let recordShare = document.querySelector('#record-share');
-
+    let body = document.querySelector('body');
     /* ==========================================
     =   FUNCTIONS
     ============================================*/
+    
+    // Shake animation, the duration is in milliseconds, the default is 1000 (1s)
+    function AnimationShakeCamera(duration){
+        // Shake Camera
+        document.querySelector('body').classList.add('html-page');
+        function deactivate(){
+            document.querySelector('body').classList.remove('html-page');
+        }
+        setTimeout(deactivate, duration? duration : 1000);
+    }
+
     function changeBackground(hslDark = false){
         let hex = hslToHex(GAME_.colorDesign[GAME_.designPalette][0] + 120 + (GAME_.stackBoxArr.length), GAME_.colorDesign[GAME_.designPalette][1], GAME_.colorDesign[GAME_.designPalette][2]);
         GAME_.scene.background = new THREE.Color(hex);
@@ -318,7 +329,6 @@ window.addEventListener('load', ()=>{
     // RESET COLISION WORLD AND SCENE AND OTHER STUFFS (LIKE MY MADNESS BECAUSE THERE ARE MANY BUGS)
     function reset(){
         GAME_.designPalette = Math.floor(Math.random() * GAME_.colorDesign.length);
-
         // CAMERA
         GAME_.cameraPos.size = (window.innerWidth > 700)? 1 : 2;
         refreshCameraView();
@@ -442,9 +452,9 @@ window.addEventListener('load', ()=>{
 
         // ACTIVE GAME STATUS
         if(!GAME_.status){
-
             // FIRST TIME PLAYING THE GAME?
             if(!GAME_.active){
+                AnimationShakeCamera();
                 // ANIMATION FRAME 60fps
                 // renderer.setAnimationLoop(animation);   -------> Doesn't have FPS control. Call 1/fps --> Higher FPSs higher velocity
 
diff --git a/scss/style.scss b/scss/style.scss
index 953b0d9..74e8fbd 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -447,3 +447,17 @@ body{
     75% { transform: translate(-50%, calc(-50% - 9px)) rotate(5deg) }
     100% { transform: translate(-50%, -50%) rotate(-5deg) scale(1.1)}
 }
+
+@keyframes shake {
+    0% { transform: translate(1px, 1px) rotate(0deg); }
+    10% { transform: translate(-1px, -2px) rotate(-1deg); }
+    20% { transform: translate(-3px, 0px) rotate(1deg); }
+    30% { transform: translate(3px, 2px) rotate(0deg); }
+    40% { transform: translate(1px, -1px) rotate(1deg); }
+    50% { transform: translate(-1px, 2px) rotate(-1deg); }
+    60% { transform: translate(-3px, 1px) rotate(0deg); }
+    70% { transform: translate(3px, 1px) rotate(-1deg); }
+    80% { transform: translate(-1px, -1px) rotate(1deg); }
+    90% { transform: translate(1px, 2px) rotate(0deg); }
+    100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
\ No newline at end of file

From 259496f1e9c864e83e770e6e7ae81006c98b9b8e Mon Sep 17 00:00:00 2001
From: achechi15 <142111179+achechi15@users.noreply.github.com>
Date: Sat, 25 Nov 2023 19:06:40 +0100
Subject: [PATCH 2/5] changed errors

---
 js/script.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/js/script.js b/js/script.js
index dfe967e..27b92e5 100644
--- a/js/script.js
+++ b/js/script.js
@@ -454,7 +454,6 @@ window.addEventListener('load', ()=>{
         if(!GAME_.status){
             // FIRST TIME PLAYING THE GAME?
             if(!GAME_.active){
-                AnimationShakeCamera();
                 // ANIMATION FRAME 60fps
                 // renderer.setAnimationLoop(animation);   -------> Doesn't have FPS control. Call 1/fps --> Higher FPSs higher velocity
 

From 5319384e7bff53c289aed618a79fb38b73da8968 Mon Sep 17 00:00:00 2001
From: achechi15 <142111179+achechi15@users.noreply.github.com>
Date: Sat, 25 Nov 2023 22:13:35 +0100
Subject: [PATCH 3/5] Optimized implementation

---
 css/style.css     |  7 +------
 css/style.css.map |  2 +-
 js/script.js      |  6 +++---
 scss/style.scss   | 29 +++++++++++++++++------------
 4 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/css/style.css b/css/style.css
index b4eeb34..a8bfca8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,6 +1 @@
-*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0deg);}10%{ transform:translate(-1px,-2px)rotate(-1deg);}20%{transform: translate(-3px, 0px)rotate(1deg);}30%{ transform:translate(3px,2px)rotate(0deg);}40%{transform:translate(1px,-1px)rotate(1deg);}50%{transform:translate(-1px,2px)rotate(-1deg);}60%{transform:translate(-3px,1px)rotate(0deg);}70%{transform:translate(3px,1px)rotate(-1deg);}80%{transform:translate(-1px,-1px)rotate(1deg);}90%{transform:translate(1px,2px)rotate(0deg);}100%{transform:translate(1px,-2px)rotate(-1deg);}}.html-page{animation: shake 0.5s;animation-iteration-count: infinite;}/*# sourceMappingURL=style.css.map */
-
-
-
-
-
+*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}html-page{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}.html-page{animation:shake .5s;animation-iteration-count:infinite}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/css/style.css.map b/css/style.css.map
index 3fc9557..f53d8e0 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["../scss/style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index 27b92e5..5aea9e5 100644
--- a/js/script.js
+++ b/js/script.js
@@ -130,7 +130,6 @@ window.addEventListener('load', ()=>{
     let eventLayer = document.querySelector('#click-event');
     // RECORD SHARE
     let recordShare = document.querySelector('#record-share');
-    let body = document.querySelector('body');
     /* ==========================================
     =   FUNCTIONS
     ============================================*/
@@ -138,9 +137,10 @@ window.addEventListener('load', ()=>{
     // Shake animation, the duration is in milliseconds, the default is 1000 (1s)
     function AnimationShakeCamera(duration){
         // Shake Camera
-        document.querySelector('body').classList.add('html-page');
+        document.body.classList.add('html-page');
+        console.log("Enters into the function");
         function deactivate(){
-            document.querySelector('body').classList.remove('html-page');
+            document.body.classList.remove('html-page');
         }
         setTimeout(deactivate, duration? duration : 1000);
     }
diff --git a/scss/style.scss b/scss/style.scss
index 74e8fbd..b78daa6 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -448,16 +448,21 @@ body{
     100% { transform: translate(-50%, -50%) rotate(-5deg) scale(1.1)}
 }
 
-@keyframes shake {
-    0% { transform: translate(1px, 1px) rotate(0deg); }
-    10% { transform: translate(-1px, -2px) rotate(-1deg); }
-    20% { transform: translate(-3px, 0px) rotate(1deg); }
-    30% { transform: translate(3px, 2px) rotate(0deg); }
-    40% { transform: translate(1px, -1px) rotate(1deg); }
-    50% { transform: translate(-1px, 2px) rotate(-1deg); }
-    60% { transform: translate(-3px, 1px) rotate(0deg); }
-    70% { transform: translate(3px, 1px) rotate(-1deg); }
-    80% { transform: translate(-1px, -1px) rotate(1deg); }
-    90% { transform: translate(1px, 2px) rotate(0deg); }
-    100% { transform: translate(1px, -2px) rotate(-1deg); }
+@keyframes shake{
+    0% {transform:translate(1px,1px)rotate(0deg);}
+    10%{ transform:translate(-1px,-2px)rotate(-1deg);}
+    20%{transform: translate(-3px, 0px)rotate(1deg);}
+    30%{ transform:translate(3px,2px)rotate(0deg);}
+    40%{transform:translate(1px,-1px)rotate(1deg);}
+    50%{transform:translate(-1px,2px)rotate(-1deg);}
+    60%{transform:translate(-3px,1px)rotate(0deg);}
+    70%{transform:translate(3px,1px)rotate(-1deg);}
+    80%{transform:translate(-1px,-1px)rotate(1deg);}
+    90%{transform:translate(1px,2px)rotate(0deg);}
+    100%{transform:translate(1px,-2px)rotate(-1deg);}
+}
+
+.html-page{
+    animation: shake 0.5s;
+    animation-iteration-count: infinite;
 }
\ No newline at end of file

From ce2ddecdc874a1a4672d1092126880a56116ae30 Mon Sep 17 00:00:00 2001
From: achechi15 <142111179+achechi15@users.noreply.github.com>
Date: Sat, 25 Nov 2023 22:20:50 +0100
Subject: [PATCH 4/5] Solved errors

---
 js/script.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/js/script.js b/js/script.js
index 5aea9e5..30e6416 100644
--- a/js/script.js
+++ b/js/script.js
@@ -138,7 +138,6 @@ window.addEventListener('load', ()=>{
     function AnimationShakeCamera(duration){
         // Shake Camera
         document.body.classList.add('html-page');
-        console.log("Enters into the function");
         function deactivate(){
             document.body.classList.remove('html-page');
         }

From 3318cadf95dd126ae17670647033739ce6cce6f7 Mon Sep 17 00:00:00 2001
From: Zheng Lin Lei <zheng9112003@gmail.com>
Date: Sat, 25 Nov 2023 23:55:38 +0100
Subject: [PATCH 5/5] Added some fix and correct naming

---
 css/style.css     |  2 +-
 css/style.css.map |  2 +-
 js/script.js      | 10 +++-------
 js/script.min.js  |  4 ++--
 scss/style.scss   | 12 ++++++------
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/css/style.css b/css/style.css
index a8bfca8..62b7351 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1 +1 @@
-*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}html-page{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}.html-page{animation:shake .5s;animation-iteration-count:infinite}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
+*{margin:0;padding:0;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Source Code Pro",monospace;text-align:center;height:100vh;width:100vw;cursor:pointer;-webkit-text-size-adjust:none;transition:.4s}body.camera-shake{animation:cameraShake .5s;animation-iteration-count:infinite}body #Stackblock{position:fixed;top:0;left:0;z-index:-1}body .point-result{position:fixed;top:calc(20vh + 50px);z-index:99;left:50%;transform:translateX(-50%);transition:.8s}body .point-result.active{top:40px}body .combo-extra-point{position:fixed;top:200px;left:50%;transform:translateX(-50%);transition:.3s;opacity:0}body .combo-extra-point.active{animation:extraPointFlash 1s ease-out}body .combo-strike{font-weight:800;font-size:54px;position:fixed;top:50vh;left:50vw;transform:translate(-50%, 15vh);transition:.3s;opacity:0}body .combo-strike.open{transform:translate(-50%, 10vh) scale(1.7) rotate(-10deg);opacity:1}body .result-area{transition:.4s;top:0;left:0;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center}body .result-area.disable{opacity:0}body .result-area header{margin-top:20vh;position:relative;transition:1s}body .result-area header .best{display:none}body .result-area header.new .best,body .result-area header.new .color-shape{display:block}body .result-area header.new .score{display:none}body .result-area header .color-shape{height:5px;display:none;width:100%;margin-top:5px;background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body .result-area footer.flash-text{position:absolute;bottom:20vh;animation:flash 1s infinite ease}body .result-area footer.flash-text .mobile-version{display:none}@media screen and (max-width: 700px){body .result-area footer.flash-text .mobile-version{display:block}body .result-area footer.flash-text .desktop-version{display:none}}body #click-event{width:100vw;height:100vh;z-index:2;position:fixed;top:0;left:0}body #pwa-install{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(calc(-100% - 35px));background-color:#fff;z-index:2;padding:10px;border-radius:5px;display:flex;justify-content:space-between;grid-gap:20px;height:60px;flex-wrap:nowrap;overflow:hidden}body #pwa-install.display{animation:scrollDown .3s ease forwards}body #pwa-install .pwa-install-action{flex:1;justify-content:space-between;display:flex;flex-direction:column}body #pwa-install .pwa-install-text>*{font-size:12px;color:#000;text-align:start}body #pwa-install .pwa-install-text>*.pwa-install-description{font-size:10px;color:#999}body #pwa-install .pwa-install-text>*.pwa-install-description img{margin-left:5px;display:inline-block;transform:translateY(2px)}body #pwa-install .pwa-install-icon>img{width:60px;border-radius:5px;height:60px}body #pwa-install .pwa-install-button{display:flex;justify-content:space-between;align-items:end}body #pwa-install .pwa-install-button button{border:none;background-color:#42c2f1;color:#fff;padding:7px 15px;border-radius:5px;cursor:pointer;font-size:10px;transition:.3s;font-weight:bold}body #pwa-install .pwa-install-button button:hover{background-color:#5fc581}body #pwa-install .pwa-install-button a.pwa-install-btn-apple{font-size:10px;padding:2px;color:#0070c9;text-decoration:none}body #pwa-install .pwa-install-button a#pwa-dismiss-btn{visibility:hidden;color:#727272;text-decoration:underline;font-size:10px;margin-bottom:5px}body #pwa-install .pwa-install-button a#pwa-dismiss-btn:hover{color:#4a4a4a}body #pwa-install .pwa-install-button a#pwa-dismiss-btn.display{visibility:visible}body #noti-popup,body #achie-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(calc(100% + 35px));background-color:#000;z-index:2;font-size:12px;border-radius:5px;overflow:hidden;padding:10px;padding-bottom:11px}body #noti-popup.display,body #achie-popup.display{animation:scrollUp 5.1s linear}body #noti-popup.display .loader,body #achie-popup.display .loader{animation:loaderBack 5s linear}body #noti-popup #noti-pop-text,body #achie-popup #noti-pop-text{display:block}body #noti-popup .loader,body #noti-popup .top,body #achie-popup .loader,body #achie-popup .top{width:100%;position:absolute;left:0;height:1px;background-color:#fff}body #noti-popup .loader,body #achie-popup .loader{bottom:0}body #achie-popup #achie-popup-text{padding:5px;display:flex;align-items:center;gap:10px}body #achie-popup #achie-popup-text img{width:30px}body #achie-popup #achie-popup-text #achie-text{display:flex;flex-direction:column;align-items:start;gap:5px}body #achie-popup #achie-popup-text #achie-text p.message{font-size:10px}body #achie-popup .top{top:0;height:2px}body #achie-popup .loader,body #achie-popup .top{background:linear-gradient(90deg, #42c2f1 0%, #fbda4f 25%, #ab63df 50%, #5fc581 75%, #42c2f1 100%);background-size:200%;animation:moveGradient 3s linear infinite}body #pwa-install,body #noti-popup,body #achie-popup{width:100vw;max-width:270px}body #record-share{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;border-radius:5px;overflow:hidden;background-color:#fff;transition:.5s;display:none}body #record-share.display{display:block;animation:jumpShaking .5s}body #record-share:hover{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}body #record-share *{color:#000}body #record-share img{width:35vw;height:35vw;min-width:140px;min-height:140px;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover}@media screen and (max-height: 700px)and (min-width: 800px){body #record-share img{width:28vw;height:28vw;max-height:180px;min-width:180px}}@media(hover: none)or (max-width: 800px){body #record-share.display{animation:jumpShakingTouch .5s forwards}}body #record-share small{display:block;padding:10px;font-size:10px}@keyframes moveGradient{0%{background-position:0% 0%}100%{background-position:-200% 0%}}@keyframes moveGradientY{0%{background-position:0% 0%}100%{background-position:0% -200%}}@keyframes flash{50%{opacity:0}100%{opacity:1}}@keyframes extraPointFlash{60%{top:100px;opacity:1}100%{top:90px;opacity:0}}@keyframes scrollDown{100%{transform:translateX(-50%) translateY(0%)}}@keyframes scrollUp{5%{transform:translateX(-50%) translateY(0%)}95%{transform:translateX(-50%) translateY(0%)}100%{transform:translateX(-50%) translateY(calc(100% + 35px))}}@keyframes loaderBack{100%{width:0%}}@keyframes jumpShaking{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%)}}@keyframes jumpShakingTouch{0%{transform:translate(-50%, -50%)}25%{transform:translate(-50%, calc(-50% - 9px))}35%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}55%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}65%{transform:translate(-50%, calc(-50% - 9px)) rotate(-5deg)}75%{transform:translate(-50%, calc(-50% - 9px)) rotate(5deg)}100%{transform:translate(-50%, -50%) rotate(-5deg) scale(1.1)}}@keyframes cameraShake{0%{transform:translate(1px, 1px) rotate(0deg)}10%{transform:translate(-1px, -2px) rotate(-1deg)}20%{transform:translate(-3px, 0px) rotate(1deg)}30%{transform:translate(3px, 2px) rotate(0deg)}40%{transform:translate(1px, -1px) rotate(1deg)}50%{transform:translate(-1px, 2px) rotate(-1deg)}60%{transform:translate(-3px, 1px) rotate(0deg)}70%{transform:translate(3px, 1px) rotate(-1deg)}80%{transform:translate(-1px, -1px) rotate(1deg)}90%{transform:translate(1px, 2px) rotate(0deg)}100%{transform:translate(1px, -2px) rotate(-1deg)}}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/css/style.css.map b/css/style.css.map
index f53d8e0..607b63c 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["../scss/style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index 30e6416..31ca2b7 100644
--- a/js/script.js
+++ b/js/script.js
@@ -108,8 +108,7 @@ let GAME_ = {
     }
 }
 
-
-window.addEventListener('load', ()=>{
+window.addEventListener('load', () =>{
     // CHECK USER BROSWER AND OS
     // IF OS == ios AND BROWSER == safari
     if(GAME_.platform === 'ios' && navigator.userAgent.match(/(Safari)/g)){
@@ -137,11 +136,8 @@ window.addEventListener('load', ()=>{
     // Shake animation, the duration is in milliseconds, the default is 1000 (1s)
     function AnimationShakeCamera(duration){
         // Shake Camera
-        document.body.classList.add('html-page');
-        function deactivate(){
-            document.body.classList.remove('html-page');
-        }
-        setTimeout(deactivate, duration? duration : 1000);
+        document.body.classList.add('camera-shake');
+        setTimeout(() => document.body.classList.remove('camera-shake'), duration ? duration : 1000);
     }
 
     function changeBackground(hslDark = false){
diff --git a/js/script.min.js b/js/script.min.js
index 1fb7c21..8a17826 100644
--- a/js/script.min.js
+++ b/js/script.min.js
@@ -1,4 +1,4 @@
-let MEMORY_={localStorage:{bestResult:"bestResult",achievement:"st-ach",installNo:"installDismissed"}},GAME_={platform:navigator.userAgent.match(/(iPad|iPhone|iPod)/g)?"ios":navigator.userAgent.match(/(Android)/g)?"android":navigator.userAgent.match(/(Windows)/g)?"windows":navigator.userAgent.match(/(Mac)/g)?"mac":navigator.userAgent.match(/(Linux)/g)?"linux":"unknown",status:!1,fpsCtrl:{forceLag:!1,fps:60,mFps:0,fpsInterval:0,now:0,then:0,delta:0,lagWarning:{enable:!0,lastWarning:0,frames:0,framesMax:180}},end:!1,active:!1,score:0,combo:0,gamesPlayed:0,bestResult:window.localStorage.getItem(MEMORY_.localStorage.bestResult)??0,newRecord:!1,designPalette:0,screenshot:{service:!0,enable:!1,frames:0,framesMax:5,callback:null,blob:null},botMode:!1,confetti:{range:[30,50]},zoomOut:{service:!0,enable:!1,frames:0,framesMax:20,finished:!1},colorDesign:[[30,70,50],[120,80,60],[224,68,62],[251,50,60],[339,62,48],[231,50,47],[165,30,68]],boxSize:{x:3,y:1,z:3,range:10},c_width:10,cameraPos:{width:10,height:window.innerHeight/window.innerWidth*10,near:1,far:100,size:700<window.innerWidth?1:2},world:void 0,scene:void 0,camera:void 0,renderer:void 0,fncStart:void 0,stackBoxArr:[],outBoxArr:[],achievement:JSON.parse(window.localStorage.getItem(MEMORY_.localStorage.achievement))??{default:{message:"Default"}}};function playConfetti(e,t){party.confetti(party.Rect.fromScreen(),{count:party.variation.range(e||60,t||80)})}function playBot(i,e,c=!0){GAME_.unlockAchieve("cheater","Faker, cheater... 🤬"),GAME_.botMode=!0;setInterval(()=>{try{var e=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1],t=GAME_.stackBoxArr[GAME_.stackBoxArr.length-2],o=e.direction,a=e.threejs.position[o]-t.threejs.position[o],r=Math.abs(a),n="x"===o?e.width:e.depth,s=(n-r)/n;(i||.95)<=s&&(fncStart(),c)&&console.log(s)}catch(e){fncStart()}},e||20)}window.addEventListener("load",()=>{"ios"===GAME_.platform&&navigator.userAgent.match(/(Safari)/g)&&(document.querySelector(".pwa-install-title").innerText="Apple StackBlock.io",document.querySelector(".pwa-install-description").innerHTML='Download the APP in <img src="https://help.apple.com/assets/64F2669B7BEF8AE318002477/64F266A17BEF8AE3180024A8/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" width="10" originalimagename="GlobalArt/IL_ShareBlue.png">',document.querySelector(".pwa-install-button").innerHTML=`
+let MEMORY_={localStorage:{bestResult:"bestResult",achievement:"st-ach",installNo:"installDismissed"}},GAME_={platform:navigator.userAgent.match(/(iPad|iPhone|iPod)/g)?"ios":navigator.userAgent.match(/(Android)/g)?"android":navigator.userAgent.match(/(Windows)/g)?"windows":navigator.userAgent.match(/(Mac)/g)?"mac":navigator.userAgent.match(/(Linux)/g)?"linux":"unknown",status:!1,fpsCtrl:{forceLag:!1,fps:60,mFps:0,fpsInterval:0,now:0,then:0,delta:0,lagWarning:{enable:!0,lastWarning:0,frames:0,framesMax:180}},end:!1,active:!1,score:0,combo:0,gamesPlayed:0,bestResult:window.localStorage.getItem(MEMORY_.localStorage.bestResult)??0,newRecord:!1,designPalette:0,screenshot:{service:!0,enable:!1,frames:0,framesMax:5,callback:null,blob:null},botMode:!1,confetti:{range:[30,50]},zoomOut:{service:!0,enable:!1,frames:0,framesMax:20,finished:!1},colorDesign:[[30,70,50],[120,80,60],[224,68,62],[251,50,60],[339,62,48],[231,50,47],[165,30,68]],boxSize:{x:3,y:1,z:3,range:10},c_width:10,cameraPos:{width:10,height:window.innerHeight/window.innerWidth*10,near:1,far:100,size:700<window.innerWidth?1:2},world:void 0,scene:void 0,camera:void 0,renderer:void 0,fncStart:void 0,stackBoxArr:[],outBoxArr:[],achievement:JSON.parse(window.localStorage.getItem(MEMORY_.localStorage.achievement))??{default:{message:"Default"}}},test;function playConfetti(e,t){party.confetti(party.Rect.fromScreen(),{count:party.variation.range(e||60,t||80)})}function playBot(i,e,c=!0){GAME_.unlockAchieve("cheater","Faker, cheater... 🤬"),GAME_.botMode=!0;setInterval(()=>{try{var e=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1],t=GAME_.stackBoxArr[GAME_.stackBoxArr.length-2],o=e.direction,a=e.threejs.position[o]-t.threejs.position[o],r=Math.abs(a),n="x"===o?e.width:e.depth,s=(n-r)/n;(i||.95)<=s&&(fncStart(),c)&&console.log(s)}catch(e){fncStart()}},e||20)}window.addEventListener("load",()=>{"ios"===GAME_.platform&&navigator.userAgent.match(/(Safari)/g)&&(document.querySelector(".pwa-install-title").innerText="Apple StackBlock.io",document.querySelector(".pwa-install-description").innerHTML='Download the APP in <img src="https://help.apple.com/assets/64F2669B7BEF8AE318002477/64F266A17BEF8AE3180024A8/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" width="10" originalimagename="GlobalArt/IL_ShareBlue.png">',document.querySelector(".pwa-install-button").innerHTML=`
         <a id="pwa-dismiss-btn" class="pwa-install-btn">Not now</a>
         <a id="pwa-install-btn" class="pwa-install-btn-apple" href="https://support.apple.com/en-gb/guide/iphone/iph42ab2f3a7/ios#iph4f9a47bbc">See more</a>
-        `);let c=document.querySelector(".result-area"),l=document.querySelector(".point-result"),A=document.querySelector(".score-tab"),M=document.querySelector(".combo-strike"),E=document.querySelector(".combo-extra-point");var e=document.querySelector("#click-event");let d=document.querySelector("#record-share");function _(e=!1){let t=h(GAME_.colorDesign[GAME_.designPalette][0]+120+GAME_.stackBoxArr.length,GAME_.colorDesign[GAME_.designPalette][1],GAME_.colorDesign[GAME_.designPalette][2]);GAME_.scene.background=new THREE.Color(t),e&&(t=h(GAME_.colorDesign[GAME_.designPalette][0]+120+GAME_.stackBoxArr.length,GAME_.colorDesign[GAME_.designPalette][1],10)),document.querySelector('meta[name="theme-color"]').setAttribute("content",t),document.body.style.backgroundColor=t,"windows"===GAME_.platform&&document.querySelector('meta[name="msapplication-TileColor"]').setAttribute("content",t)}function G(e){l.innerHTML=e}function m(e,t,o,a,r){e=p(e,GAME_.boxSize.y*GAME_.stackBoxArr.length,t,o,a,!1);e.direction=r,e.positive=!0,GAME_.stackBoxArr.push(e)}function p(e,t,o,a,r,n=!1){var s=n?4*(GAME_.stackBoxArr.length-1):4*GAME_.stackBoxArr.length,s=new THREE.Color(h(GAME_.colorDesign[GAME_.designPalette][0]+s,GAME_.colorDesign[GAME_.designPalette][1],GAME_.colorDesign[GAME_.designPalette][2])),i=new THREE.BoxGeometry(a,GAME_.boxSize.y,r),s=new THREE.MeshLambertMaterial({color:s}),c=new THREE.Mesh(i,s),l=(c.position.set(e,t,o),new CANNON.Box(new CANNON.Vec3(a/2,GAME_.boxSize.y/2,r/2))),n=new CANNON.Body({mass:n?5:0,shape:l});return n.position.set(e,t,o),GAME_.world.addBody(n),GAME_.scene.add(c),{threejs:c,geometry:i,material:s,cannonjs:n,x:e,y:t,z:o,width:a,depth:r}}function h(t,e,o){o=101<o?100:o,o/=100;const a=e*Math.min(o,1-o)/100;e=e=>{e=(e+t/30)%12,e=o-a*Math.max(Math.min(e-3,9-e,1),-1);return Math.round(255*e).toString(16).padStart(2,"0")};return"#"+e(0)+e(8)+e(4)}function g(){GAME_.camera.right=GAME_.cameraPos.width/GAME_.cameraPos.size,GAME_.camera.left=GAME_.cameraPos.width/-GAME_.cameraPos.size,GAME_.camera.top=GAME_.cameraPos.height/GAME_.cameraPos.size,GAME_.camera.bottom=GAME_.cameraPos.height/-GAME_.cameraPos.size,GAME_.camera.updateProjectionMatrix()}function u(){return"now"in window?now():("now"in performance&&"performance"in window?performance:Date).now()}function t(){GAME_.cameraPos.height=GAME_.c_width*(window.innerHeight/window.innerWidth),GAME_.cameraPos.size=700<window.innerWidth?1:2,g(),GAME_.renderer.setSize(window.innerWidth,window.innerHeight),GAME_.renderer.render(GAME_.scene,GAME_.camera)}function o(e){document.querySelector("#noti-popup").classList.remove("display"),document.querySelector("#noti-popup-text").innerText=e,document.querySelector("#noti-popup").classList.add("display"),setTimeout(()=>document.querySelector("#noti-popup").classList.remove("display"),5200)}GAME_.unlockAchieve=(e,t)=>{e in GAME_.achievement||(GAME_.achievement[e]={message:t},console.log(GAME_.achievement[e]),document.querySelector("#achie-text .message").innerHTML=t,document.querySelector("#achie-popup").classList.remove("display"),document.querySelector("#achie-popup").classList.add("display"),setTimeout(()=>document.querySelector("#noti-popup").classList.remove("display"),5200),localStorage.setItem(MEMORY_.localStorage.achievement,JSON.stringify(GAME_.achievement)))};let f=GAME_.unlockAchieve;GAME_.world=new CANNON.World,GAME_.world.gravity.set(0,-9.8,0),GAME_.world.broadphase=new CANNON.NaiveBroadphase,GAME_.world.solver.interations=40,G(GAME_.bestResult),GAME_.scene=new THREE.Scene,_(hslDark=!0),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"x");var a=new THREE.AmbientLight(16777215,.6),a=(GAME_.scene.add(a),new THREE.DirectionalLight(16777215,.6));function r(){var e,t;GAME_.end?(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].threejs.position.copy(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].cannonjs.position),GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].threejs.quaternion.copy(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].cannonjs.quaternion),GAME_.zoomOut.enable&&(GAME_.cameraPos.size-=.02,g(),GAME_.zoomOut.frames++,GAME_.zoomOut.frames>=GAME_.zoomOut.framesMax)&&(GAME_.zoomOut.enable=!1,GAME_.zoomOut.frames=0,GAME_.zoomOut.finished=!0)):(t=(e=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1]).positive?.15:-.15,e.threejs.position[e.direction]>=GAME_.boxSize.range-5&&(e.positive=!1),e.threejs.position[e.direction]<=-(GAME_.boxSize.range-5)&&(e.positive=!0),e.threejs.position[e.direction]+=t,e.cannonjs.position[e.direction]+=t,GAME_.camera.position.y<GAME_.boxSize.y*(GAME_.stackBoxArr.length-2)+4&&(GAME_.camera.position.y+=t)),GAME_.world.step(1/60),GAME_.outBoxArr.forEach(e=>{e.threejs.position.copy(e.cannonjs.position),e.threejs.quaternion.copy(e.cannonjs.quaternion)}),GAME_.renderer.render(GAME_.scene,GAME_.camera),GAME_.screenshot.enable&&(GAME_.screenshot.frames>=GAME_.screenshot.framesMax?GAME_.zoomOut.finished&&(DrawCanvasCopy(GAME_.renderer.domElement,e=>{e.fillStyle="rgba(0, 0, 0, 0.2)",e.fillRect(0,0,e.canvas.width,e.canvas.height),e.fillStyle="#ffffff",e.font="32px monospace";var t="NEW RECORD",o=e.measureText(t).width;e.fillText(t,e.canvas.width/2-o/2,e.canvas.height/2-100),e.font="bold 64px monospace",t=GAME_.score,o=e.measureText(t).width,e.fillText(t,e.canvas.width/2-o/2,e.canvas.height/2+50),GAME_.botMode&&(e.save(),e.translate(e.canvas.width/2,e.canvas.height/2+50),e.rotate(-Math.PI/8),e.fillStyle="rgba(255, 0, 0, 0.6)",e.font="bold 64px monospace",o=e.measureText(t="FAKE").width,e.fillText(t,-o/2,0),e.strokeStyle="rgba(255, 0, 0, 0.5)",e.lineWidth=5,e.strokeRect(-(o/2+10),-51.152,o+20,56.152),e.restore())},e=>{var t=document.createElement("img");const o=URL.createObjectURL(e);t.onload=()=>{URL.revokeObjectURL(o)},t.src=o,GAME_.screenshot.blob=e,GAME_.screenshot.callback(t)}),GAME_.screenshot.enable=!1,GAME_.screenshot.frames=0):GAME_.screenshot.frames++)}function w(){requestAnimationFrame(w),GAME_.fpsCtrl.now=u(),GAME_.fpsCtrl.elapsed=GAME_.fpsCtrl.now-GAME_.fpsCtrl.then,GAME_.fpsCtrl.elapsed>GAME_.fpsCtrl.fpsInterval&&(GAME_.fpsCtrl.mFps=Math.round(1e3/GAME_.fpsCtrl.elapsed)-(GAME_.fpsCtrl.forceLag?30:0),GAME_.fpsCtrl.mFps<GAME_.fpsCtrl.fps/2?GAME_.fpsCtrl.lagWarning.frames>=GAME_.fpsCtrl.lagWarning.framesMax?(GAME_.fpsCtrl.lagWarning.lastWarning+3e4<GAME_.fpsCtrl.now&&(GAME_.fpsCtrl.lagWarning.lastWarning=GAME_.fpsCtrl.now,GAME_.fpsCtrl.lagWarning.enable=!0),GAME_.fpsCtrl.lagWarning.enable&&(GAME_.fpsCtrl.lagWarning.enable=!1,o("May be laggy. Try to close other apps"),GAME_.fpsCtrl.lagWarning.frames=0)):GAME_.fpsCtrl.lagWarning.frames++:GAME_.fpsCtrl.lagWarning.frames=0,GAME_.fpsCtrl.then=GAME_.fpsCtrl.now-GAME_.fpsCtrl.elapsed%GAME_.fpsCtrl.fpsInterval,r())}a.position.set(10,20,0),GAME_.scene.add(a),GAME_.camera=new THREE.OrthographicCamera(GAME_.cameraPos.width/-GAME_.cameraPos.size,GAME_.cameraPos.width/GAME_.cameraPos.size,GAME_.cameraPos.height/GAME_.cameraPos.size,GAME_.cameraPos.height/-GAME_.cameraPos.size,GAME_.cameraPos.near,GAME_.cameraPos.far),GAME_.camera.position.set(4,4,4),GAME_.camera.lookAt(0,0,0),GAME_.renderer=new THREE.WebGLRenderer({antialias:!0}),GAME_.renderer.setSize(window.innerWidth,window.innerHeight),GAME_.renderer.render(GAME_.scene,GAME_.camera),GAME_.renderer.domElement.id="Stackblock",document.body.appendChild(GAME_.renderer.domElement),"deviceMemory"in navigator&&(navigator.deviceMemory<=32?GAME_.confetti.range=[10*Math.log2(navigator.deviceMemory),10*Math.log2(navigator.deviceMemory)+20].map(Math.round):GAME_.confetti.range=[50,70]),fncStart=()=>{if(GAME_.status){var e,t,o=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1],a=GAME_.stackBoxArr[GAME_.stackBoxArr.length-2],r=o.direction,a=o.threejs.position[r]-a.threejs.position[r],n=Math.abs(a),s="x"===r?o.width:o.depth,i=s-n;if(0<i){s=i/s;if(n<.2){switch([9,19,29,39,49].includes(GAME_.combo)&&(E.classList.add("active"),setTimeout(()=>{E.classList.remove("active")},1100),GAME_.score+=10),GAME_.combo+=1,GAME_.combo){case 10:f("combo","Combo Master");break;case 20:f("combo2","Combo Super Master");break;case 30:f("combo3","Combo Super Master God")}M.innerHTML="x"+GAME_.combo,M.classList.add("open"),setTimeout(()=>{M.classList.remove("open")},700)}else GAME_.combo&&(GAME_.combo=0);e="x"===r?i:o.width,t="z"===r?i:o.depth,o.width=e,o.depth=t,o.threejs.scale[r]=s,o.threejs.position[r]-=a/2,o.cannonjs.position[r]-=a/2;var s=new CANNON.Box(new CANNON.Vec3(e/2,GAME_.boxSize.y/2,t/2)),i=(o.cannonjs.shapes=[],o.cannonjs.addShape(s),.01<=n&&(s=Math.sign(a)*(i/2+n/2),a={x:"x"===r?o.threejs.position.x+s:o.threejs.position.x,z:"z"===r?o.threejs.position.z+s:o.threejs.position.z,width:"x"===r?n:e,depth:"z"===r?n:t},i=a.z,s=a.width,n=a.depth,a=p(a=a.x,GAME_.boxSize.y*(GAME_.stackBoxArr.length-1),i,s,n,!0),GAME_.outBoxArr.push(a)),"x"===r?o.threejs.position.x:-(GAME_.boxSize.range-1));m(i,"z"===r?o.threejs.position.z:-(GAME_.boxSize.range-1),e,t,"x"===r?"z":"x"),GAME_.score++,G(GAME_.score)}else{localStorage.getItem(MEMORY_.localStorage.bestResult)||f("noob","First time playing"),GAME_.end=!0,GAME_.world.remove(o.cannonjs);s=new CANNON.Box(new CANNON.Vec3(o.width/2,GAME_.boxSize.y/2,o.depth/2)),n=new CANNON.Body({mass:5,shape:s}),a=(n.position.set(o.threejs.position.x,o.threejs.position.y,o.threejs.position.z),GAME_.world.addBody(n),o.cannonjs=n,c.classList.toggle("disable"),l.classList.toggle("active"),GAME_.status=!1,GAME_.score>GAME_.bestResult&&(playConfetti(GAME_.confetti.range[0],GAME_.confetti.range[1]),GAME_.botMode||(GAME_.bestResult=GAME_.score,window.localStorage.setItem(MEMORY_.localStorage.bestResult,GAME_.score)),A.classList.add("new"),GAME_.newRecord=!0,GAME_.screenshot.service)&&(GAME_.screenshot.callback=e=>{d.replaceChild(e,d.querySelector("img")),d.classList.add("display")},GAME_.screenshot.enable=!0),GAME_.zoomOut.service&&(GAME_.zoomOut.enable=!0),localStorage.getItem(MEMORY_.localStorage.installNo)??!1);!enableDownload||"false"!=a&&a||(document.querySelector("#pwa-install").classList.add("display"),0<GAME_.gamesPlayed&&document.querySelector("#pwa-dismiss-btn").classList.add("display")),GAME_.gamesPlayed++}}else GAME_.active?(GAME_.designPalette=Math.floor(Math.random()*GAME_.colorDesign.length),GAME_.cameraPos.size=700<window.innerWidth?1:2,g(),GAME_.camera.position.set(4,4,4),GAME_.camera.lookAt(0,0,0),GAME_.zoomOut.finished=!1,GAME_.stackBoxArr.forEach(e=>{GAME_.scene.remove(e.threejs),e.geometry.dispose(),e.material.dispose(),GAME_.world.removeBody(e.cannonjs)}),GAME_.outBoxArr.forEach(e=>{GAME_.scene.remove(e.threejs),e.geometry.dispose(),e.material.dispose(),GAME_.world.removeBody(e.cannonjs)}),GAME_.stackBoxArr=[],GAME_.outBoxArr=[],GAME_.score=0,GAME_.combo=0,_(),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"x"),document.querySelector("#pwa-install").classList.remove("display"),d.classList.remove("display"),document.querySelector("#noti-popup").classList.remove("display")):(GAME_.fpsCtrl.fps=GAME_.fpsCtrl.forceLag?GAME_.fpsCtrl.fps/2:GAME_.fpsCtrl.fps,GAME_.fpsCtrl.fpsInterval=1e3/GAME_.fpsCtrl.fps,GAME_.fpsCtrl.then=u(),w(),GAME_.active=!0,A.querySelector(".score").innerHTML="SCORE"),G(GAME_.score),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"z"),c.classList.toggle("disable"),l.classList.toggle("active"),GAME_.newRecord&&(GAME_.newRecord=!1,A.classList.remove("new")),GAME_.status=!0,GAME_.end=!1;_(hslDark=GAME_.end)};a="ontouchstart"in window||navigator.msMaxTouchPoints?"touchstart":"mousedown";e.addEventListener(a,fncStart);let n=!0;window.addEventListener("keydown",function(e){32!==e.keyCode&&40!==e.keyCode&&" "!==e.key||(e.preventDefault(),n&&(n=!1,fncStart()))}),window.addEventListener("keyup",function(e){32!==e.keyCode&&40!==e.keyCode&&" "!==e.key||(n=!0)}),window.addEventListener("resize",e=>t()),window.addEventListener("orientationchange",e=>{t()}),d.addEventListener(a,async()=>{await Blob2Share(GAME_.screenshot.blob,"ios"==GAME_.platform)||o("Unable to share. Take screenshot 📸")})});
\ No newline at end of file
+        `);let c=document.querySelector(".result-area"),l=document.querySelector(".point-result"),A=document.querySelector(".score-tab"),M=document.querySelector(".combo-strike"),E=document.querySelector(".combo-extra-point");var e=document.querySelector("#click-event");let d=document.querySelector("#record-share");function _(e=!1){let t=h(GAME_.colorDesign[GAME_.designPalette][0]+120+GAME_.stackBoxArr.length,GAME_.colorDesign[GAME_.designPalette][1],GAME_.colorDesign[GAME_.designPalette][2]);GAME_.scene.background=new THREE.Color(t),e&&(t=h(GAME_.colorDesign[GAME_.designPalette][0]+120+GAME_.stackBoxArr.length,GAME_.colorDesign[GAME_.designPalette][1],10)),document.querySelector('meta[name="theme-color"]').setAttribute("content",t),document.body.style.backgroundColor=t,"windows"===GAME_.platform&&document.querySelector('meta[name="msapplication-TileColor"]').setAttribute("content",t)}function G(e){l.innerHTML=e}function m(e,t,o,a,r){e=p(e,GAME_.boxSize.y*GAME_.stackBoxArr.length,t,o,a,!1);e.direction=r,e.positive=!0,GAME_.stackBoxArr.push(e)}function p(e,t,o,a,r,n=!1){var s=n?4*(GAME_.stackBoxArr.length-1):4*GAME_.stackBoxArr.length,s=new THREE.Color(h(GAME_.colorDesign[GAME_.designPalette][0]+s,GAME_.colorDesign[GAME_.designPalette][1],GAME_.colorDesign[GAME_.designPalette][2])),i=new THREE.BoxGeometry(a,GAME_.boxSize.y,r),s=new THREE.MeshLambertMaterial({color:s}),c=new THREE.Mesh(i,s),l=(c.position.set(e,t,o),new CANNON.Box(new CANNON.Vec3(a/2,GAME_.boxSize.y/2,r/2))),n=new CANNON.Body({mass:n?5:0,shape:l});return n.position.set(e,t,o),GAME_.world.addBody(n),GAME_.scene.add(c),{threejs:c,geometry:i,material:s,cannonjs:n,x:e,y:t,z:o,width:a,depth:r}}function h(t,e,o){o=101<o?100:o,o/=100;const a=e*Math.min(o,1-o)/100;e=e=>{e=(e+t/30)%12,e=o-a*Math.max(Math.min(e-3,9-e,1),-1);return Math.round(255*e).toString(16).padStart(2,"0")};return"#"+e(0)+e(8)+e(4)}function g(){GAME_.camera.right=GAME_.cameraPos.width/GAME_.cameraPos.size,GAME_.camera.left=GAME_.cameraPos.width/-GAME_.cameraPos.size,GAME_.camera.top=GAME_.cameraPos.height/GAME_.cameraPos.size,GAME_.camera.bottom=GAME_.cameraPos.height/-GAME_.cameraPos.size,GAME_.camera.updateProjectionMatrix()}function u(){return"now"in window?now():("now"in performance&&"performance"in window?performance:Date).now()}function t(){GAME_.cameraPos.height=GAME_.c_width*(window.innerHeight/window.innerWidth),GAME_.cameraPos.size=700<window.innerWidth?1:2,g(),GAME_.renderer.setSize(window.innerWidth,window.innerHeight),GAME_.renderer.render(GAME_.scene,GAME_.camera)}function o(e){document.querySelector("#noti-popup").classList.remove("display"),document.querySelector("#noti-popup-text").innerText=e,document.querySelector("#noti-popup").classList.add("display"),setTimeout(()=>document.querySelector("#noti-popup").classList.remove("display"),5200)}test=function(e){document.body.classList.add("camera-shake"),setTimeout(()=>document.body.classList.remove("camera-shake"),e||1e3)},GAME_.unlockAchieve=(e,t)=>{e in GAME_.achievement||(GAME_.achievement[e]={message:t},console.log(GAME_.achievement[e]),document.querySelector("#achie-text .message").innerHTML=t,document.querySelector("#achie-popup").classList.remove("display"),document.querySelector("#achie-popup").classList.add("display"),setTimeout(()=>document.querySelector("#noti-popup").classList.remove("display"),5200),localStorage.setItem(MEMORY_.localStorage.achievement,JSON.stringify(GAME_.achievement)))};let f=GAME_.unlockAchieve;GAME_.world=new CANNON.World,GAME_.world.gravity.set(0,-9.8,0),GAME_.world.broadphase=new CANNON.NaiveBroadphase,GAME_.world.solver.interations=40,G(GAME_.bestResult),GAME_.scene=new THREE.Scene,_(hslDark=!0),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"x");var a=new THREE.AmbientLight(16777215,.6),a=(GAME_.scene.add(a),new THREE.DirectionalLight(16777215,.6));function r(){var e,t;GAME_.end?(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].threejs.position.copy(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].cannonjs.position),GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].threejs.quaternion.copy(GAME_.stackBoxArr[GAME_.stackBoxArr.length-1].cannonjs.quaternion),GAME_.zoomOut.enable&&(GAME_.cameraPos.size-=.02,g(),GAME_.zoomOut.frames++,GAME_.zoomOut.frames>=GAME_.zoomOut.framesMax)&&(GAME_.zoomOut.enable=!1,GAME_.zoomOut.frames=0,GAME_.zoomOut.finished=!0)):(t=(e=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1]).positive?.15:-.15,e.threejs.position[e.direction]>=GAME_.boxSize.range-5&&(e.positive=!1),e.threejs.position[e.direction]<=-(GAME_.boxSize.range-5)&&(e.positive=!0),e.threejs.position[e.direction]+=t,e.cannonjs.position[e.direction]+=t,GAME_.camera.position.y<GAME_.boxSize.y*(GAME_.stackBoxArr.length-2)+4&&(GAME_.camera.position.y+=t)),GAME_.world.step(1/60),GAME_.outBoxArr.forEach(e=>{e.threejs.position.copy(e.cannonjs.position),e.threejs.quaternion.copy(e.cannonjs.quaternion)}),GAME_.renderer.render(GAME_.scene,GAME_.camera),GAME_.screenshot.enable&&(GAME_.screenshot.frames>=GAME_.screenshot.framesMax?GAME_.zoomOut.finished&&(DrawCanvasCopy(GAME_.renderer.domElement,e=>{e.fillStyle="rgba(0, 0, 0, 0.2)",e.fillRect(0,0,e.canvas.width,e.canvas.height),e.fillStyle="#ffffff",e.font="32px monospace";var t="NEW RECORD",o=e.measureText(t).width;e.fillText(t,e.canvas.width/2-o/2,e.canvas.height/2-100),e.font="bold 64px monospace",t=GAME_.score,o=e.measureText(t).width,e.fillText(t,e.canvas.width/2-o/2,e.canvas.height/2+50),GAME_.botMode&&(e.save(),e.translate(e.canvas.width/2,e.canvas.height/2+50),e.rotate(-Math.PI/8),e.fillStyle="rgba(255, 0, 0, 0.6)",e.font="bold 64px monospace",o=e.measureText(t="FAKE").width,e.fillText(t,-o/2,0),e.strokeStyle="rgba(255, 0, 0, 0.5)",e.lineWidth=5,e.strokeRect(-(o/2+10),-51.152,o+20,56.152),e.restore())},e=>{var t=document.createElement("img");const o=URL.createObjectURL(e);t.onload=()=>{URL.revokeObjectURL(o)},t.src=o,GAME_.screenshot.blob=e,GAME_.screenshot.callback(t)}),GAME_.screenshot.enable=!1,GAME_.screenshot.frames=0):GAME_.screenshot.frames++)}function w(){requestAnimationFrame(w),GAME_.fpsCtrl.now=u(),GAME_.fpsCtrl.elapsed=GAME_.fpsCtrl.now-GAME_.fpsCtrl.then,GAME_.fpsCtrl.elapsed>GAME_.fpsCtrl.fpsInterval&&(GAME_.fpsCtrl.mFps=Math.round(1e3/GAME_.fpsCtrl.elapsed)-(GAME_.fpsCtrl.forceLag?30:0),GAME_.fpsCtrl.mFps<GAME_.fpsCtrl.fps/2?GAME_.fpsCtrl.lagWarning.frames>=GAME_.fpsCtrl.lagWarning.framesMax?(GAME_.fpsCtrl.lagWarning.lastWarning+3e4<GAME_.fpsCtrl.now&&(GAME_.fpsCtrl.lagWarning.lastWarning=GAME_.fpsCtrl.now,GAME_.fpsCtrl.lagWarning.enable=!0),GAME_.fpsCtrl.lagWarning.enable&&(GAME_.fpsCtrl.lagWarning.enable=!1,o("May be laggy. Try to close other apps"),GAME_.fpsCtrl.lagWarning.frames=0)):GAME_.fpsCtrl.lagWarning.frames++:GAME_.fpsCtrl.lagWarning.frames=0,GAME_.fpsCtrl.then=GAME_.fpsCtrl.now-GAME_.fpsCtrl.elapsed%GAME_.fpsCtrl.fpsInterval,r())}a.position.set(10,20,0),GAME_.scene.add(a),GAME_.camera=new THREE.OrthographicCamera(GAME_.cameraPos.width/-GAME_.cameraPos.size,GAME_.cameraPos.width/GAME_.cameraPos.size,GAME_.cameraPos.height/GAME_.cameraPos.size,GAME_.cameraPos.height/-GAME_.cameraPos.size,GAME_.cameraPos.near,GAME_.cameraPos.far),GAME_.camera.position.set(4,4,4),GAME_.camera.lookAt(0,0,0),GAME_.renderer=new THREE.WebGLRenderer({antialias:!0}),GAME_.renderer.setSize(window.innerWidth,window.innerHeight),GAME_.renderer.render(GAME_.scene,GAME_.camera),GAME_.renderer.domElement.id="Stackblock",document.body.appendChild(GAME_.renderer.domElement),"deviceMemory"in navigator&&(navigator.deviceMemory<=32?GAME_.confetti.range=[10*Math.log2(navigator.deviceMemory),10*Math.log2(navigator.deviceMemory)+20].map(Math.round):GAME_.confetti.range=[50,70]),fncStart=()=>{if(GAME_.status){var e,t,o=GAME_.stackBoxArr[GAME_.stackBoxArr.length-1],a=GAME_.stackBoxArr[GAME_.stackBoxArr.length-2],r=o.direction,a=o.threejs.position[r]-a.threejs.position[r],n=Math.abs(a),s="x"===r?o.width:o.depth,i=s-n;if(0<i){s=i/s;if(n<.2){switch([9,19,29,39,49].includes(GAME_.combo)&&(E.classList.add("active"),setTimeout(()=>{E.classList.remove("active")},1100),GAME_.score+=10),GAME_.combo+=1,GAME_.combo){case 10:f("combo","Combo Master");break;case 20:f("combo2","Combo Super Master");break;case 30:f("combo3","Combo Super Master God")}M.innerHTML="x"+GAME_.combo,M.classList.add("open"),setTimeout(()=>{M.classList.remove("open")},700)}else GAME_.combo&&(GAME_.combo=0);e="x"===r?i:o.width,t="z"===r?i:o.depth,o.width=e,o.depth=t,o.threejs.scale[r]=s,o.threejs.position[r]-=a/2,o.cannonjs.position[r]-=a/2;var s=new CANNON.Box(new CANNON.Vec3(e/2,GAME_.boxSize.y/2,t/2)),i=(o.cannonjs.shapes=[],o.cannonjs.addShape(s),.01<=n&&(s=Math.sign(a)*(i/2+n/2),a={x:"x"===r?o.threejs.position.x+s:o.threejs.position.x,z:"z"===r?o.threejs.position.z+s:o.threejs.position.z,width:"x"===r?n:e,depth:"z"===r?n:t},i=a.z,s=a.width,n=a.depth,a=p(a=a.x,GAME_.boxSize.y*(GAME_.stackBoxArr.length-1),i,s,n,!0),GAME_.outBoxArr.push(a)),"x"===r?o.threejs.position.x:-(GAME_.boxSize.range-1));m(i,"z"===r?o.threejs.position.z:-(GAME_.boxSize.range-1),e,t,"x"===r?"z":"x"),GAME_.score++,G(GAME_.score)}else{localStorage.getItem(MEMORY_.localStorage.bestResult)||f("noob","First time playing"),GAME_.end=!0,GAME_.world.remove(o.cannonjs);s=new CANNON.Box(new CANNON.Vec3(o.width/2,GAME_.boxSize.y/2,o.depth/2)),n=new CANNON.Body({mass:5,shape:s}),a=(n.position.set(o.threejs.position.x,o.threejs.position.y,o.threejs.position.z),GAME_.world.addBody(n),o.cannonjs=n,c.classList.toggle("disable"),l.classList.toggle("active"),GAME_.status=!1,GAME_.score>GAME_.bestResult&&(playConfetti(GAME_.confetti.range[0],GAME_.confetti.range[1]),GAME_.botMode||(GAME_.bestResult=GAME_.score,window.localStorage.setItem(MEMORY_.localStorage.bestResult,GAME_.score)),A.classList.add("new"),GAME_.newRecord=!0,GAME_.screenshot.service)&&(GAME_.screenshot.callback=e=>{d.replaceChild(e,d.querySelector("img")),d.classList.add("display")},GAME_.screenshot.enable=!0),GAME_.zoomOut.service&&(GAME_.zoomOut.enable=!0),localStorage.getItem(MEMORY_.localStorage.installNo)??!1);!enableDownload||"false"!=a&&a||(document.querySelector("#pwa-install").classList.add("display"),0<GAME_.gamesPlayed&&document.querySelector("#pwa-dismiss-btn").classList.add("display")),GAME_.gamesPlayed++}}else GAME_.active?(GAME_.designPalette=Math.floor(Math.random()*GAME_.colorDesign.length),GAME_.cameraPos.size=700<window.innerWidth?1:2,g(),GAME_.camera.position.set(4,4,4),GAME_.camera.lookAt(0,0,0),GAME_.zoomOut.finished=!1,GAME_.stackBoxArr.forEach(e=>{GAME_.scene.remove(e.threejs),e.geometry.dispose(),e.material.dispose(),GAME_.world.removeBody(e.cannonjs)}),GAME_.outBoxArr.forEach(e=>{GAME_.scene.remove(e.threejs),e.geometry.dispose(),e.material.dispose(),GAME_.world.removeBody(e.cannonjs)}),GAME_.stackBoxArr=[],GAME_.outBoxArr=[],GAME_.score=0,GAME_.combo=0,_(),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"x"),document.querySelector("#pwa-install").classList.remove("display"),d.classList.remove("display"),document.querySelector("#noti-popup").classList.remove("display")):(GAME_.fpsCtrl.fps=GAME_.fpsCtrl.forceLag?GAME_.fpsCtrl.fps/2:GAME_.fpsCtrl.fps,GAME_.fpsCtrl.fpsInterval=1e3/GAME_.fpsCtrl.fps,GAME_.fpsCtrl.then=u(),w(),GAME_.active=!0,A.querySelector(".score").innerHTML="SCORE"),G(GAME_.score),m(0,0,GAME_.boxSize.x,GAME_.boxSize.z,"z"),c.classList.toggle("disable"),l.classList.toggle("active"),GAME_.newRecord&&(GAME_.newRecord=!1,A.classList.remove("new")),GAME_.status=!0,GAME_.end=!1;_(hslDark=GAME_.end)};a="ontouchstart"in window||navigator.msMaxTouchPoints?"touchstart":"mousedown";e.addEventListener(a,fncStart);let n=!0;window.addEventListener("keydown",function(e){32!==e.keyCode&&40!==e.keyCode&&" "!==e.key||(e.preventDefault(),n&&(n=!1,fncStart()))}),window.addEventListener("keyup",function(e){32!==e.keyCode&&40!==e.keyCode&&" "!==e.key||(n=!0)}),window.addEventListener("resize",e=>t()),window.addEventListener("orientationchange",e=>{t()}),d.addEventListener(a,async()=>{await Blob2Share(GAME_.screenshot.blob,"ios"==GAME_.platform)||o("Unable to share. Take screenshot 📸")})});
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index b78daa6..ce53fa7 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -22,6 +22,11 @@ body{
     -webkit-text-size-adjust: none;
     transition: .4s;
 
+    &.camera-shake{
+        animation: cameraShake 0.5s;
+        animation-iteration-count: infinite;
+    }
+
     #Stackblock {
         position: fixed;
         top: 0;
@@ -448,7 +453,7 @@ body{
     100% { transform: translate(-50%, -50%) rotate(-5deg) scale(1.1)}
 }
 
-@keyframes shake{
+@keyframes cameraShake{
     0% {transform:translate(1px,1px)rotate(0deg);}
     10%{ transform:translate(-1px,-2px)rotate(-1deg);}
     20%{transform: translate(-3px, 0px)rotate(1deg);}
@@ -460,9 +465,4 @@ body{
     80%{transform:translate(-1px,-1px)rotate(1deg);}
     90%{transform:translate(1px,2px)rotate(0deg);}
     100%{transform:translate(1px,-2px)rotate(-1deg);}
-}
-
-.html-page{
-    animation: shake 0.5s;
-    animation-iteration-count: infinite;
 }
\ No newline at end of file