:root{--bg-color:#fce4ec;--grid-bg:#8c7ae6;--cell-bg:#9c88ff;--text-color:#2f3640;--font-main:"Nunito", sans-serif}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}#game-container{flex-direction:column;align-items:center;width:100%;max-width:500px;height:100dvh;max-height:100dvh;padding:10px 20px;display:flex}header{background:#fff;border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;padding:10px 15px;display:flex;box-shadow:0 8px 15px #0000001a}h1{color:#ff4757;text-transform:uppercase;font-size:1.5rem}.score-board{color:#ffa502;background:#fffdf2;border:2px solid #ffeaa7;border-radius:12px;padding:5px 15px;font-size:1.2rem;font-weight:900}main{background-color:var(--grid-bg);border-radius:20px;flex:auto;width:100%;min-height:0;padding:10px;display:flex;box-shadow:inset 0 0 20px #0003,0 10px 20px #00000026}#grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:8px;width:100%;height:100%;display:grid;position:relative}.cell{background-color:var(--cell-bg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:2.5rem;transition:transform .15s,background-color .3s;display:flex;position:relative;box-shadow:inset 0 -4px #0000001a}.cell.item-1{background-color:#ffecd2;box-shadow:inset 0 -4px #ecd3ae}.cell.item-2{background-color:#f7d794;box-shadow:inset 0 -4px #e6c173}.cell.item-3{background-color:#f3a683;box-shadow:inset 0 -4px #db8761}.cell.item-4{background-color:#e77f67;box-shadow:inset 0 -4px #cd654c}.cell.item-5{background-color:#cf6a87;animation:1s infinite alternate pulse;box-shadow:inset 0 -4px #b3516f}.cell.selected{z-index:10;transform:scale(1.1);box-shadow:0 0 15px #fffc}.cell.merging{animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(1)}50%{z-index:10;transform:scale(1.4)}to{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 5px #ff4757}to{box-shadow:0 0 20px #ff4757}}.modal{z-index:100;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{text-align:center;background:#fff;border-radius:20px;padding:40px;animation:.4s ease-out slideUp;box-shadow:0 20px 40px #0000004d}.modal-content h2{color:#ff4757;margin-bottom:10px;font-size:2rem}.modal-content p{margin-bottom:20px;font-size:1.2rem}#restart-btn{color:#fff;cursor:pointer;background:#2ed573;border:none;border-radius:30px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #21a355}#restart-btn:active{transform:translateY(5px);box-shadow:0 0 #21a355}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#how-to-play{text-align:center;color:#576574;background:#ffffffb3;border-radius:12px;flex-shrink:0;margin-top:10px;margin-bottom:10px;padding:8px;font-size:.85rem;font-weight:700}@media (width<=400px){.cell{font-size:2rem}header{padding:10px 15px}h1{font-size:1.2rem}}