section[data-v-fa4bbef1]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.3rem;background:#bbada0;width:100%;max-width:18rem;padding:.3rem;border-radius:5px;touch-action:none;font-size:2rem}div[data-v-fa4bbef1]{display:flex;aspect-ratio:1;width:100%;align-items:center;justify-content:center;border:1px solid grey;border-radius:5px;background:#eee4da59;box-sizing:border-box}.done[data-v-fa4bbef1]{filter:brightness(70%)}.tile-2[data-v-fa4bbef1]{background:#eee4da;color:#776e65;font-size:100%}.tile-4[data-v-fa4bbef1]{background:#ede0c8;color:#776e65;font-size:100%}.tile-8[data-v-fa4bbef1]{background:#f2b179;color:#f9f6f2;font-size:100%}.tile-16[data-v-fa4bbef1]{background:#f59563;color:#f9f6f2;font-size:100%}.tile-32[data-v-fa4bbef1]{background:#f67c5f;color:#f9f6f2;font-size:100%}.tile-64[data-v-fa4bbef1]{background:#f65e3b;color:#f9f6f2;font-size:100%}.tile-128[data-v-fa4bbef1]{background:#edcf72;color:#f9f6f2;font-size:80%;letter-spacing:-1px}.tile-256[data-v-fa4bbef1]{background:#edcc61;color:#f9f6f2;font-size:80%;letter-spacing:-1px}.tile-512[data-v-fa4bbef1]{background:#edc850;color:#f9f6f2;font-size:80%;letter-spacing:-1px}.tile-1024[data-v-fa4bbef1]{background:#edc53f;color:#f9f6f2;font-size:70%;letter-spacing:-2px}.tile-2048[data-v-fa4bbef1]{background:#edc22e;color:#f9f6f2;font-size:70%;letter-spacing:-2px;box-shadow:0 0 30px 10px #f3d7748c}.tile-super[data-v-fa4bbef1]{background:#3c3a32;color:#f9f6f2;font-size:65%;letter-spacing:-2px}.popup{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-box{background:#fff;border-radius:12px;padding:30px;box-shadow:0 8px 20px #00000080;min-width:300px;text-align:center}.popup-box input{width:80%;padding:10px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc;font-size:16px}.popup-box button{padding:10px 20px;font-size:16px;border-radius:8px;border:none;background-color:#4caf50;color:#fff;cursor:pointer;transition:background .3s}.popup-box button:hover{background-color:#45a049}h1{margin:0;line-height:20px}.popup p{font-style:italic;font-size:1.2rem}html,body{margin:0;padding:0}.content{display:flex;flex-direction:row;width:100vw;height:100vh;background:#f0f0f0}.child{width:50vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;box-sizing:border-box;overflow:auto}.child:first-child{justify-content:start;background:#fff;border-right:2px solid #ddd}.child:last-child{background:#fafafa}ul{list-style:none;padding:0;margin:0 0 20px;width:100%}li{padding:5px 10px;margin-bottom:5px;background:#e0e0e0;border-radius:6px;text-align:center}li.current{background:#4caf50;color:#fff;font-weight:700}button{padding:10px 20px;font-size:16px;border-radius:8px;border:none;background-color:#2196f3;color:#fff;cursor:pointer;transition:background .3s}button:hover{background-color:#1976d2}@media(max-width:768px){.content{height:auto;flex-direction:column}.child{width:100vw;height:auto}.child:nth-child(1){order:2}.child:nth-child(2){order:1}}