*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden;overflow-y:auto}body,html{overscroll-behavior:auto}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6;min-height:100%;-webkit-overflow-scrolling:touch;overflow:auto}@supports (-webkit-touch-callout:none){body{position:static;width:100%;overflow-y:auto;height:auto}}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #ddd;text-align:center}h1{color:#2c3e50;font-size:2.5rem;margin-bottom:15px}.score-container{display:flex;gap:20px;align-items:center;justify-content:center;width:100%}.high-score,.level,.moves,.score{background-color:#3498db;color:#fff;padding:8px 12px;border-radius:5px;text-align:center;min-width:70px}.high-score-title,.level-title,.moves-title,.score-title{display:block;font-size:.9rem;margin-bottom:5px}#high-score,#level,#moves,#score{font-size:1.5rem;font-weight:700}.game-container{display:flex;justify-content:space-between;gap:40px;margin-bottom:30px;flex-wrap:wrap}.grid-container{flex:1 1;min-width:300px;max-width:450px;margin:0 auto;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;z-index:2}h2{color:#2c3e50;margin-bottom:15px;text-align:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;background-color:#bbada0;border-radius:6px;padding:10px;margin-bottom:20px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;tabindex:0}.empty-cell,.grid{aspect-ratio:1/1;position:relative}.empty-cell{background-color:hsla(30,37%,89%,.35);border-radius:3px}#target-grid .tile:not(:empty){box-shadow:0 0 10px hsla(0,0%,100%,.5);position:relative}.tile{background-color:#eee4da;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#776e65;transition:transform .15s ease,background-color .15s ease;position:relative;aspect-ratio:1/1;overflow:visible;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1);transform-origin:center}.target-indicator,.tile{border-radius:3px;font-weight:700}.target-indicator{position:absolute;top:3px;right:3px;font-size:.9rem;background-color:#3498db;color:#fff;padding:3px 5px;line-height:1;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:none}@keyframes tile-matched-effect{0%{border-color:rgba(46,204,113,.7);box-shadow:0 0 10px rgba(46,204,113,.7)}50%{border-color:#2ecc71;box-shadow:0 0 15px #2ecc71}to{border-color:rgba(46,204,113,.7);box-shadow:0 0 10px rgba(46,204,113,.7)}}.tile-matched{box-shadow:0 0 10px rgba(46,204,113,.7);border:2px solid #2ecc71;position:relative;animation:tile-matched-effect .8s ease-in-out infinite}.tile-mismatched{box-shadow:0 0 10px rgba(231,76,60,.7);border:2px solid #e74c3c;position:relative}@keyframes target-match-effect{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.9}to{transform:scale(1);opacity:1}}.target-match{background-color:#2ecc71;animation:target-match-effect .8s ease-in-out infinite}.target-mismatch{background-color:#e74c3c;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(231,76,60,.4)}70%{box-shadow:0 0 0 5px rgba(231,76,60,0)}to{box-shadow:0 0 0 0 rgba(231,76,60,0)}}.tile-matched:after{display:none}@keyframes tile-appear{0%{opacity:0;transform:scale(0) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}75%{transform:scale(.95) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes tile-merge{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.1);filter:brightness(1.2)}50%{transform:scale(1.2);box-shadow:0 0 20px hsla(0,0%,100%,.8);filter:brightness(1.4)}75%{transform:scale(1.1);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.tile-new{animation:tile-appear .2s ease-in-out;z-index:10}.tile-merged{animation:tile-merge .25s ease-in-out;z-index:20}.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:1.2rem}.tile-256{background-color:#edcc61}.tile-512{background-color:#edc850;color:#f9f6f2;font-size:1.2rem}.tile-1024{background-color:#edc53f}.tile-1024,.tile-2048{color:#f9f6f2;font-size:1rem}.tile-2048{background-color:#edc22e}.controls,.level-info{display:flex;flex-direction:column;align-items:center;gap:15px}.controls button{margin:5px;width:100%;max-width:200px}button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}.swipe-instructions{text-align:center;margin-top:15px}.message{background-color:rgba(0,0,0,.9);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:30px;font-size:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:80%;max-width:500px;box-shadow:0 0 20px rgba(0,0,0,.8)}.high-scores-table{width:100%;margin:20px 0;border-collapse:collapse;text-align:center}.high-scores-table td,.high-scores-table th{padding:8px;border-bottom:1px solid #ddd}.high-scores-table th{background-color:#3498db;color:#fff}.high-scores-table tr:nth-child(2n){background-color:hsla(0,0%,100%,.1)}.high-scores-table tr:hover{background-color:hsla(0,0%,100%,.2)}.message p{margin-bottom:15px}.win-button{background-color:#2ecc71;color:#fff;border:none;padding:12px 25px;border-radius:5px;font-size:1.2rem;font-weight:700;margin-top:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2)}.win-button:hover{background-color:#27ae60;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.win-button:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.message.success{background-color:rgba(46,204,113,.9)}.message.failure{background-color:rgba(231,76,60,.9)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:900;display:none}.overlay.active{display:block}.hidden{display:none}.instructions{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.instructions h3{color:#2c3e50}.instructions h3,.instructions p{margin-bottom:10px}.mini-target-preview{display:none;position:absolute;top:10px;right:10px;width:110px;height:110px;background-color:transparent;border-radius:5px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;z-index:10}.mini-target-preview h3{font-size:12px;margin:0 0 5px;text-align:center;color:#3498db;font-weight:700}.mini-target-preview .grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:2px;gap:2px;padding:4px;margin-bottom:0;background-color:#bbada0;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.mini-target-preview .tile{font-size:6px;aspect-ratio:1/1;overflow:hidden;padding:0}.mini-target-preview .tile,.target-overlay{display:flex;align-items:center;justify-content:center}.target-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000}.target-overlay-content{background-color:#fff;border-radius:10px;padding:20px;width:90%;max-width:350px;display:flex;flex-direction:column;align-items:center}.target-overlay-content h2{margin-top:0;margin-bottom:15px;color:#333}.target-overlay-content .grid{width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:5px;gap:5px;padding:5px;background-color:#bbada0;border-radius:5px;margin-bottom:15px}.target-overlay-content .tile{aspect-ratio:1/1;overflow:hidden;font-size:1.2rem}.tile-128,.tile-256,.tile-512{font-size:1.2rem}.tile-1024,.tile-2048{font-size:1rem}.mini-target-preview .tile-1024,.mini-target-preview .tile-128,.mini-target-preview .tile-2048,.mini-target-preview .tile-256,.mini-target-preview .tile-512{font-size:5px}@media (max-width:768px){.container{padding:10px;position:relative}header{flex-direction:column;gap:10px;margin-bottom:15px;padding-bottom:10px;text-align:center}h1{font-size:2rem;width:100%;margin-bottom:10px}.score-container{width:100%;justify-content:center;gap:10px}.level,.moves,.score{padding:8px 12px;min-width:70px}.game-container{flex-direction:column;gap:10px;margin-bottom:15px}.grid-container:nth-child(2){display:none}.target-indicator{font-size:.7rem;padding:2px 4px}.grid-container:first-child{width:100%;padding:15px}h2{font-size:1.2rem;margin-bottom:8px}.grid{aspect-ratio:1/1;padding:8px;gap:8px;max-width:350px;margin:0 auto 15px}.tile{font-size:1.5rem}#player-grid{box-shadow:0 0 0 2px rgba(52,152,219,.5)}.controls{gap:8px}button{padding:8px 12px;font-size:.9rem}.instructions{padding:10px}.instructions h3{font-size:1.1rem}.instructions p{font-size:.9rem;margin-bottom:8px}.swipe-instructions{margin-top:8px;font-size:.9rem}.message{width:90%;padding:15px;font-size:1.2rem}.win-button{padding:10px 20px;font-size:1rem}.mini-target-preview .tile-1024,.mini-target-preview .tile-128,.mini-target-preview .tile-2048,.mini-target-preview .tile-256,.mini-target-preview .tile-512{font-size:.4rem}.mini-target-preview .tile{font-size:.5rem;aspect-ratio:1/1;overflow:hidden}.tile-matched:after{display:none}}@media (max-width:480px){.score-container{gap:5px;flex-wrap:wrap;justify-content:center}.level,.moves,.score{min-width:60px;padding:5px 8px}#level,#moves,#score{font-size:1.2rem}.tile-matched:after{display:none}.mini-target-preview{width:100px;height:100px;top:55px}.mini-target-preview h3{font-size:12px;margin:0 0 3px}}#close-target-btn{background-color:#8f7a66;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}#close-target-btn:hover{background-color:#7f6b56}.grid-container:nth-child(2){display:none}.tile-value{justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.high-score,.tile-value{display:flex;align-items:center}.high-score{position:relative;flex-direction:column;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.high-score:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.5)}#player-grid:focus,#player-grid:focus-visible{outline:2px solid blue!important}#__next-build-watcher,#nextjs-portal,.next-debug,.nextjs-portal-container{display:none!important}