.App{max-width:720px;margin:0 auto}.App .header{display:flex;width:100%}.App .header>div{flex:1 1}.App .header .button{float:right;margin-left:auto!important;margin-right:auto!important;margin:26px 0}@media screen and (max-width:500px){.App .header .button{float:none;margin:26px 0}}.App .footer{margin:24px 0;font-weight:700;text-align:center}.App .button-cursor{cursor:pointer}.App .grid-control{text-align:center;display:flex;flex-direction:column;justify-content:center}.App .grid-control .button-control{margin-top:24px;width:70%;margin-left:auto;margin-right:auto;cursor:pointer;background-color:#776e65;border:none;border-radius:16px;height:51px;color:#fff;font-size:20px}.App .game-control{display:flex;margin-left:auto;margin-right:auto;left:0;right:0;margin-top:40px}@media screen and (max-width:576){.App .grid-control{display:block;grid-template-columns:none;justify-content:center;text-align:center}.App .game-control{display:flex;margin-left:auto;margin-right:auto;left:0;right:0;margin-top:40px}.App .button-cursor{text-align:center;display:block;cursor:pointer;margin-left:auto;margin-right:auto}}@media screen and (max-width:576px){.App{overscroll-behavior-y:contain}}.home{display:flex;flex-direction:column;padding-top:5%;background-color:rgba(0,0,0,.6);border-radius:16px;min-height:600px;margin-top:30px;padding-bottom:5%}.home .img-logo{width:300px;height:auto}.home .img-city,.home .img-logo{object-fit:contain;margin-left:auto;margin-right:auto}.home .img-city{position:absolute;background:url(/static/media/city.e17cadd6.png);background-repeat:repeat-x;background-size:contain;height:300px;left:0;right:0;bottom:0;z-index:-1;position:fixed;margin-top:60px;width:100%}.home .img-game{width:300px;height:auto;object-fit:contain;margin:41px auto}.home .button-start{border:none;border-radius:12px;background-color:#f7af31;color:#fff}.home .button-leader-board,.home .button-start{cursor:pointer;margin-left:auto;margin-right:auto;font-size:26px;font-weight:700;height:51px;width:50%;margin-bottom:16px}.home .button-leader-board{border:#f7af31;border-radius:12px;background-color:#fff;color:#f7af31}.home .text-license{font-size:14px;color:#fff;opacity:.4;text-align:center;margin-top:30px;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.home{width:90%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.home .img-game,.home .img-logo{width:200px}.home .img-city{background-position:bottom}.home .button-leader-board,.home .button-start{width:300px;font-size:18px}.home .text-license{font-size:11px}}.grid{display:flex;flex-wrap:wrap;background-color:#bbada0;border:8px solid #bbada0;border-radius:6px}.grid-cell{width:100px;height:100px;margin:8px;border-radius:4px;background:rgba(238,228,218,.35)}@media screen and (max-width:576px){.grid-cell{width:72px;height:72px}}@media screen and (max-width:410px){.grid-cell{width:64px;height:64px}}@media screen and (max-width:375px){.grid-cell{width:56px;height:56px}}@media screen and (max-width:576px){.grid{width:352px!important}}@media screen and (max-width:410px){.grid{width:325px!important}}@media screen and (max-width:376px){.grid{width:325px!important}}.tile{position:absolute;width:100px;height:100px;margin:8px;border-radius:4px;background-color:#eee4da;color:#776e65;font-weight:700;display:flex;text-align:center;font-size:48px;line-height:2.1;transition-property:left,top,-webkit-transform;transition-property:left,top,transform;transition-property:left,top,transform,-webkit-transform;transition-duration:.25s,.25s,.1s;-webkit-transform:scale(1);transform:scale(1)}.tile-128,.tile-256,.tile-512{font-size:44px;line-height:2.28}.tile-1024,.tile-2048{font-size:32px;line-height:3.18}.tile-2{position:absolute;z-index:1;font-size:70px;box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px hsla(0,0%,100%,0)}.tile .tile-control{display:flex;flex-direction:column;padding:8px;justify-content:center;margin:auto}.tile .font-bg{z-index:1;font-size:16px;line-height:23px;background-color:initial;box-shadow:0 0 30px 10px transparent,inset 0 0 0 1px transparent;color:#fff;opacity:.9;text-shadow:0 0 5px #000}.tile-4{background:#ede0c8;box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px hsla(0,0%,100%,0)}.tile-8{color:#f9f6f2;background:#f2b179}.tile-16{color:#f9f6f2;background:#f59563}.tile-32{color:#f9f6f2;background:#f67c5f}.tile-64{color:#f9f6f2;background:#f65e3b}.tile-128{color:#f9f6f2;background:#edcf72;box-shadow:0 0 30px 10px rgba(243,215,116,.2381),inset 0 0 0 1px hsla(0,0%,100%,.14286)}.tile-256{color:#f9f6f2;background:#edcc61;box-shadow:0 0 30px 10px rgba(243,215,116,.31746),inset 0 0 0 1px hsla(0,0%,100%,.19048)}.tile-512{color:#f9f6f2;background:#edc850;box-shadow:0 0 30px 10px rgba(243,215,116,.39683),inset 0 0 0 1px hsla(0,0%,100%,.2381)}.tile-1024{color:#f9f6f2;background:#edc53f;box-shadow:0 0 30px 10px rgba(243,215,116,.47619),inset 0 0 0 1px hsla(0,0%,100%,.28571)}.tile-2048{color:#f9f6f2;background:#edc22e;box-shadow:0 0 30px 10px rgba(243,215,116,.55556),inset 0 0 0 1px hsla(0,0%,100%,.33333)}@media screen and (max-width:576px){.tile .font-bg{font-size:13px;line-height:14px}.tile .tile-control{padding:2px;margin-top:auto;margin-bottom:auto}}.pos-img{width:70px;height:70px;object-fit:contain}@media screen and (max-width:576px){.pos-img{width:35px;height:35px;object-fit:contain;margin:auto}}@media screen and (max-width:576px){.tile{width:72px;height:72px}}@media screen and (max-width:410px){.tile{width:64px;height:64px}}@media screen and (max-width:375px){.tile{width:56px;height:56px}}.modal-control{background:rgba(0,0,0,.5);z-index:9999;width:100%;height:100%;touch-action:none;left:0}.Modal,.modal-control{position:absolute;top:0}.Modal{left:40px;height:0;z-index:90999;min-height:250px;padding-bottom:40px;display:flex;width:400px;right:40px;bottom:0;margin:auto;border-radius:16px;background-color:#000!important}.Modal .score-control{width:90%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;padding:20px}.Modal .score-control .text-score-header{font-size:30px;color:#fff;text-align:center}.Modal .score-control .text-score{font-size:70px;margin-top:30px;margin-bottom:30px;color:#f7af31;font-weight:700;text-align:center}.Modal .score-control .close-text{cursor:pointer;color:#fff;margin-top:auto;font-size:16px;text-decoration:underline;text-align:center}@media screen and (max-width:768px){.Modal{left:0;right:0;width:80%}}.Overlay{position:fixed;top:0;left:0;z-index:5;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.board{position:relative}.tile-container{position:absolute;z-index:2;margin:8px;top:0;left:0;right:0;bottom:0}@media screen and (max-width:576px){.tile-container{position:absolute;z-index:2;margin:8px;top:0;left:0;right:0;bottom:0}.board{width:100%!important;margin-left:auto;margin-right:auto}}@media screen and (max-width:375px){.tile-container{position:absolute;z-index:2;margin:8px;top:0;left:0;right:0;bottom:0}.board{width:100%!important;margin-left:auto;margin-right:auto}}@media screen and (max-width:346px){.tile-container{position:absolute;z-index:2;margin:8px;top:0;left:0;right:0;bottom:0}.board{width:100%!important;margin-left:auto;margin-right:auto}}.container-control{padding-left:5%;padding-right:5%;display:block;margin-left:auto;margin-right:auto}.mobile-custom{display:none}.mobile-control{width:100%}.input-control{display:flex;flex-direction:column;width:100%}.input-style{width:80%;height:51px;border-radius:14px;padding-left:24px;padding-right:24px;font-size:30px;text-align:center}.button-start,.input-style{margin-left:auto;font-weight:700;margin-right:auto}.button-start{cursor:pointer;border:none;font-size:14px;margin-top:16px;border-radius:12px;background-color:#f7af31;height:41px;color:#fff;width:50%}.desktop-custom{display:flex}@media screen and (max-width:768px){.mobile-custom{display:block;width:90%}.mobile-control{width:100%}.desktop-custom{display:none}.container-control{padding-left:0;padding-right:0;display:block}}.play{padding-top:5%}.play .img-logo{width:300px;height:auto}.play .img-city-2,.play .img-logo{object-fit:contain;margin-left:auto;margin-right:auto}.play .img-city-2{position:absolute;background:url(/static/media/city.e17cadd6.png);background-repeat:repeat-x;background-size:contain;height:300px;left:0;right:0;bottom:0;z-index:-1;position:fixed;margin-top:60px;width:100%}@media screen and (max-width:768px){.play{width:100%}.play .img-game,.play .img-logo{width:200px}.play .img-city-2{position:absolute;background:url(/static/media/city.e17cadd6.png);background-repeat:repeat-x;background-size:contain;height:300px;left:0;right:0;bottom:auto;z-index:-1;margin-top:60px;width:100%;object-fit:contain;margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){body{overscroll-behavior:contain!important;overflow:hidden!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf8ef;color:#776e65;font-size:18px;line-height:28px}h1{font-size:36px;line-height:46px}a{color:#776e65}a:hover{text-decoration:none}.lb-control{display:flex;flex-direction:column;padding-top:5%;background-color:rgba(0,0,0,.8);border-radius:16px;min-height:600px;margin-top:30px;padding-bottom:5%}.lb-control .img-logo{width:150px;height:auto;object-fit:contain;margin-left:auto;margin-right:auto}.lb-control .text-header-leader{font-size:40px;color:#fff;font-weight:700;text-align:center;margin-top:40px;margin-bottom:40px}.lb-control .img-city{position:absolute;background:url(/static/media/city.e17cadd6.png);background-repeat:repeat-x;background-size:contain;height:300px;left:0;right:0;bottom:0;z-index:-1;position:fixed;margin-top:60px;width:100%;object-fit:contain;margin-left:auto;margin-right:auto}.lb-control .button-home{cursor:pointer;border:none;font-size:26px;font-weight:700;border-radius:12px;background-color:#f7af31;height:51px;color:#fff;width:50%;margin:24px auto 16px}.lb-control .grid-control,.lb-control .grid-leader{width:80%;margin-left:auto;margin-right:auto}.lb-control .grid-leader{display:grid;grid-template-columns:20% 40% 40%}.lb-control .grid-item{border:2px solid #fff;padding-top:8px;padding-bottom:8px}.lb-control .leader-board-text{color:#fff;text-align:center;font-size:18px}@media screen and (max-width:768px){.lb-control .leader-board-text{font-size:15px}.lb-control .text-header-leader{font-size:24px}.lb-control .button-home{font-size:20px}.lb-control .grid-item{border:1px solid #fff;padding-top:3px;padding-bottom:3px}.lb-control .img-city{background-position:bottom}}
/*# sourceMappingURL=main.663fc803.chunk.css.map */