.game-2048-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif}.game-2048-wrapper{max-width:500px;width:100%;background:rgba(255,255,255,.95);border-radius:20px;padding:30px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-title{font-size:60px;font-weight:700;color:#776e65;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.scores-container{display:flex;gap:10px}.score-box{background:#bbada0;padding:10px 20px;border-radius:8px;text-align:center;min-width:80px}.score-label{font-size:13px;color:#eee4da;font-weight:700;text-transform:uppercase;margin-bottom:5px}.score-value{font-size:24px;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:16px;margin:0;max-width:60%;line-height:1.5}.new-game-button{background:#8f7a66;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.new-game-button:hover{background:#9f8a76;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.new-game-button:active{transform:translateY(0)}.game-board-container{position:relative;margin-bottom:20px}.game-2048-container{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-board{background:#bbada0;border-radius:12px;padding:10px;position:relative;width:440px;height:440px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.grid-container{position:absolute;top:10px;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;z-index:1}.grid-cell{background:#cdc1b4;border-radius:8px}.tiles-container{position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:2}.tile{position:absolute;width:97.5px;height:97.5px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:40px;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:107.5px}.tile-position-0-2{top:0;left:215px}.tile-position-0-3{top:0;left:322.5px}.tile-position-1-0{top:107.5px;left:0}.tile-position-1-1{top:107.5px;left:107.5px}.tile-position-1-2{top:107.5px;left:215px}.tile-position-1-3{top:107.5px;left:322.5px}.tile-position-2-0{top:215px;left:0}.tile-position-2-1{top:215px;left:107.5px}.tile-position-2-2{top:215px;left:215px}.tile-position-2-3{top:215px;left:322.5px}.tile-position-3-0{top:322.5px;left:0}.tile-position-3-1{top:322.5px;left:107.5px}.tile-position-3-2{top:322.5px;left:215px}.tile-position-3-3{top:322.5px;left:322.5px}.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:35px}.tile-128 .tile-value{color:#f9f6f2}.tile-256{background:#edcc61;font-size:35px}.tile-256 .tile-value{color:#f9f6f2}.tile-512{background:#edc850;font-size:35px}.tile-512 .tile-value{color:#f9f6f2}.tile-1024{background:#edc53f;font-size:30px}.tile-1024 .tile-value{color:#f9f6f2}.tile-2048{background:#edc22e;font-size:30px;box-shadow:0 0 30px 10px 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 30px 10px rgba(243,215,116,.4)}50%{box-shadow:0 0 40px 15px rgba(243,215,116,.6)}}.tile-4096{background:#3c3a32;font-size:25px}.tile-4096 .tile-value{color:#f9f6f2}.tile-8192{background:#3c3a32;font-size:25px}.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:48px;font-weight:700;color:#776e65;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.win-message .message-title{color:#f9f6f2}.keep-going-button,.retry-button{background:#8f7a66;color:white;border:none;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.keep-going-button:hover,.retry-button:hover{background:#9f8a76;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.keep-going-button:active,.retry-button:active{transform:translateY(0)}.win-buttons{display:flex;gap:15px}.keep-going-button{background:#776e65}.keep-going-button:hover{background:#8f7a66}.game-instructions{background:#f9f6f2;padding:20px;border-radius:12px;border:2px solid #bbada0}.instructions-title{font-size:18px;font-weight:700;color:#776e65;margin:0 0 10px}.instructions-text{font-size:14px;color:#776e65;margin:0;line-height:1.6}.game-footer{margin-top:20px;text-align:center}.footer-text{font-size:14px;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}@media (max-width:600px){.game-2048-container{background:#faf8ef;padding:10px;min-height:100vh;align-items:flex-start}.game-2048-wrapper{padding:15px;background:transparent;box-shadow:none;max-width:100%}.game-title{font-size:40px}.score-box{min-width:60px;padding:8px 15px}.score-label{font-size:11px}.score-value{font-size:18px}.game-goal{font-size:14px;max-width:55%}.new-game-button{padding:10px 18px;font-size:14px}.game-board{width:320px;height:320px;margin:0 auto}.tile{width:67.5px;height:67.5px;font-size:28px}.tile-position-0-0{top:0;left:0}.tile-position-0-1{top:0;left:77.5px}.tile-position-0-2{top:0;left:155px}.tile-position-0-3{top:0;left:232.5px}.tile-position-1-0{top:77.5px;left:0}.tile-position-1-1{top:77.5px;left:77.5px}.tile-position-1-2{top:77.5px;left:155px}.tile-position-1-3{top:77.5px;left:232.5px}.tile-position-2-0{top:155px;left:0}.tile-position-2-1{top:155px;left:77.5px}.tile-position-2-2{top:155px;left:155px}.tile-position-2-3{top:155px;left:232.5px}.tile-position-3-0{top:232.5px;left:0}.tile-position-3-1{top:232.5px;left:77.5px}.tile-position-3-2{top:232.5px;left:155px}.tile-position-3-3{top:232.5px;left:232.5px}.tile-128,.tile-256,.tile-512{font-size:24px}.tile-1024,.tile-2048{font-size:20px}.tile-4096,.tile-8192{font-size:18px}.message-title{font-size:32px}.keep-going-button,.retry-button{padding:12px 24px;font-size:16px}}@media (max-width:400px){.game-board{width:280px;height:280px;margin:0 auto}.tile{width:62.5px;height:62.5px;font-size:24px}.tile-position-0-0{top:0;left:0}.tile-position-0-1{top:0;left:72.5px}.tile-position-0-2{top:0;left:145px}.tile-position-0-3{top:0;left:217.5px}.tile-position-1-0{top:72.5px;left:0}.tile-position-1-1{top:72.5px;left:72.5px}.tile-position-1-2{top:72.5px;left:145px}.tile-position-1-3{top:72.5px;left:217.5px}.tile-position-2-0{top:145px;left:0}.tile-position-2-1{top:145px;left:72.5px}.tile-position-2-2{top:145px;left:145px}.tile-position-2-3{top:145px;left:217.5px}.tile-position-3-0{top:217.5px;left:0}.tile-position-3-1{top:217.5px;left:72.5px}.tile-position-3-2{top:217.5px;left:145px}.tile-position-3-3{top:217.5px;left:217.5px}.tile-128,.tile-256,.tile-512{font-size:20px}.tile-1024,.tile-2048{font-size:16px}.tile-4096,.tile-8192{font-size:14px}}