.main-content{background:linear-gradient(135deg,#faf8ef,#f0e9d9)}.game2048-wrapper{margin:0 auto}.game2048-card{max-width:600px;margin:0 auto;box-shadow:0 4px 20px #0000001a}.game-title{font-size:3.5rem;font-weight:700;color:#776e65;margin:0;letter-spacing:2px}.game-subtitle{color:#8f7a66;font-size:.95rem;margin-top:.5rem}.score-board{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.score-box{background:#bbada0;padding:.75rem 1.5rem;border-radius:8px;text-align:center;min-width:100px}.score-label{display:block;font-size:.75rem;color:#eee4da;text-transform:uppercase;margin-bottom:.25rem}.score-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.game-container{display:flex;justify-content:center;margin-bottom:1.5rem}.game-board{width:min(400px,calc(100vw - 48px));height:min(400px,calc(100vw - 48px));background:#bbada0;border-radius:8px;padding:8px;position:relative}.grid-bg{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:100%;height:100%}.grid-cell{background:#eee4da59;border-radius:4px}.tile-container{position:absolute;inset:8px}.tile{position:absolute;width:calc(25% - 8px);height:calc(25% - 8px);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;transition:all .15s ease-in-out;z-index:10}.tile-new{animation:appear .2s ease-in-out}.tile-merged{animation:pop .2s ease-in-out}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:1.75rem;box-shadow:0 0 10px #f3d7744d}.tile-256{background:#edcc61;color:#f9f6f2;font-size:1.75rem;box-shadow:0 0 10px #f3d77466}.tile-512{background:#edc850;color:#f9f6f2;font-size:1.75rem;box-shadow:0 0 10px #f3d77480}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:1.5rem;box-shadow:0 0 10px #f3d77499}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:1.5rem;box-shadow:0 0 15px #f3d774b3}.tile-super{background:#3c3a32;color:#f9f6f2;font-size:1.25rem}.tile-position-0-0{top:0;left:0}.tile-position-0-1{top:0;left:calc(25% + 2px)}.tile-position-0-2{top:0;left:calc(50% + 4px)}.tile-position-0-3{top:0;left:calc(75% + 6px)}.tile-position-1-0{top:calc(25% + 2px);left:0}.tile-position-1-1{top:calc(25% + 2px);left:calc(25% + 2px)}.tile-position-1-2{top:calc(25% + 2px);left:calc(50% + 4px)}.tile-position-1-3{top:calc(25% + 2px);left:calc(75% + 6px)}.tile-position-2-0{top:calc(50% + 4px);left:0}.tile-position-2-1{top:calc(50% + 4px);left:calc(25% + 2px)}.tile-position-2-2{top:calc(50% + 4px);left:calc(50% + 4px)}.tile-position-2-3{top:calc(50% + 4px);left:calc(75% + 6px)}.tile-position-3-0{top:calc(75% + 6px);left:0}.tile-position-3-1{top:calc(75% + 6px);left:calc(25% + 2px)}.tile-position-3-2{top:calc(75% + 6px);left:calc(50% + 4px)}.tile-position-3-3{top:calc(75% + 6px);left:calc(75% + 6px)}.game-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.game-instructions{background:var(--bi-surface-2);padding:1.5rem;border-radius:8px;text-align:center}.game-instructions h5{color:#776e65;margin-bottom:1rem}.game-instructions p{color:#8f7a66;margin-bottom:.5rem;font-size:.95rem}.game-instructions strong{color:#776e65}.achievement-toast{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:1050;animation:achievement-slide .5s ease-out}@keyframes achievement-slide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.achievement-content{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;padding:1rem 2rem;border-radius:50px;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px rgba(var(--brand-rgb),.4)}.achievement-icon{font-size:1.5rem}.achievement-text{font-size:1.1rem;font-weight:500}.game-over-text{font-size:1.2rem;color:#776e65;margin-bottom:1rem}.final-score{font-size:1.5rem;color:#f59563;font-weight:700}@media (max-width: 576px){.game2048-card{padding:1rem}.game-title{font-size:2.5rem}.tile{font-size:1.5rem}.tile-128,.tile-256,.tile-512{font-size:1.25rem}.tile-1024,.tile-2048{font-size:1rem}.tile-super{font-size:.875rem}.score-board{flex-wrap:wrap}.score-box{min-width:80px;padding:.5rem 1rem}.score-value{font-size:1.25rem}}html[data-theme=dark] .main-content{background:linear-gradient(135deg,#0f172a,#141e33)}html[data-theme=dark] .game-title{color:var(--bi-text)}html[data-theme=dark] .game-subtitle{color:var(--bi-text-muted)}html[data-theme=dark] .game-instructions h5,html[data-theme=dark] .game-instructions strong{color:var(--bi-text)}html[data-theme=dark] .game-instructions p{color:var(--bi-text-muted)}html[data-theme=dark] .game-over-text{color:var(--bi-text)}