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{display:flex;gap:40px;justify-content:center}.board-wrapper{align-items:center;display:flex;flex-direction:column}.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-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.c863dd03.css.map*/