html{font-size:50px}.game-2048-container{display:flex;flex-direction:column;align-items:center;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;padding-top:1rem}.game-2048-wrapper{max-width:8.8rem;margin:0 auto;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:rgba(255,255,255,.95)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-title{font-size:1.2rem;font-weight:700;color:#776e65;margin:0;text-shadow:.04rem .04rem .08rem rgba(0,0,0,.1)}.scores-container{display:flex;gap:.2rem}.score-box{background:#bbada0;padding:.2rem .4rem;border-radius:.16rem;text-align:center;min-width:1.6rem}.score-label{font-size:.26rem;color:#eee4da;font-weight:700;text-transform:uppercase;margin-bottom:.1rem}.score-value{font-size:.48rem;color:white;font-weight:700}.game-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-goal{color:#776e65;font-size:.32rem;margin:0;max-width:60%;line-height:1.5}.new-game-button{background:#8f7a66;color:white;border:none;padding:.24rem .48rem;border-radius:.16rem;font-size:.32rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 .08rem .24rem rgba(0,0,0,.15)}.new-game-button:hover{background:#9f8a76;transform:translateY(-.04rem);box-shadow:0 .12rem .32rem rgba(0,0,0,.2)}.new-game-button:active{transform:translateY(0)}.game-board-container{position:relative;margin-bottom:20px}.game-board{background:#bbada0;border-radius:.24rem;padding:.2rem;position:relative;width:8.8rem;height:8.8rem;box-shadow:0 .16rem .48rem rgba(0,0,0,.2)}.grid-container{position:absolute;top:.2rem;left:.2rem;right:.2rem;bottom:.2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.2rem;z-index:1}.grid-cell{background:#cdc1b4;border-radius:.16rem}.tiles-container{position:absolute;top:.2rem;left:.2rem;right:.2rem;bottom:.2rem;z-index:2}.tile{position:absolute;width:1.95rem;height:1.95rem;border-radius:.16rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:transform .15s ease-in-out,top .15s ease-in-out,left .15s ease-in-out;will-change:transform,top,left}.tile-value{color:#776e65}.tile-position-0-0{top:0;left:0}.tile-position-0-1{top:0;left:2.15rem}.tile-position-0-2{top:0;left:4.3rem}.tile-position-0-3{top:0;left:6.45rem}.tile-position-1-0{top:2.15rem;left:0}.tile-position-1-1{top:2.15rem;left:2.15rem}.tile-position-1-2{top:2.15rem;left:4.3rem}.tile-position-1-3{top:2.15rem;left:6.45rem}.tile-position-2-0{top:4.3rem;left:0}.tile-position-2-1{top:4.3rem;left:2.15rem}.tile-position-2-2{top:4.3rem;left:4.3rem}.tile-position-2-3{top:4.3rem;left:6.45rem}.tile-position-3-0{top:6.45rem;left:0}.tile-position-3-1{top:6.45rem;left:2.15rem}.tile-position-3-2{top:6.45rem;left:4.3rem}.tile-position-3-3{top:6.45rem;left:6.45rem}.tile-new{animation:appear .2s ease-in-out}@keyframes appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.tile-2{background:#eee4da;box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px rgba(255,255,255,0)}.tile-4{background:#ede0c8}.tile-8{background:#f2b179}.tile-8 .tile-value{color:#f9f6f2}.tile-16{background:#f59563}.tile-16 .tile-value{color:#f9f6f2}.tile-32{background:#f67c5f}.tile-32 .tile-value{color:#f9f6f2}.tile-64{background:#f65e3b}.tile-64 .tile-value{color:#f9f6f2}.tile-128{background:#edcf72;font-size:.7rem}.tile-128 .tile-value{color:#f9f6f2}.tile-256{background:#edcc61;font-size:.7rem}.tile-256 .tile-value{color:#f9f6f2}.tile-512{background:#edc850;font-size:.7rem}.tile-512 .tile-value{color:#f9f6f2}.tile-1024{background:#edc53f;font-size:.6rem}.tile-1024 .tile-value{color:#f9f6f2}.tile-2048{background:#edc22e;font-size:.6rem;box-shadow:0 0 .6rem .2rem rgba(243,215,116,.4);animation:pulse 1s ease-in-out infinite}.tile-2048 .tile-value{color:#f9f6f2}@keyframes pulse{0%,to{box-shadow:0 0 .6rem .2rem rgba(243,215,116,.4)}50%{box-shadow:0 0 .8rem .3rem rgba(243,215,116,.6)}}.tile-4096{background:#3c3a32;font-size:.5rem}.tile-4096 .tile-value{color:#f9f6f2}.tile-8192{background:#3c3a32;font-size:.5rem}.tile-8192 .tile-value{color:#f9f6f2}.game-message{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(238,228,218,.95);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.win-message{background:rgba(237,194,46,.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-title{font-size:.96rem;font-weight:700;color:#776e65;margin:0 0 .4rem;text-shadow:.04rem .04rem .08rem rgba(0,0,0,.1)}.win-message .message-title{color:#f9f6f2}.keep-going-button,.retry-button{background:#8f7a66;color:white;border:none;padding:.3rem .6rem;border-radius:.16rem;font-size:.36rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 .08rem .24rem rgba(0,0,0,.15)}.keep-going-button:hover,.retry-button:hover{background:#9f8a76;transform:translateY(-.04rem);box-shadow:0 .12rem .32rem rgba(0,0,0,.2)}.keep-going-button:active,.retry-button:active{transform:translateY(0)}.win-buttons{display:flex;gap:.3rem}.keep-going-button{background:#776e65}.keep-going-button:hover{background:#8f7a66}.game-instructions{background:#f9f6f2;padding:.4rem;border-radius:.24rem;border:.04rem solid #bbada0}.instructions-title{font-size:.36rem;font-weight:700;color:#776e65;margin:0 0 .2rem}.instructions-text{font-size:.28rem;color:#776e65;margin:0;line-height:1.6}.game-footer{margin-top:.4rem;text-align:center}.footer-text{font-size:.28rem;color:#8f7a66;margin:0;font-weight:500}.footer-link{color:#8f7a66;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#776e65;text-decoration:underline}.footer-install-text{font-size:.28rem;color:#8f7a66;margin:.3rem 0 0;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.16rem}.install-link{background:transparent;color:#667eea;border:none;padding:0;font-size:.28rem;font-weight:600;cursor:pointer;transition:color .3s ease;text-decoration:underline}.install-link:hover{color:#764ba2;text-decoration:none}.dismiss-link{background:transparent;border:none;color:#8f7a66;font-size:.32rem;cursor:pointer;padding:.08rem;transition:color .3s ease;line-height:1}.dismiss-link:hover{color:#776e65}