body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior-y:contain}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:1vmin;position:relative}.grid-cell{padding:1vmin;width:var(--cell-size)}.grid-cell,.grid-cell-inner{aspect-ratio:1/1;box-sizing:border-box}.grid-cell-inner{background-color:#9e9494;border-radius:5px;width:100%}.tile-wrapper{aspect-ratio:1/1;box-sizing:border-box;padding:1vmin;position:absolute;transition-duration:.3s;transition-property:color,background-color,top,left;width:var(--cell-size);z-index:10}.tile{align-items:center;aspect-ratio:1/1;border-radius:5px;display:flex;font-size:5vmin;justify-content:center;width:100%}.tile-2{background-color:#eee4da}.tile-2,.tile-4{box-shadow:0 0 30px 10px hsla(47,84%,70%,0),inset 0 0 1px hsla(0,0%,100%,0);color:#000}.tile-4{background-color:#ede0c8}.tile-8{background-color:#f2b179}.tile-16,.tile-8{box-shadow:0 0 30px 10px hsla(47,84%,70%,0),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-16{background-color:#f59563}.tile-32{background-color:#f67c5f}.tile-32,.tile-64{box-shadow:0 0 30px 10px hsla(47,84%,70%,0),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-64{background-color:#f65e3b}.tile-128{background-color:#edcf72;box-shadow:0 0 30px 10px hsla(47,84%,70%,.238),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-256{background-color:#edcc61;box-shadow:0 0 30px 10px hsla(47,84%,70%,.317),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-512{background-color:#edc850;box-shadow:0 0 30px 10px hsla(47,84%,70%,.397),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-1024{background-color:#edc53f;box-shadow:0 0 30px 10px hsla(47,84%,70%,.476),inset 0 0 1px hsla(0,0%,100%,0);color:#f9f6f2}.tile-2048{background-color:#ede0c8;box-shadow:0 0 30px 10px hsla(47,84%,70%,.556),inset 0 0 1px hsla(0,0%,100%,0);color:#000}.merged{-webkit-animation:merge-tile var(--merge-duration);animation:merge-tile var(--merge-duration)}.new{-webkit-animation:create-tile var(--merge-duration);animation:create-tile var(--merge-duration)}@-webkit-keyframes create-tile{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes create-tile{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes merge-tile{60%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes merge-tile{60%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.header{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.header .title{color:#887070;font-size:52px;margin:10px}.controls{color:#887070;display:flex;padding:0;width:100%}.score{word-wrap:nowrap;background-color:#bbada0;border-radius:5px;color:#fff;flex:1 1;font-size:4vmin;margin:5px;padding:10px;text-align:center}.score-title{margin:0}.game-button,.score-title{color:#887070;font-size:4vmin}.game-button{background-color:#bbada0;border-radius:5px;cursor:pointer;flex:2 1 100%;font-weight:700;margin:5px 5px 2vmin;padding:20px 10px;text-align:center;width:70px}.game-button:disabled{color:#d3d3d3;cursor:auto}input[type=checkbox]{margin:5px 10px}.video-wrapper{max-width:"100%";max-width:100%;overflow:hidden;text-align:"center";text-align:center}.wrapper{align-items:stretch;display:flex;flex-direction:column;margin:0 20px;max-width:500px;padding:40px 20px 20px;width:80%}.board{aspect-ratio:1/1;background-color:#bbada0;border-radius:5px;max-height:80vh;max-width:800px;width:100%}.overlay{align-items:center;background-color:hsla(29,17%,68%,.65);color:#887070;display:flex;flex-direction:column;font-size:60px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-transform:uppercase;top:0;width:100%;z-index:100}.overlay .btn{background-color:transparent;border:none;border-radius:10px;color:#887070;cursor:pointer;font-size:.5em;padding:10px 20px}.win{color:#edc53f;text-shadow:10px 10px 30px rgba(5,5,5,.556)}@media only screen and (orientation:landscape)and (max-height:700px){.wrapper{max-height:90vh;padding:0}.wrapper,.wrapper .board{width:auto}}@media only screen and (orientation:landscape)and (max-height:500px){.wrapper{flex-direction:row;padding:0;width:70%}.wrapper .board{height:80vh;width:auto}}.App{align-items:center;display:flex;flex-direction:column;margin:0 auto}@media only screen and (orientation:landscape){.App{align-items:center;flex-direction:row;justify-content:center;min-height:100vh}}
/*# sourceMappingURL=main.1b109712.css.map*/