body,html{padding:0;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#000;color:#acacac}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{width:100vw;height:100vh;flex-direction:column}.container,.navbar{display:flex;align-items:center}.navbar{width:450px;height:80px;justify-content:space-between;padding:20px 5px}.title{font-size:1.5rem}.step-counter,.title{height:50px;display:flex;align-items:center}.step-counter{font-size:1rem;color:#acacac}.game-board{width:400px;min-height:300px;align-items:center}.board-border,.game-board{display:flex;flex-direction:column}.board-border{padding:5px;border:2px solid #505050}.row{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.cell{font-size:1.5rem;color:#bababa;transition:all .15s ease-in-out;border-radius:6px}.cell,.cell-box{width:60px;height:60px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.cell-box{margin:2px;transition:transform .15s ease-in-out}@keyframes left{0%{transform:translateX(0);opacity:1}50%{transform:translateX(-30px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes right{0%{transform:translateX(0);opacity:1}50%{transform:translateX(30px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes up{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-30px);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes down{0%{transform:translateY(0);opacity:1}50%{transform:translateY(30px);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes showing{0%{opacity:0}to{opacity:1}}@keyframes merge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.9;box-shadow:0 0 15px hsla(0,0%,100%,.3)}to{transform:scale(1);opacity:1;box-shadow:none}}@keyframes newTile{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.bg-0{background-color:#2b2b2b;color:#2b2b2b}.bg-2{background-color:#4d452d}.bg-4{background-color:#826d1d}.bg-8{background-color:#2e611d}.bg-16{background-color:#0b6c3a}.bg-32{background-color:#178194}.bg-64{background-color:#1f329a}.bg-128{background-color:#481d83}.bg-256{background-color:#8016a3}.bg-512{background-color:#865704}.bg-1024{background-color:#921660}.bg-2048{background-color:#80063f}.bg-4096{background-color:#a00606}.button-wrapper{width:260px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px 10px}.notice{width:100%}.arrow,.notice{height:50px;display:flex;justify-content:center;align-items:center}.arrow{width:50px;font-size:1.5rem;background-color:#373737;border:2px solid;border-radius:25px;margin:3px;cursor:pointer}.arrow-panel{width:60px;height:60px;background-color:#1c1c1c}.game-over{width:400px;min-height:300px;background-color:hsla(0,0%,55%,.5);color:#c29431;font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.win-font{font-size:1.5rem}@media (max-width:600px){.navbar{width:370px;padding:0 10px}.step-counter{font-size:.9rem}.sound-toggle svg{width:16px;height:16px}.row{height:auto}.cell{width:57px;height:57px;font-size:1.5rem}.button-wrapper{margin-top:0}.arrow{font-size:1.2rem}.notice{width:370px;height:30px}.game-board,.game-over{width:320px}.game-over{font-size:1.5rem}.win-font{font-size:1rem}}.navbar-controls{grid-gap:10px;gap:10px}.navbar-controls,.sound-toggle{display:flex;align-items:center}.sound-toggle{width:35px;height:35px;justify-content:center;cursor:pointer;color:#acacac;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sound-toggle svg{transition:color .2s ease}.sound-toggle:hover svg{color:#c8c8c8}.help-circle{width:40px;height:40px;border:2px solid #373737;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer}.help-board{width:260px;min-height:300px;position:absolute;background-color:#000;line-height:1.5rem;animation-name:showing;animation-duration:.8s}.help-text{padding:15px}.help-board-bottem{width:100%;display:flex;justify-content:flex-end}