*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8ef;color:#776e65;overflow:hidden;touch-action:none}body,button{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif}button{background-color:#8f7a66;border:none;border-radius:3px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}button:hover{opacity:.8}button:active{transform:scale(.95)}@media (max-width:520px){html{font-size:14px}}.app{background-color:#faf8ef;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh}.app,.cell{align-items:center;display:flex;justify-content:center}.cell{border-radius:3px;font-weight:700;position:absolute;transition:transform .1s ease-in-out}.game-cell{z-index:10}.new-tile{animation:appear .2s ease-in-out}.merged-tile{animation:pop .2s ease-in-out}@keyframes appear{0%{opacity:0;transform:scale(0) translate(0);transform:scale(0) translate(var(--translate-x,0),var(--translate-y,0))}to{opacity:1;transform:scale(1) translate(0);transform:scale(1) translate(var(--translate-x,0),var(--translate-y,0))}}@keyframes pop{0%{transform:scale(.8) translate(0);transform:scale(.8) translate(var(--translate-x,0),var(--translate-y,0))}50%{transform:scale(1.1) translate(0);transform:scale(1.1) translate(var(--translate-x,0),var(--translate-y,0))}to{transform:scale(1) translate(0);transform:scale(1) translate(var(--translate-x,0),var(--translate-y,0))}}.board-container{background-color:#bbada0;border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;position:relative;touch-action:none}.background-cell,.score-container{border-radius:3px}.score-container{background-color:#bbada0;color:#fff;flex:1 1;padding:.5rem 1rem;position:relative;text-align:center}.score-title{font-size:.8rem;text-transform:uppercase}.score-value{font-size:1.5rem;font-weight:700;word-break:break-all}.score-addition{animation:score-addition .3s ease-in-out;color:#776e65e6;font-size:1.2rem;font-weight:700;position:absolute;right:30%;z-index:100}@keyframes score-addition{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.header{display:flex;flex-direction:column;gap:1rem;width:100%}.header-title{align-items:center;display:flex;justify-content:space-between}.header-title h1{color:#776e65;font-size:3rem;font-weight:700;margin:0}.subtitle{color:#776e65;font-size:1rem}.header-scores{display:flex;gap:.5rem;width:100%}.header-actions{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0;width:100%}.restart-button{background-color:#8f7a66;border-radius:3px;color:#fff;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.restart-button:hover{background-color:#9f8b77}.how-to-play{color:#776e65;font-size:.8rem;max-width:70%}@media (max-width:520px){.header-title h1{font-size:2.5rem}.header-actions{align-items:flex-start;flex-direction:column;gap:.5rem}.how-to-play{margin-top:.5rem;max-width:100%}}.game-over{align-items:center;animation:fade-in .8s ease;background-color:#eee4daba;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.game-over-content{background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center}.game-over-content h2{color:#776e65;font-size:2rem;margin-bottom:1rem}.game-over-content p{color:#776e65;margin-bottom:1.5rem}.game-over-actions{display:flex;gap:1rem;justify-content:center}.game-over-actions button{background-color:#8f7a66;border:none;border-radius:3px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .2s ease}.game-over-actions button:hover{background-color:#9f8b77}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:500px;padding:1rem;width:100%}@media (max-width:520px){.game-container{padding:.5rem}}
/*# sourceMappingURL=main.e8b637fd.css.map*/