@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";.App{height:100svh;max-width:600px;display:flex;flex-direction:column;align-items:center;padding:10px 10px 0;margin:auto}.Board{padding-block:24px;width:100%;max-width:600px}.Board .grid{border-radius:8px;background-color:var(--grid-color);display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:8px}.Tile{display:flex;border-radius:4px;aspect-ratio:1/1;background-color:var(--tile-0-color)}.Tile .value{flex:1;display:grid;place-content:center;overflow:hidden;font-size:1.8rem;border-radius:4px}.Score{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.score{display:flex;flex-direction:column;padding:6px 8px;font-size:16px;border-radius:4px;background-color:var(--grid-color)}.score-title{font-size:14px;color:var(--tile-2-color)}.score-value{text-align:right}.high-score{background-color:var(--grid-color)}.BtnAction{width:100%;display:flex;justify-content:flex-end;gap:16px}.BtnAction .btn-back{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:16px}.BtnAction .btn-icon{width:45px;display:grid;place-items:center}.BtnAction .btn-icon .ReloadIcon{width:30px;height:30px;transition:rotate .2s}.BtnAction .btn-icon:active .ReloadIcon{rotate:180deg}.BtnAction .git-link{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:auto;color:var(--grid-color);transition:color .2s}.BtnAction .git-link:hover{color:#fff}.BtnAction .git-link .pseudo{font-size:10px}.Title{text-align:center;margin:0 0 32px}.Title .title-2048{letter-spacing:10px;font-size:clamp(30px,5vh,50px)}.Title .Tile{aspect-ratio:initial;background-color:gold;border-radius:4px;animation:fade-in .5s ease-in-out}.Title .Tile .value{font-size:10px!important}.Title .place-holder{background-color:var(--grid-color);opacity:.5;border-radius:4px;height:13px}@media (max-height: 600px){.Title{display:none}}.RotateDevice{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20id='rotate'%3e%3cpath%20d='M5.824%202a.5.5%200%200%200-.05.002.5.5%200%200%200-.213.936l.546.316A4.486%204.486%200%200%200%203.28%206.11l-.341-.591a.5.5%200%200%200-.458-.256.5.5%200%200%200-.41.756l1%201.73a.5.5%200%200%200%20.46.25.5.5%200%200%200%20.017%200%20.5.5%200%200%200%20.342-.145l1.597-.921a.5.5%200%201%200-.5-.866l-.797.461a3.463%203.463%200%200%201%202.409-2.386l-.489.843a.5.5%200%201%200%20.868.5l1-1.732a.5.5%200%200%200%20.052-.361.5.5%200%200%200-.006-.026.5.5%200%200%200-.025-.07.5.5%200%200%200-.012-.024.5.5%200%200%200-.011-.021.5.5%200%200%200-.23-.209l-1.684-.97A.5.5%200%200%200%205.824%202zM9.5%202a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%20.5.5h5a.5.5%200%200%200%20.5-.5v-8a.5.5%200%200%200-.5-.5h-5zm.5%201h4v7h-4V3zM2.5%209a.5.5%200%200%200-.5.5v5a.5.5%200%200%200%20.5.5h8a.5.5%200%200%200%20.5-.5V12h-1v2H3v-4h5V9H2.5z'%20color='%23000'%20font-family='sans-serif'%20font-weight='400'%20overflow='visible'%20style='line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;text-transform:none;block-progression:tb;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:%23000;solid-opacity:1'%3e%3c/path%3e%3c/svg%3e") no-repeat center;background-color:var(--bg-color);background-size:100px}@media screen and (orientation: landscape) and (max-width: 768px){.RotateDevice{display:block}}.ReloadPWA{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000bf;padding:10px;display:grid;place-content:center}.ReloadPWA .modal-reload{background-color:var(--tile-2-color);border-radius:4px;padding:8px;text-align:center}.ReloadPWA .btn-reload{padding:8px 16px}.InstallPWA{height:50px;background-color:var(--tile-2-color);border-top-left-radius:25px;border-top-right-radius:25px;position:fixed;bottom:0;left:0;right:0;padding:10px;transform:translateY(100%);transition:transform .5s;z-index:1}.InstallPWA.show{transform:translateY(0)}.InstallPWA.ios{font-size:14px;text-align:center}.InstallPWA.ios svg{position:relative;top:3px;color:var(--bg-color)}@media all and (display-mode: standalone){.InstallPWA{display:none}}:root{--bg-color: #1f2525;--bg-dark: #020e0e;--grid-color: #4d669788;--grid-color-light: #6e8abf;--text-color: #cd5554;--tile-0-color: #808080;--tile-2-color: #f2f2f0;--tile-4-color: #e0dbcc;--tile-8-color: #d6bd93;--tile-16-color: #cfa96c;--tile-32-color: #eec64d;--tile-64-color: #ffe600;--tile-128-color: #fff06b;--tile-256-color: #b6e3c6;--tile-512-color: #85e4a6;--tile-1024-color: #143f61;--tile-2048-color: #1b1b35;--tile-4096-color: #1c29b1;--tile-8192-color: #393e71;--tile-16384-color: #55262d;--tile-32768-color: #000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .5s ease}@keyframes scale{0%{scale:.5}to{scale:1}}.scale{animation:scale .3s backwards}@keyframes slide-right{0%{translate:-10px}to{translate:0}}.slide-ArrowRight{animation:slide-right .2s backwards}@keyframes slide-left{0%{translate:10px}to{translate:0}}.slide-ArrowLeft{animation:slide-left .2s backwards}@keyframes slide-up{0%{translate:0 10px}to{translate:0 0}}.slide-ArrowUp{animation:slide-up .2s backwards}@keyframes slide-down{0%{translate:0 -10px}to{translate:0 0}}.slide-ArrowDown{animation:slide-down .2s backwards}@keyframes scale-merge{0%{scale:1.2;border-radius:50%}to{scale:1;border-radius:4px}}.slide-merge-ArrowLeft{animation:slide-left .2s,scale-merge .2s .2s}.slide-merge-ArrowRight{animation:slide-right .2s,scale-merge .2s .2s}.slide-merge-ArrowUp{animation:slide-up .2s,scale-merge .2s .2s}.slide-merge-ArrowDown{animation:slide-down .2s,scale-merge .2s .1s}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Audiowide,sans-serif;transition:background-color .5s;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:none;color:var(--text-color);background-color:var(--grid-color);border-radius:4px;font-family:Audiowide,sans-serif;transition:all .2s;padding:0;cursor:pointer}button:active:not(:disabled){background-color:var(--grid-color-light)}button:disabled{opacity:.5;cursor:not-allowed}