html{font-size:50px}.game-2048-container{flex-direction:column;align-items:center;padding-top:1rem;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;display:flex}.game-2048-wrapper{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffffff2;max-width:8.8rem;margin:0 auto}.game-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.game-title{color:#776e65;text-shadow:.04rem .04rem .08rem #0000001a;margin:0;font-size:1.2rem;font-weight:700}.scores-container{gap:.2rem;display:flex}.score-box{text-align:center;background:#bbada0;border-radius:.16rem;min-width:1.6rem;padding:.2rem .4rem}.score-label{color:#eee4da;text-transform:uppercase;margin-bottom:.1rem;font-size:.26rem;font-weight:700}.score-value{color:#fff;font-size:.48rem;font-weight:700}.game-intro{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.game-goal{color:#776e65;max-width:60%;margin:0;font-size:.32rem;line-height:1.5}.new-game-button{color:#fff;cursor:pointer;background:#8f7a66;border:none;border-radius:.16rem;padding:.24rem .48rem;font-size:.32rem;font-weight:700;transition:all .3s;box-shadow:0 .08rem .24rem #00000026}.new-game-button:hover{background:#9f8a76;transform:translateY(-.04rem);box-shadow:0 .12rem .32rem #0003}.new-game-button:active{transform:translateY(0)}.game-board-container{margin-bottom:20px;position:relative}.game-board{background:#bbada0;border-radius:.24rem;width:8.8rem;height:8.8rem;padding:.2rem;position:relative;box-shadow:0 .16rem .48rem #0003}.grid-container{z-index:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:.2rem;display:grid;position:absolute;inset:.2rem}.grid-cell{background:#cdc1b4;border-radius:.16rem}.tiles-container{z-index:2;position:absolute;inset:.2rem}.tile{will-change:transform,top,left;border-radius:.16rem;justify-content:center;align-items:center;width:1.95rem;height:1.95rem;font-size:.8rem;font-weight:700;transition:transform .15s ease-in-out,top .15s ease-in-out,left .15s ease-in-out;display:flex;position:absolute}.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:.2s ease-in-out appear}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tile-2{background:#eee4da;box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0}.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;animation:1s ease-in-out infinite pulse;box-shadow:0 0 .6rem .2rem #f3d77466}.tile-2048 .tile-value{color:#f9f6f2}@keyframes pulse{0%,to{box-shadow:0 0 .6rem .2rem #f3d77466}50%{box-shadow:0 0 .8rem .3rem #f3d77499}}.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{z-index:100;background:#eee4daf2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.win-message{background:#edc22ef2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-title{color:#776e65;text-shadow:.04rem .04rem .08rem #0000001a;margin:0 0 .4rem;font-size:.96rem;font-weight:700}.win-message .message-title{color:#f9f6f2}.retry-button,.keep-going-button{color:#fff;cursor:pointer;background:#8f7a66;border:none;border-radius:.16rem;padding:.3rem .6rem;font-size:.36rem;font-weight:700;transition:all .3s;box-shadow:0 .08rem .24rem #00000026}.retry-button:hover,.keep-going-button:hover{background:#9f8a76;transform:translateY(-.04rem);box-shadow:0 .12rem .32rem #0003}.retry-button:active,.keep-going-button:active{transform:translateY(0)}.win-buttons{gap:.3rem;display:flex}.keep-going-button{background:#776e65}.keep-going-button:hover{background:#8f7a66}.game-instructions{background:#f9f6f2;border:.04rem solid #bbada0;border-radius:.24rem;padding:.4rem}.instructions-title{color:#776e65;margin:0 0 .2rem;font-size:.36rem;font-weight:700}.instructions-text{color:#776e65;margin:0;font-size:.28rem;line-height:1.6}.game-footer{text-align:center;margin-top:.4rem}.footer-text{color:#8f7a66;margin:0;font-size:.28rem;font-weight:500}.footer-link{color:#8f7a66;text-decoration:none;transition:color .3s}.footer-link:hover{color:#776e65;text-decoration:underline}.footer-install-text{color:#8f7a66;justify-content:center;align-items:center;gap:.16rem;margin:.3rem 0 0;font-size:.28rem;font-weight:500;display:flex}.install-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.28rem;font-weight:600;text-decoration:underline;transition:color .3s}.install-link:hover{color:#764ba2;text-decoration:none}.dismiss-link{color:#8f7a66;cursor:pointer;background:0 0;border:none;padding:.08rem;font-size:.32rem;line-height:1;transition:color .3s}.dismiss-link:hover{color:#776e65}