*{padding:0;margin:0;border:0}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.game-over{display:none;position:fixed;background-color:#000000fa;top:0;left:0;right:0;bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.game-over__title{color:#28d7fe;font-size:120px;line-height:9vw;text-shadow:-6px 4px 0.5vw #2356ff;margin-left:-200%;-webkit-animation:game-over-title 2.5s forwards;animation:game-over-title 2.5s forwards}.game-over__title-hover{color:#ed0483;text-shadow:0 0 3vw #ca006d}.game-over__score{margin-right:-200%;margin-top:-100%;-webkit-animation:score 2.5s forwards;animation:score 2.5s forwards}.game-over__score p{font-size:55px;color:#ed0483;text-shadow:-3px 2px 0.4vw #ca006d}.game-over .score__result-hover{color:#28d7fe;text-shadow:0 0 3vw #2356ff}.game-over__res{margin:1em;padding:0.15em 1.3em;font-size:40px;text-decoration:none;text-shadow:-2.5px 1px 0.2vw #2356ff;color:#28d7fe;cursor:pointer;border-radius:10px;border:5px solid;background-color:transparent;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.6),2px 1px 4px rgba(0,0,0,0.3),2px 4px 3px rgba(3,0,128,0.3),0 0 7px 2px rgba(0,208,255,0.6),inset 0 1px 2px rgba(0,0,0,0.6),inset 2px 1px 4px rgba(0,0,0,0.3),inset 2px 4px 3px rgba(3,0,128,0.3),inset 0 0 7px 2px rgba(0,208,255,0.6);box-shadow:0 1px 2px rgba(0,0,0,0.6),2px 1px 4px rgba(0,0,0,0.3),2px 4px 3px rgba(3,0,128,0.3),0 0 7px 2px rgba(0,208,255,0.6),inset 0 1px 2px rgba(0,0,0,0.6),inset 2px 1px 4px rgba(0,0,0,0.3),inset 2px 4px 3px rgba(3,0,128,0.3),inset 0 0 7px 2px rgba(0,208,255,0.6);-webkit-animation:restart 2.5s forwards;animation:restart 2.5s forwards;margin-left:-200%}.game-over__res:hover{-webkit-box-shadow:0px 0px 20px 1px #ed0483;box-shadow:0px 0px 20px 1px #ed0483;text-shadow:-2px 4px 2vw #ca006d;border-color:#ed0483;color:#ed0483}.game-over.show{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}@-webkit-keyframes game-over-title{100%{margin-left:0%}}@keyframes game-over-title{100%{margin-left:0%}}@-webkit-keyframes restart{100%{margin:1em}}@keyframes restart{100%{margin:1em}}@-webkit-keyframes score{100%{margin:50px 0px}}@keyframes score{100%{margin:50px 0px}}body{background-color:#000;font-family:"Clear Sans", "Helvetica Neue", Arial, sans-serif}input::-ms-clear{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.game-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#000}.title__wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-filter:brightness(200%);filter:brightness(200%);overflow:hidden;margin-top:10px}.title__text{color:#fff;background:#000;font-size:120px;font-weight:bold;text-transform:uppercase;line-height:110px}.title__text::before{content:"2048";position:absolute;mix-blend-mode:difference;-webkit-filter:blur(3px);filter:blur(3px)}.title__gradient{background:linear-gradient(133.02259deg, #f8685c 7.35417%, #1940a9 93.1875%);position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.title__dodge{background:radial-gradient(circle, #fff, #000 35%) center/25% 25%;position:absolute;top:-100%;left:-100%;right:0;bottom:0;mix-blend-mode:color-dodge;-webkit-animation:dodge-area 3s linear infinite;animation:dodge-area 3s linear infinite}@-webkit-keyframes dodge-area{to{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}}@keyframes dodge-area{to{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}}.game-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.info__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:7em;margin:20px 0 20px 0}.info__block p{margin-top:0px;font-size:40px;color:#ff5347;text-decoration:none;-webkit-transition:all 0.5s;transition:all 0.5s}#block-size__inp{width:35px;margin-left:10px;border-radius:3px;font-size:25px;background:#303030;color:#eaeaea;border:none;padding:3px 0px 0px 5px;color:#e688dd}.animation{-webkit-animation:neon1 1.5s ease-in-out infinite alternate;animation:neon1 1.5s ease-in-out infinite alternate;-webkit-filter:blur(0px);filter:blur(0px)}@-webkit-keyframes neon1{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff5347,0 0 70px #ff5347,0 0 80px #ff5347,0 0 100px #ff5347,0 0 150px #ff5347}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff5347,0 0 35px #ff5347,0 0 40px #ff5347,0 0 50px #ff5347,0 0 75px #ff5347}}@keyframes neon1{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff5347,0 0 70px #ff5347,0 0 80px #ff5347,0 0 100px #ff5347,0 0 150px #ff5347}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ff5347,0 0 35px #ff5347,0 0 40px #ff5347,0 0 50px #ff5347,0 0 75px #ff5347}}.block__btn{position:relative;display:block;padding:8px 20px;color:#ff5347;text-transform:uppercase;letter-spacing:3px;text-decoration:none;font-size:20px;overflow:hidden;-webkit-transition:0.2s;transition:0.2s;margin-left:10px;cursor:pointer;background:transparent;outline:none;border:none}.block__btn:hover{color:#000;background:#ff5347;-webkit-box-shadow:0 0 20px #ff5347,0 0 80px #ff5347,0 0 160px #ff5347,0 0 320px #ff5347;box-shadow:0 0 20px #ff5347,0 0 80px #ff5347,0 0 160px #ff5347,0 0 320px #ff5347;-webkit-transition-delay:1s;transition-delay:1s}.block__btn span{position:absolute;display:block}.block__btn span:nth-child(1){top:0;-webkit-transform:translateX(-115%);transform:translateX(-115%);width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, from(transparent), to(#ff5347));background:linear-gradient(90deg, transparent, #ff5347);opacity:0}.block__btn span:nth-child(3){bottom:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%;height:4px;background:-webkit-gradient(linear, right top, left top, from(transparent), to(#ff5347));background:linear-gradient(270deg, transparent, #ff5347)}.block__btn span:nth-child(2){right:0;-webkit-transform:translateY(-130%);transform:translateY(-130%);width:4px;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#ff5347));background:linear-gradient(180deg, transparent, #ff5347)}.block__btn span:nth-child(4){left:0;-webkit-transform:translateY(100%);transform:translateY(100%);width:4px;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(transparent), to(#ff5347));background:linear-gradient(360deg, transparent, #ff5347)}.block__btn:hover span:nth-child(1){-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:1s;transition:1s;opacity:1}.block__btn:hover span:nth-child(3){-webkit-transform:translateX(-115%);transform:translateX(-115%);-webkit-transition:1s 0.5s;transition:1s 0.5s}.block__btn:hover span:nth-child(2){-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:1s 0.25s;transition:1s 0.25s}.block__btn:hover span:nth-child(4){-webkit-transform:translateY(-130%);transform:translateY(-130%);-webkit-transition:1s 0.75s;transition:1s 0.75s}.game-score{margin-left:25px}.game-score p{text-align:center;font-size:40px;background:-webkit-gradient(linear, left top, right top, color-stop(7.35417%, #f8685c), color-stop(93.1875%, #1940a9));background:linear-gradient(90deg, #f8685c 7.35417%, #1940a9 93.1875%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;mix-blend-mode:multiply;-webkit-filter:blur(0.6px);filter:blur(0.6px)}#canvas{background-color:#303030}.canvas-gradient{margin:0 auto;position:relative;width:450px;padding:0px 0;font-size:0em;color:#fff;text-align:center;letter-spacing:5px;background:#020117;font-family:"Clear Sans", "Helvetica Neue", Arial, sans-serif}.canvas-gradient::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(133.02259deg, #f8685c 7.35417%, #1940a9 93.1875%);z-index:-1;opacity:0.9}.canvas-gradient::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, #fff, #ff5347, #2356ff, #28d7fe);z-index:-2;-webkit-filter:blur(40px);filter:blur(40px);opacity:0.5}.alert{padding:20px;background-color:#00000f;color:#ff5347;text-align:center;-webkit-transition:all 1s ease;transition:all 1s ease;margin-top:-56px}.alert strong{color:#2356ff}.closebtn{margin-left:15px;color:#2356ff;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.closebtn:hover{color:#ff5347}.alert-show{-webkit-transition:all 1s ease;transition:all 1s ease;margin-top:0px}@media (max-width: 650px){.game-over__title{font-size:85px;text-shadow:-4px 2px 0.5vw #2356ff}.game-over__score p{font-size:40px;text-shadow:-2px 2px 0.4vw #ca006d}.game-over__res{font-size:35px}}@media (max-width: 480px){.game-over__title{font-size:65px;text-shadow:-4px 2px 0.5vw #2356ff}.game-over__score p{font-size:35px;text-shadow:-1px 1px 0.4vw #ca006d}.game-over__res{font-size:30px}.title__text{font-size:100px}.info__block p{font-size:30px}#block-size__inp{font-size:20px}.block__btn{font-size:15px}.game-score p{font-size:30px}.canvas-gradient{width:350px}#canvas{width:350px;height:350px}}@media (max-width: 350px){.game-over__title{font-size:55px;text-shadow:-4px 2px 0.5vw #2356ff}.game-over__score p{font-size:30px;text-shadow:-1px 1px 0.4vw #ca006d}.game-over__res{font-size:25px}.info__block p{font-size:25px}#block-size__inp{font-size:18px}.block__btn{font-size:12px}.game-score p{font-size:25px}.canvas-gradient{width:300px}#canvas{width:300px;height:300px}.alert{font-size:12px}}
/*# sourceMappingURL=style.css.map */