body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;text-align:center;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.instructions{border-radius:12px;font-size:1.1rem;line-height:1.6;margin:0 auto;padding:0 20px;text-align:left;width:350px}.main-header{background:linear-gradient(135deg,#f6d365,#fda085);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:auto;padding:15px;text-align:center;width:100%}.game-title{color:#fff;font-size:3.5rem;margin:auto;text-shadow:2px 2px 4px #0003}.game-tagline{color:#fff;font-size:1.2rem;font-weight:300;margin:0 auto;max-width:600px}.zigzag-background{background:radial-gradient(circle,#f0f0f0 3px,#0000 4px) 0 0,radial-gradient(circle,#f0f0f0 3px,#0000 4px) 25px 25px;background-color:#fff;background-size:50px 50px;height:100%;left:0;opacity:.7;position:fixed;top:0;width:100%;z-index:-1}.title-3d{color:#fff;font-size:80px;font-weight:700;letter-spacing:2px;margin:0;position:relative;text-align:center;text-shadow:0 2px 0 #a67c52,0 4px 0 #8a6642,0 6px 6px #0009;transition:all .3s ease}.title-3d:hover{text-shadow:0 1px 0 #ccc,0 2px 0 #999,0 3px 0 #666,0 4px 0 #333,0 6px 15px #0009;transform:translateY(-2px)}.game-container,.grid,.score-container,.tile{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}.game-container{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;padding:20px}.grid{grid-gap:10px;background-color:#bbada0;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px);padding:10px}.tile{align-items:center;background-color:#cdc1b4;border-radius:5px;color:#776e65;display:flex;font-size:40px;font-weight:700;justify-content:center;position:relative;z-index:1}.tile:not([class*=tile-2]):not([class*=tile-4]):not([class*=tile-8]):not([class*=tile-16]):not([class*=tile-32]):not([class*=tile-64]):not([class*=tile-128]):not([class*=tile-256]):not([class*=tile-512]):not([class*=tile-1024]):not([class*=tile-2048]){z-index:0}.tile[class*=tile-]{z-index:2}.tile.slide-down,.tile.slide-left,.tile.slide-right,.tile.slide-up{z-index:3}.tile-2{background:#eee4da}.tile-4{background:#ede0c8}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2}.tile-256{background:#edcc61;color:#f9f6f2}.tile-512{background:#edc850;color:#f9f6f2}.tile-1024{background:#edc53f;color:#f9f6f2}.tile-2048{background:#edc22e;color:#f9f6f2}.tile{transition:transform .2s ease,background-color .1s ease;will-change:transform}.tile.appear{animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tile.appear{animation:pop .15s ease-out}.tile.slide-up{animation:slide-up .15s ease-in-out}.tile.slide-down{animation:slide-down .15s ease-in-out}.tile.slide-left{animation:slide-left .15s ease-in-out}.tile.slide-right{animation:slide-right .15s ease-in-out}.tile.slide-right.distance-1{animation:slide-right-1 .15s ease-in-out}.tile.slide-right.distance-2{animation:slide-right-2 .15s ease-in-out}.tile.slide-right.distance-3{animation:slide-right-3 .15s ease-in-out}.tile.slide-left.distance-1{animation:slide-left-1 .15s ease-in-out}.tile.slide-left.distance-2{animation:slide-left-2 .15s ease-in-out}.tile.slide-left.distance-3{animation:slide-left-3 .15s ease-in-out}.tile.slide-up.distance-1{animation:slide-up-1 .15s ease-in-out}.tile.slide-up.distance-2{animation:slide-up-2 .15s ease-in-out}.tile.slide-up.distance-3{animation:slide-up-3 .15s ease-in-out}.tile.slide-down.distance-1{animation:slide-down-1 .15s ease-in-out}.tile.slide-down.distance-2{animation:slide-down-2 .15s ease-in-out}.tile.slide-down.distance-3{animation:slide-down-3 .15s ease-in-out}@keyframes slide-right-1{0%{opacity:.8;transform:translateX(-90px) translateZ(0)}70%{transform:translateX(5px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-right-2{0%{opacity:.8;transform:translateX(-180px) translateZ(0)}70%{transform:translateX(7px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-right-3{0%{opacity:.8;transform:translateX(-270px) translateZ(0)}70%{transform:translateX(10px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-left-1{0%{opacity:.8;transform:translateX(90px) translateZ(0)}70%{transform:translateX(-5px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-left-2{0%{opacity:.8;transform:translateX(180px) translateZ(0)}70%{transform:translateX(-7px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-left-3{0%{opacity:.8;transform:translateX(270px) translateZ(0)}70%{transform:translateX(-10px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slide-up-1{0%{opacity:.8;transform:translateY(90px) translateZ(0)}70%{transform:translateY(-5px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slide-up-2{0%{opacity:.8;transform:translateY(180px) translateZ(0)}70%{transform:translateY(-7px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slide-up-3{0%{opacity:.8;transform:translateY(270px) translateZ(0)}70%{transform:translateY(-10px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slide-down-1{0%{opacity:.8;transform:translateY(-90px) translateZ(0)}70%{transform:translateY(5px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slide-down-2{0%{opacity:.8;transform:translateY(-180px) translateZ(0)}70%{transform:translateY(7px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slide-down-3{0%{opacity:.8;transform:translateY(-270px) translateZ(0)}70%{transform:translateY(10px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.tile.merged{animation:merge .3s cubic-bezier(.34,1.56,.64,1);z-index:4}@keyframes merge{0%{transform:scale(1)}50%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}.tile.slide-down,.tile.slide-left,.tile.slide-right,.tile.slide-up{animation-duration:.25s;animation-timing-function:cubic-bezier(.25,.1,.25,1.25)}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:370px;width:100%}.reset-button,.score-container{align-items:center;border-radius:5px;box-sizing:border-box;display:flex;font-weight:700;height:45px;width:130px}.score-container{align-items:center;background:linear-gradient(135deg,#bbada0,#cdc1b4);border-radius:6px;box-shadow:0 3px 6px #00000029;color:#fff;display:flex;flex-direction:row;font-weight:700;justify-content:center;min-width:100px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 15px;position:relative;text-align:center}.score-label{font-size:.8rem;margin-right:8px;opacity:.9;text-transform:uppercase}.score-value{align-items:center;display:flex;font-size:2rem;font-weight:800;justify-content:center;letter-spacing:1px;line-height:1;overflow:visible;text-shadow:0 2px 0 #a67c52,0 4px 0 #8a6642,0 6px 6px #0009}.reset-button{background:#8f7a66;border:none;color:#fff;cursor:pointer;font-size:14px;justify-content:center;transition:background-color .2s}.reset-button:hover{background:#9f8b77}.game-over-overlay{align-items:center;animation:fade-in .8s ease;background:#eee4daba;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.game-over-message{background:#ffffffe6;border-radius:10px;box-shadow:0 0 20px #0003;max-height:90%;max-width:90%;overflow-y:auto;padding:30px;text-align:center;transform:translateY(0)}.game-over-message button{background:#8f7a66;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.win-overlay{align-items:center;animation:fade-in .8s ease;background:#edc22e80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.win-message{background:#fffffff2;border:5px solid #edc22e;border-radius:10px;box-shadow:0 0 20px #0003;max-height:90%;max-width:90%;overflow-y:auto;padding:30px;text-align:center;transform:translateY(0)}.win-message h2{color:#edc22e}.win-buttons{display:flex;justify-content:space-between;margin-top:20px}.win-buttons button{background:#8f7a66;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin:0 10px;padding:10px 20px;transition:background-color .2s}.win-buttons button:first-child{background:#edc22e}.win-buttons button:hover{background:#9f8b77}.win-buttons button:first-child:hover{background:#f7d364}@keyframes score-bounce{0%{transform:scale(1)}40%{color:#f9f6f2;transform:scale(1.3)}to{transform:scale(1)}}.score-value.animated{animation:score-bounce .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.score-addition{animation:score-addition 1s ease-out;color:#65e252;font-size:1.2rem;font-weight:700;opacity:0;pointer-events:none;position:absolute;right:10px;text-shadow:0 0 3px #ffffff80;top:-20px;will-change:transform,opacity}@keyframes score-addition{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.game-footer{align-items:center;background:#eee4da59;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:inline-flex;justify-content:center;margin-top:15px;padding:5px 8px}.game-footer label{margin-right:6px}.game-footer label,.mode-button{color:#776e65;font-size:13px;font-weight:600}.mode-button{background:#0000;border:none;border-radius:15px;cursor:pointer;margin:0 2px;padding:5px 10px;transition:all .15s ease}.mode-button:hover:not(:disabled){background:#eee4da}.mode-button.selected:hover:not(:disabled){background:#8f7a66;box-shadow:inset 0 1px 3px #0000004d,0 1px 2px #ffffff1a;opacity:1}.game-container.animating .game-footer .mode-button{transition:none!important}.mode-button:active:not(:disabled){transform:translateY(1px)}.mode-button.selected{background:#8f7a66;box-shadow:inset 0 1px 3px #0003;color:#fff}.mode-button:disabled{cursor:not-allowed;opacity:.6}.pokemon-mode{background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:0}@media (max-width:480px){.game-footer{flex-direction:column;gap:10px}.mode-button{margin:4px}}
/*# sourceMappingURL=main.b369a981.css.map*/