*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;--color-board: #cdc1b5;--color-board-border: #2f2117;--color-empty: rgb(204, 192, 179);--color-game-over: rgb(238, 228, 218, .73);--font-size-low: 40;--font-size-mid: 30;--font-size-high: 20;--font-color-light: rgb(249, 246, 242);--font-color-dark: rgb(119, 110, 101)}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background-image:url(https://i.imgur.com/DCPP7TW.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--font-color-light)}.top-section{height:80px;width:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:40px;font-size:20px;background-color:#000;opacity:50%;margin-bottom:60px}.main-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.board-section{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:420px}.game-over{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}.board{display:flex;flex-wrap:wrap;justify-content:center;width:420px;height:420px;min-width:420px;min-height:420px;background-color:var(--color-board);border:10px solid;border-color:var(--color-board-border);border-radius:10px}.tile{width:100px;height:100px;border:6px solid;border-color:var(--color-board-border);font-weight:700;font-size:35px;display:flex;justify-content:center;align-items:center}h1{font-size:45px;font-weight:900}p{font-weight:500}button{margin:10px;width:130px;height:55px;background-color:#f0ad28;border:1px solid black;font-weight:500;font-size:large}button:hover{background-color:#b99047}button:disabled{visibility:hidden}.newtile{animation:fade-in .4s}.footer{height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center}.share{opacity:40%}.share:hover{opacity:80%}.red{color:red}@keyframes pop{0%{opacity:0;transform:scale(.1);border:6px solid rgba(47,33,23,0)}80%{opacity:.8;transform:scale(1.2);border:6px solid rgba(47,33,23,0)}to{opacity:1;transform:scale(1);border:6px solid rgba(47,33,23,1)}}@keyframes fade-in{0%{opacity:0;transform:scale(0);border-color:#2f211700}to{opacity:1;transform:scale(1);border-color:#2f2117}}.x2{background-color:#b99047}.x4{background-color:#9d5c0b}.x8{background-color:#f0ad28}.x16{background-color:#be4309}.x32{background-color:#a00a17}.x64{background-color:#590e39}.x128{background-color:#420044}.x256{background-color:#285a16}.x512{background-color:#1a380f}.x1024{background-color:#082c16}.x2048{background-color:#0a3665}.x4096{background-color:#011938}