*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}@font-face{font-family:AORUS-Regular;src:url(/fonts/AORUS-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Arial,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100svh;background:linear-gradient(to top,#084f74,#021b29)}.mobile-wrapper{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}@media (min-aspect-ratio: 420/703){.mobile-wrapper{width:100%}}.step-bg{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/images/0-landing%20page/%E6%8A%80%E5%98%89_landing%20page_BG.webp)}@media (min-aspect-ratio: 420/703){.step-bg{background-image:url(/images/%E9%9B%BB%E8%85%A6%E7%89%88/cut%201/%E6%8A%80%E5%98%89%E7%B6%B2%E9%A0%81%E7%89%88_1-1.webp)}}.step1-desktop-btn{position:absolute;bottom:2%;width:28%}.step2-desktop-btn{position:absolute;bottom:4%;width:24%}.step-bg2{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/images/1-instruction/%E6%8A%80%E5%98%89_instruction_BG.webp)}@media (min-aspect-ratio: 420/703){.step-bg2{background-image:url(/images/%E9%9B%BB%E8%85%A6%E7%89%88/cut%202/%E6%8A%80%E5%98%89%E7%B6%B2%E9%A0%81%E7%89%88_2-1.webp)}}.result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/images/1-instruction/%E6%8A%80%E5%98%89_instruction_BG.webp)}@media (min-aspect-ratio: 420/703){.result{flex-direction:row;background-image:url(/images/%E9%9B%BB%E8%85%A6%E7%89%88/final%20cut/%E6%8A%80%E5%98%89%E7%B6%B2%E9%A0%81%E7%89%88_6.webp)}}.result-desktop-left{width:35%;position:relative;bottom:-27%}.result-wrapper{width:60%;z-index:1}@media (min-aspect-ratio: 420/703){.result-wrapper{width:35%;max-width:50vh}}.cmd-model{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff9}.cmd-model-wrapper{display:flex;position:relative;justify-content:center}.cmd-model-pic{width:90%}@media (min-aspect-ratio: 420/703){.cmd-model-pic{height:70vh;width:unset}}.cmd-model-btn-wrapper{display:flex;position:absolute;bottom:10%;width:70%}.result-top{margin:auto;border:4px solid #FFF}.result-container{display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-aspect-ratio: 420/703){.result-container{gap:1vh;width:40%;position:relative;margin-left:-3%;bottom:-22%}}.result-bottom{width:72%;position:relative}.game{position:relative}.game-bg{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/images/1-instruction/%E6%8A%80%E5%98%89_instruction_BG2.webp)}@media (min-aspect-ratio: 420/703){.game-bg{background-image:url(/images/%E9%9B%BB%E8%85%A6%E7%89%88/cut%203/%E6%8A%80%E5%98%89%E7%B6%B2%E9%A0%81%E7%89%88_3-1.webp)}.game-bg.game-desktop-start-bg{background-image:url(/images/%E9%9B%BB%E8%85%A6%E7%89%88/%E9%81%8A%E6%88%B2%E7%95%AB%E9%9D%A2/%E6%8A%80%E5%98%89%E7%B6%B2%E9%A0%81%E7%89%88_4.webp)}}.step1-btn,.step2-btn,.step3-btn{position:absolute;bottom:5%;width:44%}.step3-btn{bottom:4%}.step3-desktop-btn{position:absolute;bottom:5%;width:28%}.logo{position:absolute;top:3%;left:6%;width:30%}@media (min-aspect-ratio: 420/703){.logo{position:absolute;top:4%;left:4%;width:16%}}.player-1{position:absolute;bottom:-2%;left:-10%;width:72%;z-index:2}@media (min-aspect-ratio: 420/703){.player-1{left:10%;width:60vh}}.player-2{position:absolute;bottom:-2%;left:-10%;width:72%;z-index:1}@media (min-aspect-ratio: 420/703){.player-2{left:10%;width:60vh}}.bar{display:flex;position:absolute;bottom:3%;justify-content:center;align-items:center;flex-direction:column;z-index:2}.arrow{width:10%}@media (min-aspect-ratio: 420/703){.arrow{width:6vh}}.arrow-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:-28%;width:82%}@media (min-aspect-ratio: 420/703){.arrow-wrapper{top:-14%;width:60%}}.arrow-wrapper.move{animation:moveSideways 2s linear infinite}@media (min-aspect-ratio: 420/703){.arrow-wrapper.move{animation:moveSideways 3.5s linear infinite}}.bar-pic{width:82%}@media (min-aspect-ratio: 420/703){.bar-pic{width:60%}}.hints{z-index:2;position:absolute;height:100%;width:100%;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center}.times-up{width:70%}@media (min-aspect-ratio: 420/703){.times-up{width:60vh}}.model{width:90%;display:flex;position:relative;justify-content:center}@media (min-aspect-ratio: 420/703){.model{width:50vh}}.product-list{position:absolute;width:55%;bottom:10%}.model-btn{position:absolute;width:50%;bottom:-5%}.hints-char{width:93%;position:absolute;bottom:1%;left:12%}@media (min-aspect-ratio: 420/703){.hints-char{width:60vh;left:43%}}.score-wrapper{width:24%;position:absolute;display:flex;top:8%;justify-content:center;align-items:center}@media (min-aspect-ratio: 420/703){.score-wrapper{width:16vh;position:absolute;display:flex;top:4%;justify-content:center;align-items:center}}.score{display:inline-block;width:100%;font-size:5vh;position:absolute;text-align:center;font-family:AORUS-Regular;margin-top:8px}@media (min-aspect-ratio: 420/703){.score{font-size:7vh}}.game-container{height:50%;width:90%;margin-top:-8%;margin-left:0%;z-index:1}@media (min-aspect-ratio: 420/703){.game-container{height:70%;width:80%}}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;position:relative}.grid-cell{position:relative;display:flex;justify-content:center;align-items:center}.play-again-btn{flex:1}.share-btn{flex:1.4;position:relative}.ball{position:absolute;width:20px;height:20px;transition:all .5s ease-out;transform:scale(1)}@media (min-aspect-ratio: 420/703){.ball{width:5vh;height:5vh}}.timer{width:22%;position:absolute;top:10%;right:4%}@media (min-aspect-ratio: 420/703){.timer{width:16vh;position:absolute;top:7%;right:24%}}.product{position:absolute}@media (min-aspect-ratio: 420/703){.product{width:50%}}.mascot{position:absolute;width:30%;bottom:14%;right:4%}@media (min-aspect-ratio: 420/703){.mascot{position:absolute;width:18vh;bottom:18%;right:10%}}.mascot-cry,.mascot-ball{position:absolute;width:30%;bottom:14%;right:4%}@media (min-aspect-ratio: 420/703){.mascot-cry,.mascot-ball{position:absolute;width:18vh;bottom:18%;right:10%}}.strike,.ball-text{position:absolute;top:-26%;left:-55%}.btns-wrapper{display:flex;gap:8px;width:68%}.near{animation:scaleAnimationNear 6s ease-in-out infinite}.middle{animation:scaleAnimationMiddle 6s ease-in-out infinite}.far{animation:scaleAnimationFar 6s ease-in-out infinite}.hints-countdown{width:50%}@media (min-aspect-ratio: 420/703){.hints-countdown{width:40vh}}.save-pic{margin:0 auto 4px;width:56%}.save-pic-desktop{width:70%}.go-ig-btn{position:absolute;bottom:8%;width:43%;left:2%}.copied-message{position:absolute;bottom:17%;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;z-index:1}.center{display:flex;justify-content:center;align-items:center}.relative{position:relative}.max-height-80{max-height:80vh}.hidden{display:none}.hit-effect{position:absolute;width:50px;animation:popFade .8s ease-out forwards}@media (min-aspect-ratio: 420/703){.step-mobile{display:none}}@media (max-aspect-ratio: 420/703){.step-desktop{display:none}}@keyframes popFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-70%) scale(1.3)}to{opacity:0;transform:translate(-50%,-100%) scale(1.1)}}@keyframes scaleAnimationNear{0%{transform:scale(0)}20%{transform:scale(1.3)}90%{transform:scale(1.3)}to{transform:scale(0)}}@media (min-aspect-ratio: 420/703){@keyframes scaleAnimationNear{0%{transform:scale(0)}20%{transform:scale(1.1)}90%{transform:scale(1.1)}to{transform:scale(0)}}}@keyframes scaleAnimationMiddle{0%{transform:scale(0)}20%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}@media (min-aspect-ratio: 420/703){@keyframes scaleAnimationMiddle{0%{transform:scale(0)}20%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}}@keyframes scaleAnimationFar{0%{transform:scale(0)}20%{transform:scale(.8)}90%{transform:scale(.8)}to{transform:scale(0)}}@keyframes moveSideways{0%{transform:translate(0)}25%{transform:translate(45%)}50%{transform:translate(0)}75%{transform:translate(-45%)}to{transform:translate(0)}}