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 24px;width:100%}.board-wrapper.active .board{--tile-size:calc(25vw - 21px);--tile-gap:8px;margin:0 auto;touch-action:none}.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}.action-buttons{display:flex;gap:10px;margin-top:12px}.swipe-button,.undo-button{align-items:center;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:4px;padding:8px 14px}.swipe-button:hover:not(:disabled),.undo-button:hover:not(:disabled){background-color:#2980b9}.swipe-button:disabled,.undo-button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.swipe-button sub,.undo-button sub{font-size:12px;margin-left:2px}.action-icon{display:block;height:20px;width:20px}.swipe-button.active{background-color:#e67e22}.swipe-button.active:hover:not(:disabled){background-color:#d35400}.board.swipe-mode .tile-tappable{cursor:pointer;pointer-events:auto}.board.swipe-mode .tile-tappable .tile{box-shadow:0 0 0 3px #e67e22e6;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out}.board.swipe-mode .tile-tappable:hover .tile{box-shadow:0 0 0 4px #e67e22;transform:scale(1.06)}@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{--tile-size:80px;--tile-gap:5px;grid-gap:var(--tile-gap);background-color:#bbada0;border-radius:10px;display:grid;gap:var(--tile-gap);grid-template-columns:repeat(4,var(--tile-size));padding:var(--tile-gap)}.animated-board{display:inline-block}.board-grid{grid-gap:var(--tile-gap);display:grid;gap:var(--tile-gap);grid-template-columns:repeat(4,var(--tile-size));position:relative}.row{display:contents}.cell,.cell-bg{align-items:center;background-color:#cdc1b4;border-radius:6px;color:#776e65;display:flex;font-size:calc(var(--tile-size)*.32);font-weight:700;height:var(--tile-size);justify-content:center;width:var(--tile-size)}.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:calc(var(--tile-size)*.26)}.cell-256{background-color:#edcc61}.cell-512{background-color:#edc850;color:#f9f6f2;font-size:calc(var(--tile-size)*.26)}.cell-1024{background-color:#edc53f}.cell-1024,.cell-2048{color:#f9f6f2;font-size:calc(var(--tile-size)*.22)}.cell-2048{background-color:#edc22e}.tile-wrapper{height:var(--tile-size);left:0;pointer-events:none;position:absolute;top:0;transition:transform .13s cubic-bezier(.2,.8,.2,1);width:var(--tile-size);will-change:transform}.tile{align-items:center;background-color:#cdc1b4;border-radius:6px;color:#776e65;display:flex;font-size:calc(var(--tile-size)*.4);font-weight:700;height:100%;justify-content:center;width:100%}.tile-2{background-color:#eee4da}.tile-4{background-color:#ede0c8}.tile-8{background-color:#f2b179;color:#f9f6f2}.tile-16{background-color:#f59563;color:#f9f6f2}.tile-32{background-color:#f67c5f;color:#f9f6f2}.tile-64{background-color:#f65e3b;color:#f9f6f2}.tile-128{background-color:#edcf72}.tile-128,.tile-256{color:#f9f6f2;font-size:calc(var(--tile-size)*.32)}.tile-256{background-color:#edcc61}.tile-512{background-color:#edc850;color:#f9f6f2;font-size:calc(var(--tile-size)*.32)}.tile-1024{background-color:#edc53f}.tile-1024,.tile-2048{color:#f9f6f2;font-size:calc(var(--tile-size)*.26)}.tile-2048{background-color:#edc22e}@keyframes tile-appear{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tile-new{animation:tile-appear .14s ease-out .13s both}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.tile-merged{animation:tile-pop .14s ease-in-out .13s;z-index:3}@media (max-width:1000px){.boards{flex-direction:column;gap:20px}.board{--tile-size:60px;--tile-gap:4px}.board-wrapper.active{padding:0}.board-wrapper.active .board{--tile-gap:8px;--tile-size:calc(25vw - var(--tile-gap)*2/4 - var(--tile-gap)*3/4)}}.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.c76dfeb9.css.map*/