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;font-size:80%;margin:0;transition:background-color .3s,color .3s}body.light{background-color:#fff;color:#333}body.dark{background-color:#282c34;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game{align-items:center;display:flex;flex-direction:column;padding:20px}.scores{display:flex;font-size:18px;font-weight:700;justify-content:space-around;margin:10px 0}.score{background-color:#eee;border-radius:5px;padding:5px 10px}body.dark .score{background-color:#444;color:#fff}.reset-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:10px 20px}.reset-button:hover{background-color:#d32f2f}.boards{gap:40px;justify-content:center;width:100%}.board-wrapper,.boards{align-items:center;display:flex;flex-direction:column}.board-wrapper.active{box-sizing:border-box;max-width:100vw;order:-1;padding:0 30px;width:100%}.board-wrapper.active .board{margin:0 auto;touch-action:none}.board-wrapper.active .cell{font-size:36px;height:120px;width:120px}.board-wrapper.active .cell-128,.board-wrapper.active .cell-256,.board-wrapper.active .cell-512{font-size:30px}.board-wrapper.active .cell-1024,.board-wrapper.active .cell-2048{font-size:26px}.board-wrapper.opponent{opacity:.85}.board-wrapper.active.leading .board{background-color:#4caf50;box-shadow:0 0 20px #4caf5099;transition:background-color .4s ease,box-shadow .4s ease}.board-wrapper.active.trailing .board{background-color:#e53935;box-shadow:0 0 20px #e5393599;transition:background-color .4s ease,box-shadow .4s ease}.undo-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:8px 18px}.undo-button:hover:not(:disabled){background-color:#2980b9}.undo-button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.undo-button sub{font-size:12px;margin-left:2px}@keyframes celebrate-self{0%{box-shadow:0 0 0 #ffd70000;filter:brightness(1);transform:scale(1)}20%{box-shadow:0 0 40px #ffd700e6;filter:brightness(1.3);transform:scale(1.06)}40%{box-shadow:0 0 20px #ffd700b3;filter:brightness(1.15);transform:scale(1)}60%{box-shadow:0 0 40px #ffd700e6;filter:brightness(1.3);transform:scale(1.04)}to{box-shadow:0 0 0 #ffd70000;filter:brightness(1);transform:scale(1)}}@keyframes celebrate-rival{0%{box-shadow:0 0 0 #3498db00}25%{box-shadow:0 0 25px #3498dbe6}50%{box-shadow:0 0 10px #3498db80}75%{box-shadow:0 0 25px #3498dbe6}to{box-shadow:0 0 0 #3498db00}}.board-wrapper.celebrate-self .board{animation:celebrate-self 2.5s ease-in-out}.board-wrapper.celebrate-rival .board{animation:celebrate-rival 2.5s ease-in-out}.board-wrapper.celebrate-self:before{animation:celebrate-self 2.5s ease-in-out;background:gold;color:#776e65;content:"2048!";font-size:18px;padding:4px 14px}.board-wrapper.celebrate-rival:before,.board-wrapper.celebrate-self:before{border-radius:14px;box-shadow:0 2px 10px #0003;font-weight:700;left:50%;position:absolute;top:-10px;transform:translateX(-50%);z-index:20}.board-wrapper.celebrate-rival:before{background:#3498db;color:#fff;content:"Rival hit 2048";font-size:14px;padding:4px 12px}.board-wrapper{position:relative}.board-wrapper h2{margin-bottom:10px}.board{grid-gap:5px;background-color:#bbada0;border-radius:10px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);padding:10px}.row{display:contents}.cell{align-items:center;background-color:#cdc1b4;border-radius:6px;color:#776e65;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;width:80px}.cell-2{background-color:#eee4da}.cell-4{background-color:#ede0c8}.cell-8{background-color:#f2b179;color:#f9f6f2}.cell-16{background-color:#f59563;color:#f9f6f2}.cell-32{background-color:#f67c5f;color:#f9f6f2}.cell-64{background-color:#f65e3b;color:#f9f6f2}.cell-128{background-color:#edcf72}.cell-128,.cell-256{color:#f9f6f2;font-size:20px}.cell-256{background-color:#edcc61}.cell-512{background-color:#edc850;color:#f9f6f2;font-size:20px}.cell-1024{background-color:#edc53f}.cell-1024,.cell-2048{color:#f9f6f2;font-size:18px}.cell-2048{background-color:#edc22e}@media (max-width:768px){.boards{flex-direction:column;gap:20px}.cell{font-size:18px;height:60px;width:60px}.cell-1024,.cell-128,.cell-2048,.cell-256,.cell-512{font-size:14px}.board-wrapper.active{padding:0 30px}.board-wrapper.active .cell{font-size:28px;height:calc(25vw - 23.75px);max-height:140px;max-width:140px;width:calc(25vw - 23.75px)}.board-wrapper.active .cell-128,.board-wrapper.active .cell-256,.board-wrapper.active .cell-512{font-size:24px}.board-wrapper.active .cell-1024,.board-wrapper.active .cell-2048{font-size:20px}}.board-container{position:relative}.game-over{align-items:center;background-color:#eee4dae6;border-radius:10px;bottom:0;color:#776e65;display:flex;font-size:36px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.waiting-message{background-color:#f39c12}.opponent-reset-message,.waiting-message{border-radius:5px;color:#fff;font-size:16px;font-weight:700;margin:10px 0;padding:10px 20px;text-align:center}.opponent-reset-message{background-color:#e74c3c}.reset-button:disabled{background-color:#95a5a6;cursor:not-allowed}.menu-bar{align-items:center;background-color:#f0f0f0;display:flex;justify-content:space-between;padding:1rem}body.dark .menu-bar{background-color:#333;color:#fff}body.dark .menu-bar a{color:#fff}.menu-bar a{color:#333;font-weight:700;text-decoration:none}.menu-right button{cursor:pointer;padding:.5rem 1rem}.theme-toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.theme-toggle-button svg{color:#333}body.dark .theme-toggle-button svg{color:#fff}.app-container{min-height:100vh}.app-container,.content-area{display:flex;flex-direction:column}.content-area{flex-grow:1}
/*# sourceMappingURL=main.7e3cd77a.css.map*/